:root{--blue: #007aff;--green: #34c759;--indigo: #5856d6;--orange: #ff9500;--red: #ff3b30;--teal: #30b0c7;--yellow: #ffcc00;--bg: #f2f2f7;--bg-elevated: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f2f2f7;--label: #000000;--label-secondary: rgba(60, 60, 67, .6);--label-tertiary: rgba(60, 60, 67, .3);--label-quaternary: rgba(60, 60, 67, .18);--fill: rgba(120, 120, 128, .2);--fill-secondary: rgba(120, 120, 128, .16);--fill-tertiary: rgba(118, 118, 128, .12);--fill-quaternary: rgba(116, 116, 128, .08);--separator: rgba(60, 60, 67, .29);--separator-opaque: #c6c6c8;--accent: var(--blue);--accent-label: #ffffff;--accent-soft: rgba(0, 122, 255, .12);--chrome: rgba(249, 249, 249, .8);--chrome-border: rgba(60, 60, 67, .2);--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-2: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .04);--shadow-3: 0 12px 32px rgba(0, 0, 0, .14), 0 2px 8px rgba(0, 0, 0, .06);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-h: 50px;--sidebar-w: 260px;--content-max: 720px}@media(prefers-color-scheme:dark){:root{--blue: #0a84ff;--green: #30d158;--indigo: #5e5ce6;--orange: #ff9f0a;--red: #ff453a;--teal: #40c8e0;--yellow: #ffd60a;--bg: #000000;--bg-elevated: #1c1c1e;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--label: #ffffff;--label-secondary: rgba(235, 235, 245, .6);--label-tertiary: rgba(235, 235, 245, .3);--label-quaternary: rgba(235, 235, 245, .18);--fill: rgba(120, 120, 128, .36);--fill-secondary: rgba(120, 120, 128, .32);--fill-tertiary: rgba(118, 118, 128, .24);--fill-quaternary: rgba(118, 118, 128, .18);--separator: rgba(84, 84, 88, .65);--separator-opaque: #38383a;--accent-soft: rgba(10, 132, 255, .18);--chrome: rgba(30, 30, 30, .8);--chrome-border: rgba(255, 255, 255, .15);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5);--shadow-3: 0 12px 32px rgba(0, 0, 0, .6)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:22px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px;border-radius:var(--r-sm)}.t-large-title{font-size:34px;line-height:41px;font-weight:700;letter-spacing:.37px}.t-title-1{font-size:28px;line-height:34px;font-weight:700;letter-spacing:.36px}.t-title-2{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.26px}.t-title-3{font-size:20px;line-height:25px;font-weight:600;letter-spacing:-.45px}.t-headline{font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.43px}.t-body{font-size:17px;line-height:22px;font-weight:400;letter-spacing:-.43px}.t-callout{font-size:16px;line-height:21px;font-weight:400;letter-spacing:-.31px}.t-subhead{font-size:15px;line-height:20px;font-weight:400;letter-spacing:-.23px}.t-footnote{font-size:13px;line-height:18px;font-weight:400;letter-spacing:-.08px}.t-caption{font-size:12px;line-height:16px;font-weight:400}h1{font-size:34px;line-height:41px;font-weight:700;letter-spacing:.37px;margin:0}h2{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.26px;margin:0}h3{font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.43px;margin:0}.secondary{color:var(--label-secondary)}.tertiary{color:var(--label-tertiary)}.center{text-align:center}.block{display:block}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.88em;background:var(--fill-tertiary);padding:2px 6px;border-radius:6px}.app{min-height:100dvh;display:flex;flex-direction:column}.app-body{flex:1 1 auto;min-height:0;display:flex}.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 20px calc(28px + var(--safe-bottom))}.navbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;min-height:52px;padding:calc(8px + var(--safe-top)) 16px 8px;background:var(--chrome);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--chrome-border)}.navbar-leading,.navbar-trailing{display:flex;align-items:center;gap:4px;flex:0 0 auto}.navbar-title{flex:1 1 auto;min-width:0;font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.43px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{display:inline-flex;align-items:center;gap:2px;color:var(--accent);font-size:17px;letter-spacing:-.43px;background:none;border:none;padding:6px 8px 6px 0;margin:0;cursor:pointer;border-radius:var(--r-sm)}.back:active{opacity:.4}.back-chevron{font-size:22px;line-height:1;font-weight:600}.bar-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--r-pill);background:none;color:var(--accent);font-size:19px;cursor:pointer;-webkit-tap-highlight-color:transparent}.bar-btn:hover{background:var(--fill-quaternary)}.bar-btn:active{opacity:.4}.bar-btn.destructive{color:var(--red)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--label);font-size:20px;font-weight:700;letter-spacing:-.45px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:linear-gradient(160deg,var(--blue),var(--indigo));color:#fff;font-size:15px;font-weight:800}.sidebar{display:none}.tabbar{position:sticky;bottom:0;z-index:30;display:flex;align-items:stretch;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--chrome);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--chrome-border)}.tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--label-secondary);font-size:10px;line-height:12px;font-weight:500;letter-spacing:.06px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab-icon{font-size:22px;line-height:24px}.tab.active{color:var(--accent)}.tab:active{opacity:.5}@media(min-width:900px){.sidebar{display:flex;flex-direction:column;gap:4px;flex:0 0 var(--sidebar-w);width:var(--sidebar-w);padding:calc(20px + var(--safe-top)) 12px 20px calc(12px + var(--safe-left));background:var(--bg-tertiary);border-right:.5px solid var(--separator);overflow-y:auto}.sidebar .brand{padding:0 12px 20px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-md);color:var(--label);font-size:15px;line-height:20px;font-weight:500;letter-spacing:-.23px;background:none;border:none;cursor:pointer;text-align:left;width:100%}.sidebar-link:hover{background:var(--fill-quaternary)}.sidebar-link.active{background:var(--fill-tertiary);color:var(--accent);font-weight:600}.sidebar-link .tab-icon{font-size:18px;line-height:20px;width:22px;text-align:center}.sidebar-spacer{flex:1 1 auto}.tabbar{display:none}.navbar{padding-left:24px;padding-right:24px}.navbar-title{text-align:left}.navbar .brand{display:none}}.page-header{padding:8px 0 18px}.page-header h1{margin-bottom:4px}.page-header .subtitle{color:var(--label-secondary);font-size:15px;line-height:20px}.section{margin:28px 0 0}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px 8px}.section-title{font-size:13px;line-height:18px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--label-secondary)}.card{background:var(--bg-elevated);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:16px}.list{background:var(--bg-elevated);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;min-height:48px;background:none;border:none;color:var(--label);text-align:left;cursor:pointer;position:relative}.row+.row:before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--separator)}.row:hover{background:var(--fill-quaternary)}.row:active{background:var(--fill-tertiary)}.row.static{cursor:default}.row.static:hover{background:none}.row-body{flex:1 1 auto;min-width:0}.row-title{font-size:17px;line-height:22px;font-weight:400;letter-spacing:-.43px}.row-subtitle{color:var(--label-secondary);font-size:13px;line-height:18px;margin-top:1px}.row-value{color:var(--label-secondary);font-size:17px;letter-spacing:-.43px;flex:0 0 auto}.row-trailing{display:flex;align-items:center;gap:8px;flex:0 0 auto}.chevron{color:var(--label-tertiary);font-size:17px;font-weight:600;flex:0 0 auto}.list-footer{color:var(--label-secondary);font-size:13px;line-height:18px;padding:7px 16px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;min-height:44px;border:none;border-radius:var(--r-md);background:var(--fill-tertiary);color:var(--accent);font-size:17px;font-weight:600;letter-spacing:-.43px;cursor:pointer;transition:transform .1s ease,opacity .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:active{transform:scale(.97);opacity:.85}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-filled{background:var(--accent);color:var(--accent-label)}.btn-tinted{background:var(--accent-soft);color:var(--accent)}.btn-gray{background:var(--fill-tertiary);color:var(--label)}.btn-destructive{background:var(--fill-tertiary);color:var(--red)}.btn-destructive-filled{background:var(--red);color:#fff}.btn-plain{background:none;padding:10px 8px}.btn-block{width:100%}.btn-lg{min-height:50px;font-size:17px;border-radius:var(--r-md)}.btn-sm{min-height:34px;padding:6px 12px;font-size:15px;border-radius:var(--r-sm)}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row>.btn{flex:1 1 auto}.segmented{display:inline-flex;width:100%;padding:2px;gap:2px;background:var(--fill-tertiary);border-radius:9px}.segmented button{flex:1 1 0;padding:6px 12px;min-height:32px;border:none;border-radius:7px;background:none;color:var(--label);font-size:13px;font-weight:600;letter-spacing:-.08px;cursor:pointer;transition:background .15s ease}.segmented button.active{background:var(--bg-elevated);box-shadow:var(--shadow-1)}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:51px;height:31px;margin:0;border-radius:var(--r-pill);background:var(--fill);cursor:pointer;transition:background .2s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;transition:transform .2s ease}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(20px)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;line-height:18px;font-weight:600;color:var(--label-secondary);letter-spacing:-.08px}input,textarea{font:inherit;width:100%;padding:12px 14px;color:var(--label);background:var(--bg-elevated);border:.5px solid var(--separator);border-radius:var(--r-md);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--label-tertiary)}input:focus,textarea:focus,.rich-content:focus-within{outline:none;border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}textarea{resize:vertical}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-pill);background:var(--fill-tertiary);color:var(--label-secondary);font-size:12px;line-height:16px;font-weight:600}.badge-blue{background:#007aff24;color:var(--blue)}.badge-green{background:#34c75929;color:var(--green)}.badge-orange{background:#ff950029;color:var(--orange)}.badge-red{background:#ff3b3024;color:var(--red)}.badge-indigo{background:#5856d624;color:var(--indigo)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--bg-elevated);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:12px;text-align:center}.stat-value{font-size:24px;line-height:28px;font-weight:700;letter-spacing:.36px}.stat-label{font-size:11px;line-height:14px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--label-secondary);margin-top:2px}.stat-new .stat-value{color:var(--blue)}.stat-learn .stat-value{color:var(--orange)}.stat-due .stat-value{color:var(--green)}.progress{height:6px;border-radius:var(--r-pill);background:var(--fill-tertiary);overflow:hidden}.progress-bar{height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width .3s ease}.deck-glyph{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:var(--r-md);color:#fff;font-size:19px;font-weight:700;letter-spacing:-.4px;background:linear-gradient(160deg,var(--blue),var(--indigo))}.deck-glyph.g1{background:linear-gradient(160deg,#ff9500,#ff3b30)}.deck-glyph.g2{background:linear-gradient(160deg,#34c759,#30b0c7)}.deck-glyph.g3{background:linear-gradient(160deg,#5856d6,#af52de)}.deck-glyph.g4{background:linear-gradient(160deg,#007aff,#30b0c7)}.deck-glyph.g5{background:linear-gradient(160deg,#ff2d55,#ff9500)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:56px 24px}.empty-glyph{font-size:44px;line-height:1;margin-bottom:4px;opacity:.35}.empty h2{font-size:20px;line-height:25px;font-weight:600;letter-spacing:-.45px}.empty p{color:var(--label-secondary);font-size:15px;line-height:20px;margin:0;max-width:34ch}.empty .btn{margin-top:10px}.loading{color:var(--label-secondary);text-align:center;padding:56px 20px;font-size:15px}.notice{display:flex;gap:8px;padding:12px 14px;border-radius:var(--r-md);font-size:15px;line-height:20px}.notice-error{background:#ff3b301f;color:var(--red);font-weight:500}.notice-success{background:#34c75924;color:var(--green);font-weight:500}.notice-info{background:var(--fill-tertiary);color:var(--label-secondary)}.toast{position:fixed;left:50%;bottom:calc(24px + var(--tabbar-h) + var(--safe-bottom));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--r-pill);background:var(--bg-elevated);box-shadow:var(--shadow-3);font-size:15px;font-weight:600;animation:toast-in .25s cubic-bezier(.32,.72,0,1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(min-width:900px){.toast{bottom:28px}}.auth{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:32px 20px calc(32px + var(--safe-bottom))}.auth-inner{width:100%;max-width:380px;margin:0 auto}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.auth-brand .brand-mark{width:60px;height:60px;border-radius:15px;font-size:30px}.auth-brand h1{font-size:28px;line-height:34px;letter-spacing:.36px}.auth-tagline{color:var(--label-secondary);font-size:15px;line-height:20px;text-align:center;margin:0;max-width:30ch}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.auth-hint{text-align:center;color:var(--label-secondary);font-size:13px;line-height:18px;margin:18px 0 0}.deck-list{display:flex;flex-direction:column;gap:12px}.deck-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-elevated);border-radius:var(--r-lg);box-shadow:var(--shadow-1);color:var(--label);transition:transform .12s ease,box-shadow .18s ease}.deck-card:hover{box-shadow:var(--shadow-2)}.deck-card:active{transform:scale(.985)}.deck-card-body{flex:1 1 auto;min-width:0}.deck-card-title{font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;color:var(--label-secondary);font-size:13px;line-height:18px}.dot{color:var(--label-tertiary)}.deck-due{display:grid;place-items:center;flex:0 0 auto;min-width:30px;height:24px;padding:0 8px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-label);font-size:13px;font-weight:700}.deck-due.done{background:var(--fill-tertiary);color:var(--label-tertiary)}.study{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.study-bar{display:flex;align-items:center;gap:12px;padding:calc(8px + var(--safe-top)) 16px 10px;flex:0 0 auto}.study-bar-progress{flex:1 1 auto;min-width:0}.study-bar-count{flex:0 0 auto;color:var(--label-secondary);font-size:13px;line-height:18px;font-weight:600;font-variant-numeric:tabular-nums}.study-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;padding:0 16px calc(16px + var(--safe-bottom))}.study-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:22px;overflow:hidden;animation:card-in .28s cubic-bezier(.32,.72,0,1)}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.study-face{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;overflow-y:auto}.study-divider{flex:0 0 auto;width:100%;height:.5px;background:var(--separator);margin:2px 0}.card-html{width:100%;font-size:22px;line-height:28px;font-weight:500;letter-spacing:-.26px;text-align:center;color:var(--label);word-break:break-word;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;flex:1 1 auto}.card-html.answer{font-size:20px;line-height:25px}.card-html p{margin:0}.card-html ul,.card-html ol{text-align:left;margin:0;padding-left:1.3em}.card-html picture{display:block!important;width:100%!important;min-height:0!important;flex:1 1 auto}.card-html img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0 auto!important;object-fit:contain!important;border-radius:var(--r-md);flex:1 1 auto;cursor:zoom-in}.cloze-blank{color:var(--accent);font-weight:700;background:var(--accent-soft);padding:0 6px;border-radius:6px}.cloze-fill{color:var(--accent);font-weight:700;border-bottom:2px solid var(--accent)}.study-actions{flex:0 0 auto}.tap-hint{color:var(--label-tertiary);font-size:13px;line-height:18px;text-align:center;padding-top:10px}kbd{font-family:inherit;font-size:.85em;background:var(--fill-tertiary);border-radius:5px;padding:1px 5px}.rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:8px 4px;border:none;border-radius:var(--r-md);color:#fff;cursor:pointer;transition:transform .1s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.rate:active{transform:scale(.95)}.rate:disabled{opacity:.5;cursor:default}.rate-label{font-size:15px;font-weight:600;letter-spacing:-.23px}.rate-interval{font-size:11px;line-height:14px;font-weight:500;opacity:.9;font-variant-numeric:tabular-nums}.rate-again{background:var(--red)}.rate-hard{background:var(--orange)}.rate-good{background:var(--green)}.rate-easy{background:var(--blue)}.study-done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;flex:1 1 auto;padding:32px 24px calc(32px + var(--safe-bottom))}.study-done-glyph{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#34c75929;color:var(--green);font-size:38px;margin-bottom:6px}.study-done h2{font-size:24px;line-height:30px}.study-done p{color:var(--label-secondary);font-size:15px;line-height:20px;margin:0;max-width:32ch}.study-done .btn{margin-top:14px;min-width:200px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000eb;cursor:zoom-out;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-md)}.lightbox-close{position:absolute;top:calc(16px + var(--safe-top));right:16px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff2e;color:#fff;font-size:17px;cursor:pointer}.card-row{display:flex;align-items:center;gap:12px}.card-row-body{flex:1 1 auto;min-width:0}.card-row-front{font-size:15px;line-height:20px;font-weight:500;letter-spacing:-.23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row-back{color:var(--label-secondary);font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.card-row-front img,.card-row-back img{display:inline-block!important;width:auto!important;height:1.3em!important;max-height:1.3em!important;vertical-align:middle;border-radius:3px;margin:0 2px!important;object-fit:cover!important}.card-row-front picture,.card-row-back picture{display:inline!important;width:auto!important}.state-tag{flex:0 0 auto;padding:2px 7px;border-radius:var(--r-pill);font-size:11px;line-height:15px;font-weight:600;text-transform:capitalize}.state-new{background:#007aff24;color:var(--blue)}.state-learning,.state-relearning{background:#ff950029;color:var(--orange)}.state-review{background:#34c75929;color:var(--green)}.editor-form{display:flex;flex-direction:column;gap:16px}.rich-editor{background:var(--bg-elevated);border:.5px solid var(--separator);border-radius:var(--r-md);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.rich-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.rich-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:6px;border-bottom:.5px solid var(--separator);background:var(--bg-tertiary)}.rich-toolbar button,.rich-img-btn{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:4px 10px;border:none;border-radius:var(--r-sm);background:none;color:var(--label);font-size:14px;font-weight:600;cursor:pointer}.rich-toolbar button:hover,.rich-img-btn:hover{background:var(--fill-tertiary)}.rich-toolbar button:active,.rich-img-btn:active{opacity:.5}.rich-content{min-height:108px;padding:12px 14px;outline:none;font-size:17px;line-height:24px;letter-spacing:-.43px}.rich-content:empty:before{content:attr(data-placeholder);color:var(--label-tertiary)}.rich-content img{max-width:100%;height:auto;border-radius:var(--r-sm)}.cloze-input{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:15px;line-height:22px}.dropzone{display:block;padding:36px 20px;border:2px dashed var(--separator);border-radius:var(--r-lg);background:var(--bg-elevated);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.dropzone:hover{border-color:var(--label-tertiary)}.dropzone.drag-over{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:4px}.dropzone-glyph{font-size:34px;line-height:1;margin-bottom:6px;opacity:.6}.dropzone strong{font-size:17px;font-weight:600;letter-spacing:-.43px}.dropzone span{color:var(--label-secondary);font-size:13px;line-height:18px}.bulk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.bulk-item{display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--bg-elevated);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.bulk-thumb-wrap{position:relative}.bulk-thumb{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r-sm);background:var(--fill-quaternary)}.bulk-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border:none;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:13px;line-height:1;cursor:pointer}.bulk-text{padding:8px 10px;font-size:15px;border-radius:var(--r-sm)}.sticky-actions{position:sticky;bottom:calc(12px + var(--safe-bottom));margin-top:18px;padding-top:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}