/* Shared product surfaces: neutral dark workspace, lime brand accents. */
:root{--bg:#171916;--panel:#20231e;--panel2:#1b1e18;--line:#353c2e;--line2:#48533c;--ink:#f2f4ed;--ink2:#d1d9c5;--mute:#a5b196;--g-opt:#b9df67;--g-sub:#bfd77c;--shadow:0 10px 30px #0002}
html{scroll-padding-top:90px}body{font-size:16px;letter-spacing:-.025em}.topbar{background:#171916f5;border-color:#353c2e}.topbar .inner{padding:17px 22px}.brand{font-size:21px;letter-spacing:-.06em;gap:10px}.brand i{width:30px;height:30px;background:#d0f85a;border-radius:50%;position:relative}.brand i:after{content:'r';font:italic 25px/1 Georgia,serif;position:absolute;color:#171916;left:10px;top:0}.navlink{font-size:14px;background:transparent;border:0;border-radius:30px;color:#e6edda}.navcta{background:#d0f85a;color:#171916}.navcta:hover{background:#dfff8c;color:#171916}.navout{font-size:14px;color:#b6c4a4}.hero{background:#171916;border-bottom:1px solid var(--line)}h1{font-size:clamp(30px,4vw,43px);font-weight:600;letter-spacing:-.055em}h1 em{background:none;color:#d0f85a}.lede{font-size:16px;color:#acb99b;line-height:1.8}.badge{color:#c4da9d;border-color:#52633b;background:#27321e;font-size:13px}.wrap{padding-top:30px}.card,.cmp,.door,.panel{border-radius:5px;box-shadow:none}.card{padding:25px}.card h2{font-size:17px}.hint,.foot,.tiny{color:#aab899}.hint{font-size:14px}input,select,textarea{background:#171b13;border-color:#536143;color:#f1f5e9;border-radius:4px;font-size:16px;min-height:46px}input::placeholder,textarea::placeholder{color:#a5af98}input:focus,textarea:focus,select:focus{border-color:#d0f85a;outline:2px solid #d0f85a55;box-shadow:none}label{font-size:14px;color:#d2dcc4}.go,.big-btn{background:#d0f85a;color:#171916;border:1px solid #d0f85a;border-radius:4px;font-size:15px;font-weight:750;min-height:49px;box-shadow:none}.go:hover,.big-btn:hover{background:#e0ffa0;color:#171916;filter:none}.ghost{border-radius:4px;border-color:#6c7959;color:#d4e3bc}.btn,.small-btn{border-radius:4px}.tag{font-size:13px;border-radius:3px}.tag.info{background:#303b24;color:#d2e8a8;border-color:#566a37}.note{border-radius:4px;font-size:14px}.note.miss{background:#28321f;border-color:#586c39;color:#dce8c8}.helpbar{color:#a8b899}.helpbar a{color:#d0f85a}.roles .role{border-radius:4px}.roles .role.on{background:#354223;border-color:#bad574}.role small{font-size:13px;opacity:.85}.findrow button,.swap button{color:#d0f85a}.plan{border-radius:4px}.plan.pick{background:#2d3922;border-color:#adc86d}.plan.pick .pickbtn{background:#d0f85a;color:#171916}.plan .off{background:#354824;color:#e2f6bc}.pickbtn{border-radius:4px;color:#dbe8c7}.cmp .head{padding:25px;cursor:pointer}.cmp .head:hover{background:#293220}.cmp.on{border-color:#a6bd69}.cmp h3{font-size:21px;line-height:1.5;letter-spacing:-.04em}.cmp .money{color:#d0f85a}.cmp .detail{padding:24px}.list{gap:18px}.two-col{gap:25px}.cmp:target{scroll-margin-top:95px}.pname{color:#f2f4ed}.note.err{color:#ffd2c7}.note.ok{color:#d7f4af}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d0f85a;outline-offset:4px}button{transition:background .2s,border-color .2s}input[type=checkbox]{min-height:0;accent-color:#b8db65}
.auth-layout{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:.95fr 1fr;gap:76px;padding:58px 26px;align-items:start}.auth-layout .wrap.narrow{padding:0;margin:0;max-width:none;width:100%}.auth-layout .hero{padding:22px 0;border:0}.auth-layout .hero .inner{text-align:left;max-width:none}.auth-layout .hero h1{font-size:46px;margin-top:20px}.auth-layout .hero .lede{max-width:370px}.auth-editorial{margin-top:34px;border-top:1px solid #48533c;padding-top:30px}.auth-editorial p{font-family:Georgia,serif;font-style:italic;font-size:32px;line-height:1.3;color:#d0f85a}.auth-editorial small{display:block;color:#a9b797;font-size:14px;line-height:1.8;margin-top:15px}.auth-editorial img{display:block;width:100%;height:220px;object-fit:cover;margin-top:28px;border-radius:65px 3px 3px 3px}.auth-layout .card{background:#20271b;border-color:#46533a;padding:30px}.auth-layout .role{padding:16px 10px}.auth-layout .role b{font-size:16px}.auth-layout .orline{opacity:.7}.auth-layout .swap{opacity:1}.auth-layout .findrow{opacity:1}.auth-layout label.opt small{font-size:12px;color:#acb99b}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:25px;padding:24px 18px}.auth-layout .hero{padding:8px 0}.auth-layout .hero h1{font-size:34px}.auth-editorial{display:none}.auth-layout .card{padding:22px}.topbar .inner{padding:14px 18px}.brand{font-size:19px}.brand i{width:27px;height:27px}.brand i:after{font-size:23px;left:8px}.card{padding:20px}.cmp .head{padding:20px}.cmp h3{font-size:19px}.cmp .detail{padding:19px}.two-col{gap:18px}.navlink{font-size:13px}.hint{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Product screens share a calmer radius, spacing and readable form hierarchy. */
.card,.cmp,.door,.panel{border-radius:12px}.card{border-color:#41483a}.cmp .head{padding:26px}.cmp .detail{border-top:1px solid var(--line)}input,select,textarea,.go,.big-btn,.ghost,.btn,.small-btn,.note{border-radius:8px}textarea{line-height:1.8;padding:14px}label{line-height:1.7}.card h2{font-size:19px;letter-spacing:-.035em}.hint{line-height:1.8}.go,.big-btn{font-weight:650}.auth-layout .card{padding:30px}.auth-layout{gap:60px}.cmp .money{font-weight:650}.roles .role{border-radius:8px;padding:16px}.topbar .inner{min-height:74px}@media(max-width:760px){.auth-layout .card{padding:22px}.cmp .head{padding:20px}.topbar .inner{min-height:64px}}
.kakao.naver-login{background:#03c75a;color:#fff;margin-top:10px;border:1px solid #03c75a}.kakao.naver-login:hover{background:#029c46}