@layer components{.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:22px 14px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh}.side-title{font-weight:700;font-size:.98rem;letter-spacing:-.01em;padding:6px 12px 16px;color:var(--text)}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--text-dim);font-weight:500;font-size:.92rem;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item span{flex:1}.nav-badge{font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.04em;background:var(--accent);color:#fff;padding:2px 6px;border-radius:6px}.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:background .15s,border-color .15s}.side-user:hover{background:var(--surface-2);border-color:var(--accent)}.su-meta{overflow:hidden}.su-meta b{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-meta em{display:block;font-style:normal;font-size:.74rem;color:var(--text-dim)}.topbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:18px}.hamb{display:none}@media(max-width:820px){.hamb{display:inline-flex;align-items:center;justify-content:center;margin-right:auto;width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.hamb:active{background:var(--surface-2)}}.mode-seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.mode-seg button{font-size:.82rem;font-weight:600;padding:7px 16px;border-radius:8px;color:var(--text-dim);cursor:pointer;background:transparent;transition:all .15s}.mode-seg button.on{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #0000000f}.client{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.client-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.client-tabs{display:flex;gap:8px}.client-tab{padding:10px 20px;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--text-dim);transition:all .15s}.client-tab:hover{background:var(--surface-2);color:var(--text)}.client-tab.on{background:var(--accent);color:#fff}.exit-client{font-size:.82rem;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:9px;padding:8px 14px;cursor:pointer}.exit-client:hover{border-color:var(--neg);color:var(--neg)}@media(max-width:620px){.client-bar{padding:12px 14px;gap:10px;flex-wrap:nowrap}.client-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.client-tabs::-webkit-scrollbar{display:none}.client-tab{padding:9px 15px;font-size:.9rem;white-space:nowrap}.exit-client{flex-shrink:0}}.client-main{flex:1;padding:32px clamp(20px,5vw,72px) 56px;max-width:1280px;width:100%;margin-inline:auto}@media(max-width:620px){.client-main{padding:22px 16px 40px}}.client-main .page-head h1{font-size:2rem}.client-main .ref-stat .rs-value{font-size:1.85rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:1.55rem;letter-spacing:-.025em;line-height:1.2;display:flex;align-items:center;gap:10px}.page-head p{color:var(--text-dim);font-size:.9rem;margin-top:4px}.topic-tick{width:8px;height:22px;border-radius:4px;display:inline-block}.cta,.search{border-radius:10px;font-size:.9rem;padding:10px 16px;font-weight:600;transition:filter .15s,background .15s}.cta{background:var(--accent);color:#fff;white-space:nowrap}.cta:hover{filter:brightness(1.08)}.search{background:var(--surface);border:1px solid var(--border);color:var(--text);width:240px;font-weight:400}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.cards{display:grid;gap:14px;margin-bottom:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:18px 20px}.stat .label{color:var(--text-dim);font-size:.84rem;font-weight:500}.stat .value{font-size:1.85rem;font-weight:700;letter-spacing:-.03em;margin:6px 0 5px}.delta{font-size:.8rem;font-weight:600}.delta.up{color:var(--pos)}.delta.down{color:var(--neg)}.topic-cards{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:4px}@media(max-width:860px){.topic-cards{grid-template-columns:1fr}}.topic-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px 18px 22px;display:flex;flex-direction:column;gap:4px;transition:transform .15s,box-shadow .15s}.topic-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.topic-card .tc-bar{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tc)}.topic-card b{font-size:1.05rem;letter-spacing:-.02em}.topic-card em{font-style:normal;color:var(--text-dim);font-size:.86rem}.topic-card .tc-go{margin-top:8px;color:var(--tc);font-size:.82rem;font-weight:600}.grid-2{display:grid;gap:16px;grid-template-columns:1.5fr 1fr}@media(max-width:1000px){.grid-2{grid-template-columns:1fr}}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.panel-head h3{font-size:1rem;letter-spacing:-.01em}.head-tools{display:flex;align-items:center;gap:8px}.icon-btn{font-size:.72rem;font-weight:600;color:var(--text-dim);cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:5px 10px}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle{width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:1rem;line-height:1}.theme-toggle:hover{border-color:var(--accent)}.chip{font-size:.74rem;color:var(--text-dim);background:var(--surface-2);padding:4px 10px;border-radius:999px;white-space:nowrap}.ref-stats{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ref-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.ref-stat .rs-value{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--accent)}.ref-stat .rs-label{font-size:.84rem;margin-top:4px;font-weight:500}.ref-stat .rs-src{font-size:.72rem;color:var(--text-dim);margin-top:3px}.need-list,.script-list{list-style:none;display:flex;flex-direction:column;gap:12px}.need-list li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.45}.q-badge{flex-shrink:0;font-size:.7rem;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:6px;margin-top:1px}.script-list li{font-size:.92rem;line-height:1.5;color:var(--text);padding:12px 14px;background:var(--surface-2);border-radius:10px;border-left:3px solid var(--accent)}.seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.seg-btn{font-size:.8rem;font-weight:500;padding:6px 12px;border-radius:8px;color:var(--text-dim);cursor:pointer;background:transparent;transition:all .15s;white-space:nowrap}.seg-btn:hover{color:var(--text)}.seg-btn.on{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:0 1px 2px #0000000f}.dual-chart{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:760px){.dual-chart{grid-template-columns:1fr;gap:8px}}.chart-label{font-size:.84rem;font-weight:600;color:var(--text-dim);margin:2px 0 6px 6px}.chart-label span{color:var(--accent);margin-left:6px}.row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:.82rem;flex-shrink:0}.row .rmeta{flex:1;min-width:0}.row .who{font-weight:600;font-size:.9rem}.row .what{color:var(--text-dim);font-size:.82rem}.row time{color:var(--text-dim);font-size:.78rem;white-space:nowrap}.talk-grid{align-items:start}.coach{display:grid;grid-template-columns:268px 1fr;gap:16px;height:calc(100dvh - 76px)}@media(max-width:900px){.coach{grid-template-columns:1fr;height:auto}.coach-side{display:none}}.coach-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:8px;overflow:auto}.coach-side h3{font-size:.82rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:4px 4px 6px}.cap{display:flex;gap:11px;align-items:flex-start;text-align:left;padding:11px 12px;border:1px solid var(--border);background:var(--surface);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.cap:hover{border-color:var(--accent);background:var(--accent-soft)}.cap-ico{font-size:1.15rem;line-height:1.2}.cap b{display:block;font-size:.9rem}.cap em{display:block;font-style:normal;color:var(--text-dim);font-size:.77rem;margin-top:2px;line-height:1.35}.coach-main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.coach-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.coach-head h1{font-size:1.15rem;letter-spacing:-.02em}.coach-head p{color:var(--text-dim);font-size:.82rem;margin-top:2px}.live-dot{font-size:.76rem;color:var(--pos);font-weight:600}.feed{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px;min-height:340px}.bubble{display:flex;flex-direction:column;max-width:82%}.bubble.user{align-self:flex-end;align-items:flex-end}.bubble.ai{align-self:flex-start}.ai-tag{font-size:.7rem;font-weight:700;color:var(--accent);margin:0 0 5px 2px}.bubble-body{padding:12px 15px;border-radius:14px;font-size:.92rem;line-height:1.55}.bubble.ai .bubble-body{background:var(--surface-2);border-top-left-radius:4px}.bubble.user .bubble-body{background:var(--accent);color:#fff;border-top-right-radius:4px}.ref-card{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:7px}.ref-card li{font-size:.84rem;line-height:1.45;padding:9px 11px 9px 28px;background:var(--surface);border:1px solid var(--border);border-radius:9px;position:relative}.ref-card li:before{content:"›";position:absolute;left:12px;color:var(--accent);font-weight:700}.chips-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 12px}.prompt-chip{font-size:.82rem;padding:8px 13px;border:1px solid var(--border);background:var(--surface);border-radius:999px;cursor:pointer;color:var(--text-dim);transition:border-color .15s,color .15s;text-align:left}.prompt-chip:hover{border-color:var(--accent);color:var(--accent)}.composer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--border);align-items:center}.composer input{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 15px;font-size:.92rem;color:var(--text)}.composer input:focus{outline:2px solid var(--accent);outline-offset:0}.attach{width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface);font-size:1.4rem;color:var(--text-dim);cursor:pointer;flex-shrink:0}.attach:hover{border-color:var(--accent);color:var(--accent)}.send{background:var(--accent);color:#fff;border-radius:12px;padding:0 20px;height:42px;font-weight:600;font-size:.9rem;cursor:pointer;flex-shrink:0}.send:hover{filter:brightness(1.08)}.course-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.course{display:flex;flex-direction:column;gap:10px;padding:18px 20px}.course-top{display:flex;align-items:center;justify-content:space-between}.course b{font-size:1rem;letter-spacing:-.01em}.course-pct{font-size:.82rem;color:var(--text-dim);font-weight:600}.course-tag{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px}.course-tag[data-tag=수료]{color:var(--pos);background:color-mix(in srgb,var(--pos) 12%,transparent)}.course-tag[data-tag="진행 중"]{color:var(--accent);background:var(--accent-soft)}.course-tag[data-tag=예정]{color:var(--text-dim);background:var(--surface-2)}.bar{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px}.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh}@media(max-width:820px){.auth{grid-template-columns:1fr}.auth-brand{display:none}}.auth-brand{background:linear-gradient(155deg,#4f46e5,#6d28d9 55%,#0d9488);color:#fff;display:grid;place-items:center;padding:48px}.ab-inner{max-width:380px}.ab-inner h2{font-size:1.7rem;letter-spacing:-.02em;margin-bottom:14px}.ab-inner p{opacity:.9;line-height:1.6;margin-bottom:26px}.ab-inner ul{list-style:none;display:flex;flex-direction:column;gap:12px}.ab-inner li{position:relative;padding-left:26px;opacity:.95;font-size:.94rem}.ab-inner li:before{content:"✓";position:absolute;left:0;font-weight:700}.auth-form-wrap{display:grid;place-items:center;padding:40px 24px}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.auth-form h1{font-size:1.6rem;letter-spacing:-.02em}.auth-sub{color:var(--text-dim);font-size:.9rem;margin-top:-8px;margin-bottom:6px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:.84rem;color:var(--text-dim);font-weight:500}.auth-form label>input{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px 14px;font-size:.94rem;color:var(--text)}.auth-row{display:flex;align-items:center;justify-content:space-between;font-size:.84rem}.auth-row a{color:var(--accent)}.chk{flex-direction:row!important;align-items:center;gap:7px!important;color:var(--text-dim)}.auth-btn{background:var(--accent);color:#fff;border-radius:12px;padding:13px;font-weight:600;font-size:.96rem;cursor:pointer;margin-top:4px}.auth-btn:hover{filter:brightness(1.08)}.auth-hint{text-align:center;color:var(--text-dim);font-size:.78rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}.set-col{display:flex;flex-direction:column;gap:16px}.set-card{display:flex;flex-direction:column;gap:14px}.set-card h3{font-size:1rem}.profile-top{display:flex;align-items:center;gap:14px;padding-bottom:4px}.profile-top b{display:block;font-size:1rem}.profile-top em{font-style:normal;color:var(--text-dim);font-size:.84rem}.avatar.lg{width:52px;height:52px;font-size:1.15rem}.field{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--text-dim);font-weight:500}.field input,.field select{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:.92rem;color:var(--text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.toggle-row input{width:40px;height:22px;accent-color:var(--accent);cursor:pointer}.set-card.danger p{color:var(--text-dim);font-size:.86rem}.ghost-btn{align-self:flex-start;background:transparent;border:1px solid var(--border);color:var(--neg);border-radius:10px;padding:9px 16px;font-weight:600;font-size:.88rem;cursor:pointer}.ghost-btn:hover{border-color:var(--neg);background:color-mix(in srgb,var(--neg) 8%,transparent)}.save-toast{color:var(--pos);font-size:.86rem;font-weight:600}.gap-flow{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center}@media(max-width:880px){.gap-flow{grid-template-columns:1fr}}.gap-inputs{display:flex;flex-direction:column;gap:16px}.slider-field{display:flex;flex-direction:column;gap:8px;font-size:.86rem;color:var(--text-dim)}.slider-field span b{color:var(--text);font-weight:700;float:right}.slider-field input[type=range]{width:100%;accent-color:#db2777;cursor:pointer}.gap-result{border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:3px;margin-top:4px}.gap-result span{font-size:.82rem;color:var(--text-dim);font-weight:600}.gap-result strong{font-size:1.5rem;letter-spacing:-.02em}.gap-result em{font-style:normal;font-size:.78rem;color:var(--text-dim)}.gap-result.warn{background:color-mix(in srgb,#db2777 10%,transparent);border:1px solid color-mix(in srgb,#db2777 30%,transparent)}.gap-result.warn strong{color:#db2777}.gap-result.ok{background:color-mix(in srgb,var(--pos) 10%,transparent)}.gap-result.ok strong{color:var(--pos)}.gap-right{display:flex;flex-direction:column;gap:14px}.score-box{display:flex;align-items:center;gap:20px;padding:8px 4px;flex-wrap:wrap}.score-ring{width:108px;height:108px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.score-inner{width:82px;height:82px;border-radius:50%;background:var(--surface);display:grid;place-items:center;grid-auto-flow:column;align-items:baseline;gap:2px}.score-inner b{font-size:2.1rem;font-weight:800;letter-spacing:-.04em}.score-inner small{font-size:.8rem;color:var(--text-dim)}.score-verdict{flex:1}.score-grade{display:inline-block;color:#fff;font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:999px}.score-verdict p{font-size:.86rem;color:var(--text-dim);margin:8px 0 10px;line-height:1.45}.fill-bars{display:flex;flex-direction:column;gap:8px}.fill-bars div span{font-size:.78rem;color:var(--text-dim);font-weight:500}.fill-bars i{display:block;height:7px;background:var(--surface-2);border-radius:999px;margin-top:4px;overflow:hidden}.fill-bars i b{display:block;height:100%;border-radius:999px;transition:width .3s}.hook-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:16px}.hook-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;border-top:3px solid #db2777}.hook-card strong{display:block;font-size:1.55rem;font-weight:700;letter-spacing:-.03em;color:#db2777}.hook-card span{display:block;font-size:.86rem;margin:5px 0 3px;font-weight:500;line-height:1.4}.hook-card em{font-style:normal;font-size:.72rem;color:var(--text-dim)}.era-track{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:900px){.era-track{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.era-track{grid-template-columns:1fr 1fr}}.era{padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.era.new{border-color:#db2777;background:color-mix(in srgb,#db2777 7%,transparent)}.era-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.era b{font-size:1rem}.era-period{font-size:.74rem;color:var(--text-dim)}.era-burden-bar{height:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin:6px 0 2px}.era-burden-bar i{display:block;height:100%;border-radius:999px}.era-burden{font-size:.82rem;font-weight:600;color:var(--accent)}.era.new .era-burden{color:#db2777}.era-premium{font-size:.78rem;color:var(--text-dim)}.era em{font-style:normal;font-size:.76rem;color:var(--text-dim);line-height:1.4;margin-top:2px}.evo-list{list-style:none;display:flex;flex-direction:column}.evo-list li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.evo-list li:last-child{border-bottom:0}.evo-year{font-size:.78rem;font-weight:700;color:var(--text-dim);width:42px;flex-shrink:0}.evo-list b{flex:1;font-size:.92rem}.evo-change{display:flex;align-items:center;gap:8px;font-size:.88rem}.evo-change s{color:var(--text-dim)}.evo-change i{color:var(--text-dim);font-style:normal}.evo-change strong{color:#db2777;font-weight:700}.evo-mult{font-style:normal;font-size:.68rem;font-weight:700;color:#db2777;background:color-mix(in srgb,#db2777 12%,transparent);padding:2px 7px;border-radius:999px}.rate-now{font-size:.8rem;font-weight:600;color:var(--accent);margin-left:6px}.rate-note{color:var(--text-dim);font-size:.86rem;line-height:1.5;margin:-4px 0 12px}.url-issued{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius);padding:16px 20px;margin-bottom:18px}.ui-label{display:block;font-size:.74rem;color:var(--text-dim);font-weight:600;margin-bottom:3px}.ui-url{font-size:1.05rem;font-weight:700;color:var(--accent);word-break:break-all}.ui-actions{display:flex;gap:8px;align-items:center}.hp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:980px){.hp-grid{grid-template-columns:1fr}}.set-card textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:.92rem;color:var(--text);font-family:inherit;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slug-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.slug-input em{font-style:normal;color:var(--text-dim);font-size:.82rem;padding:0 4px 0 12px;white-space:nowrap}.slug-input input{border:0!important;border-radius:0!important;flex:1;padding-left:2px!important}.spec-picker,.accent-picker{display:flex;flex-wrap:wrap;gap:8px}.spec-btn{font-size:.84rem;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-weight:500}.spec-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.accent-dot{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent}.accent-dot.on{border-color:var(--text);outline:2px solid var(--surface);outline-offset:-4px}.hp-preview{position:sticky;top:20px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--surface-2)}.preview-bar{padding:10px 16px;font-size:.78rem;color:var(--text-dim);font-weight:600;border-bottom:1px solid var(--border);background:var(--surface)}.preview-frame{padding:20px;max-height:640px;overflow:auto}.preview-frame .pub{border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.pub{max-width:560px;margin:0 auto;background:var(--surface);min-height:100%}.pub-404{max-width:480px;margin:18vh auto;text-align:center;padding:24px}.pub-404 h1{font-size:1.4rem;margin-bottom:10px}.pub-404 p{color:var(--text-dim);line-height:1.6}.pub-hero{background:linear-gradient(155deg,var(--pub),color-mix(in srgb,var(--pub) 55%,#000 12%));color:#fff;text-align:center;padding:44px 24px 36px}.pub-avatar{width:76px;height:76px;border-radius:50%;margin:0 auto 16px;background:#fff3;display:grid;place-items:center;font-size:2rem;font-weight:700;border:3px solid rgba(255,255,255,.35)}.pub-hero h1{font-size:1.55rem;letter-spacing:-.02em}.pub-tagline{opacity:.92;margin-top:6px;font-size:.95rem}.pub-body{padding:26px 24px 8px}.pub-intro{line-height:1.65;color:var(--text);font-size:.95rem}.pub-specs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pub-chip{font-size:.82rem;font-weight:600;padding:6px 13px;border-radius:999px;background:var(--accent-soft);color:var(--pub)}.pub-contact{display:flex;flex-direction:column;gap:10px;margin:22px 0}.pub-cta{display:block;text-align:center;padding:14px;border-radius:12px;font-weight:600;font-size:.96rem;border:1px solid var(--border);color:var(--text);background:var(--surface)}.pub-cta.primary{background:var(--pub);color:#fff;border-color:transparent}.pub-info{list-style:none;border-top:1px solid var(--border)}.pub-info li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);font-size:.9rem}.pub-info b{color:var(--text-dim);font-weight:500}.pub-foot{text-align:center;color:var(--text-dim);font-size:.76rem;padding:22px}}@layer reset,base,layout,components;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}}@layer base{:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--bg: light-dark(#f5f6f8, #0e0f13);--surface: light-dark(#ffffff, #17181d);--surface-2: light-dark(#f2f3f6, #1f2027);--border: light-dark(#e7e9ee, #2a2c34);--text: light-dark(#111318, #ecedf1);--text-dim: light-dark(#697086, #9599a3);--accent: light-dark(#4f46e5, #8b83ff);--accent-soft: light-dark(#eef0fe, #22233a);--pos: #16a34a;--neg: #e11d48;--radius: 16px;--shadow: 0 1px 2px rgba(17,19,24,.04), 0 6px 20px rgba(17,19,24,.045);font-family:Pretendard,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.003em}body{background:var(--bg);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}button,a{-webkit-tap-highlight-color:transparent}.route-loading{padding:48px 8px;color:var(--text-dim);font-size:.92rem}}@layer layout{.app{display:grid;grid-template-columns:248px 1fr;min-height:100dvh}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:264px;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 40px #0000002e}.sidebar.open{transform:translate(0)}.scrim{position:fixed;inset:0;z-index:35;background:#0006}}.main{padding:32px 36px 56px;max-width:1320px;width:100%;margin-inline:auto}@media(max-width:1100px){.main{padding:28px 28px 48px}}@media(max-width:560px){.main{padding:20px 16px 40px}}}