@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");:root{--bg:#eef4fc;--panel:#ffffff;--line:#e4ebf5;--line-strong:#d6e0ee;--text:#15202e;--muted:#5d6b7e;--muted-2:#93a0b1;--accent:#2563eb;--accent-2:#3b82f6;--accent-ink:#1d4ed8;--accent-soft:#e7f0ff;--correct:#15803d;--wrong:#dc2626;--radius:14px;--radius-lg:18px;--shadow-xs:0 1px 2px rgba(16,24,40,0.05);--shadow-sm:0 1px 2px rgba(16,24,40,0.04),0 2px 6px rgba(16,24,40,0.05);--shadow-md:0 6px 20px rgba(16,24,40,0.07),0 2px 6px rgba(16,24,40,0.04);--shadow-lg:0 18px 50px rgba(16,24,40,0.12);--header-h:56px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;-webkit-text-size-adjust:100%;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.brand-lockup{display:inline-flex;align-items:center;gap:9px;min-width:0}.brand-logo{display:block;width:26px;height:26px;border-radius:8px;box-shadow:0 3px 8px rgba(37,99,235,.28);flex:0 0 auto}.brand-logo.lg{width:30px;height:30px;border-radius:9px}.auth-logo{width:44px;height:44px;border-radius:12px;margin:0 auto 10px;box-shadow:0 6px 16px rgba(37,99,235,.3)}::selection{background:rgba(37,99,235,.16)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{height:var(--header-h);flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(16,24,40,.02);z-index:30}.topbar .brand{font-weight:800;font-size:15px;letter-spacing:-.02em;background:linear-gradient(120deg,var(--text) 30%,var(--accent) 140%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topbar .sub{font-size:12px;color:var(--muted)}.topbar .spacer{flex:1 1}.topbar .legend{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.legend .swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.08)}.btn-ghost{border:1px solid var(--line-strong);background:var(--panel);border-radius:9px;padding:6px 11px;font-size:12px;font-weight:600;color:var(--muted)}.btn-ghost:hover{background:#f7f8fb;border-color:#cfd4de;color:var(--text)}.btn-ghost.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.btn-ghost.on:hover{color:#fff}.layout{flex:1 1;min-height:0;display:grid;grid-template-columns:360px 8px 1fr;grid-template-rows:minmax(0,1fr) 8px minmax(0,1fr);grid-gap:0;gap:0;padding:10px}.pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pane-problem{grid-column:1;grid-row:1}.pane-toc{grid-column:1;grid-row:3}.pane-text{grid-column:3;grid-row:1/-1}.layout-divider{position:relative;touch-action:none}.layout-divider:after{content:"";position:absolute;background:var(--line-strong);border-radius:2px;transition:background-color .12s ease}.layout-divider:hover:after{background:var(--accent)}.layout-divider-v{grid-column:2;grid-row:1/-1;cursor:col-resize}.layout-divider-v:after{top:50%;left:50%;width:3px;height:44px;transform:translate(-50%,-50%)}.layout-divider-h{grid-column:1;grid-row:2;cursor:row-resize}.layout-divider-h:after{top:50%;left:50%;width:44px;height:3px;transform:translate(-50%,-50%)}.pane-head{flex:0 0 auto;padding:11px 15px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:-.01em;display:flex;gap:8px;background:linear-gradient(180deg,#fcfcfe,#fafbfd)}.pane-head,.pane-head .tag{font-weight:700;align-items:center}.pane-head .tag{font-size:11px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:7px;width:20px;height:20px;display:inline-flex;justify-content:center;box-shadow:0 2px 6px rgba(37,99,235,.3)}.pane-body{flex:1 1;min-height:0;overflow:auto}.problem{padding:14px;display:flex;flex-direction:column;gap:12px}.problem .nav{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.problem .prompt{font-size:14px;font-weight:600;line-height:1.5;white-space:pre-wrap}.prompt-image{display:block;max-width:100%;max-height:320px;width:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);margin:8px 0}.choices{display:flex;flex-direction:column;gap:8px}.choice{text-align:left;border:1px solid var(--line-strong);background:var(--panel);border-radius:11px;padding:11px 13px;font-size:13px;display:flex;gap:9px;align-items:flex-start;line-height:1.45}.choice:hover{border-color:var(--accent);background:#fafaff;transform:translateY(-1px);box-shadow:var(--shadow-xs)}.choice .ix{font-weight:700;color:var(--muted)}.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.choice.correct{border-color:var(--correct);background:#e9f7ef}.choice.wrong{border-color:var(--wrong);background:#fdecea}.problem .actions{display:flex;gap:8px}.btn{border:none;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 14px rgba(37,99,235,.28)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(37,99,235,.34)}.btn-primary:disabled{background:#c2c8d6;box-shadow:none;transform:none;cursor:not-allowed}.btn-soft{background:#eef1f6;color:var(--text)}.btn-soft:hover{background:#e6eaf1}.result{border-radius:9px;padding:11px 12px;font-size:13px;line-height:1.55}.result.ok{background:#e9f7ef;color:var(--correct)}.result.no{background:#fdecea;color:var(--wrong)}.result .exp{color:var(--text);margin-top:6px}.hint-banner{background:#fff7e0;border:1px solid #f4d36b;border-radius:9px;padding:9px 11px;font-size:12.5px;color:#7a5d00;line-height:1.5}.toc{padding:8px 6px;font-size:13px}.toc ul{list-style:none;margin:0;padding:0}.toc .u-title{font-weight:700;padding:7px 10px;color:var(--text)}.toc .m-title{font-weight:600;color:var(--muted);padding:5px 10px 5px 18px;font-size:12.5px}.toc .leaf{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;background:transparent;padding:7px 10px 7px 28px;border-radius:8px;font-size:13px;color:var(--text)}.toc .leaf:hover{background:#f3f5f8}.toc .leaf.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.toc .leaf.blink{animation:blink .9s ease-in-out 4}@keyframes blink{0%,to{background:var(--accent-soft)}50%{background:#ffe08a}}.toc .dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}.toc .leaf .label{flex:1 1}.toc .count{font-size:11px;color:var(--muted)}.textbook-wrap{position:relative;height:100%;display:flex;flex-direction:column}.text-toolbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.text-toolbar .seg{display:flex;gap:4px;flex:0 0 auto}.text-toolbar .pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:4px 10px;font-size:11.5px;white-space:nowrap;flex:0 0 auto;transition:background .16s ease,color .16s ease,border-color .16s ease}.text-toolbar .pill.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(37,99,235,.26)}.text-toolbar .spacer{flex:1 1}.text-scroll{position:relative;flex:1 1;min-height:0;overflow:auto;touch-action:pan-y}.page-content{position:relative;max-width:760px;margin:0 auto;padding:26px 30px 60px}.page-title{font-size:17px;font-weight:800;margin:0 0 4px}.page-meter{font-size:12px;color:var(--muted);margin-bottom:18px}.para-h{font-size:14.5px;font-weight:700;margin:20px 0 8px;color:#111827}.para-p{font-size:15px;line-height:2.05;margin:0 0 12px;text-align:justify}.para-img{margin:10px 0 16px}.para-img img{display:block;max-width:100%;max-height:420px;width:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);margin:0 auto}.sentence{border-radius:4px;padding:1px;transition:background-color .15s ease;cursor:default}.sentence .stamp{font-size:10px;color:#9a6b00;margin-left:4px;vertical-align:2px;white-space:nowrap}.ink-canvas{top:0;left:0;z-index:5;mix-blend-mode:multiply}.ink-canvas,.toast{position:absolute;pointer-events:none}.toast{left:50%;bottom:16px;transform:translateX(-50%);background:rgba(31,36,48,.92);color:#fff;padding:9px 14px;border-radius:999px;font-size:12.5px;z-index:20;animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.pager{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px;border-top:1px solid var(--line)}.pager button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 14px;font-size:13px}.pager button:disabled{color:#c0c6cf;cursor:not-allowed}.pager .pos{font-size:12.5px;color:var(--muted);min-width:48px;text-align:center}.hub{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1100px 520px at 78% -8%,rgba(59,130,246,.14),transparent 60%),var(--bg)}.hub-body{max-width:960px;width:100%;margin:0 auto;padding:40px 24px 64px}.hub-intro{margin-bottom:40px}.hub-intro h1{font-size:32px;line-height:1.3;font-weight:800;letter-spacing:-.03em;margin:14px 0}.hub-intro h1 .hl{background:linear-gradient(transparent 58%,rgba(45,212,191,.42) 0);padding:0 2px}.hub-intro p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:560px}.hub-section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:20px}.hub-section h2{font-size:17px;margin:0 0 16px;letter-spacing:-.01em}.hub-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hub-section-head h2{margin:0}.hub-badge{font-size:11.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:4px 11px}.hub-empty{font-size:13px;color:var(--muted-2);margin:0}.hub-lecture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px}.hub-lecture-card{position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text)}.hub-lecture-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#eef1f6}.hub-lecture-card span{font-size:12.5px;font-weight:600;line-height:1.4}.hub-lecture-card:hover img{outline:2px solid var(--accent);outline-offset:2px}.hub-lecture-card.locked img{filter:blur(1.5px) brightness(.7)}.hub-lock-overlay{position:absolute;top:0;left:0;right:0;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:22px}.strategy-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-top:20px}.strategy-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fbfcfe}.strategy-icon{font-size:22px}.strategy-card h3{font-size:14.5px;margin:8px 0 6px}.strategy-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 10px}.strategy-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:3px 10px}@media (max-width:620px){.strategy-grid{grid-template-columns:1fr}}.start-study{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.start-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted);flex:1 1;min-width:200px}.start-field select{border:1px solid var(--line-strong);border-radius:10px;padding:10px 11px;font-size:13.5px;font-family:inherit;color:var(--text);background:#fff}.start-btn{white-space:nowrap}.lecture-room{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 320px;grid-gap:10px;gap:10px;padding:10px}.lecture-player{min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.lecture-player iframe{width:100%;aspect-ratio:16/9;border:none;background:#000}.lecture-player-info{padding:14px 16px;overflow:auto}.lecture-player-info h3{margin:0 0 6px;font-size:15px}.lecture-player-info p{margin:0;font-size:13px;color:var(--muted);line-height:1.6;white-space:pre-wrap}.lecture-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px}.lecture-list-item{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:none;border-radius:10px;padding:6px;text-align:left}.lecture-list-item:hover{background:#f4f6fb}.lecture-list-item.active{background:var(--accent-soft);border-color:rgba(37,99,235,.25)}.lecture-list-item img{width:84px;height:47px;object-fit:cover;border-radius:7px;flex-shrink:0;background:#eef1f6}.lecture-list-title{font-size:12.5px;font-weight:600;line-height:1.4}.lecture-locked{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px;color:var(--muted)}.lecture-locked-icon{font-size:40px}.lecture-locked h3{margin:0;color:var(--text)}.lecture-locked p{margin:0;font-size:13px;max-width:360px}@media (max-width:820px){.lecture-room{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:8px}}.mobile-tabs{display:none}@media (max-width:820px){.layout{grid-template-columns:1fr;grid-template-rows:1fr;padding:8px}.pane-problem,.pane-text,.pane-toc{grid-column:1;grid-row:1}.layout-divider,.pane[data-tab-hidden=true]{display:none}.mobile-tabs{display:flex;gap:6px;padding:6px 8px;background:var(--panel);border-top:1px solid var(--line)}.mobile-tabs button{flex:1 1;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px;font-size:13px;font-weight:600;color:var(--muted)}.mobile-tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.legend{display:none!important}}.user-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text);background:#f4f5fa;border:1px solid var(--line-strong);border-radius:999px;padding:4px 6px 4px 11px;white-space:nowrap}.user-chip .role{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:999px;padding:2px 8px}.landing{min-height:100dvh;display:flex;flex-direction:column;position:relative;background:radial-gradient(1100px 520px at 78% -8%,rgba(59,130,246,.22),transparent 60%),radial-gradient(900px 480px at 8% 12%,rgba(14,165,233,.14),transparent 55%),linear-gradient(180deg,#f1f7ff,#e3eefb)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;max-width:1120px;width:100%;margin:0 auto}.landing-logo{font-weight:800;font-size:16px;letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:16px}.lp-link{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.lp-link:hover{color:var(--text)}.lp-btn{text-decoration:none;border-radius:11px;padding:10px 17px;font-size:14px;font-weight:700;display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 6px 18px rgba(37,99,235,.28);transition:transform .14s ease,box-shadow .2s ease}.lp-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(37,99,235,.36)}.lp-btn.lg{padding:14px 24px;font-size:15px}.hero{flex:1 1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;grid-gap:48px;gap:48px;max-width:1120px;width:100%;margin:0 auto;padding:48px 28px 64px}.hero-text h1{font-size:46px;line-height:1.22;font-weight:800;margin:0 0 20px;letter-spacing:-.035em}.hero-text h1 .hl{background:linear-gradient(transparent 58%,rgba(45,212,191,.42) 0);padding:0 2px}.hero-text>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 26px;max-width:480px}.hero-cta{display:flex;align-items:center;gap:18px;margin-bottom:26px}.stage-legend{display:flex;flex-wrap:wrap;gap:10px}.stage-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 10px}.stage-chip .dot{width:11px;height:11px;border-radius:50%}.hero-demo-stack{display:flex;flex-direction:column;gap:12px}.demo-question{background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-md)}.demo-q-label{display:inline-block;font-size:11.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:3px 10px;margin-bottom:10px}.demo-q-prompt{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 12px;letter-spacing:-.01em}.demo-q-choices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.demo-q-choices li{font-size:13.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.demo-q-choices li.correct{color:var(--correct);font-weight:700;background:rgba(21,128,61,.08);border-color:rgba(21,128,61,.35)}.demo-q-check{color:var(--correct);font-weight:800}.demo-arrow{text-align:center;font-size:12.5px;font-weight:600;color:var(--muted)}.hero-demo{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:30px 28px;box-shadow:var(--shadow-lg)}.demo-line{font-size:18px;line-height:2.15;margin:0 0 14px}.demo-line mark{border-radius:4px;padding:1px 2px;color:var(--text)}.demo-line .m1{background:rgba(187,247,208,.7)}.demo-line .m3{background:rgba(45,212,191,.55)}.demo-line .m5{background:rgba(37,99,235,.45)}.demo-cap{font-size:12.5px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;max-width:1100px;width:100%;margin:0 auto;padding:0 28px 50px}.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon{font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#eef0fe,#eafaf4);margin-bottom:13px}.feature h3{font-size:15px;margin:0 0 6px;letter-spacing:-.01em}.feature p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.top-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:6px 13px;margin-bottom:16px}.hero-photo-wrap{display:flex;flex-direction:column;gap:20px}.hero-photo{position:relative;width:100%;aspect-ratio:4/5;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.9)}.flagship-lecture-section{max-width:1120px;width:100%;margin:0 auto;padding:20px 28px 56px}.flagship-lecture-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:36px}.flagship-lecture-copy h2{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}.flagship-lecture-copy h2 .hl{color:var(--accent-ink)}.flagship-lecture-copy p{font-size:14.5px;line-height:1.75;color:var(--muted);margin:0 0 22px}.flagship-lecture-player{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#000}.flagship-lecture-player iframe{width:100%;aspect-ratio:16/9;border:none;display:block}.flagship-lecture-title{display:block;padding:12px 14px;font-size:13px;font-weight:600;color:#f1f5fb;background:#0d1830}.trust-band{background:linear-gradient(160deg,#101d3a,#16254a 55%,#0d1830);color:#f1f5fb;padding:64px 28px}.trust-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;grid-gap:44px;gap:44px;align-items:start}.trust-photo{position:relative;width:100%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;box-shadow:0 20px 46px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14)}.trust-eyebrow{display:inline-block;font-size:13px;font-weight:700;color:#7fb2ff;margin-bottom:8px;letter-spacing:-.01em}.trust-content h2{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0 0 22px}.cred-list{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px 16px;gap:10px 16px}.cred-list li{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:10px 13px}.cred-check{color:#5fd4a3;font-weight:800}.bio-title{display:block;font-size:13px;font-weight:700;color:#9fb4d6;margin-bottom:10px}.bio-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px 20px;gap:6px 20px}.bio-list li{font-size:13px;line-height:1.65;color:#cdd9ee}.section-title{text-align:center;font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0 0 30px}.gallery-section{max-width:1120px;width:100%;margin:0 auto;padding:64px 28px 10px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.gallery-item{position:relative;display:block;width:100%;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line);transition:transform .16s ease,box-shadow .2s ease}.gallery-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.system-section{max-width:1120px;width:100%;margin:0 auto;padding:64px 28px 20px}.system-head{text-align:center;margin-bottom:34px}.system-head .trust-eyebrow{color:var(--accent-ink)}.system-layout{display:grid;grid-template-columns:1fr 220px;grid-gap:22px;gap:22px;align-items:start}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.system-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px 18px;box-shadow:var(--shadow-sm)}.system-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:12.5px;font-weight:800;margin-bottom:10px}.system-card h3{font-size:15px;margin:0 0 8px;letter-spacing:-.01em}.system-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.system-card li{font-size:12.5px;line-height:1.55;color:var(--muted);padding-left:12px;position:relative}.system-card li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--accent-2)}.studio-strip{display:flex;flex-direction:column;gap:14px}.studio-photo{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line)}.brochure-section{max-width:1120px;width:100%;margin:0 auto;padding:20px 28px 60px}.brochure-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.brochure-card{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:transform .16s ease,box-shadow .2s ease}.brochure-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.brochure-label{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.closing-cta{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:20px}.closing-photo{position:absolute;inset:0;z-index:0}.closing-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,20,.72),rgba(6,10,20,.55) 45%,rgba(6,10,20,.82))}.closing-content{position:relative;z-index:1;text-align:center;padding:60px 24px}.closing-content h2{color:#fff;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.35;margin:0 0 26px}.landing-foot{text-align:center;padding:22px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:28px;padding:24px 18px 40px}.hero-text h1{font-size:30px}.features{grid-template-columns:repeat(2,1fr);padding:0 18px 36px}.flagship-lecture-section{padding-left:18px;padding-right:18px}.flagship-lecture-inner{padding:22px;gap:22px}.flagship-lecture-inner,.trust-inner{grid-template-columns:1fr}.trust-photo{max-width:260px;margin:0 auto}.bio-list,.cred-list{grid-template-columns:1fr}.brochure-section,.gallery-section,.system-section{padding-left:18px;padding-right:18px}.gallery,.system-layout{grid-template-columns:1fr}.studio-strip{flex-direction:row}.brochure-grid,.system-grid{grid-template-columns:1fr}.closing-content h2{font-size:24px}}.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 440px at 80% -10%,rgba(59,130,246,.24),transparent 60%),radial-gradient(760px 420px at 6% 8%,rgba(14,165,233,.14),transparent 55%),linear-gradient(180deg,#f1f7ff,#e3eefb);padding:24px}.auth-card{width:100%;max-width:392px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:34px 30px;box-shadow:var(--shadow-lg)}.auth-brand{display:block;font-size:14px;color:var(--accent-ink);text-decoration:none;margin-bottom:8px}.auth-brand,.auth-title{text-align:center;font-weight:800;letter-spacing:-.02em}.auth-title{font-size:22px;margin:0 0 24px}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px;font-size:12.5px;font-weight:600;color:var(--muted)}.auth-field input{border:1px solid var(--line-strong);border-radius:11px;padding:12px 13px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.auth-field input::placeholder{color:var(--muted-2)}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,.14)}.auth-error{background:#fdecea;color:var(--wrong);border:1px solid #f5c2c0;border-radius:9px;padding:9px 11px;font-size:13px}.auth-submit{margin-top:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:12px;padding:13px;font-size:15px;font-weight:700;box-shadow:0 6px 18px rgba(37,99,235,.28)}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px rgba(37,99,235,.34)}.auth-submit:disabled{background:#c2c8d6;box-shadow:none;cursor:not-allowed}.auth-switch{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}.auth-switch a{color:var(--accent);font-weight:700;text-decoration:none}.admin{min-height:100dvh;background:var(--bg);padding:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto 20px}.admin-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.admin-card h2{margin:0 0 6px;font-size:17px;letter-spacing:-.01em}.admin-sub{margin:0 0 16px;font-size:12.5px;color:var(--muted);line-height:1.55}.admin-form{display:flex;flex-direction:column;gap:12px}.admin-form-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.admin-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted)}.admin-field input,.admin-field select,.admin-field textarea{border:1px solid var(--line-strong);border-radius:10px;padding:10px 11px;font-size:13.5px;font-family:inherit;color:var(--text);background:#fff;outline:none;resize:vertical;transition:border-color .16s ease,box-shadow .16s ease}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,.14)}.admin-hint{font-size:11.5px;font-weight:400;color:var(--muted-2);line-height:1.5}.admin-hint code{background:#f1f3f7;border-radius:4px;padding:1px 5px}.admin-choice-list{display:flex;flex-direction:column;gap:8px}.admin-choice{flex-direction:row;align-items:center;gap:10px}.admin-choice-radio{display:flex;align-items:center;gap:5px;font-size:11.5px;white-space:nowrap}.admin-choice input:not([type=radio]){flex:1 1}.admin-msg{border-radius:9px;padding:9px 11px;font-size:12.5px}.admin-msg.error{background:#fdecea;color:var(--wrong);border:1px solid #f5c2c0}.admin-msg.success{background:#eafaf0;color:var(--correct);border:1px solid #bfe8cf}.admin-list-title{margin:22px 0 10px;font-size:13px;color:var(--muted)}.admin-list,.admin-tree{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow:auto}.admin-empty{font-size:12.5px;color:var(--muted-2)}.admin-tree-unit{border:1px solid var(--line);border-radius:12px;padding:12px}.admin-tree-title.unit{font-weight:800;font-size:13.5px}.admin-tree-mid{margin:8px 0 0 10px}.admin-tree-title.mid{font-weight:700;font-size:12.5px;color:var(--muted);margin-bottom:4px}.admin-tree-leaf{margin:6px 0 0 12px;padding:8px 10px;background:#f8faff;border-radius:9px}.admin-tree-leaf-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-tree-title.leaf{font-size:12.5px;font-weight:600}.admin-page-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.admin-page-list li{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--muted)}.admin-page-count{margin-left:6px;color:var(--muted-2);font-style:normal}.admin-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.admin-list-item-main{display:flex;flex-direction:column;gap:3px;font-size:13px}.admin-list-item-sub{font-size:11.5px;color:var(--muted)}.admin-del{color:var(--wrong);flex-shrink:0}.admin-del:hover{background:#fdecea;border-color:#f5c2c0}.admin-lecture-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}.admin-lecture-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.admin-featured-badge{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:2px 8px;vertical-align:middle}.admin-ai-settings{display:flex;flex-direction:column;gap:10px;max-width:480px}.admin-lecture-thumb{width:100px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#eef1f6}.admin-book-row{display:flex;align-items:flex-end;gap:10px;margin-bottom:8px}.admin-book-select{flex:1 1}.book-switcher{border:1px solid var(--line-strong);border-radius:10px;padding:8px 10px;font-size:13px;font-family:inherit;color:var(--text);background:#fff;outline:none;max-width:220px}.admin-inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-inline-form input:not([type=file]):not([type=submit]),.admin-inline-form input[type=text]{border:1px solid var(--line-strong);border-radius:10px;padding:8px 11px;font-size:13px;font-family:inherit;flex:1 1;min-width:160px}.admin-inline-form input[type=file]{font-size:12.5px;flex:1 1;min-width:180px}.admin-inline-msg{font-size:11.5px;font-weight:600}.admin-inline-msg.error{color:var(--wrong)}.admin-inline-msg.success{color:var(--correct)}.admin-docx{margin-bottom:6px}.admin-body-preview,.admin-docx{display:flex;flex-direction:column;gap:8px}.admin-body-preview{position:relative;padding:14px 14px 10px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fbfcfe;font-size:13.5px;line-height:1.7}.admin-preview-label{position:absolute;top:-9px;left:10px;background:var(--bg);padding:0 6px;font-size:10.5px;font-weight:700;color:var(--muted-2)}.admin-body-preview h4{margin:4px 0 0;font-size:14px;font-weight:700}.admin-body-preview p{margin:0;white-space:pre-wrap}.admin-body-preview img{display:block;max-width:100%;max-height:240px;width:auto;border-radius:8px;border:1px solid var(--line);margin:2px 0}.admin-progress{display:flex;flex-direction:column;gap:6px}.admin-progress-bar{height:8px;border-radius:999px;background:var(--accent-soft);overflow:hidden}.admin-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent));background-size:200% 100%;animation:admin-progress-shimmer 1.4s linear infinite;transition:width .4s ease}@keyframes admin-progress-shimmer{0%{background-position:200% 0}to{background-position:0 0}}.admin-progress-label{font-size:12px;font-weight:600;color:var(--muted)}.admin-draft{gap:14px;margin-top:12px;padding-top:14px;border-top:1px dashed var(--line-strong)}.admin-draft,.admin-draft-item{display:flex;flex-direction:column}.admin-draft-item{gap:10px;background:#f8faff;border:1px solid var(--line);border-radius:12px;padding:14px}.admin-wide{max-width:1200px;margin:20px auto 0}.admin-stats{display:flex;gap:12px;margin-bottom:20px}.admin-stat{flex:1 1;display:flex;flex-direction:column;gap:2px;background:#f8faff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.admin-stat-num{font-size:24px;font-weight:800;letter-spacing:-.02em}.admin-stat-label{font-size:12px;color:var(--muted)}.admin-member-table{display:flex;flex-direction:column;gap:6px;max-height:480px;overflow:auto}.admin-member-row{display:grid;grid-template-columns:100px 1fr 70px 90px 200px 130px 150px;align-items:center;grid-gap:10px;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:12.5px}.admin-member-head{background:#f4f5fa;font-weight:700;color:var(--muted);font-size:11.5px}.admin-member-email{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-plan-badge{border:none;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700}.admin-plan-badge.free{background:#eef1f6;color:var(--muted)}.admin-plan-badge.paid{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.admin-pw-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-pw-form input{border:1px solid var(--line-strong);border-radius:8px;padding:5px 8px;font-size:11.5px;width:140px}@media (max-width:900px){.admin-form-row,.admin-grid{grid-template-columns:1fr}.admin-book-row{flex-direction:column;align-items:stretch}.admin-member-row{grid-template-columns:1fr;gap:4px}.admin-member-head{display:none}}@media (max-width:820px){:root{--header-h:auto}.topbar{height:auto;min-height:46px;flex-wrap:wrap;row-gap:6px;column-gap:8px;padding:7px 10px}.topbar .brand{font-size:13.5px;flex:1 1 auto;min-width:0}.topbar .spacer,.topbar .sub{display:none}.book-switcher{max-width:130px;font-size:11.5px;padding:5px 7px;order:1}.user-chip{font-size:11px;padding:3px 8px;gap:5px;order:2}.user-chip .role{font-size:9.5px;padding:1px 5px}.topbar .btn-ghost{padding:5px 9px;font-size:11.5px;order:3}.text-toolbar{flex-wrap:wrap;gap:6px;padding:7px 10px}.text-toolbar .spacer,.text-toolbar .toolbar-hint{display:none}.text-toolbar .seg{flex:0 0 auto}.page-content{padding:18px 16px 48px}.page-title{font-size:16px}.para-p{font-size:15px;line-height:1.95}.para-h{font-size:14px;margin:16px 0 7px}}@media (pointer:coarse){.nonpen-toggle{display:none}}