:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--bg-card:#18181b;--bg-glass:#18181bd9;--border-glass:#ffffff14;--border-active:#2563eb;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-color:#2563eb;--accent-glowing:#2563eb1a;--text-main:#fff;--border:#ffffff14;--danger:#ef4444;--color-again:#ef4444;--color-hard:#f59e0b;--color-good:#3b82f6;--color-easy:#10b981;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:SFMono-Regular, Consolas, Menlo, Courier, monospace;--blur-glass:12px;--shadow-premium:0 4px 24px #0006, inset 0 1px 0 #ffffff0a;--shadow-neon:0 0 0 3px #2563eb40}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);width:100vw;height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:24px;transition:all .2s ease-out;box-shadow:0 1px 3px #0003}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 4px 12px #0000004d}.perspective-container{perspective:1500px;cursor:pointer;border-radius:20px;width:100%;height:calc(100vh - 280px);min-height:380px;max-height:560px;position:relative}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.34,1.56,.64,1);position:absolute}.perspective-container.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border:1px solid var(--border-glass);border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 24px #00000080}.flip-card-front{background:var(--bg-secondary);color:var(--text-primary)}.flip-card-back{background:var(--bg-tertiary);color:var(--text-primary);transform:rotateY(180deg)}.study-top-nav{-webkit-backdrop-filter:blur(24px);z-index:900;background:#090a10d9;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.rating-dock{-webkit-backdrop-filter:blur(24px);background:#121624d9;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:760px;padding:16px 24px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14}.rating-btn-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 6px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.rating-btn-card:hover{transform:translateY(-4px)}.rating-btn-card:active{transform:translateY(-1px)scale(.97)}.rating-btn-1{color:#fca5a5;background:#ef44440a;border-color:#ef444440}.rating-btn-2{color:#fdba74;background:#f973160a;border-color:#f9731640}.rating-btn-3{color:#fde047;background:#eab3080a;border-color:#eab30840}.rating-btn-4{color:#6ee7b7;background:#10b9810a;border-color:#10b98140}.rating-btn-5{color:#93c5fd;background:#3b82f60a;border-color:#3b82f640}.rating-btn-1:hover{color:#ffcdd2;background:#ef44441a;border-color:#ef4444bf;box-shadow:0 0 20px #ef444459,inset 0 0 8px #ef444426}.rating-btn-2:hover{color:#ffe0b2;background:#f973161a;border-color:#f97316bf;box-shadow:0 0 20px #f9731659,inset 0 0 8px #f9731626}.rating-btn-3:hover{color:#fff9c4;background:#eab3081a;border-color:#eab308bf;box-shadow:0 0 20px #eab30859,inset 0 0 8px #eab30826}.rating-btn-4:hover{color:#c8e6c9;background:#10b9811a;border-color:#10b981bf;box-shadow:0 0 20px #10b98159,inset 0 0 8px #10b98126}.rating-btn-5:hover{color:#bbdefb;background:#3b82f61a;border-color:#3b82f6bf;box-shadow:0 0 20px #3b82f659,inset 0 0 8px #3b82f626}.keycap-badge{font-family:var(--font-sans);color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-bottom:2.5px solid #ffffff73;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800;line-height:1;display:inline-block;box-shadow:0 1.5px 1.5px #00000080}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .2s cubic-bezier(.2,1,.3,1),box-shadow .2s}.hover-lift:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:0 12px 40px -12px #6366f159}.hover-glow{position:relative;overflow:hidden}.hover-glow:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%}.hover-glow:hover:after{transition:all .7s ease-in-out;left:150%}.gradient-text{background:linear-gradient(135deg,#0a84ff 0%,#5e5ce6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.green-gradient-text{background:linear-gradient(135deg,#30d158 0%,#34c759 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-again{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}.btn-again:hover{background:#ef44444d;border-color:#ef4444cc}.btn-hard{color:#fdba74;background:#f9731626;border:1px solid #f9731666}.btn-hard:hover{background:#f973164d;border-color:#f97316cc}.btn-good{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f666}.btn-good:hover{background:#3b82f64d;border-color:#3b82f6cc}.btn-easy{color:#6ee7b7;background:#10b98126;border:1px solid #10b98166}.btn-easy:hover{background:#10b9814d;border-color:#10b981cc}.btn-score-1{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}.btn-score-1:hover{background:#ef44444d;border-color:#ef4444cc;box-shadow:0 0 15px #ef444466}.btn-score-2{color:#fdba74;background:#f9731626;border:1px solid #f9731666}.btn-score-2:hover{background:#f973164d;border-color:#f97316cc;box-shadow:0 0 15px #f9731666}.btn-score-3{color:#fde047;background:#eab30826;border:1px solid #eab30866}.btn-score-3:hover{background:#eab3084d;border-color:#eab308cc;box-shadow:0 0 15px #eab30866}.btn-score-4{color:#6ee7b7;background:#10b98126;border:1px solid #10b98166}.btn-score-4:hover{background:#10b9814d;border-color:#10b981cc;box-shadow:0 0 15px #10b98166}.btn-score-5{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f666}.btn-score-5:hover{background:#3b82f64d;border-color:#3b82f6cc;box-shadow:0 0 15px #3b82f666}.markdown-content p{margin-bottom:12px;line-height:1.6}.markdown-content pre{background:#07090e;border:1px solid #ffffff0d;border-radius:8px;margin:12px 0;padding:12px;overflow-x:auto}.markdown-content code{font-family:var(--font-mono);color:#a5b4fc;background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.9em}.markdown-content pre code{color:inherit;background:0 0;padding:0}.markdown-content ul,.markdown-content ol{margin-bottom:12px;margin-left:20px}.markdown-content blockquote{border-left:4px solid var(--accent-color);color:var(--text-secondary);background:#ffffff08;margin:12px 0;padding:8px 16px;font-style:italic}.cloze-blank{background:var(--accent-glowing);border-bottom:2px dashed var(--accent-color);color:#0000;text-shadow:0 0 8px #fffc;cursor:help;border-radius:4px;padding:2px 8px;transition:all .3s}.cloze-blank.revealed{border-bottom:2px solid var(--color-easy);color:#6ee7b7;text-shadow:none;background:#10b98126}.notes-editor{width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);resize:none;background:#00000040;border:1px solid #ffffff0f;border-radius:8px;outline:none;flex:1;min-height:260px;padding:12px;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.notes-editor:focus{border-color:var(--border-active);box-shadow:var(--shadow-neon);background:#00000059}.notes-editor::placeholder{color:var(--text-muted)}.notes-preview{color:#d1d5db;background:#00000026;border:1px solid #ffffff0a;border-radius:8px;flex:1;min-height:260px;padding:12px;font-size:13px;line-height:1.6;transition:all .3s;overflow-y:auto}.notes-preview:hover{background:#0003;border-color:#ffffff14}.segmented-control{background:#ffffff0f;border:1px solid #ffffff0a;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.segmented-control-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.segmented-control-item:hover{color:var(--text-primary)}.segmented-control-item.active{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;box-shadow:0 0 10px #6366f133}:focus-visible{outline-offset:2px;outline:2px solid #6366f1}:focus:not(:focus-visible){outline:none}@media (width<=768px){body{overflow-x:hidden}div[style*="display: flex"][style*=maxWidth],div[style*="display: flex"][style*=max-width]{flex-direction:column!important;gap:16px!important}div[style*="flex: 0.8"],div[style*="flex: 1"]{width:100%!important;max-width:100%!important}div[style*="padding: 0 24px"]{padding:0 12px!important}.perspective-container{height:calc(100vh - 280px)!important;min-height:340px!important}.study-top-nav{gap:8px;height:56px;padding:0 12px}.study-top-nav h3{font-size:13px!important}.segmented-control{gap:2px}.segmented-control-item{padding:6px 9px;font-size:12px}.rating-dock{border-radius:16px;max-width:100%;padding:10px}.rating-btn-card{min-width:0;padding:9px 3px;font-size:11px}.rating-btn-card .rating-interval-hint,.rating-btn-card small{font-size:9px}.flip-card-front,.flip-card-back{padding:24px 16px!important}.markdown-content{font-size:1.25rem!important}div[style*="display: flex"][style*="gap: 10px"]{flex-wrap:wrap;justify-content:center}.btn-score-1,.btn-score-2,.btn-score-3,.btn-score-4,.btn-score-5{flex:unset!important;width:calc(33% - 8px)!important;padding:10px 4px!important;font-size:11px!important}div[style*="display: flex"][style*="width: 100vw"]{flex-direction:column!important}aside{flex-wrap:wrap;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #ffffff14!important;border-right:none!important;flex-direction:row!important;width:100%!important;height:auto!important}aside>button{display:none!important}aside>div{border-bottom:none!important;height:auto!important;padding:0!important}aside>div:last-of-type{width:100%;margin-top:12px}main{height:auto!important;padding:20px 16px!important;overflow-y:visible!important}}.btn-premium-primary{cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease-out;display:inline-flex;box-shadow:0 1px 2px #0003;color:#000!important;border:1px solid #fff!important}.btn-premium-primary:hover{background:#f4f4f5;transform:translateY(-1px);border-color:#f4f4f5!important}.btn-premium-primary:active{transform:translateY(0)scale(.97)}.btn-premium-primary:disabled{color:#ffffff4d!important;box-shadow:none!important;cursor:not-allowed!important;background:#ffffff14!important;border-color:#0000!important;transform:none!important}.btn-premium-success{background:var(--color-easy);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease-out;display:inline-flex;color:#fff!important;border:1px solid #0000!important}.btn-premium-success:hover{background:#059669;transform:translateY(-1px)}.btn-premium-success:active{transform:translateY(0)scale(.97)}.btn-premium-secondary{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease-out;display:inline-flex;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important;background:#ffffff08!important}.btn-premium-secondary:hover{background:#ffffff14!important;border-color:#ffffff26!important}.btn-premium-secondary:active{transform:translateY(0)scale(.97)}.btn-premium-danger{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease-out;display:inline-flex;color:#ef4444!important;background:#dc26261a!important;border:1px solid #dc262666!important}.btn-premium-danger:hover{color:#f87171!important;background:#dc262633!important;border-color:#dc262699!important}.btn-premium-danger:active{transform:translateY(0)scale(.97)}.input-premium{border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:all .2s ease-out;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important;background:#ffffff08!important}.input-premium:focus{background:#ffffff0f!important;border-color:#fff3!important;box-shadow:0 0 0 1px #ffffff1a!important}.input-premium::placeholder{color:#6b7280}.textarea-premium{resize:vertical;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s ease-out;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important;background:#ffffff08!important}.textarea-premium:focus{background:#ffffff0f!important;border-color:#fff3!important;box-shadow:0 0 0 1px #ffffff1a!important}.textarea-premium::placeholder{color:#6b7280}.card-deck-premium{border-radius:12px;padding:24px;transition:all .2s ease-out;position:relative;overflow:hidden;box-shadow:0 1px 3px #0003;background:var(--bg-card)!important;border:1px solid var(--border-glass)!important}.card-deck-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#ffffff1f!important}@keyframes streak-pulse{0%{filter:drop-shadow(0 0 2px #ff9f0a66);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #ff9f0acc);transform:scale(1.05)}to{filter:drop-shadow(0 0 2px #ff9f0a66);transform:scale(1)}}.streak-badge-glow{animation:2s ease-in-out infinite streak-pulse}.badge-premium{color:#d1d5db;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-premium-blue{color:#93c5fd;background:#3b82f61f;border-color:#3b82f640}.badge-premium-green{color:#6ee7b7;background:#10b9811f;border-color:#10b98140}.badge-premium-amber{color:#fde047;background:#f59e0b1f;border-color:#f59e0b40}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h1{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:800}.panel{background:var(--bg-card);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);border-radius:16px;padding:24px}.panel h3{color:var(--text-primary);font-weight:700}.btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:filter .2s,transform .1s;display:inline-flex}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.ghost-btn:hover{color:var(--text-primary);background:#ffffff14}.denki-toast{max-width:min(420px,100vw - 32px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}