:root{--bg: #f4f5fb;--surface: #ffffff;--surface-2: #f7f7fc;--text: #1c1d29;--muted: #6b6d80;--border: #e7e8f0;--brand: #6c5ce7;--brand-ink: #ffffff;--brand-soft: #ece9ff;--shadow: 0 2px 8px rgba(28, 29, 41, .06), 0 8px 24px rgba(28, 29, 41, .05);--radius: 16px;--radius-sm: 10px;--new: #3b82f6;--learn: #ef4444;--review: #10b981;--again: #ef4444;--hard: #f59e0b;--good: #10b981;--easy: #3b82f6;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--bg: #0f1019;--surface: #191a26;--surface-2: #21222f;--text: #eceef7;--muted: #9a9cb0;--border: #2c2d3c;--brand: #8b7bff;--brand-soft: #262445;--shadow: 0 2px 10px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:var(--brand);text-decoration:none}h1{font-size:1.6rem;margin:0 0 4px}h2{font-size:1.15rem}h3{font-size:1.05rem;margin:0}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + var(--safe-top)) 18px 12px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}.brand{font-weight:800;font-size:1.2rem;color:var(--text);letter-spacing:-.02em}.brand-mark{color:var(--brand)}.topnav{display:flex;align-items:center;gap:8px}.topnav a{color:var(--muted);font-weight:600;font-size:.92rem;padding:6px 10px;border-radius:999px}.topnav a.active{color:var(--brand);background:var(--brand-soft)}.content{max-width:720px;margin:0 auto;padding:18px 18px calc(40px + var(--safe-bottom))}.auth-content{display:flex;align-items:center;min-height:100vh}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title{margin:26px 0 12px}.section-sub{margin-top:-6px;margin-bottom:18px}.back-link{display:inline-block;color:var(--muted);font-weight:600;font-size:.9rem;margin-bottom:12px;background:none;border:none;cursor:pointer;padding:0}.muted{color:var(--muted)}.block{display:block}.loading,.empty{color:var(--muted);text-align:center;padding:40px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.deck-grid{display:grid;gap:14px}@media(min-width:560px){.deck-grid{grid-template-columns:1fr 1fr}}.deck-card{display:flex;flex-direction:column;gap:12px}.deck-card-main{display:block;color:var(--text)}.deck-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.deck-desc{margin:6px 0 0;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pill-row.big{margin:8px 0 18px}.pill{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.pill-new{color:var(--new);border-color:color-mix(in srgb,var(--new) 30%,transparent);background:color-mix(in srgb,var(--new) 10%,transparent)}.pill-learn{color:var(--learn);border-color:color-mix(in srgb,var(--learn) 30%,transparent);background:color-mix(in srgb,var(--learn) 10%,transparent)}.pill-review{color:var(--review);border-color:color-mix(in srgb,var(--review) 30%,transparent);background:color-mix(in srgb,var(--review) 10%,transparent)}.badge{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge-public{color:var(--brand);background:var(--brand-soft);border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:.95rem;padding:11px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .06s ease,filter .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:var(--brand-ink);border-color:transparent}.btn-primary:hover{filter:brightness(1.05)}.btn-danger{background:color-mix(in srgb,var(--again) 12%,transparent);color:var(--again);border-color:color-mix(in srgb,var(--again) 30%,transparent)}.btn-block{width:100%}.btn-lg{padding:15px;font-size:1.05rem}.btn-sm{padding:7px 12px;font-size:.85rem;align-self:flex-start}.btn:disabled{opacity:.55;cursor:default}.btn-study{background:var(--brand-soft);color:var(--brand);border-color:transparent;font-weight:700}.btn-study.btn-disabled{background:var(--surface-2);color:var(--muted);pointer-events:none}.link-btn{background:none;border:none;color:var(--muted);font-weight:600;cursor:pointer;font-size:.92rem;padding:6px 10px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:1rem;text-decoration:none}.icon-btn.danger{color:var(--again)}.action-row{display:flex;gap:10px;margin-bottom:8px}.action-row .btn{flex:1}.auth-card{width:100%;max-width:380px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:28px 24px}.auth-logo{font-size:1.7rem;font-weight:800;text-align:center;letter-spacing:-.02em}.auth-tagline{text-align:center;color:var(--muted);margin:6px 0 22px;font-size:.95rem}.auth-tabs{display:flex;background:var(--surface-2);border-radius:12px;padding:4px;margin-bottom:18px}.auth-tabs button{flex:1;border:none;background:none;padding:9px;border-radius:9px;font-weight:700;color:var(--muted);cursor:pointer;font-size:.9rem}.auth-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.85rem;color:var(--muted)}.auth-hint{text-align:center;color:var(--muted);font-size:.85rem;margin:16px 0 0}code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.85em}input,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 12px;width:100%}input:focus,textarea:focus,.rich-content:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.form-error{background:color-mix(in srgb,var(--again) 12%,transparent);color:var(--again);padding:10px 12px;border-radius:10px;font-size:.88rem;font-weight:600}.new-deck-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.settings-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.switch-row input[type=checkbox]{width:46px;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:999px;position:relative;cursor:pointer;transition:background .2s;flex:none}.switch-row input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s}.switch-row input[type=checkbox]:checked{background:var(--brand)}.switch-row input[type=checkbox]:checked:after{transform:translate(18px)}.card-list{display:flex;flex-direction:column;gap:10px}.browse-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.browse-card-body{min-width:0;flex:1}.mini-front{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-back{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-card-actions{display:flex;align-items:center;gap:6px;flex:none}.state-tag{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:capitalize}.state-new{color:var(--new);background:color-mix(in srgb,var(--new) 12%,transparent)}.state-learning,.state-relearning{color:var(--learn);background:color-mix(in srgb,var(--learn) 12%,transparent)}.state-review{color:var(--review);background:color-mix(in srgb,var(--review) 12%,transparent)}.mini-front img,.mini-back img{max-height:1.4em;vertical-align:middle}.public-card{color:var(--text)}.public-meta{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.by{color:var(--muted);font-size:.82rem}.study-page{max-width:620px}.study-progress{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem;margin-bottom:12px}.study-stage{display:flex;flex-direction:column;gap:16px}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);min-height:300px;padding:28px 24px;display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;position:relative;animation:cardIn .22s ease}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.flashcard-face{display:flex;flex-direction:column;gap:6px}.card-html{font-size:1.35rem;line-height:1.5;word-break:break-word}.card-html.answer{font-size:1.2rem}.card-html img{max-width:100%;border-radius:10px;margin:8px auto;display:block}.flip-divider{width:60%;margin:14px auto;border:none;border-top:1px solid var(--border)}.tap-hint{position:absolute;bottom:16px;left:0;right:0;color:var(--muted);font-size:.82rem}kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.8em;font-family:inherit}.cloze-blank{color:var(--brand);font-weight:700;background:var(--brand-soft);padding:0 6px;border-radius:6px}.cloze-fill{color:var(--brand);font-weight:800;border-bottom:2px solid var(--brand)}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rate-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 4px;border-radius:12px;border:none;cursor:pointer;color:#fff;font-weight:700;transition:transform .06s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}.rate-btn:active{transform:scale(.95)}.rate-btn:disabled{opacity:.6}.rate-label{font-size:.92rem}.rate-interval{font-size:.72rem;opacity:.9;font-weight:600}.rate-again{background:var(--again)}.rate-hard{background:var(--hard)}.rate-good{background:var(--good)}.rate-easy{background:var(--easy)}.study-done{text-align:center;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.done-emoji{font-size:3rem}.type-toggle{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:4px;margin-bottom:16px}.type-toggle button{border:none;background:none;padding:8px 18px;border-radius:8px;font-weight:700;color:var(--muted);cursor:pointer}.type-toggle button.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}.editor-form{display:flex;flex-direction:column;gap:10px}.field-label{font-weight:700;font-size:.9rem;margin-top:6px}.editor-actions{margin-top:8px}.cloze-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rich-editor{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface-2)}.rich-toolbar{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--border);flex-wrap:wrap}.rich-toolbar button,.rich-img-btn{border:none;background:var(--surface);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.85rem;color:var(--text);font-weight:600}.rich-img-btn{display:inline-flex;align-items:center}.rich-content{min-height:90px;padding:12px;outline:none;line-height:1.5}.rich-content:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-content img{max-width:100%;border-radius:8px}.side-toggle{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dropzone{display:block;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);padding:32px 18px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone.drag-over{border-color:var(--brand);background:var(--brand-soft)}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:4px}.dropzone-icon{font-size:2rem}.processing{margin-top:10px}.bulk-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.bulk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.bulk-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px}.bulk-thumb-wrap{position:relative}.bulk-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;background:var(--surface-2);display:block}.bulk-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;font-size:.8rem;line-height:1}.bulk-text{font-size:.85rem;padding:8px 10px}.bulk-actions{position:sticky;bottom:calc(12px + var(--safe-bottom));margin-top:18px}.toast{position:fixed;bottom:calc(24px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.9rem;box-shadow:var(--shadow);animation:cardIn .2s ease}