@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-base:#262a33;--bg-surface:#323744;--bg-deep:#1d2029;--bg-sidebar:#2a2e38;--bg-active:#363b47;--border:#3d424e;--border-sidebar:#383d49;--text-primary:#ececea;--text-secondary:#d4d3cf;--text-muted:#a8a7a3;--text-dim:#7e828c;--text-faint:#6b6f78;--accent:#06b6d4;--accent-blue:#22d3ee;--accent-light-blue:#67e8f9;--accent-soft:#06b6d42e;--color-correct:#4ade80;--color-correct-solid:#22c55e;--color-wrong:#f87171;--color-wrong-solid:#ef4444;--color-triangle:#fbbf24;--font-ui:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Cascadia Code","Consolas",monospace;--fs-xs:11px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-body:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-xl:14px;--r-2xl:16px;--shadow-card:0 1px 3px #0000002e;--shadow-card-hover:0 4px 16px #0000003d;--pad-editor:14px 16px;--pad-btn:7px 10px;--pad-card:18px 20px;--pad-info:8px 12px;--line-height-code:1.7;--transition:0.15s ease}[data-theme=light]{--bg-base:#fff;--bg-surface:#fff;--bg-deep:#f7f7f5;--bg-sidebar:#fbfbfa;--bg-active:#efeeec;--border:#ebeae8;--border-sidebar:#ebeae8;--text-primary:#191919;--text-secondary:#37352f;--text-muted:#787774;--text-dim:#9b9a97;--text-faint:#b6b4b0;--accent:#06b6d4;--accent-blue:#0e7490;--accent-light-blue:#22d3ee;--accent-soft:#06b6d41f;--color-correct:#16a34a;--color-wrong:#dc2626;--color-triangle:#d97706;--shadow-card:0 1px 3px #0000000d;--shadow-card-hover:0 4px 16px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:#262a33;background:var(--bg-base);color:#ececea;color:var(--text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,sans-serif;font-family:var(--font-ui)}.main-area,.right-panel,.sidebar{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.main-area input,.main-area textarea,.right-panel input,.right-panel textarea,.sidebar input{user-select:text;-webkit-user-select:text}.main-area img,.right-panel img,.sidebar img{-webkit-user-drag:none;user-drag:none;pointer-events:none}@media print{body *{visibility:hidden!important}body:before{color:#000;content:"인쇄 및 PDF 저장은 지원되지 않습니다.";font-family:sans-serif;font-size:20px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);visibility:visible}}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{background:#2a2e38;background:var(--bg-sidebar);border-bottom:1px solid #383d49;border-bottom:1px solid var(--border-sidebar);flex-shrink:0;height:44px;padding:0 20px;z-index:10}.top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:10px}.top-bar-brand{align-items:center;display:flex;gap:9px}.top-bar-icon-btn{align-items:center;background:none;border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;line-height:1;min-width:30px;padding:0 6px;transition:.15s ease;transition:var(--transition)}.top-bar-icon-btn:hover{border-color:#a8a7a3;border-color:var(--text-muted);color:#ececea;color:var(--text-primary)}.top-bar-logo-img{height:24px;width:24px}.top-bar-title{color:#ececea;color:var(--text-primary);font-size:18px;font-weight:700;white-space:nowrap}.top-bar-title-en{color:#06b6d4;color:var(--accent);letter-spacing:-.3px;margin-left:1px}.top-bar{justify-content:space-between}.top-bar-right{align-items:center;display:flex;gap:8px}.top-bar-right button{align-items:center;display:flex;height:30px;white-space:nowrap}.top-bar-user{background:none;border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;font-size:13px;max-width:140px;overflow:hidden;padding:0 11px;text-overflow:ellipsis;transition:.15s ease;transition:var(--transition);white-space:nowrap}.top-bar-user:hover{border-color:#a8a7a3;border-color:var(--text-muted);color:#ececea;color:var(--text-primary)}.top-bar-theme{background:none;border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;padding:0 8px;transition:.15s ease;transition:var(--transition)}.top-bar-theme:hover{border-color:#a8a7a3;border-color:var(--text-muted);color:#ececea;color:var(--text-primary)}.rp-edge-toggle{display:none}.profile-dropdown{background:#323744;background:var(--bg-surface);border:1px solid #3d424e;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0003;min-width:240px;padding:16px;position:absolute;right:20px;top:44px;z-index:100}.profile-header{color:#ececea;color:var(--text-primary);font-size:15px;font-weight:700}.profile-email{color:#7e828c;color:var(--text-dim);font-size:12px;margin-top:2px}.profile-divider{background:#3d424e;background:var(--border);height:1px;margin:12px 0}.profile-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.profile-label{color:#a8a7a3;color:var(--text-muted)}.profile-value{color:#ececea;color:var(--text-primary);font-weight:600}.profile-active{color:#4ade80;color:var(--color-correct)}.profile-inactive{color:#7e828c;color:var(--text-dim)}.profile-pending{color:#fbbf24;color:var(--color-triangle);font-weight:700}.profile-action{align-items:center;background:none;border:none;border-radius:6px;box-sizing:border-box;color:#ececea;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:9px 6px;text-align:left;text-decoration:none;transition:.15s ease;transition:var(--transition);width:100%}.profile-action:hover{background:#363b47;background:var(--bg-active)}.admin-link{background:none;border:1px solid #3d424e;border:1px solid var(--border);border-radius:4px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 12px}.admin-link:hover{border-color:#a8a7a3;border-color:var(--text-muted);color:#ececea;color:var(--text-primary)}.app-body{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#2a2e38;background:var(--bg-sidebar);color:#d4d3cf;color:var(--text-secondary);display:flex;flex-direction:column;flex-shrink:0;min-width:250px;width:250px}.sidebar-fixed-top{flex-shrink:0;padding:8px 14px 0}.sidebar-scroll{flex:1 1;overflow-y:auto;padding:4px 14px 20px;scrollbar-color:#383d49 #0000;scrollbar-color:var(--border-sidebar) #0000;scrollbar-width:thin}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:#0000}.sidebar-scroll::-webkit-scrollbar-thumb{background:#383d49;background:var(--border-sidebar);border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#7e828c;background:var(--text-dim)}.resize-handle{background:#383d49;background:var(--border-sidebar);cursor:col-resize;flex-shrink:0;transition:background .15s;width:5px}.resize-handle:hover{background:#06b6d4;background:var(--accent)}.sidebar-edge-toggle{align-items:center;background:#2a2e38;background:var(--bg-sidebar);border:none;border-left:1px solid #383d49;border-left:1px solid var(--border-sidebar);border-right:1px solid #383d49;border-right:1px solid var(--border-sidebar);color:#7e828c;color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;justify-content:center;transition:.15s ease;transition:var(--transition);width:16px}.sidebar-edge-toggle:hover{background:#363b47;background:var(--bg-active);color:#ececea;color:var(--text-primary)}.sidebar-fixed-bottom{border-top:1px solid #383d49;border-top:1px solid var(--border-sidebar);flex-shrink:0;padding:8px 14px 12px}.sidebar-hidden{border:none;min-width:0;overflow:hidden;width:0!important}.category-pill{background:#363b47;background:var(--bg-active);border-radius:8px;display:flex;gap:4px;margin-bottom:14px;padding:3px}.cat-pill-btn{background:#0000;border:none;border-radius:6px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:6px 0;text-align:center;transition:.15s ease;transition:var(--transition)}.cat-pill-btn:hover{color:#d4d3cf;color:var(--text-secondary)}.cat-pill-btn.active{background:#323744;background:var(--bg-surface);box-shadow:0 1px 2px #0000000f;color:#ececea;color:var(--text-primary);font-weight:600}.sub-tabs-line{border-bottom:1px solid #3d424e;border-bottom:1px solid var(--border);display:flex;margin-bottom:14px}.sub-tab-line{background:#0000;border:none;border-bottom:2px solid #0000;color:#7e828c;color:var(--text-dim);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;margin-bottom:-1px;padding-bottom:8px;text-align:center;transition:.15s ease;transition:var(--transition)}.sub-tab-line:hover{color:#d4d3cf;color:var(--text-secondary)}.sub-tab-line.active{border-bottom-color:#06b6d4;border-bottom-color:var(--accent);color:#ececea;color:var(--text-primary);font-weight:600}.sidebar-label{align-items:center;color:#6b6f78;color:var(--text-faint);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.status-summary{color:#4ade80;color:var(--color-correct);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}.toc-list{display:flex;flex-direction:column;gap:1px;margin-bottom:16px}.toc-group{margin-bottom:6px}.toc-group-label{color:#67e8f9;color:var(--accent-light-blue);font-size:13px;font-weight:700;padding:4px 8px 2px}.toc-section{margin-bottom:2px}.toc-sort-bar{display:flex;gap:3px;margin-bottom:4px;padding:0 2px}.toc-sort-btn{background:#0000;border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;color:#7e828c;color:var(--text-dim);cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:2px 0;transition:.15s ease;transition:var(--transition)}.toc-sort-btn:hover{color:#d4d3cf;color:var(--text-secondary)}.toc-sort-btn:disabled{color:#7e828c;color:var(--text-dim);cursor:not-allowed;opacity:.35}.toc-sort-btn.active{background:#06b6d42e;background:var(--accent-soft);border-color:#06b6d4;border-color:var(--accent);color:#06b6d4;color:var(--accent)}.freq-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;margin-right:6px;position:relative;vertical-align:middle;width:32px}.freq-bar-group{display:flex;gap:2px;position:absolute}.freq-pct{color:#fff;font-size:9px;font-weight:800;position:absolute;text-shadow:0 0 4px #000c,0 0 2px #0009;z-index:1}.freq-bar{border-radius:1.5px;height:14px;width:4px}.freq-bar.freq-on{background:#3b82f6}.freq-bar.freq-off{background:#475569;border:1px dashed #475569;opacity:.3}.toc-section-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:7px 8px;text-align:left;transition:.15s ease;transition:var(--transition);width:100%}.toc-section-btn:hover{background:#363b47;background:var(--bg-active);color:#d4d3cf;color:var(--text-secondary)}.toc-section-btn.active{background:#363b47;background:var(--bg-active);color:#ececea;color:var(--text-primary)}.toc-section-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-arrow{color:#6b6f78;color:var(--text-faint);flex-shrink:0;font-size:10px}.toc-subtopics{border-left:2px solid #3d424e;border-left:2px solid var(--border);margin-left:19px;padding:2px 0 6px 12px}.toc-subgroup,.toc-subtopics{margin-bottom:4px}.toc-subgroup-label{color:#67e8f9;color:var(--accent-light-blue);font-weight:600;gap:5px;margin-top:4px;padding:6px 8px 2px}.toc-subgroup-label,.toc-subgroup-num{align-items:center;display:flex;font-size:13px}.toc-subgroup-num{background:#4fc3f726;border-radius:4px;flex-shrink:0;height:16px;justify-content:center;width:16px}.toc-subgroup-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-subtopic{align-items:center;background:#0000;border:none;border-radius:4px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 10px;text-align:left;transition:.15s ease;transition:var(--transition);width:100%}.toc-subtopic:hover{background:#363b47;background:var(--bg-active);color:#d4d3cf;color:var(--text-secondary)}.toc-subtopic:disabled{cursor:not-allowed;opacity:.4}.toc-subtopic:disabled:hover{background:#0000;color:#7e828c;color:var(--text-dim)}.toc-subtopic.active{background:#06b6d41f;color:#06b6d4;color:var(--accent);font-weight:600}.toc-subtopic-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-idx{color:#7e828c;color:var(--text-dim);flex-shrink:0;font-size:10px;min-width:18px}.toc-quiz-count{border-radius:8px;flex-shrink:0;font-size:12px;font-weight:500;padding:1px 5px}.tqc-hot{background:#ef444426;color:#ef4444}.tqc-warm{background:#f59e0b26;color:#f59e0b}.tqc-cool{background:#94a3b81f;color:#7e828c;color:var(--text-dim)}.toc-num{color:#06b6d4;color:var(--accent);font-weight:700;margin-right:2px}.toc-item{background:#0000;border:none;border-radius:4px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;display:block;font-size:13px;overflow:hidden;padding:5px 8px;text-align:left;text-overflow:ellipsis;transition:.15s ease;transition:var(--transition);white-space:nowrap;width:100%}.toc-item:hover{background:#363b47;background:var(--bg-active);color:#d4d3cf;color:var(--text-secondary)}.status-grid{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.status-cell{align-items:center;background:#363b47;background:var(--bg-active);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:19px;height:30px;justify-content:center;line-height:1;position:relative;transition:background .15s,transform .1s;width:30px}.status-cell:hover{background:#3d424e;background:var(--border);transform:scale(1.1)}.status-cell[data-tip]:hover:after{background:#323744;background:var(--bg-surface);border:1px solid #3d424e;border:1px solid var(--border);border-radius:4px;bottom:100%;color:#ececea;color:var(--text-primary);content:attr(data-tip);font-size:11px;font-weight:600;left:50%;margin-bottom:4px;padding:2px 6px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.status-cell.st-focused{box-shadow:0 0 0 2px #06b6d4;box-shadow:0 0 0 2px var(--accent)}.status-cell.st-none{color:#6b6f78;color:var(--text-faint);font-size:22px}.status-cell.st-correct{background:#22c55e26;color:#4ade80;color:var(--color-correct)}.status-cell.st-triangle{background:#eab30826;color:#fbbf24;color:var(--color-triangle)}.status-cell.st-wrong{background:#ef444426;color:#f87171;color:var(--color-wrong)}.status-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:10px}.legend-item{font-size:12px;font-weight:500}.legend-item.st-none{color:#6b6f78;color:var(--text-faint)}.legend-item.st-correct{color:#4ade80;color:var(--color-correct)}.legend-item.st-triangle{color:#fbbf24;color:var(--color-triangle)}.legend-item.st-wrong{color:#f87171;color:var(--color-wrong)}.main-area{background:#1d2029;background:var(--bg-deep);display:flex;flex:1 1;justify-content:center;min-width:0;overflow-y:auto;padding:26px 32px;scroll-behavior:smooth;scrollbar-color:#3d424e #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.main-area::-webkit-scrollbar{width:8px}.main-area::-webkit-scrollbar-track{background:#0000}.main-area::-webkit-scrollbar-thumb{background:#3d424e;background:var(--border);border-radius:4px}.main-area::-webkit-scrollbar-thumb:hover{background:#7e828c;background:var(--text-dim)}.right-panel{background:#2a2e38;background:var(--bg-sidebar);border-left:1px solid #3d424e;border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;min-width:305px;overflow-y:auto;width:305px}.rp-backdrop,.rp-close-btn,.sidebar-backdrop{display:none}.rp-stats-card{align-items:center;background:#323744;background:var(--bg-surface);border:1px solid #3d424e;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin:10px 10px 0;padding:12px 14px}.rp-stats-left{flex:1 1;min-width:0}.rp-stats-label{color:#ececea;color:var(--text-primary);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-stats-nums{font-size:13px;margin-top:4px}.rp-stats-correct{color:#ececea;color:var(--text-primary);font-weight:800}.rp-stats-wrong-label{font-size:12px;font-weight:600}.rp-stats-wrong,.rp-stats-wrong-label{color:#f87171;color:var(--color-wrong)}.rp-stats-wrong{font-weight:700}.rp-stats-total{color:#a8a7a3;color:var(--text-muted);font-weight:500}.rp-ring{flex-shrink:0;height:44px;width:44px}.rp-ring,.rp-ring-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.rp-ring-inner{background:#323744;background:var(--bg-surface);color:#ececea;color:var(--text-primary);font-size:11px;font-weight:800;height:32px;width:32px}.rp-stats-sub{color:#a8a7a3;color:var(--text-muted);font-size:11px}.rp-divider{background:#3d424e;background:var(--border);height:1px;margin:14px 16px 0}.rp-tab-line{border-bottom:1px solid #3d424e;border-bottom:1px solid var(--border);display:flex;margin:10px 10px 0}.rp-content{display:flex;flex-direction:column;flex-shrink:0;height:330px;margin:10px}.rp-status-section{overflow-y:auto;padding:8px 10px 12px}.rp-toggle-closed{align-items:center;background:#2a2e38;background:var(--bg-sidebar);border:none;border-left:1px solid #3d424e;border-left:1px solid var(--border);color:#7e828c;color:var(--text-dim);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:12px;gap:8px;justify-content:center;padding:16px 0;transition:.15s ease;transition:var(--transition);width:36px;writing-mode:vertical-rl}.rp-toggle-closed:hover{background:#363b47;background:var(--bg-active);color:#ececea;color:var(--text-primary)}.rp-toggle-arrow{font-size:14px;writing-mode:horizontal-tb}.dk-content-flow{margin:0 auto;max-width:860px;width:100%}.dk-page-header{margin-bottom:32px}.dk-page-title{color:#ececea;color:var(--text-primary);font-size:24px;font-weight:800;margin-bottom:6px}.dk-page-desc{font-size:16px}.dk-page-desc,.dk-random-btn{color:#a8a7a3;color:var(--text-muted)}.dk-random-btn{background:#323744;background:var(--bg-surface);border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;margin-top:8px;padding:6px 16px;transition:all .2s}.dk-random-btn.active,.dk-random-btn:hover{border-color:#60a5fa;color:#60a5fa}.dk-random-btn.active{background:#1e3a5f}.dk-concept-label{color:#7e828c;color:var(--text-dim);display:block;font-size:11px;margin-bottom:4px;padding:0 2px}.dk-concept-count{background:#ef444430;border-radius:8px;color:#f87171;color:var(--color-wrong);display:inline-block;font-size:10px;margin-left:4px;padding:1px 5px}.dk-section{background:#323744;background:var(--bg-surface);border:1px solid #3d424e;border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px;scroll-margin-top:20px}.dk-section-title{align-items:center;border-bottom:2px solid #3d424e;border-bottom:2px solid var(--border);color:#ececea;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:18px;padding-bottom:14px}.dk-section-quiz-cnt{border-radius:10px;font-size:11px;font-weight:600;margin-left:auto;padding:2px 10px;white-space:nowrap}.dk-section-quiz-cnt.sq-cool{background:#06b6d41f;color:#06b6d4;color:var(--accent)}.dk-section-quiz-cnt.sq-warm{background:#fbbf241f;color:#fbbf24;color:var(--color-triangle)}.dk-section-quiz-cnt.sq-hot{background:#f871711f;color:#f87171;color:var(--color-wrong)}.toc-locked{cursor:not-allowed!important;opacity:.5}.toc-lock-hint{color:#a8a7a3;color:var(--text-muted);font-size:12px;opacity:.7;padding:8px 16px}.dk-theory-block{border-bottom:2px solid #3d424e;border-bottom:2px solid var(--border);margin-bottom:24px;padding-bottom:24px}.dk-theory-section{margin-bottom:12px}.dk-theory-section,.dk-theory-section-inline{background:#06b6d40a;border:1px solid #06b6d41f;border-radius:10px;padding:16px 20px}.dk-theory-section-inline{margin-bottom:16px}.dk-theory-text{color:#d4d3cf;color:var(--text-secondary);font-size:14px;line-height:1.8}.dk-theory-text .dk-list-item{margin:2px 0;padding-left:8px}.dk-theory-text .dk-list-num{color:#06b6d4;color:var(--accent);font-weight:600}.dk-theory-text .dk-list-sub{color:#a8a7a3;color:var(--text-muted);font-size:13px;padding-left:24px}.dk-theory-common{border-bottom:none;border-top:2px solid #3d424e;border-top:2px solid var(--border);margin-top:32px;padding-top:24px}.dk-locked-overlay{align-items:center;color:#a8a7a3;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.dk-locked-icon{font-size:48px;margin-bottom:16px}.dk-locked-overlay h2{color:#ececea;color:var(--text-primary);font-size:22px;margin-bottom:8px}.dk-locked-overlay p{font-size:14px;margin:4px 0}.dk-locked-free{color:#06b6d4;color:var(--accent);font-size:13px!important;margin-top:12px!important}.dk-locked-inline{border:1px dashed #3d424e;border:1px dashed var(--border);border-radius:8px;color:#7e828c;color:var(--text-dim);font-size:14px;padding:20px;text-align:center}.dk-problem-locked{align-items:center;display:flex;justify-content:center;min-height:60px;opacity:.5}.dk-problem-locked .dk-locked-inline{border:none;padding:12px}.top-bar-subscribe{background:#0000;border:1px solid #06b6d4;border:1px solid var(--accent);border-radius:5px;color:#06b6d4;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;padding:4px 14px}.top-bar-subscribe:hover{background:#06b6d4;background:var(--accent);color:#fff}.dk-unit-count{background:#06b6d41f;border:1px solid #06b6d440;border-radius:20px;color:#06b6d4;color:var(--accent);font-size:14px;font-weight:600;padding:3px 10px}.dk-theory-body{line-height:1.75}.dk-theory-body strong{color:#ececea;color:var(--text-primary)}.dk-section-subtitle{background:#38bdf814;border-left:3px solid #38bdf8;border-radius:0 6px 6px 0;color:#22d3ee;color:var(--accent-blue);font-size:18px;font-weight:700;margin:20px 0 12px;padding:8px 12px}.dk-theory-body>.dk-section-subtitle:first-child{margin-top:0}.dk-sub-desc{color:#e2e8f0;font-size:14px;font-weight:400;line-height:1.6;margin-top:4px}.dk-sub-desc>.dk-sub-line{display:block}.dk-sub-sub{color:#a8a7a3;color:var(--text-muted);font-size:13px;font-weight:400;margin-top:4px}.dk-code-block{background:#64748b4d;border:1px solid #38bdf81f;border-radius:8px;margin:8px 0;overflow-x:auto;position:relative}.dk-code-block pre{color:#94dbf8;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:14px;line-height:1.7;margin:0;padding:14px 16px;white-space:pre}.dk-sql-kw{color:#f472b6;font-weight:700}.dk-code-comment{color:#6b7280;font-style:italic}.dk-code-lang{color:#38bdf8;font-size:11px;font-weight:600;opacity:.5;position:absolute;right:10px;top:6px}.dk-content-label{color:#22d3ee;font-size:1em;font-weight:700}.dk-sub-text{color:#7e828c;color:var(--text-dim);opacity:.7}.dk-kw{border-radius:3px;color:#a6c712;font-weight:600;padding:0 3px}.dk-mnemonic{align-items:center;display:inline-flex;gap:6px;margin:2px 0}.dk-mnemonic-label{color:#a855f7;font-size:11px;font-weight:600;opacity:.7}.dk-mnemonic-text{color:#c084fc;font-size:15px;font-weight:600;letter-spacing:1px}.dk-keyword-title{color:#06b6d4;color:var(--accent);font-size:16px;font-weight:700;margin:16px 0 6px}.dk-list-item{align-items:flex-start;color:#d4d3cf;color:var(--text-secondary);display:flex;font-size:16px;gap:8px;padding:0}.dk-theory-body br{content:"";display:block;margin:4px 0}.dk-list-item.dk-indent{margin-left:18px}.dk-dash{color:#7e828c;color:var(--text-dim);flex-shrink:0;font-weight:700;min-width:12px}.dk-numbered-group{margin-bottom:0}.dk-numbered-item{align-items:flex-start;color:#d4d3cf;color:var(--text-secondary);display:flex;font-size:16px;gap:8px;padding:3px 0}.dk-num-circle{color:#22d3ee;color:var(--accent-blue);flex-shrink:0;font-size:16px;font-weight:700;min-width:16px}.dk-text-line{color:#d4d3cf;color:var(--text-secondary);font-size:16px;margin-bottom:2px}.dk-table-line{color:#a8a7a3;color:var(--text-muted);font-size:14px;white-space:pre}.dk-inline-code,.dk-table-line{font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-family:var(--font-mono)}.dk-inline-code{background:#06b6d41f;border-radius:3px;color:#f472b6;font-size:13.5px;padding:1px 5px}.dk-divider{border:none;border-top:1px solid #3d424e;border-top:1px solid var(--border);margin:18px 0}.dk-cat-badge{border:1px solid;border-radius:6px;display:inline-block;font-size:11px;font-weight:700;margin-bottom:8px;padding:3px 10px}.dk-cat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dk-quiz-card-wrapper{display:flex;flex-direction:column}.dk-answer-reveal{background:#3b82f614;border:1px solid #3b82f633;border-radius:6px;color:#93c5fd;font-size:15px;margin-bottom:12px;padding:8px 12px;white-space:pre-wrap}.dk-answer-label{background:#3b82f633;border-radius:3px;color:#60a5fa;display:inline-block;font-size:11px;font-weight:700;margin-bottom:6px;padding:1px 6px}.dk-answer-text{line-height:1.6;white-space:pre-wrap}.dk-btn-show-answer{background:#0000;border:1.5px solid #3b82f64d;border-radius:8px;color:#93c5fd;cursor:pointer;font-size:14px;font-weight:600;padding:7px 10px;transition:background .15s;white-space:nowrap}.dk-btn-show-answer:hover{background:#3b82f614}.dk-btn-explanation{background:#0000;border:1.5px solid #a78bfa4d;border-radius:8px;color:#a78bfa;cursor:pointer;font-size:14px;font-weight:600;padding:7px 10px;white-space:nowrap}.dk-btn-explanation:hover,.dk-explanation-box{background:#a78bfa14}.dk-explanation-box{border:1px solid #a78bfa33;border-radius:6px;font-size:14px;line-height:1.7;margin-bottom:12px;padding:10px 14px;white-space:pre-wrap}.dk-explanation-label{color:#a78bfa;font-weight:700;margin-right:8px}.dk-quiz-inline{background:linear-gradient(135deg,#06b6d40f,#3b82f60a);border:1px solid #06b6d433;border-left:3px solid #06b6d4;border-radius:12px;margin-bottom:24px;padding:20px 24px;scroll-margin-top:20px}.dk-inline-quiz{border-top:1px dashed #3d424e;border-top:1px dashed var(--border);margin-top:24px;padding-top:20px}.dk-lang-block{background:#ffffff05;border-left:3px solid;border-radius:0 6px 6px 0;margin:4px 0;padding:6px 12px}.dk-lang-tag{display:block;font-size:14px;font-weight:800;margin-bottom:4px}.dk-lang-content{color:#d4d3cf;color:var(--text-secondary)}.dk-example{background:#fbbf2414;border-left:2px solid #fbbf2466;border-radius:4px;color:#fbbf24;color:var(--color-triangle);display:inline;font-style:italic;margin-left:6px;padding:1px 6px}.dk-inline-quiz-title{color:#a8a7a3;color:var(--text-muted);font-size:16px;gap:8px;margin-bottom:14px}.dk-inline-quiz-title,.dk-quiz-inline-title{align-items:center;display:flex;font-weight:700}.dk-quiz-inline-title{border-bottom:1px solid #06b6d426;color:#06b6d4;color:var(--accent);font-size:18px;gap:10px;margin-bottom:16px;padding-bottom:12px}.dk-hist-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.dk-hist-nav-btn{background:#0000;border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;color:#d4d3cf;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:6px 16px}.dk-hist-nav-btn:hover:not(:disabled){background:#363b47;background:var(--bg-active)}.dk-hist-nav-btn:disabled{cursor:not-allowed;opacity:.3}.dk-hist-nav-info{color:#7e828c;color:var(--text-dim);font-size:13px}.dk-problems-grid{display:flex;flex-direction:column;gap:14px}.dk-problem-card{background:#262a33;background:var(--bg-base);border:1.5px solid #3d424e;border:1.5px solid var(--border);border-radius:10px;padding:18px 20px;transition:border-color .25s}.dk-problem-card.dk-solved{background:#22c55e0d;border-color:#22c55e;border-color:var(--color-correct-solid)}.dk-problem-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.dk-problem-num{color:#06b6d4;color:var(--accent);font-size:17px;font-weight:700}.dk-problem-level{background:#323744;background:var(--bg-surface);border:1px solid #3d424e;border:1px solid var(--border);border-radius:4px;color:#a8a7a3;color:var(--text-muted);font-size:14px;padding:2px 8px}.dk-problem-instruction{color:#a8a7a3;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:10px}.dk-quiz-grid{display:flex;flex-direction:column;gap:14px}.dk-quiz-card{background:#262a33;background:var(--bg-base);border:1.5px solid #3d424e;border:1.5px solid var(--border);border-radius:10px;padding:18px 20px;transition:border-color .25s}.dk-quiz-card.dk-solved{background:#22c55e0d;border-color:#22c55e;border-color:var(--color-correct-solid)}.dk-quiz-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.dk-quiz-num{color:#06b6d4;color:var(--accent);font-size:17px;font-weight:700}.dk-topic-input{background:#1d2029;background:var(--bg-deep);border:1px solid #3d424e;border:1px solid var(--border);border-radius:4px;color:#a8a7a3;color:var(--text-muted);font-size:11px;outline:none;padding:2px 4px;text-align:center;width:40px}.dk-topic-input:focus{border-color:#06b6d4;border-color:var(--accent);color:#ececea;color:var(--text-primary)}.dk-quiz-question{color:#ececea;color:var(--text-primary);font-size:15px;font-weight:400;line-height:1.6;margin-bottom:12px}.dk-q-body{background:#ffffff0a;border-left:3px solid #3d424e;border-left:3px solid var(--border);border-radius:0 6px 6px 0;line-height:1.7;line-height:var(--line-height-code);margin:6px 0;padding:10px 14px}.dk-q-bullet{padding:4px 0 4px 20px;position:relative}.dk-q-bullet.dk-q-circle:before{background:#0000;border:1.5px solid #06b6d4;border-radius:50%;content:"";height:6px;left:5px;position:absolute;top:12px;width:6px}.dk-q-bullet.dk-q-dash:before{color:#7e828c;color:var(--text-dim);content:"–";font-weight:700;left:4px;position:absolute;top:4px}.dk-q-numbered{color:#d4d3cf;color:var(--text-secondary);padding:4px 0 4px 4px}.dk-q-blank{background:#06b6d41a;border:1.5px solid #06b6d466;border-radius:6px;color:#06b6d4;color:var(--accent);display:inline-block;font-size:14px;font-weight:600;margin:0 3px;min-width:50px;padding:2px 10px;text-align:center}.dk-q-table{border-collapse:collapse;font-size:14px;margin:10px 0;width:100%}.dk-q-table th{background:#06b6d426;color:#06b6d4;color:var(--accent);font-weight:700;padding:8px 12px}.dk-q-table td,.dk-q-table th{border:1px solid #3d424e;border:1px solid var(--border);text-align:center}.dk-q-table td{color:#d4d3cf;color:var(--text-secondary);padding:6px 12px}.dk-q-table td .dk-q-blank,.dk-q-table th .dk-q-blank{font-size:13px;min-width:auto;padding:1px 6px}.dk-q-table tr:nth-child(2n) td{background:#ffffff05}.dk-q-bogi{background:#38bdf80f;border:1px solid #38bdf833;border-radius:8px;color:#d4d3cf;color:var(--text-secondary);font-size:14px;line-height:1.8;margin:10px 0;padding:12px 16px;text-align:center}.dk-q-bogi-label{color:#22d3ee;color:var(--accent-blue);display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:6px}.dk-q-line{margin:2px 0}.dk-hint-box{background:#eab30814;border:1px solid #eab30833;border-radius:6px;color:#fbbf24;color:var(--color-triangle);font-size:15px;margin-bottom:12px;padding:8px 12px}.dk-hint-label{background:#eab30833;border-radius:3px;font-size:11px;font-weight:700;margin-right:6px;padding:1px 6px}.dk-badge{border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:2px 10px}.dk-badge-ok{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80;color:var(--color-correct)}.dk-badge-fail{background:#ef444426;border:1px solid #ef44444d;color:#f87171;color:var(--color-wrong)}.dk-badge-tri{background:#eab30826;border:1px solid #eab3084d;color:#fbbf24;color:var(--color-triangle)}.dk-code-box{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 0,"calt" 0;background:#1d2029;background:var(--bg-deep);border:1px solid #323744;border:1px solid var(--bg-surface);border-radius:8px;color:#d4d3cf;color:var(--text-secondary);font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:14.5px;line-height:1.7;line-height:var(--line-height-code);margin-bottom:14px;overflow-x:auto;padding:14px 16px;tab-size:4}.dk-problem-img{border:1px solid #3d424e;border:1px solid var(--border);border-radius:8px;margin-bottom:14px;max-width:100%}.dk-code-box pre{margin:0}.dk-state-row{margin-bottom:6px}.dk-answer-row{display:flex;gap:8px;margin-bottom:4px}.dk-answer-input{field-sizing:content;background:#262a33;background:var(--bg-base);border:1.5px solid #3d424e;border:1.5px solid var(--border);border-radius:8px;color:#ececea;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:15px;line-height:1.5;min-height:40px;padding:7px 10px;resize:vertical;transition:border-color .2s,background .2s}.dk-answer-input::placeholder{color:#7e828c;color:var(--text-dim)}.dk-answer-input:focus{border-color:#06b6d4;border-color:var(--accent);box-shadow:0 0 0 2px #06b6d426;outline:none}.dk-answer-input.dk-input-ok{background:#22c55e14;border-color:#22c55e;border-color:var(--color-correct-solid);color:#4ade80;color:var(--color-correct)}.dk-answer-input.dk-input-fail{background:#ef444414;border-color:#ef4444;border-color:var(--color-wrong-solid);color:#f87171;color:var(--color-wrong)}.dk-btn-check{background:#156d76e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:7px 10px;transition:opacity .15s;white-space:nowrap}.dk-btn-check:hover{opacity:.9}.dk-btn-retry{background:#0000;border:1.5px solid #06b6d4;border-radius:8px;color:#06b6d4;color:var(--accent);cursor:pointer;font-size:15px;font-weight:700;padding:7px 10px;transition:background .15s;white-space:nowrap}.dk-btn-retry:hover{background:#06b6d41a}.dk-btn-unstar{background:#0000;border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;color:#7e828c;color:var(--text-dim);cursor:pointer;font-size:12px;margin-top:6px;padding:4px 10px;transition:.15s ease;transition:var(--transition)}.dk-btn-unstar:hover{border-color:#f87171;border-color:var(--color-wrong);color:#f87171;color:var(--color-wrong)}.dk-btn-hint{background:#0000;border:1.5px solid #eab3084d;border-radius:8px;color:#fbbf24;color:var(--color-triangle);cursor:pointer;font-size:15px;font-weight:600;padding:7px 10px;transition:background .15s;white-space:nowrap}.dk-btn-hint:hover{background:#eab30814}.dk-result{border-radius:6px;font-size:15px;font-weight:600;margin-top:8px;padding:8px 12px}.dk-result-ok{background:#22c55e1a;border:1px solid #22c55e33;color:#4ade80;color:var(--color-correct)}.dk-result-fail{align-items:center;background:#ef44441a;border:1px solid #ef444433;color:#f87171;color:var(--color-wrong);display:flex}.dk-result-fail code{background:#ffffff14;border-radius:4px;color:#fbbf24;color:var(--color-triangle);font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);font-size:14px;padding:2px 8px;white-space:pre-wrap}.code-runner{border:1px solid #3d424e;border:1px solid var(--border);border-radius:10px;flex:1 1;flex-direction:column;overflow:hidden}.code-runner,.cr-header{background:#323744;background:var(--bg-surface);display:flex}.cr-header{align-items:center;border-bottom:1px solid #3d424e;border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 12px}.cr-tabs{display:flex;gap:4px}.cr-tab{background:#0000;border:none;border-radius:6px;color:#7e828c;color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:600;padding:5px 7px;transition:.15s ease;transition:var(--transition)}.cr-tab:hover{color:#d4d3cf;color:var(--text-secondary)}.cr-tab.active{background:#06b6d4;background:var(--accent);color:#1d2029;color:var(--bg-deep)}.cr-tab.used{background:#0000!important;color:#7e828c;color:var(--text-dim);cursor:not-allowed;opacity:.3}.cr-limit-bar{background:#1d2029;background:var(--bg-deep);border-bottom:1px solid #3d424e;border-bottom:1px solid var(--border);color:#a8a7a3;color:var(--text-muted);font-size:12px;padding:6px 12px}.cr-actions{align-items:center;display:flex;gap:6px}.cr-run-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:5px 12px;transition:opacity .15s}.cr-run-btn:hover{opacity:.9}.cr-run-btn:disabled{cursor:not-allowed;opacity:.5}.cr-editor{-webkit-font-smoothing:antialiased;background:#1d2029;background:var(--bg-deep);color:#d4d3cf;color:var(--text-secondary);flex:1 1;font-size:14px;line-height:1.7;line-height:var(--line-height-code);min-height:100px;padding:14px 16px;tab-size:4}.cr-editor,.cr-stdin{border:none;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);outline:none;resize:none;width:100%}.cr-stdin{background:#262a33;background:var(--bg-base);color:#a8a7a3;color:var(--text-muted);padding:8px 16px}.cr-output,.cr-stdin{border-top:1px solid #3d424e;border-top:1px solid var(--border);font-size:13px}.cr-output{background:#1d2029;background:var(--bg-deep);color:#4ade80;color:var(--color-correct);font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-family:var(--font-mono);line-height:1.6;margin:0;max-height:200px;overflow-y:auto;padding:12px 16px;white-space:pre-wrap}.memo-panel{border:1px solid #3d424e;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.memo-editor,.memo-panel{background:#323744;background:var(--bg-surface);flex:1 1}.memo-editor{border:none;color:#d4d3cf;color:var(--text-secondary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,sans-serif;font-family:var(--font-ui);font-size:13px;line-height:1.7;min-height:100px;outline:none;overflow-y:auto;padding:14px;resize:none;width:100%}@media (max-width:900px){.sidebar{width:200px}.sidebar:not(.sidebar-hidden){border-right:1px solid #3d424e;border-right:1px solid var(--border);bottom:0;box-shadow:8px 0 30px #00000059;left:0;overflow-y:auto;position:fixed;top:44px;width:min(82%,300px)!important;z-index:200}.sidebar-backdrop{background:#00000073;display:block;inset:44px 0 0 0;position:fixed;z-index:150}.rp-edge-toggle{align-items:center;background:#323744;background:var(--bg-surface);border:1px solid #3d424e;border:1px solid var(--border);border-radius:8px 0 0 8px;border-right:none;box-shadow:-2px 2px 8px #0003;color:#a8a7a3;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:46px;justify-content:center;line-height:1;position:fixed;right:0;top:52px;width:24px;z-index:210}.rp-edge-toggle.open{right:min(86%,360px)}.right-panel{display:none}.right-panel.rp-open{bottom:0;box-shadow:-10px 0 30px #00000059;display:flex;min-width:0;position:fixed;right:0;top:0;width:min(86%,360px)!important;z-index:200}.right-panel.rp-open .rp-close-btn{align-items:center;align-self:flex-end;background:none;border:1px solid #3d424e;border:1px solid var(--border);border-radius:6px;color:#a8a7a3;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;margin:8px 8px 0;width:30px}.rp-backdrop{background:#00000073;display:block;inset:0;position:fixed;z-index:150}.main-area{padding:20px 16px}.dk-section{padding:18px 16px}}@media (max-width:640px){.app-layout{flex-direction:column;height:auto;min-height:100vh}.app-body,.app-layout{overflow:visible}.top-bar{padding:0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:220}.top-bar-title{font-size:16px}.top-bar-right{gap:6px}.admin-link{padding:4px 9px}.sidebar-label,.status-grid{width:100%}.main-area{overflow-y:visible;padding:16px 10px}.dk-code-box{font-size:13px;padding:10px 12px}.dk-answer-row{gap:5px}.dk-answer-row .dk-answer-input{flex:1 1 auto;font-size:13px;min-width:0;padding:6px 8px}.dk-answer-row>button{flex:0 0 auto;font-size:12px;padding:6px 8px}.dk-page-title{font-size:20px}}[data-theme=light] .dk-sql-kw{color:#be185d}[data-theme=light] .dk-code-comment{color:#64748b}[data-theme=light] .dk-code-lang{color:#0369a1}[data-theme=light] .dk-content-label{color:#0e7490}[data-theme=light] .dk-kw{color:#4d7c0f}[data-theme=light] .dk-mnemonic-label{color:#7e22ce}[data-theme=light] .dk-mnemonic-text{color:#9333ea}[data-theme=light] .dk-inline-code{background:#06b6d414;color:#be185d}[data-theme=light] .dk-sub-text{color:#7e828c;color:var(--text-dim);opacity:1}[data-theme=light] .dk-code-box{color:#1a2535}[data-theme=light] .dk-code-block,[data-theme=light] .dk-code-box{background:#e8edf5;border-color:#b8c5d8}[data-theme=light] .dk-code-block pre{color:#0f3460}.admin-page{background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-ui);height:100vh}.admin-header{align-items:center;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 20px}.admin-header h1{font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0}.admin-header-left{align-items:center;display:flex;gap:16px}.admin-user{font-size:13px}.admin-user,.btn-back{color:var(--text-muted)}.btn-back{background:none;border:none;cursor:pointer;font-size:14px;padding:4px 8px;transition:color var(--transition)}.btn-back:hover{color:var(--text-primary)}.admin-body{display:flex;flex:1 1;overflow:hidden}.admin-tabs{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;min-width:130px;padding:10px 8px}.admin-tab{background:none;border:none;border-radius:var(--r-lg);color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:9px 14px;text-align:left;transition:background var(--transition),color var(--transition);white-space:nowrap}.admin-tab:hover{background:var(--bg-active);color:var(--text-secondary)}.admin-tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-content{flex:1 1;overflow-y:auto;padding:20px}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.admin-search{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;padding:8px 12px;transition:border-color var(--transition);width:240px}.admin-search:focus{border-color:var(--accent);outline:none}.admin-filter{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-primary);font-family:var(--font-ui);padding:8px 12px}.admin-filter,.btn-add{cursor:pointer;font-size:13px}.btn-add{background:var(--accent);border:none;border-radius:var(--r-lg);color:#fff;font-weight:600;padding:8px 16px;transition:opacity var(--transition)}.btn-add:hover{opacity:.85}.admin-count{color:var(--text-dim);font-size:12px}.admin-msg{background:var(--accent-soft);border-radius:var(--r-lg);color:var(--accent-light-blue);font-size:13px;margin-bottom:10px;padding:8px 14px}.admin-msg.error{background:#ef44441a;color:var(--color-wrong)}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table th{background:var(--bg-base);border-bottom:2px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}.admin-table td{border-bottom:1px solid var(--border);max-width:250px;overflow:hidden;padding:7px 10px;text-overflow:ellipsis;white-space:nowrap}.admin-table .td-wide{max-width:300px}.admin-table tr{transition:background var(--transition)}.admin-table tr:hover{background:var(--bg-surface)}.admin-table .row-inactive{opacity:.4}.td-actions{display:flex;gap:4px;white-space:nowrap}.btn-sm{border:none;border-radius:var(--r-md);cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:opacity var(--transition)}.btn-sm:hover{opacity:.8}.btn-edit{background:var(--accent);color:#fff}.btn-deactivate{background:var(--color-triangle);color:#000}.btn-activate{background:var(--color-correct-solid);color:#fff}.btn-delete{background:var(--color-wrong-solid);color:#fff}.admin-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.admin-form h3{color:var(--accent);font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0 0 16px}.admin-form-fields{gap:12px}.admin-field,.admin-form-fields{display:flex;flex-direction:column}.admin-field{gap:4px}.admin-field label{color:var(--text-dim);font-size:12px;font-weight:600;letter-spacing:.3px}.admin-field input[type=number],.admin-field input[type=text],.admin-field select,.admin-field textarea{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;padding:8px 12px;transition:border-color var(--transition)}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:var(--accent);outline:none}.admin-field textarea{resize:vertical}.admin-field .field-code{font-family:var(--font-mono);font-size:13px;line-height:1.6}.admin-field input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.admin-field select{cursor:pointer}.admin-form-btns{display:flex;gap:8px;margin-top:16px}.btn-save{background:var(--accent);border:none;border-radius:var(--r-lg);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:opacity var(--transition)}.btn-save:hover{opacity:.85}.btn-secondary{background:none;border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 20px;transition:background var(--transition)}.btn-secondary:hover{background:var(--bg-active)}.dup-wrap{display:inline-block;position:relative}.btn-dup{background:#6366f1;color:#fff}.dup-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card-hover);display:flex;flex-direction:column;gap:2px;left:0;margin-top:4px;min-width:110px;padding:4px;position:absolute;top:100%;z-index:10}.dup-option{background:none;border:none;border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;font-size:12px;padding:7px 12px;text-align:left;transition:background var(--transition);white-space:nowrap}.dup-option:hover{background:var(--bg-active)}.admin-loading{color:var(--text-muted)}.admin-empty,.admin-loading{padding:40px;text-align:center}.admin-empty{color:var(--text-dim);font-size:14px}.section-editor-wrap{align-items:flex-start;display:flex;gap:20px}.section-editor{flex:1 1;max-width:600px;min-width:0}.section-preview{background:var(--bg-deep);border:1px solid var(--border);border-radius:10px;flex:1 1;max-height:calc(100vh - 120px);max-width:500px;min-width:300px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:16px}.section-preview-header{background:var(--bg-surface);border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;color:var(--text-muted);font-size:13px;font-weight:700;padding:10px 16px}.section-preview-body{padding:16px}.section-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-editor-header h3{margin:0}.section-nav-btns{display:flex;gap:6px}.section-meta{align-items:flex-end;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:16px}.section-meta .admin-field{flex:1 1;min-width:180px}.section-contents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-contents-header h4{color:var(--text-secondary);font-size:14px;margin:0}.btn-add-sm{background:var(--accent);border:none;border-radius:var(--r-lg);color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:5px 14px}.content-item{border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:8px;overflow:hidden;transition:box-shadow var(--transition)}.content-item:hover{box-shadow:var(--shadow-card)}.content-item-header{align-items:center;background:var(--bg-base);cursor:pointer;display:flex;gap:8px;padding:10px 14px;transition:background var(--transition)}.content-item-header:hover{background:var(--bg-active)}.content-toggle{color:var(--text-dim);font-size:12px;width:14px}.content-item-title{flex:1 1;font-size:14px;font-weight:500}.content-item-id{color:var(--text-dim);font-size:11px}.content-item-body{background:var(--bg-surface);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:16px}.content-item-actions{display:flex;gap:8px;margin-top:4px}.field-hint{color:var(--text-dim);font-size:11px;margin-top:4px;opacity:.6}.subscribe-page{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);min-height:100vh}.subscribe-topbar{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;gap:14px;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.subscribe-back{background:none;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);padding:6px 12px}.subscribe-back:hover{border-color:var(--text-muted)}.subscribe-topbar-title{font-size:var(--fs-md);font-weight:700}.subscribe-body{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:520px;padding:28px 18px 60px}.subscribe-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--pad-card)}.subscribe-card-title{font-size:var(--fs-base);font-weight:700;margin:0 0 14px}.subscribe-price-card{background:linear-gradient(160deg,var(--accent-soft),var(--bg-surface));text-align:center}.subscribe-price-label{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:6px}.subscribe-price{color:var(--accent);font-size:38px;font-weight:800;line-height:1.2}.subscribe-price span{font-size:var(--fs-lg);font-weight:600;margin-left:2px}.subscribe-price-desc{color:var(--text-muted);font-size:var(--fs-sm);margin:8px 0 0}.subscribe-period{background:var(--accent-soft);border-radius:999px;color:var(--accent);display:inline-block;font-size:var(--fs-xs);font-weight:700;margin-top:12px;padding:5px 12px}.subscribe-plans{display:flex;flex-direction:column;gap:10px}.subscribe-plan{background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;padding:14px 16px;text-align:left;transition:var(--transition)}.subscribe-plan:hover{border-color:var(--text-muted)}.subscribe-plan.selected{background:var(--accent-soft);border-color:var(--accent)}.subscribe-plan-head{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.subscribe-plan-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:700}.subscribe-plan-price{color:var(--accent);font-size:var(--fs-lg);font-weight:800}.subscribe-plan-period{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:600;margin-bottom:4px}.subscribe-plan-desc{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.5}.subscribe-pay-methods{display:flex;gap:8px;margin-bottom:16px}.subscribe-pay-method{border:1px solid var(--border);border-radius:var(--r-md);flex:1 1;font-size:var(--fs-sm);font-weight:600;padding:10px 6px;text-align:center}.subscribe-pay-method.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.subscribe-pay-method.disabled{color:var(--text-faint);display:flex;flex-direction:column;gap:2px}.subscribe-pay-method.disabled span{color:var(--text-faint);font-size:10px}.subscribe-bank-box{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:10px;padding:14px 16px}.subscribe-bank-row{align-items:center;display:flex;font-size:var(--fs-sm);justify-content:space-between}.subscribe-bank-key{color:var(--text-muted)}.subscribe-bank-val{align-items:center;color:var(--text-primary);display:flex;font-weight:700;gap:8px}.subscribe-copy-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;line-height:0;padding:4px;position:relative}.subscribe-copy-btn:hover{border-color:var(--accent);color:var(--accent)}.subscribe-copied{background:var(--accent);border-radius:var(--r-sm);box-shadow:0 1px 4px #00000040;color:#06222a;font-size:11px;font-weight:700;padding:3px 8px;position:absolute;right:0;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:5}.subscribe-note{color:var(--text-dim);font-size:var(--fs-xs);margin:12px 0 0}.subscribe-note strong{color:var(--accent)}.subscribe-event-card{background:linear-gradient(160deg,var(--accent-soft),var(--bg-surface) 70%);border:1.5px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft);position:relative}.subscribe-event-badge{background:var(--accent);border-radius:999px;color:#06222a;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;margin-bottom:10px;padding:3px 10px}.subscribe-event-title{font-size:var(--fs-lg);font-weight:800;line-height:1.4;margin:0 0 8px}.subscribe-event-title span{color:var(--accent)}.subscribe-payback-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 10px;padding:0}.subscribe-payback-list li{align-items:center;background:var(--bg-base);border-radius:var(--r-md);display:flex;font-size:var(--fs-sm);justify-content:space-between;padding:8px 12px}.subscribe-payback-list .pb-label{color:var(--text-secondary);font-weight:600}.subscribe-payback-list .pb-amount{color:var(--accent);font-weight:800}.subscribe-event-note{color:var(--text-dim);font-size:var(--fs-xs);margin:0 0 16px}.subscribe-input:disabled{cursor:not-allowed;opacity:.7}.subscribe-field-label{color:var(--text-muted);display:block;font-size:var(--fs-xs);margin-bottom:6px}.subscribe-field-label .optional{color:var(--text-faint)}.subscribe-input{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-sm);padding:9px 12px;width:100%}.subscribe-input:focus{border-color:var(--accent);outline:none}.subscribe-submit-btn{background:var(--accent);border:none;border-radius:var(--r-lg);color:#06222a;cursor:pointer;font-size:var(--fs-md);font-weight:700;padding:14px}.subscribe-submit-btn:hover{filter:brightness(1.05)}.subscribe-submit-btn:disabled{cursor:default;opacity:.6}.subscribe-submitted{background:var(--accent-soft);border-radius:var(--r-lg);color:var(--accent);font-weight:600;padding:14px}.subscribe-error,.subscribe-submitted{font-size:var(--fs-sm);text-align:center}.subscribe-error{color:var(--color-wrong)}@media (max-width:520px){.subscribe-body{padding:20px 14px 50px}.subscribe-price{font-size:32px}}.login-page{background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.login-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);height:58px;justify-content:space-between;padding:0 28px}.login-brand,.login-topbar{align-items:center;display:flex}.login-brand{gap:9px}.login-logo{border-radius:7px;height:26px;width:26px}.login-brand-name{font-size:17px;font-weight:700;letter-spacing:-.3px}.accent,.login-brand-name .accent{color:#06b6d4;color:var(--accent,#06b6d4)}.login-topbar-tag{color:var(--text-dim);font-size:12.5px;letter-spacing:-.2px}.login-main{align-items:stretch;display:grid;flex:1 1;grid-template-columns:minmax(380px,460px) 1fr}.login-pane{border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;padding:64px 56px}.login-title{font-size:30px;font-weight:700;letter-spacing:-.8px;line-height:1.25;margin:0 0 14px}.login-subtitle{color:var(--text-muted);font-size:14px;letter-spacing:-.2px;line-height:1.6;margin:0 0 34px;max-width:360px}.login-subtitle strong{color:#06b6d4;color:var(--accent,#06b6d4);font-weight:700}.login-google{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:11px;border-radius:var(--r-lg,11px);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-family:var(--font-ui,inherit);font-size:14px;font-weight:600;gap:11px;justify-content:center;max-width:340px;padding:14px 22px;transition:background .15s,border-color .15s;transition:background var(--transition,.15s),border-color var(--transition,.15s);width:100%}.login-google:hover{background:var(--bg-active);border-color:var(--text-dim)}.login-google:disabled{cursor:not-allowed;opacity:.55}.login-error{background:#ef444414;border:1px solid #ef444433;border-radius:8px;border-radius:var(--r-md,8px);color:#ef4444;color:var(--color-wrong,#ef4444);font-size:13px;margin-top:16px;max-width:340px;padding:8px 12px}.login-terms{color:var(--text-dim);font-size:12px;letter-spacing:-.2px;margin:16px 0 0}.login-features{background:var(--bg-surface);display:flex;flex-direction:column;gap:14px;justify-content:center;padding:56px}.login-features-head{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.login-features-head h2{font-size:17px;font-weight:700;letter-spacing:-.4px;margin:0}.login-features-head span{color:var(--text-dim);font-size:12px;letter-spacing:-.2px}.cap-card{grid-gap:18px;align-items:center;background:var(--bg-base);border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg,12px);display:grid;gap:18px;grid-template-columns:200px 1fr;padding:14px;transition:background .15s;transition:background var(--transition,.15s)}.cap-card:hover{background:var(--bg-active)}.cap-thumb{aspect-ratio:16/10;background:var(--bg-surface);border:1px solid var(--border);border-radius:9px;overflow:hidden;position:relative;width:100%}.cap-thumb:after{align-items:center;color:var(--text-dim);content:attr(data-placeholder);display:flex;font-size:11px;inset:0;justify-content:center;letter-spacing:-.2px;padding:8px;position:absolute;text-align:center}.cap-thumb img{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.cap-body{display:flex;flex-direction:column;gap:8px;padding-right:6px}.cap-meta{align-items:center;display:flex;gap:10px}.cap-num{font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px}.cap-num,.cap-tag{color:#06b6d4;color:var(--accent,#06b6d4);font-weight:600}.cap-tag{background:#06b6d41a;border:1px solid #06b6d438;border-radius:6px;font-size:11px;letter-spacing:.3px;padding:3px 9px}.cap-title{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.cap-desc{color:var(--text-muted);font-size:13px;letter-spacing:-.2px;line-height:1.55;margin:0}.login-footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;letter-spacing:-.2px;padding:26px;text-align:center}@media (max-width:880px){.login-main{grid-template-columns:1fr}.login-pane{align-items:center;border-bottom:1px solid var(--border);border-right:none;text-align:center}.login-pane .login-subtitle{margin-left:auto;margin-right:auto}}@media (max-width:520px){.login-features,.login-pane{padding:40px 24px}.cap-card{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0e9c00fb.css.map*/