:root{--palette-dark-bg:#0b1120;--palette-dark-panel:#151f36;--palette-dark-panel2:#1f2c4c;--palette-dark-line:#48588f;--palette-dark-border:#7286bd;--palette-dark-text:#ede8da;--palette-dark-muted:#a9b3cd;--palette-dark-accent:#e7b45a;--palette-dark-accent-text:#221a09;--palette-dark-blue:#a2c2f2;--palette-dark-ok:#82cd90;--palette-dark-warn:#e3b258;--palette-dark-bad:#ec9186;--palette-light-bg:#f7f1e3;--palette-light-panel:#fffdf6;--palette-light-panel2:#f0e7d2;--palette-light-line:#a2977c;--palette-light-border:#837455;--palette-light-text:#222b45;--palette-light-muted:#565f78;--palette-light-accent:#8a5a09;--palette-light-accent-text:#fffaee;--palette-light-blue:#2c4b80;--palette-light-ok:#2d6a3b;--palette-light-warn:#7a570c;--palette-light-bad:#90352a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--palette-dark-bg);--color-panel:var(--palette-dark-panel);--color-panel-alt:var(--palette-dark-panel2);--color-line:var(--palette-dark-line);--color-border:var(--palette-dark-border);--color-text:var(--palette-dark-text);--color-muted:var(--palette-dark-muted);--color-accent:var(--palette-dark-accent);--color-accent-text:var(--palette-dark-accent-text);--color-info:var(--palette-dark-blue);--color-ok:var(--palette-dark-ok);--color-warn:var(--palette-dark-warn);--color-bad:var(--palette-dark-bad);--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-10:20px;--space-12:24px;--font-sans:"Pretendard", "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;--font-serif:"Noto Serif KR", ui-serif, "Apple SD Gothic Neo", serif;--text-xs:.72rem;--text-sm:.8rem;--text-sm2:.88rem;--text-base:.95rem;--text-md:1.02rem;--text-lg:1.12rem;--text-xl:1.3rem;--text-2xl:1.45rem;--text-3xl:1.6rem;--leading-tight:1.3;--leading-normal:1.7;--leading-relaxed:1.8;--leading-verse:1.95;--radius-sm:6px;--radius:10px;--radius-md:12px;--radius-lg:14px;--radius-pill:999px;--shadow-none:none;--shadow-nav:0 -1px 12px #00000038;--shadow-focus:0 0 0 3px color-mix(in srgb, var(--color-accent) 45%, transparent);--layout-max:560px;--touch-min:44px}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--palette-light-bg);--color-panel:var(--palette-light-panel);--color-panel-alt:var(--palette-light-panel2);--color-line:var(--palette-light-line);--color-border:var(--palette-light-border);--color-text:var(--palette-light-text);--color-muted:var(--palette-light-muted);--color-accent:var(--palette-light-accent);--color-accent-text:var(--palette-light-accent-text);--color-info:var(--palette-light-blue);--color-ok:var(--palette-light-ok);--color-warn:var(--palette-light-warn);--color-bad:var(--palette-light-bad)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--palette-light-bg);--color-panel:var(--palette-light-panel);--color-panel-alt:var(--palette-light-panel2);--color-line:var(--palette-light-line);--color-border:var(--palette-light-border);--color-text:var(--palette-light-text);--color-muted:var(--palette-light-muted);--color-accent:var(--palette-light-accent);--color-accent-text:var(--palette-light-accent-text);--color-info:var(--palette-light-blue);--color-ok:var(--palette-light-ok);--color-warn:var(--palette-light-warn);--color-bad:var(--palette-light-bad)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.app{max-width:var(--layout-max);padding:var(--space-6) var(--space-8) calc(84px + env(safe-area-inset-bottom));margin:0 auto}.app-header{align-items:baseline;gap:var(--space-5);padding:var(--space-4) var(--space-1) var(--space-6);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-7);display:flex}.app-header h1{font-size:var(--text-xl);letter-spacing:.02em;margin:0}.brand{letter-spacing:.05em}.brand-i{position:relative}.brand-i:after{content:"";background:var(--color-accent);border-radius:50%;width:.16em;height:.16em;position:absolute;top:.09em;left:50%;transform:translate(-50%)}h2{font-size:var(--text-md);margin:0 0 var(--space-5)}h3{margin:var(--space-4) 0}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.center{text-align:center}.panel{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-7)}.verse{font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--leading-verse);word-break:keep-all;margin:var(--space-6) 0}.chip{background:var(--color-panel-alt);border:1px solid var(--color-line);color:var(--color-muted);border-radius:var(--radius-pill);padding:3px var(--space-6);font-size:var(--text-sm);margin-bottom:var(--space-3);display:inline-block}.big-number{font-size:var(--text-3xl);color:var(--color-text);font-weight:700}.btn{width:100%;padding:13px var(--space-8);margin-top:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-panel-alt);color:var(--color-text);font-size:var(--text-base);cursor:pointer;text-align:center;display:block}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:700}.btn-danger{color:var(--color-bad);border-color:var(--color-bad);background:0 0}.btn-ghost{color:var(--color-muted);font-size:var(--text-base);padding:var(--space-3) var(--space-2);cursor:pointer;background:0 0;border:none}.btn-row{gap:var(--space-5);display:flex}.btn-row .btn{flex:1}.bottom-nav{justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-line);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{max-width:132px;padding:var(--space-5) 0;border-radius:var(--radius);color:var(--color-muted);font-size:var(--text-base);cursor:pointer;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--color-accent);background:var(--color-panel);font-weight:700}.review-top{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.mode-tag{font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-info);border:1px solid var(--color-info);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-4);margin-bottom:var(--space-5);display:inline-block}.prompt-main{font-size:var(--text-2xl);margin:var(--space-4) 0 var(--space-2)}.prompt-ord{color:var(--color-accent);vertical-align:2px;margin-left:8px;font-size:.85rem;font-weight:600}.answer{border-top:1px dashed var(--color-line);margin-top:var(--space-7);padding-top:var(--space-5)}.answer-ref{color:var(--color-info);margin:var(--space-3) 0;font-weight:600}.fl-board{gap:7px var(--space-3);margin:var(--space-7) 0;flex-wrap:wrap;display:flex}.fl-word{font:inherit;border:1px solid var(--color-line);background:var(--color-panel-alt);color:var(--color-text);border-radius:var(--radius);padding:3px var(--space-4);cursor:pointer;line-height:1.6}.fl-dots{color:var(--color-muted)}.fl-revealed{padding:3px var(--space-1);color:var(--color-accent);border:1px solid #0000}.typing-input,.ref-input{background:var(--color-panel-alt);border:1px solid var(--color-line);border-radius:var(--radius);width:100%;color:var(--color-text);font:inherit;padding:var(--space-6);margin-top:var(--space-4);font-size:1rem;line-height:1.7}.typing-input:focus,.ref-input:focus{outline:2px solid var(--color-accent)}.stt-context{color:#0000;-webkit-user-select:none;user-select:none;margin:var(--space-4) 0 0;line-height:var(--leading-normal)}.diff-score{border-radius:var(--radius);padding:var(--space-4) var(--space-6);margin-top:var(--space-6);font-weight:700}.diff-score.good{background:color-mix(in srgb, var(--color-ok) 18%, transparent);color:var(--color-ok)}.diff-score.warn{background:color-mix(in srgb, var(--color-warn) 18%, transparent);color:var(--color-warn)}.diff-score.bad{background:color-mix(in srgb, var(--color-bad) 18%, transparent);color:var(--color-bad)}.diff-ok{color:var(--color-text)}.diff-miss{color:var(--color-bad);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.diff-extra{color:var(--color-warn);text-decoration:line-through}.diff-legend{font-size:var(--text-sm);color:var(--color-muted)}.seg-row{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.seg{padding:var(--space-5);border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-panel-alt);color:var(--color-text);font-weight:600;font-size:var(--text-base);cursor:pointer}.seg.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.rating-bar{gap:var(--space-4);margin-top:var(--space-7);grid-template-columns:repeat(4,1fr);display:grid}.rate{align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-2);border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-panel-alt);color:var(--color-text);cursor:pointer;flex-direction:column;display:flex}.rate-label{font-weight:700;font-size:var(--text-base)}.rate-interval{font-size:var(--text-xs);color:var(--color-muted)}.rate-1 .rate-label{color:var(--color-bad)}.rate-2 .rate-label{color:var(--color-warn)}.rate-3 .rate-label{color:var(--color-ok)}.rate-4 .rate-label{color:var(--color-info)}.rate.suggested{outline:2px solid var(--color-accent)}.progress{border-radius:var(--radius-pill);background:var(--color-panel-alt);height:10px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;transition:width .4s}.series-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(5,1fr);display:grid}.series-cell{align-items:center;gap:var(--space-1);background:var(--color-panel-alt);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-4) 0;color:var(--color-text);cursor:pointer;flex-direction:column;display:flex}.series-key{color:var(--color-info);font-weight:800}.topic-title{font-size:var(--text-sm2);color:var(--color-muted);margin:var(--space-6) 0 var(--space-2)}.verse-row{border:none;border-bottom:1px solid var(--color-line);width:100%;color:var(--color-text);font:inherit;padding:var(--space-5) var(--space-1);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.status{font-size:var(--text-sm);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-5)}.st-new{color:var(--color-muted);background:var(--color-panel-alt)}.st-learning{color:var(--color-warn);background:color-mix(in srgb, var(--color-warn) 15%, transparent)}.st-due{color:var(--color-accent-text);background:var(--color-accent);font-weight:700}.st-done{color:var(--color-ok);background:color-mix(in srgb, var(--color-ok) 15%, transparent)}.verse-detail{padding:var(--space-2) var(--space-1) var(--space-6);border-bottom:1px solid var(--color-line)}.callout{background:var(--color-panel-alt);border-left:3px solid var(--color-accent);border-radius:var(--radius);padding:var(--space-5) var(--space-7);margin:var(--space-6) 0;line-height:1.8}.col-tabs{gap:var(--space-4);margin-bottom:var(--space-7);grid-template-columns:repeat(4,1fr);display:grid}.col-tab{align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-2);border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-text);font-size:var(--text-sm2);cursor:pointer;flex-direction:column;display:flex}.col-tab.active{border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.col-row{align-items:center;gap:var(--space-5);width:100%;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:none;padding:7px 0;display:flex}.col-label{text-align:left;font-weight:600;font-size:var(--text-sm2);flex:0 0 118px}.col-bar{flex:1}.group-title{font-size:var(--text-sm);letter-spacing:.04em;color:var(--color-info);margin:var(--space-7) 0 var(--space-1);text-transform:none;font-weight:700}.mini-bars{gap:var(--space-3);margin-top:var(--space-6);display:flex}.mini-bar-col{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.mini-bar-val,.mini-bar-label{font-size:var(--text-xs);color:var(--color-muted);min-height:1.3em;line-height:1.3}.mini-bar-area{border-bottom:1px solid var(--color-line);justify-content:center;align-items:flex-end;width:100%;height:52px;display:flex}.mini-bar{background:var(--color-accent);border-radius:4px 4px 0 0;width:100%;max-width:28px}.mini-bar-zero{background:var(--color-panel-alt)}.mini-bar-past{background:var(--color-info)}.stack-bar{border-radius:var(--radius-pill);background:var(--color-panel-alt);height:10px;margin:var(--space-5) 0 var(--space-3);display:flex;overflow:hidden}.stack-seg-learning{background:var(--color-warn)}.stack-seg-young{background:var(--color-info)}.stack-seg-mature{background:var(--color-ok)}.stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-5);border-bottom:1px solid var(--color-line);font-size:var(--text-base);padding:7px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-row .stat-val{white-space:nowrap;font-weight:700}.col-row-static{cursor:default}.weak-item{border-bottom:1px solid var(--color-line);padding:var(--space-3) 0}.weak-item:last-of-type{border-bottom:none}.weak-head{justify-content:space-between;align-items:baseline;gap:var(--space-5);display:flex}.weak-snippet{margin:3px 0 var(--space-2);line-height:1.7}.tech-details{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-8) var(--space-4);margin-bottom:var(--space-7)}.tech-details[open]{padding-bottom:var(--space-8)}.tech-details summary{cursor:pointer;font-weight:700;font-size:var(--text-base);padding:var(--space-6) 0;color:var(--color-muted)}.tech-details[open] summary{color:var(--color-text)}.tech-details h3{font-size:var(--text-base);color:var(--color-info);margin:var(--space-10) 0 var(--space-4)}.bullet{position:relative;overflow:visible}.btn+.bullet{margin-top:var(--space-8)}.bullet-target{background:var(--color-muted);border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px}.reading-list{margin:0}.reading-row{align-items:baseline;gap:var(--space-6);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);display:flex}.reading-row:last-child{border-bottom:none}.reading-row dt{width:2.6rem;font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-muted);flex:none}.reading-row dd{flex:1;margin:0}.qt-edit{margin-left:var(--space-5);text-decoration:underline}.qt-editor{align-items:flex-end;gap:var(--space-5);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.qt-editor label{gap:var(--space-2);flex-direction:column;display:flex}.qt-editor select{background:var(--color-panel-alt);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font:inherit;padding:var(--space-4) var(--space-5);min-height:var(--touch-min)}.qt-editor .qt-save{width:auto;min-height:var(--touch-min);margin-top:0}.meditation-panel{border-color:var(--color-border)}.meditation-verse{font-family:var(--font-serif);font-size:var(--text-xl);line-height:var(--leading-verse);word-break:keep-all;margin:var(--space-6) 0 var(--space-8);padding-left:var(--space-8);border-left:2px solid var(--color-accent)}.meditation-ref{margin:0;font-weight:700}.meditation-source{margin:var(--space-2) 0 var(--space-6)}.chain-list{margin:var(--space-6) 0 0;padding:0;list-style:none}.chain{padding:var(--space-5) 0;border-bottom:1px solid var(--color-line);line-height:var(--leading-normal)}.chain:last-child{border-bottom:none}.chain-line{display:block}.chain-arrow{color:var(--color-muted);margin:0 var(--space-3)}.chain-node{font-size:var(--text-sm2);white-space:nowrap}.chain-seed{border-bottom:1px dashed var(--color-border)}.chain-primary .chain-node{font-weight:700}.chain-via{color:var(--color-muted)}.chain-dest{margin:var(--space-6) 0 0;padding-top:var(--space-5);border-top:1px solid var(--color-line);color:var(--color-accent);font-weight:700}.chain-text{margin:var(--space-2) 0 var(--space-3) var(--space-6);border-left:1px solid var(--color-line);padding-left:var(--space-5);word-break:keep-all;display:block}.chain-text-ref{margin-right:var(--space-4);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}:where(button,a,summary):focus-visible{box-shadow:var(--shadow-focus)}.bottom-nav a,.seg,.rate,.col-tab,.verse-row,.col-row,.tech-details summary,.btn,.col-row:not(.col-row-static){min-height:var(--touch-min)}.fl-word{position:relative}.fl-word:after{content:"";height:var(--touch-min);min-width:var(--touch-min);position:absolute;inset:50% 0 0 50%;transform:translateY(-50%)translate(-50%)}.btn-ghost{min-height:var(--touch-min);min-width:var(--touch-min)}.tech-details summary{min-height:var(--touch-min);align-items:center;display:flex}.btn,.seg,.rate,.col-tab,.typing-input,.ref-input,.fl-word{border-color:var(--color-border)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:active{transform:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-contrast:more){.panel,.tech-details{border-color:var(--color-border)}.muted{color:var(--color-text)}}