:root{--primary: #cc785c;--primary-active: #a9583e;--primary-disabled: #e6dfd8;--ink: #141413;--body: #3d3d3a;--body-strong: #252523;--muted: #6c6a64;--muted-soft: #8e8b82;--hairline: #e6dfd8;--hairline-soft: #ebe6df;--canvas: #faf9f5;--surface-soft: #f5f0e8;--surface-card: #efe9de;--surface-cream-strong: #e8e0d2;--surface-dark: #181715;--surface-dark-elevated: #252320;--surface-dark-soft: #1f1e1b;--on-primary: #ffffff;--on-dark: #faf9f5;--on-dark-soft: #a09d96;--accent-teal: #5db8a6;--accent-amber: #e8a55a;--success: #5db872;--warning: #d4a017;--error: #c64545;--font-display: "Cormorant Garamond", "Noto Serif KR", "Tiempos Headline", Garamond, "Times New Roman", serif;--font-body: Inter, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--s-xxl: 48px;--s-section: 96px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--canvas);color:var(--body);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--primary);text-decoration:none}a:active{text-decoration:underline}button{font:inherit;cursor:pointer}h1,h2,h3,h4,.display-xl,.display-lg,.display-md,.display-sm,.title-lg,.title-md,.title-sm,.stat-value{word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.display-xl,.display-lg,.display-md,.display-sm{font-family:var(--font-display);font-weight:400;color:var(--ink);margin:0}.display-xl{font-size:64px;line-height:1.05;letter-spacing:-1.5px}.hero-title{font-size:clamp(30px,3.9vw,50px);line-height:1.15;letter-spacing:-1px}.display-lg{font-size:48px;line-height:1.1;letter-spacing:-1px}.display-md{font-size:36px;line-height:1.15;letter-spacing:-.5px}.display-sm{font-size:28px;line-height:1.2;letter-spacing:-.3px}.title-lg{font-size:22px;font-weight:500;line-height:1.3;color:var(--ink);margin:0}.title-md{font-size:18px;font-weight:500;line-height:1.4;color:var(--ink);margin:0}.title-sm{font-size:16px;font-weight:500;line-height:1.4;color:var(--ink);margin:0}.body-sm{font-size:14px}.caption{font-size:13px;font-weight:500;line-height:1.4}.caption-upper{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:1.5px;text-transform:uppercase}.muted{color:var(--muted)}.muted-soft{color:var(--muted-soft)}.mono{font-family:var(--font-mono);font-size:14px}.num{font-variant-numeric:tabular-nums}.container{max-width:1200px;margin:0 auto;padding:0 var(--s-lg)}.section{padding:var(--s-section) 0}.section-tight{padding:var(--s-xxl) 0}.band-soft{background:var(--surface-soft)}.stack>*+*{margin-top:var(--s-md)}.stack-lg>*+*{margin-top:var(--s-lg)}.row{display:flex;gap:var(--s-sm);align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;gap:var(--s-lg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-xxl);align-items:center}.top-nav{height:64px;background:var(--canvas);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--hairline-soft)}.top-nav .container{height:100%;display:flex;align-items:center;gap:var(--s-xl)}.wordmark{display:flex;align-items:center;gap:var(--s-xs);color:var(--ink);font-family:var(--font-display);font-size:24px;letter-spacing:-.3px}.wordmark svg{flex-shrink:0}.nav-links{display:flex;gap:2px;flex:1;align-items:center;min-width:0}.nav-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:500 14px/1.4 var(--font-body);color:var(--muted);padding:8px 12px;border-radius:var(--r-md);background:none;border:0;cursor:pointer}.nav-link.active{background:var(--surface-card);color:var(--ink)}.nav-link.locked{color:var(--muted-soft)}.nav-lock{flex-shrink:0}.badge-soon{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--r-pill);background:var(--surface-cream-strong);color:var(--body);font-size:11px;font-weight:500;line-height:1.5}.nowrap{white-space:nowrap}.link-button{background:none;border:0;padding:0;color:var(--primary);cursor:pointer;font:inherit}.sentences{display:block;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.sentences>.sentence{display:block}.alert,.hint,.field-error,.empty{line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.link-button:active{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nav-right{display:flex;align-items:center;gap:var(--s-sm)}.nav-user{text-align:right;line-height:1.3}.nav-user .name{font-size:14px;font-weight:500;color:var(--ink)}.nav-user .blog{font-size:12px;color:var(--muted)}.hamburger,.mobile-sheet{display:none}.sheet-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:14px 0;border:0;border-bottom:1px solid var(--hairline-soft);background:none;font:500 18px/1.4 var(--font-body);color:var(--ink);cursor:pointer}.sheet-item.active{color:var(--primary)}.sheet-item.locked{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14141373;display:flex;align-items:center;justify-content:center;padding:var(--s-md)}.modal{position:relative;width:100%;max-width:460px;background:var(--canvas);color:var(--body);border-radius:var(--r-lg);padding:var(--s-xl);box-shadow:0 1px 3px #14141314}.modal .display-sm{font-size:clamp(19px,5.4vw,26px);line-height:1.25;letter-spacing:-.4px;padding-right:32px}.modal-lead{margin:0;line-height:1.6;word-break:keep-all;text-wrap:pretty}.modal-body{margin-top:var(--s-md)}.modal-list{margin:var(--s-sm) 0 0;padding-left:20px;font-size:14px;color:var(--body)}.modal-list li+li{margin-top:4px}.modal-actions{margin-top:var(--s-lg);display:flex;flex-direction:column;gap:var(--s-xs)}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--muted);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-xs);height:40px;padding:12px 20px;border-radius:var(--r-md);font-size:14px;font-weight:500;line-height:1;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:active{background:var(--primary-active)}.btn-primary:disabled{background:var(--primary-disabled);color:var(--muted);cursor:not-allowed}.btn-secondary{background:var(--canvas);color:var(--ink);border-color:var(--hairline)}.btn-secondary:disabled{color:var(--muted-soft);cursor:not-allowed}.btn-on-dark{background:var(--surface-dark-elevated);color:var(--on-dark)}.btn-on-coral{background:var(--canvas);color:var(--ink)}.btn-text{background:transparent;color:var(--ink);border:0;padding:0 8px}.btn-block{width:100%}.btn-icon{width:36px;height:36px;padding:0;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--canvas);border:1px solid var(--hairline);color:var(--ink)}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-xl)}.card-cream{background:var(--surface-card);border-radius:var(--r-lg);padding:var(--s-xl)}.card-dark{background:var(--surface-dark);color:var(--on-dark);border-radius:var(--r-lg);padding:var(--s-xl)}.card-dark .title-md,.card-dark .title-lg,.card-dark .display-sm,.card-dark .display-md{color:var(--on-dark)}.card-dark .muted{color:var(--on-dark-soft)}.card-dark-inner{background:var(--surface-dark-soft);border-radius:var(--r-md);padding:var(--s-md)}.card-coral{background:var(--primary);color:var(--on-primary);border-radius:var(--r-lg);padding:var(--s-xxl)}.card-coral .display-sm,.card-coral .display-md{color:var(--on-primary)}.card-tight{padding:var(--s-lg)}.cta-band{border-radius:var(--r-lg);padding:64px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:14px;font-weight:500;color:var(--ink)}.hint{font-size:13px;color:var(--muted)}.field-error{font-size:13px;color:var(--error)}.input,.textarea{width:100%;background:var(--canvas);color:var(--ink);font:400 16px/1.55 var(--font-body);border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 14px;outline:none}.input{height:40px}.textarea{min-height:280px;resize:vertical}.input:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #cc785c26}.input.invalid,.textarea.invalid{border-color:var(--error)}.input-prefix{display:flex;align-items:stretch;border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;background:var(--canvas)}.input-prefix:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #cc785c26}.input-prefix.invalid{border-color:var(--error)}.input-prefix span{display:flex;align-items:center;padding:0 10px 0 14px;background:var(--surface-soft);color:var(--muted);font-size:14px;border-right:1px solid var(--hairline);white-space:nowrap}.input-prefix input{border:0;box-shadow:none!important;border-radius:0;min-width:0}.input-suffix{display:flex;align-items:center;gap:var(--s-xs)}.input-suffix .unit{color:var(--muted);font-size:14px;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-pill);background:var(--surface-card);color:var(--ink);font-size:13px;font-weight:500;line-height:1.4}.badge-coral{background:var(--primary);color:var(--on-primary);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-success{background:var(--success)}.dot-warning{background:var(--warning)}.dot-error{background:var(--error)}.dot-amber{background:var(--accent-amber)}.dot-teal{background:var(--accent-teal)}.alert{border-radius:var(--r-md);padding:var(--s-sm) var(--s-md);font-size:14px;border:1px solid var(--hairline);background:var(--surface-soft);color:var(--body-strong);display:flex;gap:var(--s-xs);align-items:flex-start}.alert-error{border-color:#c6454559;background:#c645450f;color:var(--error)}.alert-success{border-color:#5db87266;background:#5db87214;color:#2f7a43}.tabs{display:flex;gap:var(--s-xxs);flex-wrap:wrap}.tab{background:transparent;border:0;color:var(--muted);font-size:14px;font-weight:500;padding:8px 14px;border-radius:var(--r-md)}.tab.active{background:var(--surface-card);color:var(--ink)}.stat-label{font-size:13px;font-weight:500;color:var(--muted)}.stat-value{font-family:var(--font-display);font-size:36px;line-height:1.15;letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums}.card-dark .stat-value{color:var(--on-dark)}.card-dark .stat-label{color:var(--on-dark-soft)}.stat-unit{font-family:var(--font-body);font-size:14px;color:var(--muted);margin-left:4px;letter-spacing:0}.meter{height:6px;background:var(--hairline);border-radius:var(--r-pill);overflow:hidden}.meter>div{height:100%;background:var(--primary);border-radius:var(--r-pill)}.card-dark .meter{background:var(--surface-dark-elevated)}.split-bar{display:flex;gap:2px;height:28px;border-radius:var(--r-xs);overflow:hidden}.split-bar>div{display:flex;align-items:center;padding:0 10px;font-size:13px;font-weight:500;min-width:0;white-space:nowrap}.score-list{list-style:none;padding:0;margin:0}.score-list li{display:grid;grid-template-columns:110px 1fr 56px;gap:var(--s-sm);align-items:center;padding:10px 0;border-bottom:1px solid var(--hairline-soft);font-size:14px}.card-dark .score-list li{border-color:var(--surface-dark-elevated)}.score-list li:last-child{border-bottom:0}.score-list .note{grid-column:2 / 4;font-size:13px;color:var(--muted);margin-top:-6px}.card-dark .score-list .note{color:var(--on-dark-soft)}.segments{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.segment{padding:var(--s-sm);background:var(--surface-soft);text-align:center}.segment:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}.segment:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.segment.on{background:var(--surface-dark);color:var(--on-dark)}.segment .seg-count{font-family:var(--font-display);font-size:28px;line-height:1.2}.spell-list{list-style:none;padding:0;margin:0;max-height:260px;overflow:auto}.spell-list li{display:flex;gap:var(--s-xs);align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--hairline-soft);font-size:14px}.strike{text-decoration:line-through;color:var(--error)}.fix{color:#2f7a43;font-weight:500}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:500;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--hairline);white-space:nowrap}.table td{padding:12px 8px;border-bottom:1px solid var(--hairline-soft);vertical-align:top}.table-wrap{overflow-x:auto}.th-sort{background:none;border:0;padding:0;cursor:pointer;white-space:nowrap;font:inherit;color:inherit;font-weight:500}.th-sort.active{color:var(--ink)}.table-sticky-first th:first-child,.table-sticky-first td:first-child{position:sticky;left:0;z-index:1;background:var(--canvas)}.table-sticky-first td:first-child{box-shadow:1px 0 0 var(--hairline-soft)}.filter-row{gap:var(--s-md)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--canvas);color:var(--body);font:500 13px/1.4 var(--font-body);cursor:pointer;white-space:nowrap}.chip.on{background:var(--surface-card);border-color:var(--surface-cream-strong);color:var(--ink)}.chip-static{cursor:default;background:var(--surface-soft);border-color:transparent}.chip-row+.field-error{margin-top:2px}.modifier-field{border:0;padding:0;min-width:0}.modifier-field>legend{padding:0;margin-bottom:var(--s-sm)}.linechart{display:flex;flex-direction:column;gap:var(--s-sm)}.linechart-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-md);font-size:14px;color:var(--body)}.linechart-legend li{display:inline-flex;align-items:center;gap:6px}.linechart-swatch{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle}.linechart-plot{position:relative;touch-action:pan-y;outline:none;border-radius:var(--r-md)}.linechart-plot:focus-visible{box-shadow:0 0 0 3px #cc785c40}.linechart-grid{stroke:var(--hairline-soft);stroke-width:1}.linechart-axis{fill:var(--muted);font:400 12px var(--font-body)}.linechart-crosshair{stroke:var(--muted-soft);stroke-width:1;stroke-dasharray:3 3}.linechart-tip{position:absolute;top:8px;transform:translate(12px);pointer-events:none;z-index:2;min-width:150px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-dark);color:var(--on-dark);font-size:13px;box-shadow:0 1px 3px #14141314}.linechart-tip.left{transform:translate(calc(-100% - 12px))}.linechart-tip-title{color:var(--on-dark-soft);margin-bottom:4px;white-space:nowrap}.linechart-tip-row{display:flex;align-items:center;gap:6px;white-space:nowrap}.linechart-tip-name{flex:1}.linechart-table summary{cursor:pointer;color:var(--muted)}.trend-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-md)}.trend-summary{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;word-break:keep-all}.trend-summary li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.trend-summary-name{margin-right:4px}.linechart-table{margin-top:var(--s-xs)}@media (max-width: 767px){.trend-inputs{grid-template-columns:1fr}}.rel-top-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--r-pill);border:1px solid var(--primary);color:var(--primary-active);background:transparent;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap}.grade-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-pill);font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap}.grade-gold{background:#d4a0172e;color:#8a6508;box-shadow:inset 0 0 0 1px #d4a01773}.grade-good{background:#5db87229;color:#2f7a43}.grade-normal{background:var(--surface-card);color:var(--muted)}.grade-saturated{background:#c645451f;color:var(--error)}.empty{padding:var(--s-xl);text-align:center;color:var(--muted);font-size:14px}.ad-slot{margin:var(--s-xl) auto;max-width:1200px;padding:0 var(--s-lg)}.ad-placeholder{border:1px dashed var(--hairline);border-radius:var(--r-lg);padding:var(--s-lg);text-align:center;color:var(--muted-soft);font-size:13px}.footer{background:var(--surface-dark);color:var(--on-dark-soft);padding:64px 0;font-size:14px;margin-top:var(--s-section);word-break:keep-all}.footer .wordmark{color:var(--on-dark)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s-xl);margin-top:var(--s-lg)}.footer h4{color:var(--on-dark);font-size:14px;font-weight:500;margin:0 0 var(--s-sm)}.footer a{color:var(--on-dark-soft);display:block;padding:3px 0}.footer .copy{margin-top:var(--s-xxl);color:var(--muted-soft);font-size:13px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;word-break:keep-all}.footer .copy>*{display:inline;padding:0;white-space:nowrap}.footer .copy>*+*:before{content:"·";margin:0 10px;color:var(--muted-soft)}.footer .copy a:hover{color:var(--on-dark)}.hero-lead{container-type:inline-size;word-break:keep-all}.hero-lead>p{margin:0}@container (min-width: 370px){.hero-lead-line{display:block}}.feature-grid{grid-auto-rows:1fr}.feature-card{display:flex;flex-direction:column;container-type:inline-size;word-break:keep-all}.feature-card .title-md{margin-top:var(--s-xs)}.feature-body{margin-top:20px;display:flex;flex-direction:column;gap:6px}.feature-sentence{margin:0;font-size:15px;line-height:1.7}@container (min-width: 290px){.feature-line{display:block}}.consent-note{margin:0;text-align:center;word-break:keep-all;line-height:1.6}.policy{max-width:760px;word-break:keep-all}.policy h1{margin:var(--s-sm) 0 var(--s-xs)}.policy-meta{font-size:14px;margin:0 0 var(--s-lg)}.policy-intro{line-height:1.7;margin:0 0 var(--s-lg)}.policy-clause{margin-top:var(--s-xl)}.policy-clause h2{margin-bottom:var(--s-sm)}.policy-clause p,.policy-clause li{line-height:1.75}.policy-clause p{margin:0 0 var(--s-sm)}.policy-clause ul{margin:0 0 var(--s-sm);padding-left:1.25em}.policy-foot{margin-top:var(--s-xxl);font-size:14px}.auth-wrap{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1fr 1fr}.auth-side{background:var(--surface-dark);color:var(--on-dark);padding:var(--s-section) var(--s-xxl);display:flex;flex-direction:column;justify-content:center}.auth-side .display-md{color:var(--on-dark)}.auth-form{padding:var(--s-xxl) var(--s-lg);display:flex;align-items:center;justify-content:center}.auth-form form{width:100%;max-width:400px}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 1099px){.nav-links,.nav-right{display:none}.hamburger{display:inline-flex;margin-left:auto}.mobile-sheet.open{display:block;position:fixed;top:64px;right:0;bottom:0;left:0;overflow-y:auto;background:var(--canvas);z-index:20;padding:var(--s-lg) var(--s-md)}}@media (max-width: 767px){.container{padding:0 var(--s-md)}.section{padding:56px 0}.display-xl{font-size:36px;letter-spacing:-.8px}.hero-title{font-size:clamp(30px,8.6vw,36px);letter-spacing:-.8px}.display-lg{font-size:32px;letter-spacing:-.6px}.display-md{font-size:28px}.grid-2,.grid-3,.grid-4,.hero-grid,.footer-grid,.auth-wrap{grid-template-columns:1fr}.auth-side{padding:var(--s-xxl) var(--s-md)}.card,.card-cream,.card-dark{padding:var(--s-lg)}.card-coral,.cta-band{padding:var(--s-xl) var(--s-lg)}.modal{padding:var(--s-lg)}.score-list li{grid-template-columns:90px 1fr 48px}.segment .seg-count{font-size:22px}}