:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5f1;--surface:#fff;--surface-hover:#fbfaf7;--soft:#eaf2ee;--track:#ecebe6;--ink:#1c1f1d;--muted:#5b625e;--placeholder:#7a817d;--line:#e2e0da;--line-strong:#b8bcb7;--primary:#1e6b55;--on-primary:#fff;--active:#1e6b55;--seg-on:#fff;--now:#fff0bf;--now-line:#e9c85a;--ai:#24557e;--ai-bg:#e6eff7;--guess:#80520f;--guess-bg:#faeedc;--toast-bg:#1c1f1d;--toast-ink:#fff;--backdrop:#1c1f1d59;--shadow:#0000000f;--focus-ring:#1e6b5533;--danger:#b3261e}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131614;--surface:#1b1f1d;--surface-hover:#202522;--soft:#1f3029;--track:#252b28;--ink:#edf1ee;--muted:#a7b1ab;--placeholder:#8a948e;--line:#2d3430;--line-strong:#4c5651;--primary:#7ed3b2;--on-primary:#0e1a15;--active:#7ed3b2;--seg-on:#38423d;--now:#3b3517;--now-line:#8c7a2e;--ai:#9cc4e6;--ai-bg:#1c2b38;--guess:#efc781;--guess-bg:#382c18;--toast-bg:#edf1ee;--toast-ink:#131614;--backdrop:#000000a6;--shadow:#00000040;--focus-ring:#7ed3b240;--danger:#ff8a7a}:root{--ts:1;--radius:14px;--bottom:132px;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:calc(16px * var(--ts));font-synthesis:none;-webkit-text-size-adjust:100%}:root[data-text=large]{--ts:1.16}*{box-sizing:border-box}body{background:var(--bg);word-break:keep-all;overflow-wrap:anywhere;margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}input,textarea,select{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;outline:none;width:100%;min-height:46px;padding:12px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}textarea{resize:vertical;line-height:1.6}svg{stroke-width:1.8px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.app-main{max-width:680px;padding:max(18px,env(safe-area-inset-top)) 16px calc(var(--bottom) + 24px);margin:0 auto}.app-main>*{animation:.16s ease-out reveal}.app-bottom{z-index:20;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px var(--shadow);position:fixed;bottom:0;left:0;right:0}.bottom-nav{max-width:680px;padding:6px 4px max(8px,env(safe-area-inset-bottom));justify-content:space-around;margin:0 auto;display:flex}.nav-item{color:var(--muted);font-size:calc(11px * var(--ts));flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:60px;min-height:48px;display:flex}.nav-item svg{width:21px;height:21px}.nav-item.active{color:var(--active);font-weight:650}.page-title{font-size:calc(26px * var(--ts));letter-spacing:-.6px;margin:6px 0;font-weight:700}.sub-title{font-size:calc(15px * var(--ts));margin:24px 0 10px;font-weight:650}.hint{color:var(--muted);font-size:calc(14px * var(--ts));line-height:1.55}.tiny{color:var(--muted);font-size:calc(13px * var(--ts))}.error{color:var(--danger);font-size:calc(14px * var(--ts))}.primary{background:var(--primary);color:var(--on-primary);min-height:48px;font-weight:650;font-size:calc(15px * var(--ts));border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;display:inline-flex}.secondary{border:1px solid var(--line-strong);background:var(--surface);min-height:46px;font-size:calc(15px * var(--ts));border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 16px;display:inline-flex}.secondary.small{min-height:38px;font-size:calc(13px * var(--ts));border-radius:10px;padding:7px 12px}.full{width:100%}.text-button{color:var(--muted);font-size:calc(13px * var(--ts));text-underline-offset:3px;align-items:center;gap:4px;min-height:38px;text-decoration:underline;display:inline-flex}.icon-button{min-width:44px;min-height:44px;color:var(--muted);place-items:center;font-size:18px;display:grid}.state-panel{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:48px 20px;display:grid}.state-panel strong{color:var(--ink);font-size:calc(17px * var(--ts))}.state-panel.loading{place-content:center;min-height:40vh}.spinner{border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.stale-notice{font-size:calc(13px * var(--ts));color:var(--muted);margin:6px 0}.toast{left:50%;bottom:calc(var(--bottom) + 16px);background:var(--toast-bg);color:var(--toast-ink);font-size:calc(14px * var(--ts));opacity:0;pointer-events:none;z-index:40;border-radius:12px;max-width:calc(100% - 32px);padding:12px 16px;transition:all .2s;position:fixed;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}.update-banner{left:16px;right:16px;top:max(12px,env(safe-area-inset-top));z-index:45;background:var(--toast-bg);color:var(--toast-ink);font-size:calc(14px * var(--ts));border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed}.update-banner button{font-weight:650;text-decoration:underline}.dev-banner{background:var(--guess-bg);color:var(--guess);text-align:center;padding:4px 8px;padding-top:max(4px,env(safe-area-inset-top));font-size:12px}.sheet{background:var(--surface);width:min(680px,100%);max-height:85dvh;color:var(--ink);border:0;border-radius:18px 18px 0 0;margin:auto auto 0;padding:0}.sheet::backdrop{background:var(--backdrop)}.sheet-top{justify-content:space-between;align-items:center;padding:14px 16px 4px;display:flex}.sheet-top h2{font-size:calc(18px * var(--ts))}.sheet-body{padding:8px 16px max(20px,env(safe-area-inset-bottom))}.report-form{gap:12px;display:grid}.release h3{font-size:calc(15px * var(--ts));margin:6px 0}.settings-group{margin-top:20px}.settings-group h3{font-size:calc(13px * var(--ts));color:var(--muted);margin:0 4px 8px;font-weight:600}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.settings-row,.theme-row,.text-size-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 14px;display:flex}.settings-card>:last-child{border-bottom:0}.settings-label,.theme-row>span:first-child,.text-size-row>span:first-child{flex:1}.settings-value{color:var(--muted);font-size:calc(14px * var(--ts))}.theme-row select{width:auto;min-height:38px;padding:6px 10px}.new-badge{color:var(--danger);margin-left:6px;font-size:11px}.role-switch{background:var(--track);border-radius:10px;gap:4px;padding:3px;display:flex}.role-switch button{min-height:36px;color:var(--muted);font-size:calc(14px * var(--ts));border-radius:8px;padding:0 12px}.role-switch button[aria-pressed=true]{background:var(--seg-on);color:var(--ink);box-shadow:0 1px 3px var(--shadow);font-weight:600}.switch{appearance:none;background:var(--line-strong);border:0;border-radius:15px;flex-shrink:0;width:50px;height:30px;min-height:0;padding:0;transition:all .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--primary)}.switch:checked:after{left:23px}.auth{max-width:420px;padding:max(48px,env(safe-area-inset-top)) 20px 40px;gap:28px;margin:0 auto;display:grid}.auth-brand{text-align:center;justify-items:center;gap:8px;display:grid}.auth-brand h1{letter-spacing:-.8px;font-size:30px}.auth-form{gap:14px;display:grid}.auth-form label{font-size:calc(14px * var(--ts));color:var(--muted);gap:6px;display:grid}.today-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:8px;margin-top:16px;padding:18px;display:grid}.today-card strong{font-size:calc(20px * var(--ts));letter-spacing:-.4px}.soon-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.soon{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);gap:4px;padding:16px;display:grid}.soon-page .plain-list{margin-top:16px}.plain-list{gap:8px;padding-left:18px;line-height:1.6;list-style:outside;display:grid}.news-list{gap:10px;display:grid}.note-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:8px;width:100%;margin-bottom:8px;padding:14px 16px;display:grid}.note-row-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.note-row strong{font-size:calc(17px * var(--ts))}.bar{background:var(--track);border-radius:3px;height:6px;display:block;overflow:hidden}.bar span{background:var(--primary);height:100%;display:block}.note-head{gap:8px;margin-bottom:6px;display:grid}.note-head .back{justify-self:start;text-decoration:none}.note-head h2{font-size:calc(26px * var(--ts));letter-spacing:-.6px}.note-sub{color:var(--muted);font-size:calc(14px * var(--ts))}.note-sub .version{opacity:.75}.listen-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.section-chips{z-index:10;background:var(--bg);scrollbar-width:none;gap:6px;margin:8px -16px 4px;padding:10px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.section-chips::-webkit-scrollbar{display:none}.section-chips button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);font-size:calc(13px * var(--ts));border-radius:20px;min-height:36px;padding:7px 12px}.section-chips span{color:var(--muted);margin-left:2px}.note-section{scroll-margin-top:60px}.section-name{font-size:calc(14px * var(--ts));color:var(--primary);letter-spacing:.2px;margin:22px 2px 10px;font-weight:700}.item-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;scroll-margin-top:64px;overflow:hidden}.item-card.read .item-title{color:var(--muted)}.item-card.playing{border-color:var(--now-line)}.item-head{gap:6px;width:100%;padding:16px 16px 14px;display:grid}.item-head.now{background:var(--now)}.item-title{font-size:calc(18px * var(--ts));letter-spacing:-.35px;font-weight:680;line-height:1.45}.item-meaning{font-size:calc(16px * var(--ts));line-height:1.65}.item-meta{color:var(--muted);font-size:calc(12.5px * var(--ts));flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:2px;display:flex}.item-meta .more{color:var(--primary);font-weight:600}.read-mark{color:var(--primary)}.item-body{border-top:1px solid var(--line);padding:6px 12px 12px}.lines{display:grid}.line{line-height:1.72;font-size:calc(15.5px * var(--ts));border-radius:8px;padding:9px 8px 9px 12px;position:relative}.line.d2{font-size:calc(15px * var(--ts));color:var(--ink);margin-left:14px}.line.d3,.line.d4{font-size:calc(14.5px * var(--ts));color:var(--muted);margin-left:28px}.line:before{content:"";background:var(--line-strong);border-radius:50%;width:4px;height:4px;position:absolute;top:17px;left:2px}.line.now{background:var(--now)}.line.now:before{background:var(--now-line)}.k-definition{background:var(--soft)}.k-definition .term{margin-right:8px;font-weight:700}.k-definition .term:after{content:" ·";color:var(--muted);font-weight:400}.k-conclusion{font-weight:600}.subhead{font-weight:700}.arrow{color:var(--primary);font-weight:700}.tag{font-size:calc(11.5px * var(--ts));color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;margin-right:2px;padding:0 6px;display:inline-block}.links{vertical-align:middle;flex-wrap:wrap;gap:6px;display:inline-flex}.link-chip{font-size:calc(13px * var(--ts));background:var(--soft);color:var(--primary);border-radius:16px;align-items:center;gap:4px;min-height:32px;margin:2px 4px 2px 0;padding:4px 10px;font-weight:600;display:inline-flex}.link-chip.off{background:var(--track);color:var(--muted);font-weight:400}.peek{font-size:calc(12px * var(--ts));color:var(--primary);border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:28px;margin-left:6px;padding:1px 8px;font-weight:700}.item-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:0 4px;display:flex}.label{font-size:calc(11px * var(--ts));vertical-align:1px;border-radius:5px;margin:0 2px;padding:0 5px;font-weight:650;line-height:1.6;display:inline-block}.label-ai{color:var(--ai);background:var(--ai-bg)}.label-guess{color:var(--guess);background:var(--guess-bg)}.code{background:var(--track);border-radius:4px;padding:0 3px;font-family:inherit}.note-info{margin:22px 4px 0}.header-md{font-size:calc(13px * var(--ts));color:var(--muted);gap:6px;margin-top:8px;line-height:1.6;display:grid}.player-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;max-width:680px;margin:0 auto;padding:8px 10px 6px 14px;display:flex}.player-info{flex:1;align-content:center;gap:1px;min-width:0;min-height:44px;display:grid}.player-track{font-size:calc(12px * var(--ts));color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-mode{color:var(--guess)}.player-item{font-size:calc(14px * var(--ts));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player-error{color:var(--danger);font-size:12px}.player-controls{align-items:center;gap:2px;display:flex}.player-controls button{min-width:40px;min-height:44px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.player-controls svg{width:20px;height:20px}.player-main{background:var(--primary);min-width:44px;color:var(--on-primary)!important;border-radius:50%!important}.player-main svg{fill:currentColor}.player-rate{font-size:12px;font-weight:700;color:var(--muted)!important}.player-close{font-size:15px;color:var(--muted)!important}@media (width<=360px){.player-rate{display:none!important}}