:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-display:"Iowan Old Style", "Noto Serif KR", "Nanum Myeongjo", Georgia, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:var(--font-body);text-rendering:optimizelegibility;overflow:hidden}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.study-app{--canvas:#ecebe4;--paper:#f8f5ed;--paper-raised:#fffdf7;--ink:#183d2e;--ink-rgb:24, 61, 46;--muted:#6d786f;--faint:#989f99;--rule:#d8d8ce;--soft:#dfe9df;--accent:#2c6a4e;--warm:#bd7134;--danger:#a94f3d;--white:#fffef8;width:100vw;height:100dvh;color:var(--ink);background:var(--canvas);overflow:hidden}.study-app[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#111713;--paper:#18211c;--paper-raised:#1d2922;--ink:#e9eee8;--ink-rgb:233, 238, 232;--muted:#a7b2aa;--faint:#778179;--rule:#34423a;--soft:#273d30;--accent:#7fb493;--warm:#d69b64;--danger:#e08d79;--white:#122019}.topbar{z-index:50;border-bottom:1px solid var(--rule);background:var(--paper);grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;height:72px;padding:0 24px;display:grid;position:relative}.topbar__brand-group,.topbar__actions,.topbar__metrics,.brand,.brand>span:last-child{align-items:center;display:flex}.topbar__brand-group{gap:8px}.brand{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;gap:11px;padding:0}.brand__mark{width:34px;height:34px;color:var(--white);background:var(--ink);font-family:var(--font-display);place-items:center;font-size:21px;font-weight:700;display:grid}.brand>span:last-child{flex-direction:column;align-items:flex-start;gap:1px}.brand strong{font-family:var(--font-display);font-size:19px;font-weight:650;line-height:1.1}.brand small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:650}.topbar__metrics{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;justify-content:center;gap:0;font-size:10px}.topbar__metrics span{border-right:1px solid var(--rule);padding:0 18px}.topbar__metrics span:last-child{border-right:0}.topbar__metrics strong{color:var(--ink);font-size:12px}.topbar__actions{justify-content:flex-end;gap:9px}.icon-button,.text-button,.primary-button{cursor:pointer;border:0;border-radius:3px;min-height:40px;font-weight:700}.icon-button{border:1px solid var(--rule);background:var(--paper-raised);min-width:40px;padding:0 9px}.text-button{border:1px solid var(--rule);color:var(--ink);background:0 0;padding:0 14px}.primary-button{color:var(--white);background:var(--accent);padding:0 17px}.primary-button:hover,.text-button:hover,.icon-button:hover{filter:brightness(.96)}.guide-menu-button__short{display:none}.workspace{grid-template-columns:302px minmax(430px,1fr) 326px;gap:16px;height:calc(100dvh - 72px);padding:16px;display:grid;overflow:hidden}.library-panel,.study-panel{background:var(--paper);min-height:0}.library-panel{border:1px solid var(--rule);flex-direction:column;padding:24px 18px 0;display:flex;overflow:hidden}.eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.library-panel>h1{font-family:var(--font-display);letter-spacing:-.035em;margin:8px 0 18px;font-size:clamp(27px,2.25vw,35px);font-weight:560;line-height:1.06}.youtube-intake{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--rule));background:var(--soft);border-radius:3px;margin-bottom:12px;padding:11px}.youtube-intake__head,.youtube-intake__field,.youtube-intake__status{align-items:center;display:flex}.youtube-intake__head{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:10px;font-weight:800}.live-indicator{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;font-size:7px;font-weight:800;display:inline-flex}.live-indicator:before{background:var(--faint);content:"";border-radius:50%;width:6px;height:6px}.live-indicator--live{color:var(--accent)}.live-indicator--live:before{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.live-indicator--connecting:before{background:var(--warm)}.youtube-intake__field{gap:6px}.youtube-intake__field input{border:1px solid var(--rule);width:100%;min-width:0;height:36px;color:var(--ink);background:var(--paper-raised);border-radius:2px;outline:0;padding:0 9px;font-size:10px}.youtube-intake__field input:focus{border-color:var(--accent)}.youtube-intake__field button{height:36px;color:var(--white);background:var(--accent);cursor:pointer;border:0;border-radius:2px;flex:none;padding:0 10px;font-size:9px;font-weight:800}.youtube-intake__field button:disabled{cursor:wait;filter:grayscale(.45);opacity:.64}.youtube-intake__status{color:var(--muted);flex-direction:column;align-items:flex-start;gap:7px;margin-top:8px;font-size:8px;line-height:1.5}.youtube-intake__status.is-error{color:var(--danger)}.youtube-intake__status.is-complete{color:var(--accent)}.youtube-intake__status a,.youtube-intake__status button{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:8px;font-weight:800;text-decoration:underline}.search-field{border:1px solid var(--rule);background:var(--paper-raised);border-radius:3px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search-field>span{color:var(--muted);font-size:22px;line-height:1;transform:rotate(-20deg)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search-field input::placeholder,textarea::placeholder{color:var(--faint)}.filter-row{gap:5px;padding:12px 0;display:flex;overflow-x:auto}.filter-row button{border:1px solid var(--rule);color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:6px 8px;font-size:10px;font-weight:700}.filter-row button.is-active{border-color:var(--ink);color:var(--white);background:var(--ink)}.library-controls{border-bottom:1px solid var(--rule);grid-template-columns:1fr .78fr;gap:7px;padding-bottom:11px;display:grid}.library-controls label,.field-label{flex-direction:column;gap:5px;display:flex}.library-controls label>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.library-controls select{border:1px solid var(--rule);width:100%;height:34px;color:var(--ink);background:var(--paper-raised);border-radius:2px;padding:0 7px;font-size:10px}.library-result-line{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;padding:11px 1px 8px;font-size:8px;display:flex}.document-list{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:7px;min-height:0;margin:0 -7px;padding:0 7px 20px;display:flex;overflow-y:auto}.document-card{border:1px solid #0000;border-bottom-color:var(--rule);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:3px;flex-direction:column;flex:none;gap:7px;padding:12px;display:flex}.document-card:hover{background:rgba(var(--ink-rgb), .035)}.document-card.is-selected{border-color:var(--accent);background:var(--soft)}.document-card__top,.article-header__kicker,.article-header__meta,.pane-heading,.diary-sheet__head,.study-data>div{justify-content:space-between;align-items:center;display:flex}.document-card__top{color:var(--muted);font-size:10px}.status{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.status--completed{color:var(--warm)}.document-card>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.document-card__meta{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.document-card__preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.empty-list,.loading-state,.error-state{min-height:180px;color:var(--muted);text-align:center;place-content:center;gap:8px;display:grid}.empty-list strong,.loading-state strong,.error-state strong{color:var(--ink)}.reader-stage{border:1px solid var(--rule);background:var(--paper-raised);min-width:0;min-height:0;position:relative;overflow:hidden}.reader-progress{z-index:4;background:var(--rule);height:3px;position:absolute;top:0;left:0;right:0}.reader-progress span{background:var(--warm);height:100%;transition:width .16s;display:block}.reader-page{scroll-behavior:smooth;scrollbar-gutter:stable;height:100%;padding:clamp(38px,5vw,72px) clamp(30px,7vw,96px) 120px;overflow-y:auto}.article-header{border-bottom:1px solid var(--rule);max-width:810px;margin:0 auto 52px;padding-bottom:31px;position:relative}.article-header__kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:23px;font-size:9px;font-weight:800}.article-header h2{max-width:760px;font-family:var(--font-display);letter-spacing:-.045em;word-break:keep-all;margin:0;font-size:clamp(36px,4.7vw,64px);font-weight:560;line-height:1.08}.article-header>p{max-width:700px;color:var(--muted);margin:25px 0;font-size:14px;line-height:1.7}.article-header__meta{color:var(--muted);gap:14px;font-size:11px}.article-header__meta strong{color:var(--ink)}.article-header__meta>div{gap:14px;display:flex}.article-header__meta a,.article-header__meta button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;text-decoration:none}.reader-settings{gap:3px;display:flex;position:absolute;top:-8px;right:0;transform:translateY(-100%)}.reader-settings button{border:1px solid var(--rule);min-width:31px;height:28px;color:var(--muted);background:var(--paper);cursor:pointer;padding:0 7px;font-size:10px;font-weight:700}.markdown-body{max-width:760px;font-size:calc(16px * var(--reader-scale,1));overflow-wrap:anywhere;word-break:keep-all;margin:0 auto;line-height:1.85}.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--ink);font-family:var(--font-display);scroll-margin-top:28px}.markdown-body h2{font-size:calc(29px * var(--reader-scale,1));letter-spacing:-.03em;margin:64px 0 22px;padding-top:8px;font-weight:650;line-height:1.25}.markdown-body h2:first-child{margin-top:0}.markdown-body h3{font-size:calc(22px * var(--reader-scale,1));margin:43px 0 16px;font-weight:620;line-height:1.35}.markdown-body p{margin:0 0 18px}.markdown-body ul,.markdown-body ol{margin:0 0 25px;padding-left:1.35em}.markdown-body li{margin:0 0 11px;padding-left:.3em}.markdown-body li::marker{color:var(--accent)}.markdown-body strong{color:var(--ink);font-weight:760}.markdown-body a{color:var(--accent);-webkit-text-decoration-color:rgba(var(--ink-rgb), .32);text-decoration-color:rgba(var(--ink-rgb), .32);text-underline-offset:3px}.markdown-body blockquote{border-left:3px solid var(--accent);color:var(--ink);background:var(--soft);font-family:var(--font-display);margin:30px 0;padding:18px 23px;font-size:1.12em}.markdown-body code{border:1px solid var(--rule);background:var(--paper);font-family:var(--font-mono);border-radius:2px;padding:.12em .32em;font-size:.84em}.markdown-body pre{border:1px solid var(--rule);background:var(--paper);max-width:100%;padding:18px;overflow-x:auto}.markdown-body pre code{border:0;padding:0}.markdown-body table{border-collapse:collapse;width:100%;margin:26px 0;font-size:.9em;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--rule);text-align:left;vertical-align:top;padding:10px 12px}.markdown-body hr{border:0;border-top:1px solid var(--rule);margin:50px 0}.article-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;max-width:760px;margin:75px auto 0;padding:28px 0 0;display:flex}.article-footer p{color:var(--muted);font-family:var(--font-display);margin:0;font-size:17px}.recall-cover{z-index:5;background:linear-gradient(rgba(var(--ink-rgb), .018) 1px, transparent 1px), var(--paper-raised);text-align:center;background-size:100% 32px;place-content:center;padding:50px;display:grid;position:absolute;inset:3px 0 0}.recall-cover h2{font-family:var(--font-display);letter-spacing:-.04em;margin:11px 0 18px;font-size:clamp(42px,5vw,68px);font-weight:560;line-height:1.05}.recall-cover>p:not(.eyebrow){max-width:460px;color:var(--muted);margin:0 auto 24px;line-height:1.75}.recall-cover button{justify-self:center}.study-panel{border:1px solid var(--rule);flex-direction:column;min-height:0;padding:24px 20px;display:flex;overflow-y:auto}.study-panel__intro h2{font-family:var(--font-display);letter-spacing:-.035em;margin:8px 0 12px;font-size:29px;font-weight:560;line-height:1.13}.study-panel__intro>p:last-child{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.study-tabs{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin:21px 0;display:grid}.study-tabs button{border:0;border-right:1px solid var(--rule);height:43px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.03em;background:0 0;padding:0;font-size:8px;font-weight:800}.study-tabs button:last-child{border-right:0}.study-tabs button.is-active{color:var(--white);background:var(--ink)}.study-pane{flex-direction:column;gap:13px;display:flex}.pane-heading{font-size:11px}.pane-heading span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.toc{border-bottom:1px solid var(--rule);flex-direction:column;max-height:210px;padding-bottom:10px;display:flex;overflow-y:auto}.toc button{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;padding:7px 0 7px 15px;font-size:10px;line-height:1.4;position:relative}.toc button:before{background:var(--rule);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:12px;left:1px}.toc button:hover{color:var(--ink)}.toc button.is-sub{padding-left:27px}.toc button.is-sub:before{left:14px}.field-label>span,.diary-sheet label>span,.diary-recall>span{color:var(--ink);font-size:10px;font-weight:750}.field-label small{color:var(--muted);margin-left:4px;font-size:8px;font-weight:500}.field-label textarea,.recall-field textarea,.diary-sheet textarea{resize:vertical;border:1px solid var(--rule);width:100%;color:var(--ink);background:var(--paper-raised);border-radius:2px;outline:0;font-size:11px;line-height:1.6}.field-label textarea{min-height:112px;padding:11px}.full-button{width:100%}.recall-notice{background:var(--soft);flex-direction:column;gap:4px;padding:14px;display:flex}.recall-notice strong{font-family:var(--font-display);font-size:18px}.recall-notice span{color:var(--muted);font-size:9px}.recall-field{grid-template-columns:25px 1fr;align-items:start;gap:8px;display:grid}.recall-field>span{border:1px solid var(--rule);width:25px;height:25px;color:var(--muted);font-family:var(--font-mono);place-items:center;font-size:9px;display:grid}.recall-field textarea{min-height:62px;padding:9px}.diary-sheet{border:1px solid var(--rule);background:linear-gradient(transparent 31px, rgba(var(--ink-rgb), .07) 32px), var(--paper-raised);background-size:100% 32px;padding:17px}.diary-sheet__head{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:750}.diary-sheet h3{font-family:var(--font-display);margin:13px 0 18px;font-size:18px;line-height:1.3}.diary-sheet label{flex-direction:column;gap:5px;margin:0 0 14px;display:flex}.diary-sheet textarea{background:rgba(var(--ink-rgb), .02);min-height:54px;padding:8px}.diary-recall{margin-bottom:14px}.diary-recall p{min-height:19px;color:var(--muted);margin:5px 0;font-size:9px;line-height:1.45}.study-data{border-top:1px solid var(--rule);margin-top:auto;padding-top:20px}.study-data p{color:var(--muted);margin:0 0 8px;font-size:8px;line-height:1.5}.study-data>div{justify-content:flex-start;gap:10px}.study-data button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.study-data>span{color:var(--warm);margin-top:7px;font-size:8px;display:block}.panel-mobile-head,.mobile-only,.mobile-scrim,.guide-modal[hidden]{display:none}.guide-modal{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08120ca3;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.guide-card{border:1px solid var(--rule);background:var(--paper-raised);width:min(780px,100%);max-height:calc(100dvh - 56px);padding:clamp(24px,4vw,42px);overflow-y:auto;box-shadow:0 26px 90px #08120c47}.guide-card__head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.guide-card__head h2{font-family:var(--font-display);letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(32px,5vw,49px);font-weight:560;line-height:1.08}.guide-card__head .icon-button{flex:none}.guide-steps{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;display:grid}.guide-step{border-right:1px solid var(--rule);min-height:230px;padding:22px 20px 20px 0;position:relative}.guide-step+.guide-step{padding-left:20px}.guide-step:last-child{border-right:0;padding-right:0}.guide-step>span{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px;font-weight:800}.guide-step h3{font-family:var(--font-display);margin:11px 0 12px;font-size:25px;font-weight:620}.guide-step p{color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.7}.guide-step small{color:var(--warm);font-family:var(--font-mono);font-size:8px;font-weight:750;position:absolute;bottom:20px}.guide-principles{background:var(--soft);grid-template-columns:150px 1fr;gap:20px;margin:24px 0;padding:20px;display:grid}.guide-principles strong{font-family:var(--font-display);font-size:18px}.guide-principles ul{color:var(--muted);margin:0;padding-left:18px;font-size:11px;line-height:1.65}.guide-principles li+li{margin-top:5px}.guide-principles li::marker{color:var(--accent)}.guide-card__actions{justify-content:flex-end;gap:9px;display:flex}.study-app.is-focus .workspace{max-width:1050px;margin:0 auto;display:block}.study-app.is-focus .library-panel,.study-app.is-focus .study-panel{display:none}.study-app.is-focus .reader-stage{height:100%}@media (width<=1200px){.workspace{grid-template-columns:288px minmax(430px,1fr)}.study-panel{z-index:70;border-width:0 0 0 1px;width:min(380px,94vw);transition:transform .18s;position:fixed;top:0;bottom:0;right:0;transform:translate(104%);box-shadow:-18px 0 50px #08120c29}.is-study-open .study-panel{transform:translate(0)}.panel-mobile-head{justify-content:space-between;align-items:center;min-height:42px;margin-bottom:18px;font-size:12px;display:flex}.mobile-only{place-items:center;display:inline-grid}.desktop-primary{display:none}.mobile-scrim{z-index:60;background:#08120c61;border:0;display:block;position:fixed;inset:0}}@media (width<=820px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 12px}.topbar__metrics{display:none}.topbar__actions{grid-column:2}.topbar__actions .text-button{min-height:36px;padding:0 10px;font-size:10px}.guide-menu-button__full{display:none}.guide-menu-button__short{display:inline}.brand small{display:none}.brand__mark{width:31px;height:31px}.brand strong{font-size:17px}.workspace{height:calc(100dvh - 62px);padding:0;display:block}.reader-stage{border:0;height:100%}.library-panel{z-index:70;border-width:0 1px 0 0;width:min(370px,96vw);padding:18px 16px 0;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%);box-shadow:18px 0 50px #08120c29}.is-library-open .library-panel{transform:translate(0)}.library-panel>.eyebrow,.library-panel>h1{display:none}.reader-page{padding:36px 22px 100px}.article-header{margin-bottom:40px}.article-header__kicker{flex-direction:column;align-items:flex-start;gap:5px}.article-header h2{word-break:normal;font-size:clamp(34px,11vw,50px)}.article-header__meta{flex-direction:column;align-items:flex-start}.reader-settings{margin-top:22px;position:static;transform:none}.markdown-body{font-size:calc(15.5px * var(--reader-scale,1));word-break:normal;line-height:1.82}.markdown-body h2{font-size:calc(27px * var(--reader-scale,1));margin-top:52px}.markdown-body h3{font-size:calc(21px * var(--reader-scale,1))}.article-footer{flex-direction:column;align-items:stretch}.recall-cover{padding:30px 24px}.study-panel{width:min(390px,100vw)}.guide-modal{place-items:end center;padding:12px}.guide-card{width:100%;max-height:calc(100dvh - 24px);padding:24px 20px}.guide-card__head h2{font-size:34px}.guide-steps{grid-template-columns:1fr}.guide-step,.guide-step+.guide-step{border-right:0;border-bottom:1px solid var(--rule);min-height:0;padding:17px 0 18px}.guide-step:last-child{border-bottom:0}.guide-step p{margin-bottom:8px}.guide-step small{position:static}.guide-principles{grid-template-columns:1fr;gap:9px}.guide-card__actions{flex-direction:column-reverse;align-items:stretch}}@media (width<=520px){.focus-button,.new-video-button{display:none}.topbar__actions{gap:5px}.topbar__actions .text-button,.topbar__actions .icon-button{min-height:34px;padding:0 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}@media print{body{background:#fff;overflow:visible}body *{visibility:hidden!important}.diary-sheet,.diary-sheet *{visibility:visible!important}.diary-sheet{color:#183d2e;background:#fff;border:1px solid #9a9a90;width:auto;height:auto;padding:12mm;position:fixed;inset:14mm}.diary-sheet h3{font-size:24pt}.diary-sheet textarea{color:#183d2e;background:0 0;border-color:#c9c9c0;min-height:24mm}}