:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--r-xl: 28px;--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--ease: cubic-bezier(.2, .8, .2, 1);--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px));--safe-top: calc( max(env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px) );--pad: 16px}:root,[data-theme=light]{color-scheme:light;--bg: #f3f2ee;--surface: #ffffff;--surface-2: #ecebe6;--surface-3: #e3e2dc;--text: #131316;--text-2: #5c5c66;--text-3: #8e8e97;--line: rgba(19, 19, 22, .08);--line-strong: rgba(19, 19, 22, .14);--accent: #544ce2;--accent-press: #4840cc;--on-accent: #ffffff;--accent-soft: rgba(84, 76, 226, .1);--new: #2f6feb;--learn: #ec8a1e;--review: #0f7f49;--again: #dc3b3f;--q1: #a1aaf6;--q2: #7d85f2;--q3: #5c5be2;--q4: #4136bc;--shadow-card: 0 1px 2px rgba(20, 20, 30, .04), 0 10px 30px rgba(20, 20, 30, .06);--shadow-float: 0 16px 48px rgba(20, 20, 30, .18);--hero-1: #544ce2;--hero-2: #7a4fe0}[data-theme=dark]{color-scheme:dark;--bg: #0c0c0e;--surface: #17171a;--surface-2: #222226;--surface-3: #2c2c31;--text: #f3f3f5;--text-2: #a3a3ad;--text-3: #6f6f79;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--accent: #9099ff;--accent-press: #7f88f2;--on-accent: #0c0c0e;--accent-soft: rgba(144, 153, 255, .14);--new: #5a8ef0;--learn: #d9781f;--review: #23a062;--again: #f0575a;--q1: #40438d;--q2: #5c60c9;--q3: #8189ef;--q4: #adb7ff;--shadow-card: 0 0 0 1px rgba(255, 255, 255, .045);--shadow-float: 0 16px 48px rgba(0, 0, 0, .55);--hero-1: #3a33b8;--hero-2: #5a2fb0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:400 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}#app{position:fixed;inset:0;height:var(--tg-viewport-height, 100dvh)}svg.icon{width:22px;height:22px;flex:none}.screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(18px + var(--safe-top)) var(--pad) calc(28px + var(--safe-bottom));background:var(--bg)}.screen[hidden]{display:none}.screen.enter-push{animation:screen-in .34s var(--ease) both}.screen.enter-pop{animation:screen-back .28s var(--ease) both}@keyframes screen-in{0%{transform:translate(28px);opacity:0}}@keyframes screen-back{0%{transform:translate(-18px);opacity:.4}}.screen.with-bar{padding-bottom:calc(104px + var(--safe-bottom))}.eyebrow{font-size:14px;color:var(--text-2);margin:0 0 2px}.title{font:700 30px/1.12 var(--font-display);letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}.subtitle{color:var(--text-2);font-size:15px;margin:6px 0 0}.section-title{display:flex;align-items:center;justify-content:space-between;font:650 19px/1.2 var(--font-display);letter-spacing:-.015em;margin:28px 2px 12px}.hint{color:var(--text-3);font-size:13px;line-height:1.45;margin:8px 4px 0}.muted{color:var(--text-2)}.num{font-variant-numeric:tabular-nums}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.header-main{min-width:0}.icon-btn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--surface);color:var(--text);box-shadow:var(--shadow-card);flex:none;transition:transform .15s var(--ease),background .2s}.icon-btn:active{transform:scale(.94)}.icon-btn.flat{background:transparent;box-shadow:none}.icon-btn.soft{background:var(--surface-2);box-shadow:none}.icon-btn:disabled{opacity:.35}.panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px}.panel+.panel{margin-top:12px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}.panel-title{font-weight:650;font-size:16px}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:22px 20px 20px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,var(--hero-2) 0%,var(--hero-1) 60%);box-shadow:0 18px 40px -18px #544ce2a6}.hero:after{content:"";position:absolute;right:-40px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff12;pointer-events:none}.hero-label{font-size:15px;opacity:.85}.hero-value{font:700 56px/1 var(--font-display);letter-spacing:-.035em;margin:8px 0 4px}.hero-sub{font-size:14px;opacity:.82}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.hero .btn{margin-top:18px;background:#fff;color:#2a2380;position:relative;z-index:1}.hero .btn:active{background:#f0efff}.streak{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:999px;background:#ffffff29;font-weight:600;font-size:14px;white-space:nowrap}.streak svg{width:18px;height:18px}.hero.calm{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.hero.calm .hero-label,.hero.calm .hero-sub{opacity:1;color:var(--text-2)}.hero.calm:after{background:var(--accent-soft)}.hero.calm .streak{background:var(--surface-2)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:0 20px;border-radius:var(--r-md);font-weight:600;font-size:16px;letter-spacing:-.005em;background:var(--accent);color:var(--on-accent);transition:transform .15s var(--ease),background .2s,opacity .2s;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.98);background:var(--accent-press)}.btn:disabled{opacity:.45;pointer-events:none}.btn.secondary{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.btn.secondary:active{background:var(--surface-2)}.btn.soft{background:var(--accent-soft);color:var(--accent)}.btn.ghost{background:transparent;color:var(--accent);min-height:46px}.btn.danger{background:transparent;color:var(--again);min-height:46px}.btn.small{min-height:40px;width:auto;padding:0 14px;font-size:15px;border-radius:12px}.btn-row{display:flex;gap:10px}.btn-row>*{flex:1;min-width:0}.btn-row .btn{padding:0 12px;white-space:nowrap}.bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:12px var(--pad) calc(12px + var(--safe-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent);z-index:5}.dot{width:8px;height:8px;border-radius:50%;flex:none;background:currentColor}.dot.new{background:var(--new)}.dot.learn{background:var(--learn)}.dot.review{background:var(--review)}.dot.again{background:var(--again)}.counts{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.count{display:inline-flex;align-items:center;gap:5px}.count.zero{color:var(--text-3)}.count.zero .dot{opacity:.35}.deck-list{display:flex;flex-direction:column;gap:10px}.deck-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 14px 16px 16px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:transform .15s var(--ease),background .2s}.deck-row:active{transform:scale(.985);background:var(--surface-2)}.deck-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font:700 19px/1 var(--font-display);color:var(--accent);background:var(--accent-soft);flex:none;text-transform:uppercase}.deck-body{flex:1;min-width:0}.deck-name{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-meta{margin-top:4px}.chev{color:var(--text-3);width:20px;height:20px;flex:none}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px}.tile{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:14px 12px 12px}.tile-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.tile-value{font:650 28px/1.1 var(--font-display);letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}.list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 16px;text-align:left;position:relative;transition:background .15s}.list-row+.list-row:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--line)}button.list-row:active{background:var(--surface-2)}.list-row .row-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.list-row .row-icon svg{width:18px;height:18px}.row-body{flex:1;min-width:0}.row-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.row-end{color:var(--text-2);font-size:14px;flex:none}.list-row.danger{color:var(--again)}.list-row.danger .row-icon{background:color-mix(in srgb,var(--again) 12%,transparent);color:var(--again)}.dist{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;background:var(--surface-2)}.dist>span{display:block;height:100%;min-width:4px}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:13px;color:var(--text-2)}.legend>span{display:inline-flex;align-items:center;gap:6px}.legend b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:2px;height:120px;padding-top:18px;border-bottom:1px solid var(--line)}.bar-col{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:min(24px,70%);border-radius:4px 4px 0 0;background:var(--accent);min-height:2px;transition:height .5s var(--ease)}.bar.zero{background:var(--surface-3)}.bar-col.dim .bar{opacity:.45}.bar-value{position:absolute;font-size:12px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;transform:translateY(-4px);white-space:nowrap}.bar-labels{display:grid;grid-template-columns:repeat(7,1fr);margin-top:8px;font-size:12px;color:var(--text-3);text-align:center}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}.heatmap>i{aspect-ratio:1;border-radius:3px;background:var(--surface-2)}.heatmap>i.l1{background:var(--q1)}.heatmap>i.l2{background:var(--q2)}.heatmap>i.l3{background:var(--q3)}.heatmap>i.l4{background:var(--q4)}.heatmap>i.future{background:transparent}.heatmap>i.sel{outline:2px solid var(--text);outline-offset:1px}.heat-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--text-3);min-height:18px}.heat-scale{display:inline-flex;align-items:center;gap:3px}.heat-scale i{width:10px;height:10px;border-radius:3px}.stat-strip{display:flex;gap:18px;margin-bottom:16px}.stat-strip>div{min-width:0}.stat-strip .v{font:650 22px/1.1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-strip .l{font-size:13px;color:var(--text-2);margin-top:3px}.empty{text-align:center;padding:36px 12px 12px}.empty-art{width:132px;height:112px;margin:0 auto 18px}.empty h2{font:650 21px/1.25 var(--font-display);letter-spacing:-.015em;margin:0 0 8px}.empty p{color:var(--text-2);margin:0 auto 22px;max-width:300px}.empty .btn+.btn{margin-top:10px}.field{display:block;margin-bottom:14px}.field-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-2);margin:0 4px 7px}.input,.textarea{display:block;width:100%;border:1px solid transparent;background:var(--surface);box-shadow:var(--shadow-card);border-radius:var(--r-md);padding:14px 16px;font-size:17px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}.textarea{resize:none;min-height:92px;line-height:1.45}.textarea.code{font:14px/1.5 ui-monospace,SF Mono,Menlo,monospace}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.search{position:relative;margin-bottom:14px}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--text-3)}.search .input{padding-left:42px;font-size:16px}.seg{display:flex;padding:4px;background:var(--surface-2);border-radius:14px;margin-bottom:18px}.seg button{flex:1;min-height:38px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-2);transition:background .2s,color .2s,box-shadow .2s}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.chip-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:600}.chip-btn svg{width:16px;height:16px}.toggle{position:relative;width:51px;height:31px;flex:none;border-radius:999px;background:var(--surface-3);transition:background .25s var(--ease)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .25s var(--ease)}.toggle[aria-checked=true]{background:var(--review)}.toggle[aria-checked=true]:after{transform:translate(20px)}.stepper{display:inline-flex;align-items:center;background:var(--surface-2);border-radius:12px;flex:none}.stepper button{width:38px;height:36px;display:grid;place-items:center;color:var(--text)}.stepper button svg{width:18px;height:18px}.stepper span{min-width:42px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.range{width:100%;accent-color:var(--accent);margin:6px 0 0}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:#0000005c;animation:fade-in .2s ease both}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--bg);border-radius:26px 26px 0 0;padding:10px var(--pad) calc(18px + var(--safe-bottom));box-shadow:var(--shadow-float);animation:sheet-in .32s var(--ease) both;max-height:min(88%,calc(100% - var(--safe-top) - 12px));overflow-y:auto}.sheet-grip{width:38px;height:5px;border-radius:3px;background:var(--line-strong);margin:0 auto 14px}.sheet h3{font:650 20px/1.2 var(--font-display);letter-spacing:-.015em;margin:0 4px 16px}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);z-index:60;max-width:calc(100% - 32px);width:max-content;padding:12px 16px;border-radius:14px;background:#1c1c20;color:#fff;font-size:15px;box-shadow:var(--shadow-float);animation:toast-in .3s var(--ease) both;display:flex;align-items:center;gap:10px}.toast svg{width:18px;height:18px;flex:none}.toast.error svg{color:#ff7b7e}.toast.ok svg{color:#4ade80}@keyframes toast-in{0%{transform:translate(-50%,16px);opacity:0}}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}.center{display:grid;place-items:center;min-height:50vh}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-lg);background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.error-box{text-align:center;padding:40px 16px;color:var(--text-2)}.error-box .btn{margin-top:16px}.drop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%;padding:34px 20px 28px;border-radius:var(--r-xl);border:2px dashed var(--line-strong);background:var(--surface);transition:border-color .2s,background .2s,transform .15s var(--ease)}.drop:active,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);margin-bottom:10px;box-shadow:0 12px 28px -12px var(--accent)}.drop-icon svg{width:28px;height:28px}.drop strong{font-size:18px}.formats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.formats span{font:600 12px/1 ui-monospace,SF Mono,Menlo,monospace;padding:6px 8px;border-radius:8px;background:var(--surface-2);color:var(--text-2)}.progress{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.progress>div{height:100%;background:var(--accent);border-radius:4px;transition:width .2s linear}.progress.indeterminate>div{width:35%!important;animation:indeterminate 1.1s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.steps{counter-reset:step;list-style:none;padding:0;margin:0}.steps li{counter-increment:step;position:relative;padding:0 0 14px 38px;color:var(--text-2);font-size:15px}.steps li:last-child{padding-bottom:0}.steps li:before{content:counter(step);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--accent-soft);color:var(--accent)}.steps b{color:var(--text);font-weight:600}.success-mark{width:84px;height:84px;border-radius:50%;margin:8px auto 20px;display:grid;place-items:center;background:color-mix(in srgb,var(--review) 14%,transparent);color:var(--review);animation:pop .5s var(--ease) both}.success-mark svg{width:42px;height:42px}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08)}}.study{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(10px + var(--safe-top)) var(--pad) calc(12px + var(--safe-bottom));background:var(--bg)}.study-top{display:flex;align-items:center;gap:12px;height:44px;flex:none}.study-progress{flex:1;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.study-progress>div{height:100%;border-radius:3px;background:var(--accent);transition:width .4s var(--ease)}.study-counts{display:flex;justify-content:center;gap:16px;margin:6px 0 10px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;flex:none}.study-counts .count{padding:3px 0;border-bottom:2px solid transparent;transition:border-color .2s}.study-counts .count.active{border-bottom-color:var(--text)}.stage{position:relative;flex:1;min-height:0}.face{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden;touch-action:pan-y;will-change:transform;user-select:text;-webkit-user-select:text}.face.enter{animation:face-in .36s var(--ease) both}.face.leave-left{animation:leave-left .32s var(--ease) both;pointer-events:none}.face.leave-right{animation:leave-right .32s var(--ease) both;pointer-events:none}.face.leave-fade{animation:leave-fade .22s ease both;pointer-events:none}@keyframes face-in{0%{transform:translateY(14px) scale(.97);opacity:0}}@keyframes leave-left{to{transform:translate(-120%,30px) rotate(-14deg);opacity:0}}@keyframes leave-right{to{transform:translate(120%,30px) rotate(14deg);opacity:0}}@keyframes leave-fade{to{transform:translateY(-10px) scale(.98);opacity:0}}.face-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:26px 22px}.face-scroll>.card-host{margin:auto 0}.face-deck{font-size:12px;color:var(--text-3);text-align:center;padding:14px 20px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}.face-tap{font-size:13px;color:var(--text-3);text-align:center;padding:0 0 16px;flex:none;transition:opacity .2s}.swipe-label{position:absolute;top:18px;padding:6px 12px;border-radius:10px;font-weight:700;font-size:15px;pointer-events:none;opacity:0;color:#fff}.swipe-label.left{right:18px;background:var(--again)}.swipe-label.right{left:18px;background:var(--review)}.controls{flex:none;padding-top:12px;min-height:78px}.rate{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rate button{--c: var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:66px;border-radius:var(--r-md);background:var(--surface);background:color-mix(in srgb,var(--c) 13%,var(--surface));box-shadow:inset 0 3px 0 var(--c),var(--shadow-card);transition:transform .12s var(--ease),background .2s;animation:rate-in .28s var(--ease) both}.rate button:nth-child(2){animation-delay:.03s}.rate button:nth-child(3){animation-delay:.06s}.rate button:nth-child(4){animation-delay:.09s}.rate button:active{transform:scale(.95);background:color-mix(in srgb,var(--c) 22%,var(--surface))}.rate .ivl{font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}.rate .name{font-size:15px;font-weight:650;color:var(--text)}.rate .again{--c: var(--again)}.rate .hard{--c: var(--learn)}.rate .good{--c: var(--review)}.rate .easy{--c: var(--new)}@keyframes rate-in{0%{transform:translateY(8px);opacity:0}}.show-btn{min-height:66px;font-size:17px}.kbd{font-size:12px;opacity:.6;margin-left:4px}.done{display:flex;flex-direction:column;justify-content:center;min-height:100%;text-align:center;padding:24px 8px}.done h1{font:700 30px/1.15 var(--font-display);letter-spacing:-.025em;margin:0 0 8px}.done p{color:var(--text-2);margin:0 auto 24px;max-width:320px}.done-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.note-row{display:block;width:100%;text-align:left;padding:14px 16px;position:relative}.note-row+.note-row:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--line)}.note-row:active{background:var(--surface-2)}.note-front{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-back{color:var(--text-2);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.note-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:600}.preview{margin-top:8px;padding:20px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card)}@media(min-width:640px){.screen,.study,.bottom-bar{padding-left:max(var(--pad),calc(50% - 300px));padding-right:max(var(--pad),calc(50% - 300px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}