:root{--bg-color: #f8f9fa;--panel-bg: #ffffff;--text-main: #212529;--text-muted: #6c757d;--primary-color: #3b82f6;--primary-hover: #2563eb;--danger-color: #ef4444;--danger-hover: #dc2828;--border-color: #dee2e6;--omr-bg: #ffffff;--omr-text: #1e293b;--calc-bg: #f1f5f9;--calc-btn-bg: #ffffff;--calc-btn-hover: #e2e8f0;--calc-op-bg: #e0f2fe;--ui-radius: 4px;--timer-ratio: .2;--utils-ratio: 1;--calc-ratio: 2;--tools-bottom-padding: 0px;--tools-right-rail-button-size: 44px;--tools-right-rail-reserve: 58px;--notepad-font-size: 14px;--omr-width: 260px;--omr-num-width: clamp(22px, calc(var(--omr-width, 260px) / 12), 30px);--omr-option-size: clamp(17px, calc(var(--omr-width, 260px) / 15), 22px);--omr-option-gap: clamp(2px, calc(var(--omr-width, 260px) / 110), 5px);--calc-surface: #f2f2f2;--calc-display-bg: #ece8ea;--calc-display-border: #cfc7cb;--calc-key-shadow: rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden;overflow-y:auto}.hidden{display:none!important}.app-container{display:flex;height:100%;height:100dvh;width:100%;min-width:0;min-height:0}.site-overview{position:relative;z-index:1;display:block;min-height:100vh;min-height:100dvh;overflow:hidden;color:#f8f5f3;background:radial-gradient(circle at 80% -5%,rgba(227,25,55,.28),transparent 38%),radial-gradient(circle at 8% 82%,rgba(255,107,0,.14),transparent 34%),linear-gradient(145deg,#030303,#0a0809 52%,#12090a)}.site-overview:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.site-overview-ribbon{position:absolute;z-index:0;display:block;width:54vw;height:118px;border-radius:999px 26px 999px 30px;background:linear-gradient(112deg,#6e00191a,#d7082f 38%,#ff3b22 62%,#ff7a00);box-shadow:inset 0 2px #ffffff40,0 30px 90px #9b001e40;transform-origin:center;pointer-events:none}.site-overview-ribbon-one{top:15%;right:-18%;transform:rotate(-18deg) skew(-12deg);opacity:.52}.site-overview-ribbon-two{bottom:13%;left:-20%;transform:rotate(14deg) skew(14deg);opacity:.24}.site-overview-ribbon-three{top:47%;right:22%;width:34vw;height:76px;transform:rotate(13deg);opacity:.13}.site-overview-inner{display:flex;flex-direction:column;position:relative;z-index:2;width:min(1220px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;padding:22px clamp(20px,4vw,58px) 18px}.site-overview-nav,.site-overview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-overview-nav a,.site-overview-footer a{color:#aaa3a0;font-size:13px;font-weight:750;text-decoration:none;transition:color .18s ease,transform .18s ease}.site-overview-nav nav,.site-overview-footer nav{display:flex;align-items:center;gap:20px}.site-overview-nav nav a:hover,.site-overview-footer a:hover{color:#ff7340;transform:translateY(-1px)}.site-overview-brand{display:inline-flex;align-items:center;gap:9px;color:#f8f5f3!important}.site-overview-brand>span{position:relative;overflow:hidden;display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#e31937,#ff6b00 72%,#ffad1f);box-shadow:0 10px 28px #e319374d,inset 0 1px #ffffff59}.site-overview-brand>span:before,.site-overview-brand>span:after{content:"";position:absolute;width:7px;height:42px;top:-6px;background:#080506db;transform:rotate(-28deg)}.site-overview-brand>span:before{left:7px}.site-overview-brand>span:after{right:6px;top:0}.site-overview-brand strong{font-size:14px;letter-spacing:-.02em}.site-overview-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,1fr);gap:clamp(42px,7vw,86px);align-items:center;flex:1;padding:56px 0 46px}.site-overview-heading{max-width:560px}.site-overview-heading>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:17px;color:#ff8150;font-size:12px;font-weight:900;letter-spacing:.15em}.site-overview-heading>span:before{content:"";width:22px;height:2px;border-radius:99px;background:currentColor}.site-overview-heading h1{margin:0;color:#fbf8f6;font-size:clamp(44px,4.5vw,66px);line-height:1.04;letter-spacing:-.065em;white-space:pre-line;word-break:keep-all}.site-overview-heading p{margin:22px 0 0;color:#b7afac;font-size:clamp(16px,1.7vw,19px);line-height:1.65}.site-overview-cta-row{display:flex;align-items:center;gap:12px;margin-top:30px}.site-overview-quick-jump{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:0 21px 0 24px;border:0;border-radius:15px;background:linear-gradient(116deg,#ff3e32,#ff6b00 66%,#ffad1f);color:#190703;font:inherit;cursor:pointer;box-shadow:0 16px 38px #e3193745;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.site-overview-quick-jump strong{font-size:15px}.site-overview-quick-jump span{font-size:19px;transition:transform .2s ease}.site-overview-quick-jump:hover{transform:translateY(-2px);background:linear-gradient(116deg,#ff5140,#ff7b00 66%,#ffbc35);box-shadow:0 21px 48px #ff6b0052}.site-overview-quick-jump:hover span{transform:translate(3px)}.site-overview-guide-link{display:inline-flex;align-items:center;min-height:54px;padding:0 18px;border-radius:15px;border:1px solid rgba(255,255,255,.12);color:#eee8e5;background:#ffffff0a;font-size:14px;font-weight:800;text-decoration:none;transition:background .18s ease,color .18s ease}.site-overview-guide-link:hover{background:#ffffff1a;color:#fff}.site-overview-device-note{max-width:500px;margin-top:20px!important;padding-left:14px;border-left:3px solid #ff6b00;color:#938c89!important;font-size:13px!important;line-height:1.6!important}.site-overview-preview{overflow:hidden;border:1px solid rgba(255,128,70,.28);border-radius:25px;background:#141112eb;box-shadow:0 38px 95px #0000008c,0 18px 60px #b0002233;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.site-overview-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-5px);box-shadow:0 46px 105px #0009,0 22px 70px #ff6b0038}.preview-window-bar{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);background:#171415}.preview-window-bar>span{width:7px;height:7px;border-radius:50%;background:#625958}.preview-window-bar>b{margin-left:auto;color:#8f8582;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.preview-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(210px,.88fr);min-height:350px;background:#eef2f7}.preview-source-window{padding:25px 22px;border-right:8px solid #dfe5ee;background:#fff}.preview-source-head{display:flex;justify-content:space-between;color:#344054;font-size:9px;font-weight:850}.preview-source-head b{color:#667085}.preview-source-title{width:62%;height:12px;margin-top:30px;border-radius:4px;background:#cfd6e2}.preview-source-copy{display:grid;gap:9px;margin-top:21px}.preview-source-copy i{width:100%;height:6px;border-radius:99px;background:#e5e9f0}.preview-source-copy i:nth-child(2){width:92%}.preview-source-copy i:nth-child(3){width:76%}.preview-source-copy i:nth-child(5){width:84%}.preview-source-table{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:28px;padding:8px;border:1px solid #e4e7ec;border-radius:8px}.preview-source-table span{height:28px;border-radius:4px;background:#f2f4f7}.preview-app-screen{display:grid;grid-template-rows:auto 1fr;min-width:0;background:#f8fafc}.preview-app-top{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;padding:10px;border-bottom:1px solid #dfe5ee;background:#fff}.preview-app-top div{display:grid;gap:2px}.preview-app-top small{color:#98a2b3;font-size:6px;font-weight:750}.preview-app-top strong{color:#101828;font-size:12px;letter-spacing:-.03em}.preview-app-top div:nth-child(2) strong{color:#e31937}.preview-app-top button{padding:6px 7px;border:0;border-radius:6px;background:linear-gradient(115deg,#e31937,#ff6b00);color:#fff;font-size:6px;font-weight:850}.preview-tool-stack{display:grid;grid-template-rows:.85fr 1.15fr;gap:6px;min-height:0;padding:7px}.preview-note-tool,.preview-calculator{overflow:hidden;border:1px solid #dfe5ee;border-radius:8px;background:#fff}.preview-tool-tabs{display:flex;align-items:center;gap:5px;padding:7px;border-bottom:1px solid #eef1f5;color:#98a2b3;font-size:6px}.preview-tool-tabs b,.preview-tool-tabs span{padding:3px 6px;border-radius:5px;font-style:normal;animation:previewToolTab 9s infinite}.preview-tool-tabs span{animation-delay:3s}.preview-tool-tabs em{margin-left:auto;color:#98a2b3;font-size:5px;font-style:normal}.preview-note-lines{display:grid;gap:7px;padding:13px 10px;animation:previewNote 9s infinite}.preview-note-lines i{width:88%;height:4px;border-radius:99px;background:#dbeafe}.preview-note-lines i:nth-child(2){width:66%}.preview-note-lines i:nth-child(3){width:78%}.preview-note-lines i:nth-child(4){width:48%}.preview-drawing{position:absolute;display:flex;align-items:flex-end;gap:4px;padding:15px 14px;opacity:0;animation:previewDrawing 9s infinite}.preview-drawing span{display:block;width:34px;height:3px;border-radius:99px;background:#e31937;transform:rotate(-28deg)}.preview-drawing span:nth-child(2){width:25px;transform:rotate(38deg);background:#ff6b00}.preview-drawing span:nth-child(3){width:38px;transform:rotate(-12deg)}.preview-calculator{padding:8px;animation:previewCalculatorFocus 9s infinite}.preview-calc-display{min-height:28px;padding:7px;border-radius:5px;background:#f2f4f7;color:#667085;font-size:6px;text-align:right}.preview-calc-display strong{display:block;color:#101828;font-size:10px}.preview-calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:5px}.preview-calc-keys span{display:grid;min-height:17px;place-items:center;border-radius:4px;background:#f2f4f7;color:#475467;font-size:6px;font-weight:800}.preview-calc-keys span:nth-child(4n),.preview-calc-keys span:last-child{background:#fff0e8;color:#d9341f}.preview-flow{display:flex;justify-content:center;gap:7px;padding:12px;border-top:1px solid rgba(255,255,255,.08);background:#171415}.preview-flow span{padding:5px 9px;border-radius:99px;background:#f2f4f7;color:#98a2b3;font-size:8px;font-weight:850;animation:previewFlow 9s infinite}.preview-flow span:nth-child(2){animation-delay:3s}.preview-flow span:nth-child(3){animation-delay:6s}@keyframes previewToolTab{0%,28%{background:linear-gradient(115deg,#e31937,#ff6b00);color:#fff}32%,to{background:transparent;color:#98a2b3}}@keyframes previewNote{0%,28%{opacity:1;transform:none}34%,62%{opacity:0;transform:translateY(5px)}68%,to{opacity:.35}}@keyframes previewDrawing{0%,31%{opacity:0;transform:translateY(5px)}38%,61%{opacity:1;transform:none}68%,to{opacity:0}}@keyframes previewCalculatorFocus{0%,61%{border-color:#dfe5ee;box-shadow:none}68%,94%{border-color:#ff9a6b;box-shadow:0 0 0 3px #ff6b001f}to{border-color:#dfe5ee;box-shadow:none}}@keyframes previewFlow{0%,29%{background:linear-gradient(115deg,#e31937,#ff6b00);color:#fff}33%,to{background:#ffffff12;color:#aaa3a0}}.site-overview-footer{min-height:44px;color:#817a77;font-size:11px}.site-overview-footer a{font-size:11px}.donation-purpose-note{display:flex;flex-direction:column;gap:3px;margin-bottom:14px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1e3a8a;font-size:11px;line-height:1.55}.sponsor-type-badge{display:inline-flex;margin-right:4px;padding:2px 5px;border-radius:999px;background:#fce7f3;color:#9d174d;font-size:9px;font-weight:800}body[data-site-view=intro] .app-container,body[data-site-view=practice] .site-overview{display:none}body[data-site-view=practice]{overflow:hidden}body.popup-mode{height:100vh;height:100dvh;overflow:hidden}body.popup-mode .site-overview{display:none}@media(max-width:860px){.site-overview{overflow-y:auto}.site-overview-inner{padding:18px 18px 14px}.site-overview-hero{grid-template-columns:1fr;gap:32px;padding:54px 0 36px}.site-overview-heading{max-width:680px}.site-overview-heading h1{font-size:clamp(40px,7.2vw,58px)}.site-overview-preview{width:min(650px,100%);margin:0 auto;transform:none}.site-overview-preview:hover{transform:translateY(-3px)}}@media(max-width:560px){.site-overview-inner{padding:16px 16px 12px}.site-overview-nav nav{gap:12px}.site-overview-nav nav a{font-size:12px}.site-overview-nav nav a:nth-child(3){display:none}.site-overview-hero{gap:26px;padding:48px 0 28px}.site-overview-heading h1{font-size:clamp(36px,10.4vw,42px)}.site-overview-heading p{margin-top:17px;font-size:16px}.site-overview-cta-row{align-items:stretch;flex-direction:column;margin-top:24px}.site-overview-quick-jump,.site-overview-guide-link{width:100%;justify-content:center}.preview-workspace{grid-template-columns:1.05fr .95fr;min-height:260px}.preview-source-window{padding:17px 12px;border-right-width:5px}.preview-source-table{grid-template-columns:repeat(2,1fr)}.preview-app-top{grid-template-columns:1fr 1fr}.preview-app-top button{grid-column:1/-1}.preview-tool-stack{grid-template-rows:1fr 1fr}.site-overview-footer{align-items:flex-start;flex-direction:column;gap:8px;padding-top:10px}.site-overview-footer nav{flex-wrap:wrap;gap:14px}}@media(prefers-reduced-motion:reduce){.site-overview *,.site-overview *:before,.site-overview *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.cm-policy-note{margin:8px 12px 0;padding:10px 12px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:11px;line-height:1.65}.omr-sidebar{background-color:var(--omr-bg);color:var(--omr-text);display:flex;transition:width .3s ease;border-right:1px solid var(--border-color);z-index:10}.omr-sidebar.collapsed{width:42px;cursor:pointer}.omr-sidebar:not(.collapsed){width:var(--omr-width, 260px);position:relative}.omr-resizer{width:6px;cursor:col-resize;background:transparent;transition:background .2s;position:relative}.omr-resizer:hover,.omr-resizer:active{background:var(--primary-color)}.omr-resizer.hint-active{width:10px;background:var(--primary-color);animation:resizer-blink .6s ease-in-out 5;z-index:20}@keyframes resizer-blink{0%,to{background:var(--primary-color);box-shadow:none}50%{background:#60a5fa;box-shadow:0 0 14px #3b82f6cc,0 0 28px #3b82f666}}.resizer-hint-badge{position:fixed;z-index:100;background:#1e293beb;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;border:1px solid rgba(96,165,250,.6);box-shadow:0 4px 16px #0000004d;animation:badge-appear 3s ease-in-out forwards}.resizer-hint-badge .arrows{display:inline-block;animation:badge-arrows .8s ease-in-out infinite alternate;font-size:14px}@keyframes badge-appear{0%{opacity:0;transform:translate(10px)}10%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0}}@keyframes badge-arrows{0%{transform:translate(-3px)}to{transform:translate(3px)}}.omr-toggle,.help-toggle,.donate-toggle,.utility-toggle{font-size:13px;color:#fff;cursor:pointer;gap:2px;transition:transform .2s,background-color .2s,box-shadow .2s,filter .2s}.omr-toggle{background-color:var(--primary-color)}.help-toggle{background-color:#7c3aed}.help-toggle:hover{background-color:#6d28d9;transform:scale(1.1)}.first-visit-toggle{background-color:#0f766e}.first-visit-toggle:hover{background-color:#0d9488;transform:scale(1.1)}.compact-sidebar-controls{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;gap:6px;padding:8px 0 10px}.sidebar-shortcut{width:40px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;user-select:none;box-shadow:0 4px 10px #0f172a2e}a.sidebar-shortcut{color:inherit;text-decoration:none}.sidebar-shortcut-icon{font-size:16px;line-height:1}.first-visit-shortcut-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(194,65,12,.42);border-radius:999px;background:#ffffff6b;color:var(--shortcut-text);font-size:12px;font-weight:900;font-family:Arial,sans-serif}.sidebar-shortcut-label{font-size:10.5px;letter-spacing:0;line-height:1.08;text-align:center;white-space:normal}.sidebar-shortcut-label.compact{line-height:1.05}#sidebarDonateLabel,#sidebarUtilityLabel{white-space:pre-line;word-break:keep-all;overflow-wrap:normal}.sidebar-divider{width:22px;border-top:1px solid rgba(255,255,255,.18);margin:1px 0}@keyframes donate-burst-attention{0%,1.1%,2.5%,3.9%,5.3%,6.7%,to{background-color:#c76710;box-shadow:0 6px 14px #92400e42;filter:brightness(1)}1.6%,2.0%,3.0%,3.4%,4.4%,4.8%,5.8%,6.2%{background-color:#c7a07b;box-shadow:0 8px 18px #bf936c5c;filter:brightness(1.05)}}.donate-toggle{background-color:#c76710;box-shadow:0 6px 14px #92400e42}.donate-toggle.attention-active{animation:donate-burst-attention 24s ease-in-out 1.2s infinite}body.advanced-mode .donate-toggle.attention-active{animation:none}.donate-toggle .sidebar-shortcut-label{font-weight:700}.donate-toggle:hover{animation-play-state:paused;background-color:#d97706;box-shadow:0 9px 18px #c25e0952;transform:scale(1.1)}.settings-toggle{font-size:13px;background-color:#475569;color:#fff;cursor:pointer;gap:2px;transition:transform .2s}.settings-toggle:hover{background-color:#334155;transform:scale(1.1)}.advanced-only{display:none!important}body.advanced-mode .advanced-only,.normal-only{display:flex!important}body.advanced-mode .normal-only,.advanced-panel-only,.advanced-action-only,.advanced-layout-only{display:none!important}body.advanced-mode .advanced-panel-only{display:block!important}body.advanced-mode .advanced-action-only,body.advanced-mode .advanced-layout-only{display:flex!important}body.advanced-mode .advanced-action-only.hidden,body.advanced-mode .advanced-layout-only.hidden{display:none!important}.advanced-calc-slot{visibility:hidden;pointer-events:none}body.advanced-mode .advanced-calc-slot{visibility:visible;pointer-events:auto}.advanced-toggle{font-size:13px;background-color:#111827;color:#fff;cursor:pointer;gap:0;transition:transform .2s;box-shadow:0 0 6px #0f172a59}.advanced-toggle .sidebar-shortcut-label{font-size:10px;font-weight:800;line-height:1.08}.advanced-toggle:hover{background-color:#1f2937;transform:scale(1.1)}.advanced-guide-toggle{font-size:13px;background-color:#1d4ed8;color:#fff;cursor:pointer;gap:2px;transition:transform .2s}.advanced-guide-toggle:hover{background-color:#1e40af;transform:scale(1.1)}.popup-toggle{font-size:13px;background-color:#0f766e;color:#fff;cursor:pointer;gap:2px;transition:transform .2s}.popup-toggle:hover{background-color:#115e59;transform:scale(1.1)}.utility-toggle{--shortcut-from: #f0f9ff;--shortcut-to: #dbeafe;--shortcut-accent: #2563eb;--shortcut-text: #17315f;background-color:#475569}.utility-toggle:hover{background-color:#334155;transform:scale(1.1)}.resource-tools-modal{width:min(920px,calc(100vw - 32px));max-width:920px;max-height:min(780px,calc(100vh - 32px));overflow:hidden;padding:0;border:1px solid #cbd5e1;background:radial-gradient(circle at 85% 0,rgba(37,99,235,.12),transparent 34%),#f8fafc}.resource-tools-header{align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid #dbe4f0;background:#ffffffe0}.resource-tools-header h3{margin:4px 0 0;color:#0f172a;font-size:clamp(20px,3vw,28px);line-height:1.24;letter-spacing:-.035em}.resource-tools-eyebrow{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.resource-tools-body{overflow-y:auto;padding:22px 24px 26px}.resource-tools-intro{margin:0 0 18px;color:#475569;font-size:13px;line-height:1.65}.resource-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resource-tool-card{position:relative;display:grid;grid-template-rows:148px 1fr;min-width:0;overflow:hidden;border:1px solid #d8e0eb;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 30px #0f172a14;isolation:isolate;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.resource-tool-card:hover,.resource-tool-card:focus-visible{z-index:2;border-color:var(--resource-accent, #2563eb);outline:none;transform:translateY(-5px);box-shadow:0 20px 42px #0f172a29}.resource-tool-preview{position:relative;display:grid;overflow:hidden;place-items:center;background:var(--resource-preview, #eff6ff)}.resource-tool-copy{display:flex;flex-direction:column;min-height:190px;padding:18px}.resource-tool-kicker{margin-bottom:6px;color:var(--resource-accent, #2563eb);font-size:11px;font-weight:900;letter-spacing:.08em}.resource-tool-copy>strong{color:#0f172a;font-size:19px;line-height:1.3;letter-spacing:-.025em}.resource-tool-copy p{margin:10px 0 16px;color:#526071;font-size:13px;line-height:1.6}.resource-tool-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--resource-accent, #2563eb);font-size:12px;font-weight:900}.resource-tool-action b{font-size:16px}.resource-tool-hover-detail{position:absolute;inset:auto 12px 12px;z-index:4;padding:14px;border:1px solid color-mix(in srgb,var(--resource-accent, #2563eb) 30%,#fff);border-radius:12px;background:#0f172af0;color:#fff;font-size:12px;line-height:1.62;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}.resource-tool-card:hover .resource-tool-hover-detail,.resource-tool-card:focus-visible .resource-tool-hover-detail{opacity:1;transform:translateY(0)}.resource-tool-calendar{--resource-accent: #0f766e;--resource-preview: linear-gradient(145deg, #ecfdf5, #ccfbf1)}.calendar-preview-ring{width:94px;height:94px;border:13px solid rgba(15,118,110,.18);border-top-color:#0f766e;border-right-color:#14b8a6;border-radius:50%;transform:rotate(24deg)}.calendar-preview-hand{position:absolute;width:4px;height:42px;border-radius:99px;background:#134e4a;transform:translate(10px,-18px) rotate(34deg);transform-origin:bottom center}.calendar-preview-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#f97316;box-shadow:0 0 0 5px #f9731624}.calendar-preview-dot.dot-one{transform:translate(-54px,-27px)}.calendar-preview-dot.dot-two{transform:translate(50px,22px);background:#2563eb}.calendar-preview-dot.dot-three{transform:translate(-28px,56px);background:#0f766e}.resource-tool-charcount{--resource-accent: #7c3aed;--resource-preview: linear-gradient(145deg, #faf5ff, #ede9fe)}.charcount-preview-paper{display:grid;gap:9px;width:118px;padding:20px 16px;border:1px solid #ddd6fe;border-radius:10px;background:#fff;box-shadow:0 14px 24px #4c1d951f;transform:translate(-14px) rotate(-3deg)}.charcount-preview-paper i{height:6px;border-radius:99px;background:#ddd6fe}.charcount-preview-paper i:nth-child(2){width:82%}.charcount-preview-paper i:nth-child(3){width:92%}.charcount-preview-paper i:nth-child(4){width:64%}.charcount-preview-count{position:absolute;right:32px;bottom:24px;display:flex;align-items:baseline;gap:3px;padding:8px 11px;border-radius:9px;background:#7c3aed;color:#fff;box-shadow:0 9px 20px #7c3aed3d}.charcount-preview-count b{font-size:19px}.charcount-preview-count small{font-size:10px}.resource-tool-interview{--resource-accent: #1d4ed8;--resource-preview: linear-gradient(145deg, #eff6ff, #dbeafe)}.interview-preview-question{position:absolute;left:32px;top:28px;display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#1d4ed8;color:#fff;font-size:22px;font-weight:900;box-shadow:0 10px 22px #1d4ed840}.interview-preview-lines{display:grid;gap:10px;width:128px;padding:18px;border:1px solid #bfdbfe;border-radius:13px;background:#fff;transform:translate(20px,4px)}.interview-preview-lines i{height:7px;border-radius:99px;background:#bfdbfe}.interview-preview-lines i:nth-child(2){width:78%}.interview-preview-lines i:nth-child(3){width:58%}.interview-preview-wave{position:absolute;right:28px;bottom:22px;display:flex;align-items:center;gap:4px;height:28px;padding:5px 8px;border-radius:9px;background:#0f172a}.interview-preview-wave i{width:3px;height:9px;border-radius:99px;background:#60a5fa}.interview-preview-wave i:nth-child(2),.interview-preview-wave i:nth-child(4){height:18px}.interview-preview-wave i:nth-child(3){height:24px}@media(max-width:760px){.resource-tools-modal{width:min(560px,calc(100vw - 20px));max-height:calc(100vh - 20px)}.resource-tools-header{padding:18px 18px 15px}.resource-tools-body{padding:18px}.resource-tools-grid{grid-template-columns:1fr}.resource-tool-card{grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto}.resource-tool-copy{min-height:168px;padding:16px}.resource-tool-hover-detail{inset:auto 10px 10px}}@media(max-width:470px){.resource-tools-intro{font-size:12px}.resource-tool-card{grid-template-columns:104px minmax(0,1fr)}.resource-tool-copy{min-height:158px;padding:14px 12px}.resource-tool-copy>strong{font-size:16px}.resource-tool-copy p{margin:7px 0 10px;font-size:11px;line-height:1.5}.calendar-preview-ring{width:70px;height:70px;border-width:10px}.calendar-preview-hand{height:31px}.calendar-preview-dot.dot-one{transform:translate(-38px,-22px)}.calendar-preview-dot.dot-two{transform:translate(37px,18px)}.calendar-preview-dot.dot-three{transform:translate(-22px,42px)}.charcount-preview-paper{width:82px;padding:14px 10px}.charcount-preview-count{right:8px;bottom:25px}.interview-preview-question{left:10px}.interview-preview-lines{width:78px;padding:12px;transform:translate(9px,5px)}.interview-preview-wave{right:8px}}@media(hover:none){.resource-tool-hover-detail{position:static;grid-column:1 / -1;margin:0 12px 12px;opacity:1;transform:none}}.extension-toggle{width:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;background-color:#10b981;color:#fff;cursor:pointer;user-select:none;padding:8px 0;border-radius:4px;gap:2px;transition:background-color .2s,transform .2s;box-shadow:0 0 6px #10b98166}.extension-toggle:hover{background-color:#059669;transform:scale(1.1)}.sidebar-shortcut{--shortcut-from: #fffaf6;--shortcut-to: #f2f4f6;--shortcut-accent: #d97706;--shortcut-text: #27313d;--shortcut-border: rgba(100, 116, 139, .26);background:linear-gradient(180deg,#ffffffbd,#fff0 52%),linear-gradient(160deg,var(--shortcut-from) 0%,var(--shortcut-to) 100%);color:var(--shortcut-text);border:1px solid var(--shortcut-border);box-shadow:inset 3px 0 0 var(--shortcut-accent),0 6px 14px #0f172a1c,inset 0 1px #fffc;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}.sidebar-shortcut:hover{transform:translateY(-1px) scale(1.04);filter:saturate(1.03) brightness(1.015);border-color:color-mix(in srgb,var(--shortcut-accent) 38%,#cbd5e1);box-shadow:inset 3px 0 0 var(--shortcut-accent),0 9px 18px #0f172a24,inset 0 1px #ffffffdb}.sidebar-shortcut-icon{color:var(--shortcut-text);text-shadow:none}.sidebar-shortcut-label{color:var(--shortcut-text);font-weight:900;text-shadow:none}.donate-toggle .sidebar-shortcut-label{font-weight:900}.help-toggle,.first-visit-toggle{--shortcut-from: #fffaf6;--shortcut-to: #f3e7da;--shortcut-accent: #d97706;--shortcut-text: #27313d}.omr-toggle,.settings-toggle{--shortcut-from: #fff7f0;--shortcut-to: #eadfd6;--shortcut-accent: #c65a2e;--shortcut-text: #2f2a25}.advanced-guide-toggle,.advanced-toggle{--shortcut-from: #fff7f8;--shortcut-to: #ece7ef;--shortcut-accent: #b94b63;--shortcut-text: #302832}.donate-toggle{--shortcut-from: #fff9ea;--shortcut-to: #eadfc7;--shortcut-accent: #c77816;--shortcut-text: #2f2a22}.donate-toggle.attention-active{animation:none}.stats-toggle,.comment-toggle,.extension-info-toggle,#studyArchiveOpenBtn,#advancedStatusToggle{--shortcut-from: #f8fafc;--shortcut-to: #e8eef2;--shortcut-accent: #64748b;--shortcut-text: #243042}#advancedStatusToggle{--shortcut-from: #fff4ed;--shortcut-to: #fee2e2;--shortcut-accent: #ef4444;--shortcut-text: #6b1d13}.advanced-status-icon{width:22px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef444421;color:#b91c1c;font-size:9px;font-weight:900;letter-spacing:0}.advanced-rail-collapse-toggle{--shortcut-from: #f8fafc;--shortcut-to: #e2e8f0;--shortcut-accent: #334155;--shortcut-text: #243042}.advanced-rail-restore{display:none;position:fixed;left:4px;bottom:max(10px,env(safe-area-inset-bottom));z-index:80;width:36px;min-height:42px;border:1px solid rgba(248,250,252,.52);border-radius:10px;background:linear-gradient(155deg,#fb923c,#ef4444);color:#fff;box-shadow:0 8px 18px #0f172a38;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 3px}.advanced-rail-restore span{font-size:17px;line-height:1}.advanced-rail-restore strong{font-size:9px;line-height:1.05;letter-spacing:0}body.advanced-mode.advanced-sidebar-collapsed .advanced-rail-restore{display:flex}body.advanced-mode.advanced-sidebar-collapsed .omr-sidebar{width:0!important;min-width:0;border-right:0;overflow:hidden}body.advanced-mode.advanced-sidebar-collapsed .compact-sidebar-controls,body.advanced-mode.advanced-sidebar-collapsed .omr-content,body.advanced-mode.advanced-sidebar-collapsed .omr-resizer{display:none!important}body.popup-mode.advanced-mode .omr-sidebar.collapsed{width:46px}body.popup-mode.advanced-mode.advanced-sidebar-collapsed .omr-sidebar{width:0!important}body.popup-mode.advanced-mode .main-content{background:#f8fafc}.comment-toggle{--shortcut-from: #f6fbfa;--shortcut-to: #e3eeeb;--shortcut-accent: #5f8f86;--shortcut-text: #253b37}.omr-toggle:hover{background-color:var(--primary-hover)}.omr-sidebar:not(.collapsed) .sidebar-controls{display:none!important}.omr-content{flex:1;display:flex;flex-direction:column;padding:5px;height:100%;overflow:hidden;position:relative}.omr-break-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffd9;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(3px);text-align:center}.omr-break-overlay.hidden{display:none!important}.omr-content.hidden{display:none}.omr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.omr-top-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:4px}.omr-top-bar-actions{display:inline-flex;align-items:center;gap:6px;min-width:0}.omr-mode-label{font-size:11px;color:#93c5fd;font-weight:700;min-width:0;text-align:right;overflow-wrap:anywhere}.omr-mode-hint{margin-bottom:4px;padding:5px 7px;border-radius:6px;background:#3b82f614;border:1px solid rgba(147,197,253,.25);color:#cbd5e1;font-size:10px;line-height:1.45}.omr-collapse-btn{font-size:11px;font-weight:700;padding:4px 10px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:linear-gradient(135deg,#475569,#334155);color:#f8fafc;cursor:pointer;transition:all .2s;white-space:nowrap}.omr-collapse-btn:hover{background:linear-gradient(135deg,#64748b,#475569);border-color:#ffffff80}.omr-body{flex:1;overflow-y:auto;padding:10px 4px 14px 0;font-size:12px;min-height:220px;max-height:none}.omr-body::-webkit-scrollbar{width:6px}.omr-body::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.omr-actions{display:flex;flex-direction:column;gap:5px;padding-top:8px;border-top:1px solid rgba(0,0,0,.15);overflow-y:auto;flex-shrink:0;min-height:0}.advanced-coach-panel{display:flex;flex-direction:column;gap:6px;padding:9px 10px;border-radius:8px;background:linear-gradient(180deg,#f8fbff,#f1f5f9);border:1px solid #cfe0ff;color:#334155}.advanced-coach-panel-compact{align-items:stretch;padding:0;background:transparent;border:none}.advanced-coach-inline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#f8fbff,#f1f5f9);border:1px solid #cfe0ff}.advanced-coach-inline-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.advanced-coach-inline-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.context-help-source{display:none!important}.notice-shortcut-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#86efac;color:#166534;font-size:11px;font-weight:900;box-shadow:0 2px 6px #16a34a33}.advanced-coach-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.advanced-coach-title{font-size:12px;font-weight:800;color:#1d4ed8;letter-spacing:-.01em}.advanced-coach-guide-btn{padding:4px 9px;border-radius:999px;border:1px solid #93c5fd;background:#fff;color:#1d4ed8;font-size:10px;font-weight:700;cursor:pointer}.advanced-coach-lead,.advanced-coach-hint{font-size:10px;line-height:1.5;color:#475569}.advanced-coach-grid{display:flex;flex-direction:column;gap:5px}.advanced-coach-step{padding:7px 8px;border-radius:7px;background:#fffffffa;border:1px solid #dbeafe;font-size:10px;line-height:1.45}.context-help-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:14px;font-weight:900;line-height:1;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.context-help-btn:hover{transform:translateY(-1px);background:#dbeafe;border-color:#93c5fd}.context-help-btn-omr{width:28px;height:28px;background:#eff6fff5;box-shadow:0 6px 14px #2563eb29}.omr-top-help-btn{width:24px;height:24px;font-size:12px;box-shadow:none;flex:0 0 24px}.omr-flow-help{display:flex;flex-direction:column;gap:10px}.omr-flow-lead{margin:0;color:#334155;font-size:13px;line-height:1.6}.omr-flow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.omr-flow-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.omr-flow-number{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0f172a;color:#fff;font-size:11px;font-weight:900;line-height:1}.omr-flow-content{min-width:0}.omr-flow-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;max-width:100%;padding:4px 8px;border-radius:7px;color:#fff;font-size:11px;font-weight:900;line-height:1.2;text-align:center;overflow-wrap:anywhere}.omr-flow-chip.answer{background:#2563eb}.omr-flow-chip.skip{background:#ef4444}.omr-flow-chip.correct{background:#ea580c}.omr-flow-chip.import{background:#c05621}.omr-flow-chip.grade{background:#13736d}.omr-flow-chip.review{background:#4d7c0f}.omr-flow-content strong{display:block;margin:7px 0 3px;color:#0f172a;font-size:12px;line-height:1.35}.omr-flow-content p{margin:0;color:#475569;font-size:11.5px;line-height:1.5}.omr-flow-note{padding:9px 10px;border-radius:9px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;font-size:12px;line-height:1.55}body.popup-mode .omr-body{min-height:250px;padding-top:10px;padding-bottom:14px}body.popup-mode .omr-actions{gap:4px;padding-top:6px}body.popup-mode .omr-action-btn{padding:7px 8px;font-size:11px}body.popup-mode .score-result{font-size:11px}body.popup-mode.advanced-mode .advanced-coach-panel{gap:4px}body.popup-mode.advanced-mode .advanced-coach-inline{gap:6px;padding:7px 8px}body.popup-mode.advanced-mode .advanced-coach-lead,body.popup-mode.advanced-mode .advanced-coach-hint{display:block}body.popup-mode.advanced-mode .advanced-coach-title{font-size:11px}body.popup-mode.advanced-mode .advanced-coach-guide-btn{padding:3px 7px;font-size:9px}body.popup-mode.advanced-mode .advanced-coach-step{padding:6px 7px;font-size:10px}body.popup-mode.advanced-mode .context-help-btn-omr{width:26px;height:26px;font-size:13px}@media(max-width:640px){.omr-flow-steps{grid-template-columns:1fr}.omr-flow-step{padding:9px}}.omr-action-btn{width:100%;padding:8px 10px;border:none;border-radius:var(--ui-radius);cursor:pointer;font-weight:700;font-size:12px;color:#fff;text-align:center;display:inline-flex;align-items:center;justify-content:center;transform:none;transition:background-color .15s,filter .15s,box-shadow .15s}.omr-action-btn:hover{transform:none;filter:brightness(1.1);box-shadow:0 2px 6px #0f172a2e}.skip-btn{background:#ef4444}.skip-btn:hover{background:#dc2626}.timer-skip-btn{border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#6d28d9;color:#fff;font-size:9px;font-weight:700;height:30px;min-width:36px;padding:0 6px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.01em;box-shadow:inset 0 -1px #ffffff14}.timer-skip-btn:hover{filter:brightness(1.08)}.advanced-timer-shell{margin-left:0;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#0f172a,#111c2f);border:1px solid #334155;padding:4px 8px 4px 10px;border-radius:9px;min-width:0;max-width:100%;width:auto;flex:0 1 auto;justify-content:flex-start;box-shadow:0 8px 18px #0f172a47}.timer-summary-block{display:flex;flex-direction:column}.timer-total-block{align-items:flex-start;min-width:86px}.timer-phase-block{align-items:flex-start;min-width:104px}.timer-summary-label{font-size:9px;color:#94a3b8;margin-bottom:1px}.timer-summary-value{color:#f8fafc;font-weight:700;font-family:Consolas,monospace;line-height:1}.timer-summary-value.total{font-size:18px}.timer-summary-value.phase{font-size:23px;color:#4ade80}.timer-divider{width:1px;height:24px;background:#334155}.timer-phase-name{color:#60a5fa;font-size:10px;font-weight:700;margin-bottom:1px}.timer-phase-line{display:flex;align-items:baseline;gap:8px}.timer-guide-row{font-size:10px;color:#94a3b8;font-weight:700;margin-top:4px}.timer-guide-value{color:#38bdf8;font-family:Consolas,monospace}.advanced-timer-controls{display:grid;grid-template-columns:40px;gap:4px;align-items:center;margin-left:0}body.advanced-mode .advanced-timer-controls{grid-template-columns:40px 44px minmax(64px,max-content) minmax(70px,max-content)}.timer-play-btn{width:40px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:inset 0 -1px #ffffff1f}.timer-play-btn:hover{background:#1d4ed8}.timer-next-btn{background:#6d28d9}.timer-next-btn:hover{background:#5b21b6}.timer-reset-btn{background:#0f766e}.timer-reset-btn:hover{background:#0f8b82}.timer-full-reset-btn{background:#c2410c}.timer-full-reset-btn:hover{background:#9a3412}.timer-reset-btn,.timer-full-reset-btn{min-width:64px;padding:0 8px}.timer-skip-btn:disabled{background:#334155;color:#e2e8f0;cursor:not-allowed;box-shadow:none;border-color:#475569;opacity:.95}body.advanced-mode .top-bar{justify-content:flex-start;gap:6px;padding:0 6px 0 8px}body.advanced-mode .popup-btn{padding:5px 8px;font-size:10px;border-radius:6px}@media(max-width:1180px){.advanced-timer-shell{max-width:100%;gap:6px;padding-right:6px}.advanced-timer-controls{grid-template-columns:38px;gap:4px}body.advanced-mode .advanced-timer-controls{grid-template-columns:38px 42px minmax(62px,max-content) minmax(68px,max-content)}.timer-skip-btn,.timer-play-btn{min-width:38px;width:auto;height:32px;padding:0 6px;font-size:9px}body.advanced-mode .timer-skip-btn,body.advanced-mode .timer-play-btn{width:auto;height:28px}.timer-total-block{min-width:78px}.timer-phase-block{min-width:92px}}.settings-inline-hint{margin-top:8px;padding:9px 10px;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;line-height:1.55;display:flex;flex-direction:column;gap:4px}.mode-btn{background:#ea580c;color:#fff}.mode-btn:hover{background:#c2410c}.mode-btn.active-score{background:#15803d;color:#fff}.mode-btn.active-score:hover{background:#166534}.grade-btn{background:#13736d;color:#fff}.grade-btn:hover{background:#115e59}.detail-btn{background:#4f6f8f;color:#fff}.detail-btn:hover{background:#405f7d}#bulkCorrectImportBtn{background:#c05621}#bulkCorrectImportBtn:hover{background:#9a3412}#detailScoreBtn{background:#4d7c0f}#detailScoreBtn:hover{background:#3f6212}.archive-action-btn{background:#245f73}.archive-action-btn:hover{background:#1f4f5f}.advanced-record-controls{flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(148,163,184,.3);border-radius:10px;background:#f8fafc}.advanced-record-row{display:grid;grid-template-columns:minmax(68px,.85fr) minmax(78px,1.2fr) minmax(68px,.85fr);align-items:stretch;gap:6px}.advanced-record-label{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:2px;padding:6px 7px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;text-align:center}.advanced-record-label strong{color:#0f172a;font-size:12px;line-height:1.2}.advanced-record-label span{color:#64748b;font-size:10px;line-height:1.25;word-break:keep-all;overflow-wrap:anywhere}.advanced-record-btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:none;border-radius:8px;padding:7px 6px;color:#fff;font-size:11px;font-weight:800;line-height:1.2;text-align:center;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.advanced-record-btn:hover{filter:brightness(.96);box-shadow:0 6px 14px #0f172a24;transform:translateY(-1px)}.advanced-record-btn.download{background:#2563eb}.advanced-record-btn.import{background:#475569}.advanced-record-btn.save{background:#0f766e}.reset-action-btn{background:#475569;color:#fff}.reset-action-btn:hover{background:#334155}.subject-group{background:#00000008;padding:4px 3px 5px;margin-bottom:7px;border-radius:6px}.subject-title{font-weight:700;margin-bottom:4px;color:#3b82f6;border-bottom:1px solid rgba(0,0,0,.1);padding:0 2px 3px;font-size:11.5px}.q-row{display:flex;align-items:center;min-height:calc(var(--omr-option-size) + 4px);margin-bottom:2px;padding:2px 3px;gap:var(--omr-option-gap);transition:background .2s}.q-row.current-q{background:#3b82f633;border-radius:var(--ui-radius)}.q-row.past-q{opacity:.6}.subject-group.subject-locked{opacity:.5;position:relative}.subject-group.subject-locked .subject-title{color:#94a3b8}.lock-badge{font-size:10px;color:#ef4444;font-weight:600;margin-left:4px}.q-row.locked-q{opacity:.4;pointer-events:none}.q-num{width:var(--omr-num-width);flex:0 0 var(--omr-num-width);text-align:right;margin-right:1px;font-weight:800;font-size:clamp(11px,calc(var(--omr-width, 320px) / 27),13px);font-variant-numeric:tabular-nums;color:#334155}.q-options{display:flex;align-items:center;gap:var(--omr-option-gap);min-width:0}.q-opt{width:var(--omr-option-size);height:var(--omr-option-size);flex:0 0 var(--omr-option-size);font-size:clamp(10px,calc(var(--omr-option-size) * .55),12px);border-radius:50%;border:1px solid #94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;transition:all .1s;color:var(--omr-text)}.q-opt:hover:not(:disabled){background:#0000000d}.q-opt.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.q-opt:disabled{cursor:not-allowed;opacity:.5;border-color:#cbd5e1}.q-row.status-correct{background:#22c55e26;border-radius:var(--ui-radius)}.q-row.status-wrong{background:#ef44441a;border-radius:var(--ui-radius);border-left:3px solid #ef4444}.q-row.status-missed{background:#94a3b826;border-radius:var(--ui-radius);border-left:3px solid #94a3b8;opacity:.8}.q-opt.correct{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;box-shadow:0 0 6px #16a34a80;font-weight:700}.q-opt.wrong{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;box-shadow:0 0 6px #dc262680;font-weight:700}.q-skip-btn{font-size:9px;padding:1px 4px;border:1px solid #cbd5e1;border-radius:4px;background:#f1f5f9;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s;margin-left:auto}.q-skip-btn:hover{background:#e2e8f0;color:#334155;border-color:#94a3b8}.score-result{padding:8px;background:#0000000d;border-radius:var(--ui-radius);font-size:12px;color:var(--omr-text)}.stat-line{display:flex;justify-content:space-between;margin-bottom:4px}.stat-line:last-child{margin-bottom:0;padding-top:4px;border-top:1px dashed rgba(0,0,0,.2);color:#10b981;font-weight:700}.advanced-tools-status{min-height:36px;padding:8px 10px;border-radius:8px;border:1px solid #dbeafe;background:#f8fbff;color:#1e3a8a;font-size:11.5px;line-height:1.45;font-weight:700}.advanced-record-meta{display:grid;grid-template-columns:1fr;gap:6px;padding:8px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;color:#334155}.advanced-record-meta label{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:6px;font-size:10.5px;font-weight:800}.advanced-record-meta input,.advanced-record-meta select{min-width:0;width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;padding:6px 7px;font-size:11px}.bulk-import-modal{max-width:760px;max-height:88vh}.bulk-import-body{display:flex;flex-direction:column;gap:12px}.bulk-import-note,.bulk-import-guide-copy{padding:10px 12px;border-radius:8px;border:1px solid #dbeafe;background:#f8fbff;color:#334155;font-size:12px;line-height:1.65}.bulk-import-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bulk-import-page-field{display:flex;flex-direction:column;gap:5px;color:#334155;font-size:12px;font-weight:800}.bulk-import-textarea{width:100%;min-height:108px;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:12px;line-height:1.6;font-family:Consolas,Courier New,monospace;color:#0f172a;background:#fff}.bulk-import-help-figure{margin:2px 0 0;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.bulk-import-help-figure img{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:8px;border:1px solid #e2e8f0}.bulk-import-help-figure figcaption{margin-top:8px;color:#64748b;font-size:12px;line-height:1.5}.help-advanced-banner:empty{display:none}.stat-subject-top-times{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 9px;padding:8px 9px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:11px}.stat-subject-top-times strong{color:#7c2d12}.stat-subject-top-times.muted{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.stat-sort-controls{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}.stat-sort-btn{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;padding:5px 9px;font-size:11px;font-weight:800;cursor:pointer}.stat-sort-btn.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.bulk-import-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-import-btn{border:none;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer}.bulk-import-btn.primary{background:#2563eb;color:#fff}.bulk-import-btn.success{background:#059669;color:#fff;margin-left:auto}.bulk-import-btn:disabled{background:#94a3b8;color:#ffffffd9;cursor:not-allowed}.bulk-import-summary{flex:1;min-width:180px;font-size:12px;color:#475569}.bulk-import-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bulk-import-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#334155;font-weight:600}.bulk-import-field select{border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;font-size:12px;color:#0f172a;background:#fff}.bulk-import-preview{border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;padding:12px;font-size:12px;color:#334155;line-height:1.6;max-height:250px;overflow:auto}.bulk-import-preview table{width:100%;border-collapse:collapse;font-size:11px;margin-top:8px}.bulk-import-preview th,.bulk-import-preview td{border:1px solid #bfdbfe;padding:6px 8px;text-align:center}.bulk-import-preview th{background:#e0ecff;color:#1d4ed8}.bulk-import-status{flex:1;min-width:180px;font-size:12px;color:#64748b;line-height:1.5}.layout-settings{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.2);font-size:11px;color:var(--omr-text)}.settings-title{font-weight:700;margin-bottom:4px;color:#3b82f6;text-align:center}.settings-row{display:flex;justify-content:space-between;margin-bottom:3px;align-items:center}.settings-row input{width:40px;background:#0000000d;border:1px solid rgba(0,0,0,.2);color:var(--omr-text);padding:2px 4px;border-radius:3px;font-size:11px;text-align:center}.settings-row input:focus{outline:1px solid var(--primary-color)}.main-content{flex:1;display:flex;flex-direction:column;min-width:100px;overflow-x:hidden}.top-bar{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:0 10px;flex:var(--timer-ratio) 1 0;min-height:0;overflow:hidden}.layout-resizer{flex:0 0 8px;background:transparent;transition:background .2s,box-shadow .2s}.layout-resizer.horizontal{width:100%;cursor:row-resize;border-top:1px solid rgba(148,163,184,.35);border-bottom:1px solid rgba(255,255,255,.7)}.layout-resizer.horizontal:hover,.layout-resizer.horizontal:active,body.popup-editor-mode .layout-resizer.horizontal.active{background:#3b82f62e;box-shadow:inset 0 0 0 1px #3b82f640}.timer-container{display:flex;align-items:center;gap:5px}.timer-display{width:60px;font-size:18px;font-weight:700;border:none;background:transparent;color:var(--primary-color);outline:none;text-align:center}.timer-display:not([readonly]){border-bottom:1px solid var(--primary-color)}.timer-controls button,.global-controls button{background:linear-gradient(180deg,#fff7ed,#fed7aa);border:1px solid #fb923c;color:#7c2d12;padding:4px 8px;border-radius:var(--ui-radius);cursor:pointer;font-size:12px;font-weight:900;box-shadow:0 3px 8px #ea580c29}.timer-controls button:hover,.global-controls button:hover{background:linear-gradient(180deg,#ffedd5,#fdba74);border-color:#f97316}.timer-play-btn{background:linear-gradient(135deg,#fb923c,#ef4444)!important;border-color:#ea580c!important;color:#fff!important;text-shadow:0 1px 1px rgba(124,45,18,.28);box-shadow:0 7px 16px #ea580c42}.timer-play-btn:hover{background:linear-gradient(135deg,#f97316,#dc2626)!important}.timer-skip-btn{background:linear-gradient(180deg,#fff7ed,#fed7aa)!important;color:#7c2d12!important}body.advanced-mode .timer-play-btn,body.advanced-mode .timer-skip-btn,body.advanced-mode .global-controls button{border-color:#f97316!important}.popup-btn{position:relative;background:#2563eb;color:#fff;border:1px solid #1d4ed8;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 0 #2563eb6b;animation:popupButtonPulse 3.2s ease-in-out infinite}.popup-btn:hover{background:#1d4ed8}.popup-entry-cta:before,.popup-entry-cta:after{content:none;display:none}.popup-entry-cta{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;min-width:0}.popup-entry-hint{max-width:190px;color:#1d4ed8;font-size:11px;font-weight:800;line-height:1.25;animation:popupHintPulse 3.2s ease-in-out infinite}body.popup-mode .popup-entry-cta{display:none!important}@keyframes popupButtonPulse{0%,58%,to{transform:translateY(0);box-shadow:0 0 #2563eb00}8%,20%{transform:translateY(-1px);box-shadow:0 0 0 6px #2563eb24}}@keyframes popupHintPulse{0%,58%,to{opacity:.72}8%,20%{opacity:1}}.danger-btn{background:var(--danger-color)!important;color:#fff!important}.danger-btn:hover{background:var(--danger-hover)!important}.tools-layout{flex:calc(var(--utils-ratio) + var(--calc-ratio)) 1 0;display:flex;flex-direction:column;padding:0 var(--tools-right-rail-reserve, 58px) var(--tools-bottom-padding, 0px) 0;min-height:0;gap:0}.help-advanced-section{padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #dbeafe}.help-advanced-section-title{font-size:14px;font-weight:800;color:#1d4ed8;margin-bottom:6px}.help-advanced-section-lead{font-size:12px;line-height:1.7;color:#475569}.help-advanced-link-btn{margin-top:10px;padding:8px 12px;border:1px solid #93c5fd;border-radius:999px;background:#fff;color:#1d4ed8;font-size:12px;font-weight:700;cursor:pointer}.help-section-title{font-weight:800;color:#1e293b;font-size:14px;margin-top:2px;margin-bottom:-2px}.help-start-guide{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid #dbeafe}.help-start-copy{margin-bottom:12px}.help-start-title{font-size:17px;font-weight:900;color:#0f172a;line-height:1.35}.help-start-lead{margin-top:5px;font-size:13px;line-height:1.65;color:#475569}.help-start-lead:empty{display:none}.help-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.help-step-list{display:flex;flex-direction:column;gap:8px}.help-step-card{min-width:0;display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:10px;background:#fff;border:1px solid #bfdbfe}.help-step-number{flex:0 0 auto;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;margin-bottom:8px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:900}.help-step-card strong{display:block;color:#0f172a;font-size:13px;line-height:1.45}.help-step-card p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.55}.guide-flow-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.65}.guide-flow-strip strong{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1}.guide-flow-strip-general{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.guide-flow-strip-general strong{background:#dbeafe;color:#1d4ed8}.guide-flow-strip-warm{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.guide-flow-strip-warm strong{background:#ffedd5;color:#c2410c}.guide-flow-strip-advanced{background:#f8fafc;border:1px solid #e2e8f0;color:#334155}.guide-flow-strip-advanced strong{background:#e2e8f0;color:#0f172a}.guide-fold{margin:0;border:1px solid #e2e8f0;border-radius:10px;background:#fff;overflow:hidden}.guide-notice-fold{min-height:42px}.guide-fold summary,.guide-fold-toggle{list-style:none;display:flex;position:relative;z-index:1;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:0;background:#f8fafc;color:#1e293b;font-size:13px;font-weight:700;font-family:inherit;text-align:left;cursor:pointer}.guide-fold summary::-webkit-details-marker{display:none}.guide-fold summary:after,.guide-fold-toggle:after{content:"\c5f4\ae30";font-size:11px;color:#64748b;font-weight:700}.guide-fold[open] summary:after,.guide-fold.is-open .guide-fold-toggle:after{content:"\c811\ae30"}.guide-fold-body{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px}.help-example-section{margin-bottom:6px}.help-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-example-card{min-width:0}.help-example-caption{font-size:11px;color:#94a3b8;margin-top:4px;text-align:center;line-height:1.6}.help-reference-block{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #64748b;padding:10px 14px;border-radius:4px;font-size:12px;color:#334155;margin-bottom:18px;line-height:1.6}.guide-fold .help-reference-block{margin-bottom:0}.help-feature-diagram{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;color:#334155;font-size:13px;display:flex;gap:12px}.help-feature-panel{padding:12px;border-radius:10px;text-align:left;background:#f8fafc}.help-feature-panel strong{display:block;color:#0f172a;font-size:13px;line-height:1.45;margin-bottom:6px}.help-feature-panel p{margin:5px 0 0;color:#475569;font-size:12px;line-height:1.6}.help-feature-panel-sidebar{flex:1;border:1px solid #93c5fd}.help-feature-stack{flex:2;display:flex;flex-direction:column;gap:10px}.help-feature-panel-timer{border:1px solid #c4b5fd}.help-feature-panel-practice{border:1px solid #facc15}.help-feature-panel-calc{border:1px solid #86efac}.help-advanced-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.help-advanced-banner{padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.7}.help-advanced-banner-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.help-advanced-banner-flow{background:#f8fafc;border:1px solid #e2e8f0;color:#334155}.help-advanced-banner-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.help-advanced-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0f172a0d}.help-advanced-card-title{font-size:13px;font-weight:700;color:#0f172a}.help-advanced-image{width:100%;border-radius:8px;border:1px solid #e2e8f0;background:#fff}.help-advanced-card-caption{font-size:12px;line-height:1.65;color:#64748b}.help-advanced-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.help-advanced-check-item{padding:11px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:12px;line-height:1.65;color:#334155}.help-advanced-schematic{position:relative;overflow:hidden;min-height:170px;border-radius:10px;border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fbff,#eef4ff);padding:14px}.help-advanced-mini-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.help-advanced-pill{padding:4px 9px;border-radius:999px;background:#ffffffeb;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:700}.help-advanced-pill-active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.help-advanced-mini-stage{display:flex;gap:10px;align-items:stretch;min-height:84px}.help-advanced-mini-screen{flex:1;border-radius:10px;border:1px solid #cbd5e1;background:linear-gradient(180deg,#3b82f62e 0 22px,#fff0 22px 100%),linear-gradient(135deg,#fff,#f8fafc)}.help-advanced-mini-rail{width:40px;border-radius:10px;border:1px dashed #f97316;background:linear-gradient(180deg,#fb923c1f,#ffedd5e6)}.help-advanced-mini-label{position:absolute;display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#0f172ae0;color:#fff;font-size:11px;font-weight:700;line-height:1}.help-advanced-mini-label-top{top:48px;left:16px}.help-advanced-mini-label-bottom{right:16px;bottom:14px}.help-advanced-schematic-omr{background:linear-gradient(180deg,#fff7ed,#fefce8);border-color:#fed7aa}.help-advanced-omr-sheet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:12px}.help-advanced-omr-dot{height:26px;border-radius:999px;border:2px solid #cbd5e1;background:#fffffff0}.help-advanced-omr-action-stack{display:flex;flex-direction:column;gap:7px}.help-advanced-omr-action{padding:8px 10px;border-radius:9px;font-size:11px;font-weight:800;color:#fff}.help-advanced-omr-action-primary{background:linear-gradient(180deg,#f59e0b,#f97316)}.help-advanced-omr-action-secondary{background:linear-gradient(180deg,#3b82f6,#2563eb)}.help-advanced-omr-action-accent{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.advanced-guide-modal-content{max-width:560px}.advanced-guide-modal-body,.advanced-feature-modal-body{display:flex;flex-direction:column;gap:14px}.advanced-guide-section{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:10px}.advanced-guide-section-login{background:#eff6ff;border:1px solid #bfdbfe}.advanced-guide-section-neutral{background:#f8fafc;border:1px solid #e2e8f0}.advanced-guide-section-warm{background:#fff7ed;border:1px solid #fed7aa;gap:12px}.advanced-guide-section-title{font-size:15px;font-weight:800;color:#0f172a}.advanced-guide-section-title-small{font-size:14px}.advanced-guide-section-title-blue{color:#1d4ed8}.advanced-guide-section-title-warm{color:#9a3412}.advanced-guide-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.advanced-guide-section-kicker{font-size:11px;color:#64748b}.advanced-guide-info,.advanced-guide-description,.advanced-guide-note,.advanced-guide-hint,.advanced-guide-contact{font-size:12px;line-height:1.7}.advanced-guide-info{padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #dbeafe;color:#1d4ed8}.advanced-guide-description{color:#475569}.advanced-guide-description-blue{color:#1e40af}.advanced-guide-note{padding:12px 14px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;color:#334155}.advanced-guide-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.advanced-guide-plan-copy{min-width:0;flex:1}.advanced-guide-plan-intro{font-size:12px;color:#9a3412;line-height:1.6}.advanced-guide-donate-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;background:#ea580c;color:#fff;border-radius:999px;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.advanced-guide-donate-note{font-size:11px;color:#9a3412;line-height:1.6}.advanced-guide-donate-link.is-disabled{opacity:.45;filter:grayscale(.3);pointer-events:auto}.advanced-guide-plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advanced-guide-plan-card{padding:12px;border-radius:8px;background:#fff;border:1px solid #fdba74}.plan-daily-cost{display:inline-flex;align-items:center;min-height:20px;margin-left:6px;padding:3px 7px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:11px;font-weight:900;vertical-align:2px;white-space:nowrap}.advanced-guide-donate-row{display:flex;justify-content:flex-end}.advanced-guide-flow{padding:12px;border-radius:8px;background:#fff;border:1px dashed #fdba74;font-size:12px;color:#7c2d12;line-height:1.7}.advanced-guide-card-grid,.advanced-guide-form-grid,.advanced-guide-password-grid,.advanced-guide-login-grid,.advanced-guide-lookup-grid{display:grid}.advanced-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advanced-guide-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advanced-guide-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advanced-guide-login-grid,.advanced-guide-lookup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:center}#advancedAccessSubmitBtn,#manualSubscriptionLookupBtn{grid-column:1 / -1;width:100%}.advanced-guide-hint{font-size:11px;color:#64748b}.manual-donation-flow{display:flex;flex-direction:column;gap:8px;margin:10px 0 8px;padding:11px 12px;border-radius:8px;border:1px solid #fed7aa;background:#fff7ed}.manual-donation-flow.is-ready{border-color:#14b8a6;background:#f0fdfa}.manual-donation-flow-head,.manual-donation-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.manual-donation-flow-title{font-size:13px;font-weight:900;color:#7c2d12}.manual-donation-flow-copy,.manual-donation-step-status{font-size:11px;color:#9a3412;line-height:1.45}.manual-donation-flow.is-ready .manual-donation-flow-title,.manual-donation-flow.is-ready .manual-donation-flow-copy,.manual-donation-flow.is-ready .manual-donation-step-status{color:#0f766e}.manual-donation-flow-badge{display:none}.advanced-guide-analysis-preview{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(150px,1.4fr) minmax(110px,.9fr);gap:10px;align-items:stretch;margin-top:12px;padding:12px;border-radius:12px;background:#111827;color:#fff}.advanced-guide-analysis-preview>div:not(.advanced-guide-mini-chart){display:grid;align-content:center;gap:3px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#ffffff0a}.advanced-guide-analysis-preview span{color:#94a3b8;font-size:9px}.advanced-guide-analysis-preview strong{font-size:17px}.advanced-guide-analysis-preview small{color:#5eead4;font-size:8px}.advanced-guide-mini-chart{display:flex;align-items:flex-end;gap:7px;padding:8px 5px;border-bottom:1px solid rgba(255,255,255,.12)}.advanced-guide-mini-chart i{flex:1;height:var(--h);border-radius:5px 5px 1px 1px;background:linear-gradient(#60a5fa,#2563eb);transform-origin:bottom;animation:advancedGuideBar 7s infinite}@keyframes advancedGuideBar{0%,18%{transform:scaleY(.15);opacity:.45}35%,to{transform:scaleY(1);opacity:1}}.advanced-guide-feature-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.advanced-guide-feature-catalog article{position:relative;min-height:72px;padding:11px 10px 10px 54px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.advanced-guide-feature-catalog article:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 10px 20px #0f172a0f}.advanced-guide-feature-catalog article>span{position:absolute;top:11px;left:10px;display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#eff6ff;color:#2563eb;font-size:8px;font-weight:900}.advanced-guide-feature-catalog strong,.advanced-guide-feature-catalog small{display:block}.advanced-guide-feature-catalog strong{color:#0f172a;font-size:11px}.advanced-guide-feature-catalog small{margin-top:4px;color:#64748b;font-size:9px;line-height:1.45}@media(max-width:540px){.advanced-guide-analysis-preview{grid-template-columns:1fr}.advanced-guide-mini-chart{min-height:90px}.advanced-guide-feature-catalog{grid-template-columns:1fr}}.manual-donation-flow.is-ready .manual-donation-flow-badge{background:#ccfbf1;color:#0f766e}.manual-donation-memo{width:100%;min-height:70px;resize:vertical;padding:9px 10px;border:1px solid #fdba74;border-radius:8px;background:#fff;color:#334155;font-size:12px;line-height:1.6;box-sizing:border-box}.manual-donation-copy-btn{padding:10px 13px;border:1px solid #ea580c;border-radius:999px;background:#ea580c;color:#fff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 0 #ea580c47;animation:donation-copy-pulse 2.2s ease-in-out infinite}.manual-donation-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}.manual-donation-action-row>*{width:100%;min-height:44px;box-sizing:border-box}.manual-donation-step-number{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:5px;border-radius:999px;background:#ffffff38;font-size:12px;line-height:1}.manual-donation-donate-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border:1px solid #2563eb;border-radius:999px;background:#2563eb;color:#fff;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}.manual-donation-donate-link:hover{background:#1d4ed8;border-color:#1d4ed8}.manual-donation-donate-link.is-disabled{opacity:.45;pointer-events:none;filter:grayscale(.2)}.manual-donation-copy-btn.is-copied{background:#0f766e;border-color:#0f766e;animation:none}@keyframes donation-copy-pulse{0%,to{box-shadow:0 0 #ea580c40}50%{box-shadow:0 0 0 6px #ea580c00}}.advanced-guide-submit{padding:11px 14px;background:#0f766e;color:#fff;border:none;border-radius:8px;font-weight:800;cursor:pointer}.advanced-guide-submit:disabled{opacity:.45;cursor:not-allowed}.manual-subscription-submit{min-width:0;margin-top:0}.manual-subscription-submit.is-hidden{visibility:hidden}.manual-subscription-receipt{min-height:0;padding:0;border:0;border-radius:12px;color:#334155;font-size:13px;line-height:1.75;white-space:pre-line}.manual-subscription-receipt.is-visible{min-height:132px;margin-top:12px;padding:18px 20px;border:1px solid #99f6e4;background:linear-gradient(145deg,#f0fdfa,#f8fafc);box-shadow:0 10px 28px #0f766e1a;color:#115e59;font-weight:650}@media(max-width:640px){.manual-donation-action-row{grid-template-columns:1fr}.manual-subscription-submit.is-hidden{display:none}}.advanced-guide-contact{padding:12px 14px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:13px}.advanced-feature-modal-content{max-width:560px}.advanced-feature-actions{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap}.utility-section{flex:var(--utils-ratio) 1 0;display:flex;flex-direction:column;border-bottom:1px solid var(--border-color);background-color:var(--panel-bg);min-height:0;overflow:hidden}.tool-header{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:6px 10px 5px;background:linear-gradient(180deg,#dfe1e5,#ececef);border-bottom:1px solid var(--border-color)}.tool-tabs{display:flex;gap:12px;align-items:center}.tab-btn{padding:0 0 4px;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-weight:700;color:#656971;font-size:12px;line-height:1;letter-spacing:-.01em}.tab-btn.active{color:#2e3138;border-bottom-color:#2e3138}.tool-delete-btn{padding:5px 11px;border:1px solid #cfd2d6;border-radius:4px;background:linear-gradient(180deg,#fff,#f3f4f6);color:#4b5563;font-size:12px;line-height:1;font-weight:700;cursor:pointer}.tool-delete-btn:hover{background:linear-gradient(180deg,#fff,#eceff3)}.tool-body{flex:1;position:relative;display:flex;min-height:0;overflow:hidden}.tool-wrapper{position:relative;flex:1 1 auto;min-height:0;display:flex;isolation:isolate}.tool-wrapper.hidden{display:none}#notepad{position:relative;z-index:1;display:block;flex:1 1 auto;min-height:0;width:100%;height:100%;border:none;resize:none;padding:14px 16px;font-size:var(--notepad-font-size, 14px);line-height:1.5;outline:none;background:var(--panel-bg);color:var(--text-main);cursor:text;user-select:text;-webkit-user-select:text}#canvasWrapper{position:relative;background:var(--panel-bg);cursor:none;overflow:hidden}#drawingBoard{display:block;cursor:none;width:100%;height:100%}.canvas-cursor-indicator{position:absolute;top:0;left:0;width:20px;height:20px;margin-left:-10px;margin-top:-10px;pointer-events:none;z-index:3;opacity:0;transition:opacity .12s ease}.canvas-cursor-indicator.visible{opacity:1}.canvas-cursor-indicator:before,.canvas-cursor-indicator:after{content:"";position:absolute;background:#0f172aeb}.canvas-cursor-indicator:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.canvas-cursor-indicator:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.canvas-cursor-ring{display:none}.calculator-section{flex:var(--calc-ratio) 1 0;background-color:var(--calc-surface);display:flex;flex-direction:column;padding:10px 10px 6px;min-height:0;overflow:hidden}.section-panel-label{font-size:14px;font-weight:700;color:#6b7280;margin-bottom:8px;letter-spacing:.01em}.calc-display-shell{min-height:0;flex:0 0 auto;height:clamp(84px,17vh,104px);max-height:clamp(84px,17vh,104px);padding:8px 10px;border:1px solid var(--calc-display-border);border-radius:10px;background:linear-gradient(180deg,#f7f3f5 0%,var(--calc-display-bg) 100%);box-shadow:inset 0 1px 2px #ffffffbf;margin-bottom:6px;overflow:hidden}.calc-history{min-height:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:2px;text-align:right;color:#2f2a2d;font-family:Consolas,monospace;overflow:hidden}.calc-history::-webkit-scrollbar{width:0;height:0}.calc-line{width:100%;line-height:1;text-align:right}.calc-line.history-line{white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:clamp(8px,2.2vw,11px);color:#807279}.calc-line.current-line{white-space:normal;overflow-wrap:anywhere;word-break:break-all;font-size:clamp(15px,5vw,26px);font-weight:700;color:#1f1a1d}.calc-line.history-line.calc-line-compact{font-size:clamp(7px,2vw,10px);letter-spacing:-.02em}.calc-line.current-line.calc-line-compact{font-size:clamp(13px,4.3vw,21px);letter-spacing:-.02em}.calc-line.history-line.calc-line-tight{font-size:clamp(6px,1.8vw,9px);letter-spacing:-.04em}.calc-line.current-line.calc-line-tight{font-size:clamp(11px,3.7vw,17px);letter-spacing:-.04em}.calc-keys{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(3px,1vw,6px);padding-bottom:0;min-height:0}.calc-btn{border:1px solid #d3c9ce;border-radius:clamp(5px,2vw,9px);background:linear-gradient(180deg,#fff,#f3eff1);font-size:clamp(9px,3.7vw,17px);line-height:1;padding:0;min-width:0;min-height:0;overflow:hidden;cursor:pointer;user-select:none;transition:background .12s,transform .12s;color:#2b2327;font-weight:700;box-shadow:0 2px 5px var(--calc-key-shadow)}.calc-btn:hover{background:linear-gradient(180deg,#fffefe,#ece6e9)}.calc-btn:active{transform:translateY(1px)}.op-btn{background:linear-gradient(180deg,#fef4f4,#f8dde0);color:#b4232c}.op-btn:hover{background:linear-gradient(180deg,#fce9eb,#f5d3d8)}.fn-btn{background:linear-gradient(180deg,#f3f4f6,#e4e7eb);color:#475569}.fn-btn:hover{background:linear-gradient(180deg,#eceef2,#d9dde3)}.sqrt-btn{background:linear-gradient(180deg,#fef4f4,#f8dde0);color:#b4232c}.sqrt-btn:hover{background:linear-gradient(180deg,#fce9eb,#f5d3d8)}.equal-btn{background:linear-gradient(180deg,#d74d56,#bc3941);color:#fff;border-color:#bc3941}.equal-btn:hover{background:linear-gradient(180deg,#df5b64,#c74149)}.grid-row-span{grid-row:span 2}.skct-floating-btn{position:absolute;right:max(4px,calc((var(--tools-right-rail-reserve, 58px) - var(--tools-right-rail-button-size, 44px)) / 2));width:var(--tools-right-rail-button-size, 44px);height:var(--tools-right-rail-button-size, 44px);border:none;border-radius:clamp(8px,2vw,12px);background:#171717;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000038;cursor:pointer;z-index:20}.skct-floating-btn.chat-btn{top:12px}.skct-floating-btn.question-btn{bottom:calc(var(--tools-bottom-padding, 0px) + 14px);font-size:clamp(12px,calc(var(--tools-right-rail-button-size, 44px) * .55),24px);font-weight:700}.settings-slider-row{display:flex;flex-direction:column;gap:6px}.settings-slider-label{font-size:12px;font-weight:700;color:#334155}.settings-slider-control{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #d8dde6;border-radius:8px;background:#fff}.settings-slider-control input[type=range]{flex:1;accent-color:#d84f58}.settings-slider-control strong{min-width:24px;text-align:right;color:#1f2937;font-size:12px}.chat-bubble-icon{position:relative;width:clamp(10px,calc(var(--tools-right-rail-button-size, 44px) * .5),22px);height:clamp(8px,calc(var(--tools-right-rail-button-size, 44px) * .36),16px);border:2px solid #ffffff;border-radius:8px}.chat-bubble-icon:before{content:"";position:absolute;left:4px;bottom:-5px;width:8px;height:8px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-25deg);background:transparent}.chat-bubble-icon:after{content:"\b7\b7\b7";position:absolute;inset:-2px 0 0;text-align:center;font-size:clamp(7px,calc(var(--tools-right-rail-button-size, 44px) * .27),12px);letter-spacing:1px}.popup-editor-panel{position:fixed;top:14px;left:14px;z-index:1200;width:min(340px,calc(100vw - 28px));padding:14px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fffffff5;box-shadow:0 18px 48px #0f172a33;backdrop-filter:blur(12px)}.popup-editor-panel.collapsed{width:auto;max-width:calc(100vw - 28px);padding:10px 12px}.popup-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.popup-editor-title{font-size:14px;font-weight:800;color:#0f172a}.popup-editor-toggle-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.popup-editor-toggle-btn:hover{background:#f8fafc}.popup-editor-content{margin-top:8px}.popup-editor-panel.collapsed .popup-editor-content{display:none}.popup-editor-desc{margin-top:6px;font-size:12px;line-height:1.55;color:#475569}.popup-editor-field{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:11px;color:#334155}.popup-editor-field span{flex:0 0 auto;font-weight:700}.popup-editor-field input[type=range]{flex:1;accent-color:#2563eb}.popup-editor-field strong{min-width:44px;text-align:right}.popup-editor-metrics{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.55;color:#334155}.popup-editor-actions{display:flex;gap:8px;margin-top:10px}.popup-editor-btn{flex:1;border-radius:8px;border:1px solid #cbd5e1;padding:9px 10px;font-size:12px;font-weight:700;cursor:pointer}.popup-editor-btn.ghost{background:#fff;color:#334155}.popup-editor-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.popup-editor-status{margin-top:8px;font-size:11px;line-height:1.5;color:#64748b}.popup-editor-status.error{color:#b91c1c}.popup-editor-status.success{color:#047857}.top-bar{font-size:12px}.timer-display{width:50px;font-size:16px}@media(max-width:720px){:root{--tools-right-rail-reserve: 48px;--tools-right-rail-button-size: 38px;--omr-width: min(88vw, 360px);--omr-num-width: clamp(20px, 7vw, 28px);--omr-option-size: clamp(18px, 7vw, 25px);--omr-option-gap: clamp(2px, 1vw, 5px)}body{overflow-x:hidden;overflow-y:auto}.app-container{position:relative;overflow:hidden}.omr-sidebar{flex:0 0 auto}.omr-sidebar.collapsed{width:58px}.omr-sidebar:not(.collapsed){position:fixed;left:0;top:0;bottom:0;width:min(92vw,390px);max-width:calc(100vw - 14px);height:100dvh;z-index:80;box-shadow:18px 0 40px #0f172a47}.omr-sidebar:not(.collapsed) .omr-content{width:calc(100% - 58px);min-width:0}.omr-sidebar:not(.collapsed) .sidebar-controls{width:58px;flex:0 0 58px}.omr-resizer{display:none}.compact-sidebar-controls{gap:5px;padding:8px 5px 12px;overflow-y:auto}.sidebar-shortcut,.comment-toggle.sidebar-shortcut{width:46px;min-height:50px;border-radius:9px}.sidebar-shortcut-label{font-size:10px;line-height:1.18}.top-bar{flex:0 0 auto;min-height:0;gap:6px;padding:6px 7px;flex-wrap:wrap;align-content:flex-start;overflow:hidden}body.advanced-mode .top-bar{gap:6px;padding:6px 7px}.advanced-timer-shell{width:100%;flex:1 1 100%;flex-wrap:wrap;gap:5px 6px;padding:6px 7px;border-radius:10px}.timer-total-block{min-width:66px;flex:0 0 auto}.timer-phase-block{min-width:96px;flex:1 1 96px}.timer-summary-value.total{font-size:clamp(17px,6vw,23px)}.timer-summary-value.phase{font-size:clamp(21px,8vw,31px)}.timer-phase-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-divider{height:30px}.advanced-timer-controls,body.advanced-mode .advanced-timer-controls{flex:1 1 100%;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.timer-play-btn,.timer-skip-btn,body.advanced-mode .timer-play-btn,body.advanced-mode .timer-skip-btn{width:100%;min-width:0;height:34px;padding:0 4px;font-size:11px;border-radius:7px}.popup-entry-cta{width:100%;justify-content:flex-end;gap:6px}.popup-entry-hint{display:none}.popup-btn{padding:7px 9px;font-size:11px;max-width:100%}.tools-layout{flex:1 1 auto;min-height:0;padding-right:var(--tools-right-rail-reserve, 48px)}.utility-section{min-height:190px}.calculator-section{min-height:250px;padding:9px 8px 6px}.calc-display-shell{height:clamp(72px,13dvh,96px);max-height:clamp(72px,13dvh,96px);margin-bottom:6px}.calc-btn{font-size:clamp(14px,5vw,20px);border-radius:9px}.omr-body{padding:10px 4px 12px 0;min-height:0}.omr-actions{padding:8px 0 max(10px,env(safe-area-inset-bottom));gap:6px}.omr-action-btn{min-height:44px;font-size:13px}.advanced-record-row{grid-template-columns:minmax(66px,.9fr) minmax(80px,1.15fr) minmax(66px,.9fr);gap:5px}.advanced-record-btn{min-height:44px;font-size:11px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a75;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:clamp(10px,4vh,36px) clamp(10px,4vw,36px);overflow:auto;box-sizing:border-box}.modal-overlay.hidden{display:none}.modal-content{background:#fff;border-radius:8px;padding:20px;width:90%;box-shadow:0 22px 60px #0f172a38;color:var(--text-main);box-sizing:border-box;max-height:calc(100dvh - clamp(20px,8vh,72px));display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-body{overflow:auto;flex:1;padding-right:2px;min-height:0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid var(--border-color);padding:0 2px 10px;gap:12px;flex-shrink:0}.modal-header h3{margin:0;color:#1e293b;font-size:16px;line-height:1.35;min-width:0}.modal-header-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.btn-close{background:transparent;border:none;font-size:20px;font-weight:700;cursor:pointer;color:#64748b;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn-close:hover{background:#f1f5f9;color:#0f172a}.help-modal-content{max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;padding:0}.help-modal-header{position:sticky;top:0;background:#fff;z-index:10;padding:16px 20px;margin-bottom:0;border-bottom:1px solid #e2e8f0;flex-shrink:0}.help-modal-body{overflow:auto;padding:20px;flex:1;display:flex;flex-direction:column;gap:14px}.utility-modal-content{max-width:560px}.utility-modal-body{display:flex;flex-direction:column;gap:14px}.utility-modal-description{font-size:13px;line-height:1.7;color:#475569}.utility-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.utility-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:12px;border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 25px #0f172a14;text-align:left;text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.utility-action-card:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0f172a1f;border-color:#93c5fd}.utility-card-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#eff6ff;font-size:18px}.utility-action-card strong{font-size:14px;color:#0f172a}.utility-action-card small{font-size:12px;line-height:1.6;color:#475569}.utility-doc-links{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.utility-doc-links a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffe0;border:1px solid #dbeafe;color:#1d4ed8;text-decoration:none;font-size:12px;font-weight:700;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.utility-doc-links a:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.quick-info-modal-content{max-width:460px;max-height:min(88dvh,720px)}.quick-info-modal-body{padding-right:0}.quick-info-body{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#334155;line-height:1.65}.quick-info-card{padding:12px 14px;border-radius:10px;border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff)}.quick-info-card strong{display:block;margin-bottom:4px;color:#0f172a;font-size:13px}.quick-info-flow{display:grid;gap:8px}.quick-info-step{padding:10px 12px;border-radius:9px;border:1px solid #e2e8f0;background:#f8fafc}@media(max-width:640px){.utility-card-grid{grid-template-columns:1fr}}@media(max-width:760px){.help-step-grid,.help-example-grid,.advanced-guide-card-grid,.advanced-guide-plan-cards,.advanced-guide-form-grid,.advanced-guide-password-grid,.advanced-guide-login-grid,.advanced-guide-lookup-grid,.bulk-import-page-grid{grid-template-columns:1fr}.help-feature-diagram{flex-direction:column;padding:12px}.help-feature-stack{gap:8px}.advanced-guide-modal-content,.advanced-feature-modal-content,.help-modal-content{width:calc(100vw - 20px);max-width:none}}body.popup-mode .help-modal-content,body.popup-mode .advanced-guide-modal-content,body.popup-mode .advanced-feature-modal-content{width:calc(100vw - 12px);max-width:none;max-height:96vh}body.popup-mode .help-modal-header{padding:14px 16px}body.popup-mode .help-modal-body{padding:14px}body.popup-mode .help-example-grid,body.popup-mode .help-step-grid,body.popup-mode .advanced-guide-card-grid,body.popup-mode .advanced-guide-plan-cards,body.popup-mode .advanced-guide-form-grid,body.popup-mode .advanced-guide-password-grid,body.popup-mode .advanced-guide-login-grid,body.popup-mode .advanced-guide-lookup-grid{grid-template-columns:1fr}body.popup-mode .help-feature-diagram{flex-direction:column;padding:12px}body.popup-mode .help-feature-stack{gap:8px}body.popup-mode .advanced-guide-modal-body,body.popup-mode .advanced-feature-modal-body{gap:10px}body.popup-mode .advanced-guide-section{padding:12px}.comment-toggle{width:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;background-color:#6366f1;color:#fff;cursor:pointer;user-select:none;padding:10px 0;border-radius:4px;gap:2px;transition:background-color .2s,transform .2s}.comment-toggle:hover{background-color:#4f46e5;transform:scale(1.1)}.stat-modal-content{width:80vw;max-width:none;height:80vh;max-height:80vh}.stat-modal-content .modal-body{display:flex;flex-direction:column;min-height:0}.stat-modal-content #statDetailWrapper{max-height:none!important;flex:1;min-height:0}.frame-modal-content{width:min(80vw,calc(100vw - 72px));max-width:none;height:min(80vh,calc(100dvh - 72px));max-height:min(80vh,calc(100dvh - 72px));padding:0;overflow:hidden}.frame-modal-content>.modal-header,.stat-modal-content>.modal-header{min-height:54px;margin-bottom:0;padding:12px 18px;background:#fff}.frame-modal-body{display:flex;min-height:0;height:calc(min(80vh,calc(100dvh - 72px)) - 55px);padding:0;background:#f8fafc;overflow:auto}.frame-modal-iframe{width:100%;height:100%;border:0;background:#f8fafc}@media(max-width:720px){.modal-overlay{align-items:stretch;justify-content:stretch;padding:8px;overflow:auto}.modal-content{width:100%;max-height:calc(100dvh - 16px)}.frame-modal-content,.stat-modal-content{width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.frame-modal-body{height:calc(100dvh - 72px)}.modal-header{min-height:48px;margin-bottom:0;padding:10px 14px}.frame-modal-content>.modal-header,.stat-modal-content>.modal-header{min-height:52px;padding:10px 14px}.modal-header h3{font-size:15px}.modal-popout-btn{padding:6px 9px;font-size:11px}}.modal-popout-btn{border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#334155;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer}.modal-popout-btn:hover{background:#e2e8f0}.comment-toggle.sidebar-shortcut{width:40px;min-height:48px;padding:0;border-radius:7px;background:linear-gradient(180deg,#ffffffbd,#fff0 52%),linear-gradient(160deg,var(--shortcut-from) 0%,var(--shortcut-to) 100%);color:var(--shortcut-text);border:1px solid var(--shortcut-border);box-shadow:inset 3px 0 0 var(--shortcut-accent),0 6px 14px #0f172a1c,inset 0 1px #fffc;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}.comment-toggle.sidebar-shortcut:hover{transform:translateY(-1px) scale(1.04);background:linear-gradient(180deg,#ffffffbd,#fff0 52%),linear-gradient(160deg,var(--shortcut-from) 0%,var(--shortcut-to) 100%);filter:saturate(1.03) brightness(1.015);border-color:color-mix(in srgb,var(--shortcut-accent) 38%,#cbd5e1);box-shadow:inset 3px 0 0 var(--shortcut-accent),0 9px 18px #0f172a24,inset 0 1px #ffffffdb}#cmModal .modal-content{max-width:600px;max-height:88vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.cm-notice{padding:10px 14px;border-radius:6px;margin:10px 14px 0;font-size:13px}.cm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;border-bottom:1px solid #e2e8f0}.cm-header h3{margin:0;font-size:16px;color:#1e293b;cursor:default}.cm-header .btn-close{font-size:22px}.cm-auth-bar{display:flex;align-items:center;gap:8px;padding:6px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;flex-wrap:wrap}.cm-auth-nick{font-weight:700;color:#1e293b}.cm-auth-code{color:#6366f1;font-family:Consolas,monospace;font-size:11px;background:#eef2ff;padding:2px 6px;border-radius:4px;cursor:pointer}.cm-admin-badge{background:#fef3c7;color:#92400e;padding:2px 6px;border-radius:4px;font-weight:700;font-size:10px}.cm-logout-btn,.cm-login-btn{padding:3px 10px;border:1px solid #cbd5e1;background:#fff;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;color:#475569;transition:background .2s}.cm-logout-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.cm-login-btn:hover{background:#eef2ff;color:#4f46e5;border-color:#a5b4fc}.cm-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.cm-tab{padding:6px 14px;border:1px solid transparent;border-radius:20px;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:#64748b;white-space:nowrap;transition:all .2s ease}.cm-tab:hover{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}.cm-tab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 2px 6px #6366f14d}.cm-write{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid #e2e8f0;background:#fafbfc}.cm-write textarea{flex:1;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-size:13px;resize:none;font-family:Pretendard,sans-serif;outline:none;min-height:40px;max-height:100px;transition:border-color .2s}.cm-write textarea:focus{border-color:#6366f1}.cm-write button{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:transform .1s,box-shadow .2s}.cm-write button:hover{transform:scale(1.03);box-shadow:0 2px 8px #6366f14d}.cm-list{flex:1;overflow-y:auto;padding:10px 14px}.cm-list::-webkit-scrollbar{width:5px}.cm-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cm-empty{text-align:center;padding:40px 10px;color:#94a3b8}.cm-empty span{font-size:32px;display:block;margin-bottom:10px}.cm-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:10px;transition:box-shadow .2s}.cm-card:hover{box-shadow:0 2px 8px #0000000f}.cm-card.pinned{border-color:#a5b4fc;background:#fafbff}.cm-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.cm-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cm-nick{font-weight:700;color:#1e293b;font-size:13px}.cm-time{color:#94a3b8;font-size:11px}.cm-badge{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}.cm-badge.pin{background:#eef2ff;color:#4f46e5}.cm-badge.cat{background:#f0fdf4;color:#16a34a}.cm-badge.status{background:#fff7ed;color:#c2410c}.cm-badge.edit{color:#94a3b8;font-weight:400}.cm-body{font-size:13px;line-height:1.6;color:#334155;margin-bottom:8px;word-break:break-word}.cm-foot{display:flex;justify-content:space-between;align-items:center}.cm-stats{display:flex;gap:8px}.cm-stats button{background:none;border:1px solid #e2e8f0;border-radius:20px;padding:3px 10px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;color:#64748b}.cm-stats button:hover{background:#f8fafc;border-color:#cbd5e1}.cm-like.liked{border-color:#fca5a5;background:#fff1f2;color:#e11d48}.cm-author-acts{display:flex;gap:4px}.cm-act-btn{background:none;border:none;font-size:11px;cursor:pointer;color:#94a3b8;padding:2px 6px;border-radius:4px;transition:all .15s}.cm-act-btn:hover{background:#f1f5f9;color:#475569}.cm-act-btn.cm-del:hover{background:#fef2f2;color:#dc2626}.cm-admin-acts{display:flex;gap:3px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.cm-admin-acts button,.cm-admin-acts select{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;font-size:10px;padding:2px 6px;cursor:pointer;font-weight:600;transition:background .15s}.cm-admin-acts button:hover{background:#fde68a}.cm-replies{padding:8px 0 0 12px;border-top:1px dashed #e2e8f0;margin-top:8px}.cm-replies.hidden{display:none}.cm-reply{background:#f8fafc;border-radius:6px;padding:8px 10px;margin-bottom:6px;border-left:3px solid #e2e8f0}.cm-reply.admin{border-left-color:#f59e0b;background:#fffbeb}.cm-reply.pinned{border-left-color:#6366f1}.advanced-save-summary{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid rgba(234,88,12,.22);border-radius:10px;background:#fff7ed;color:#9a3412;font-size:12px;line-height:1.5}.advanced-save-btn{border:none;border-radius:8px;padding:8px 10px;background:linear-gradient(135deg,#fb923c,#ef4444);color:#fff;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.advanced-save-btn:hover{background:linear-gradient(135deg,#f97316,#dc2626)}.advanced-save-btn:disabled{opacity:.55;cursor:not-allowed}.stats-range-tabs{display:inline-flex;gap:4px;padding:4px;margin:6px 0 10px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0}.stats-range-tab{border:none;border-radius:999px;padding:7px 11px;background:transparent;color:#64748b;font-size:12px;font-weight:800;cursor:pointer}.stats-range-tab.active{background:#fff;color:#0f172a;box-shadow:0 6px 14px #0f172a1a}.cm-reply-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.cm-reply-body{font-size:12px;color:#475569;line-height:1.5;word-break:break-word}.cm-reply-acts{margin-top:4px}.cm-reply-acts button{background:none;border:none;font-size:10px;cursor:pointer;color:#94a3b8;padding:1px 4px}.cm-reply-acts button:hover{color:#475569}.cm-reply-form{display:flex;gap:6px;margin-top:8px}.cm-reply-form textarea{flex:1;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;font-size:12px;resize:none;font-family:Pretendard,sans-serif;outline:none}.cm-reply-form textarea:focus{border-color:#6366f1}.cm-reply-submit{padding:6px 12px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.cm-reply-submit:hover{background:#4f46e5}.cm-reply-form-top{display:flex;gap:6px;margin-bottom:6px}.cm-reply-form-top input{flex:1;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font-size:11px;outline:none}.cm-reply-form-top input:focus{border-color:#6366f1}.cm-reply-form-bot{display:flex;gap:6px}.cm-edit-ta{width:100%;min-height:60px;border:1px solid #6366f1;border-radius:6px;padding:8px;font-size:13px;font-family:Pretendard,sans-serif;resize:vertical;outline:none}.cm-edit-acts{display:flex;gap:6px;margin-top:6px}.cm-edit-acts button{padding:4px 12px;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer}.cm-edit-save{background:#6366f1;color:#fff}.cm-edit-cancel{background:#e2e8f0;color:#475569}.cm-loading{text-align:center;padding:20px;color:#94a3b8;font-size:13px}#cmAuthModal .modal-content{max-width:380px}.main-content{min-width:0}.notice-toggle{--shortcut-from: #dcfce7;--shortcut-to: #dcfce7;--shortcut-accent: #86efac;--shortcut-text: #111827;background:var(--shortcut-from);border-color:var(--shortcut-accent);color:#111827;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.notice-toggle.notice-active{--shortcut-from: #fee2e2;--shortcut-to: #fee2e2;--shortcut-accent: #fca5a5;--shortcut-text: #111827}.notice-toggle.notice-active .notice-shortcut-icon{background:#dc2626;color:#fff;box-shadow:0 2px 6px #dc262659}.modal-content{min-height:0;overflow:hidden}.guide-highlight{display:inline;padding:0 3px;border-radius:4px;background:linear-gradient(180deg,#fff0 52%,#facc156b 52%);color:#0f172a;font-weight:900}.modal-body,.help-modal-body,.advanced-guide-modal-body,.advanced-feature-modal-body,.quick-info-modal-body,.utility-modal-body,.bulk-import-body{min-height:0;overflow:auto}.advanced-message-box{max-height:min(82vh,720px);overflow:auto}.advanced-account-status{display:flex;flex-direction:column;gap:14px}.advanced-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advanced-account-grid>div{padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#f8fafc}.advanced-account-grid span{display:block;margin-bottom:4px;color:#64748b;font-size:12px;font-weight:700}.advanced-account-grid strong{display:block;color:#0f172a;font-size:14px;line-height:1.45;word-break:break-word}.advanced-account-note{padding:10px 12px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px}.advanced-account-table-title{font-size:13px;font-weight:800;color:#0f172a}.advanced-account-table{width:100%;min-width:480px;border-collapse:collapse;font-size:12px}.advanced-account-table th,.advanced-account-table td{padding:9px 8px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.advanced-account-table th{color:#475569;background:#f1f5f9}.advanced-account-table th:last-child,.advanced-account-table td:last-child{text-align:right;white-space:nowrap}.advanced-account-empty{color:#64748b;text-align:center!important}.cm-card.targeted{border-color:#f97316;box-shadow:0 0 0 3px #f9731629}.cm-improvement-guide{padding:10px 12px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;color:#334155;font-size:12px;line-height:1.65}.cm-feedback-email-row input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#334155;background:#fff;outline:none}.cm-attachment-row{border:1px dashed #cbd5e1;border-radius:8px;padding:9px 10px;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.cm-attachment-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#64748b}.cm-attachment-head label{font-weight:800;color:#334155}.cm-attachment-row input[type=file]{font-size:12px;color:#334155}.cm-attachment-preview,.cm-attachments{display:flex;flex-wrap:wrap;gap:8px}.cm-attachment-empty{font-size:12px;color:#94a3b8}.cm-attachment-item{width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1;background:#fff;position:relative}.cm-attachment-item img,.cm-attachments img{width:100%;height:100%;object-fit:cover;display:block}.cm-attachment-item button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:999px;border:none;background:#0f172ac7;color:#fff;font-size:14px;line-height:1;cursor:pointer}.cm-attachments{margin:-2px 0 8px}.cm-attachments a{width:96px;height:72px;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;background:#f8fafc}.omr-sidebar:not(.collapsed){width:var(--omr-width, 260px);min-width:var(--omr-width, 260px);flex:0 0 var(--omr-width, 260px);overflow:hidden}.omr-sidebar:not(.collapsed) .sidebar-controls{flex:0 0 42px;width:42px}.omr-sidebar:not(.collapsed) .omr-content{flex:1 1 auto;width:auto;min-width:0}@media(max-width:720px){.omr-sidebar:not(.collapsed){position:relative;left:auto;top:auto;bottom:auto;width:min(var(--omr-width, 260px),72vw);min-width:min(var(--omr-width, 260px),72vw);max-width:72vw;flex:0 0 min(var(--omr-width, 260px),72vw);height:100dvh;z-index:10;box-shadow:none}.omr-sidebar:not(.collapsed) .sidebar-controls{width:58px;flex:0 0 58px}.main-content{flex:1 1 0;min-width:0}.modal-overlay{height:100dvh}.modal-header{padding-left:16px;padding-right:16px;gap:10px}.advanced-message-box{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)}.advanced-account-status{overflow-x:auto}.advanced-account-grid{grid-template-columns:1fr}.cm-list{min-height:0;overflow:auto}}.cm-auth-tabs{display:flex;border-bottom:2px solid #e2e8f0}.cm-auth-tab{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:600;color:#94a3b8;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.cm-auth-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.cm-auth-form{padding:16px}.cm-auth-form label{display:block;font-size:12px;color:#475569;font-weight:600;margin-bottom:4px;margin-top:10px}.cm-auth-form input{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;outline:none;transition:border-color .2s}.cm-auth-form input:focus{border-color:#6366f1}.cm-auth-submit{width:100%;margin-top:16px;padding:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer}.cm-auth-submit:hover{box-shadow:0 2px 10px #6366f14d}.cm-auth-success{text-align:center;padding:20px}.cm-auth-ok-title{font-size:18px;font-weight:700;color:#16a34a;margin-bottom:12px}.cm-auth-ok-code{font-size:28px;font-weight:900;color:#4f46e5;font-family:Consolas,monospace;background:#eef2ff;padding:12px 20px;border-radius:8px;display:inline-block;margin-bottom:12px;letter-spacing:2px;border:2px dashed #a5b4fc}.cm-auth-success p{font-size:13px;color:#64748b;line-height:1.5}.cm-auth-ok-btn{margin-top:16px;padding:10px 30px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}