@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--olive-50:oklch(98.8% .003 106.5);--olive-100:oklch(96.6% .005 106.5);--olive-200:oklch(93% .007 106.5);--olive-300:oklch(88% .011 106.6);--olive-400:oklch(73.7% .021 106.9);--olive-500:oklch(58% .031 107.3);--olive-600:oklch(46.6% .025 107.3);--olive-700:oklch(39.4% .023 107.4);--olive-800:oklch(28.6% .016 107.4);--olive-900:oklch(22.8% .013 107.4);--olive-950:oklch(15.3% .006 107.1);--bg:var(--olive-100);--surface:#ffffff8a;--surface-strong:#ffffffbd;--line:color-mix(in oklch, var(--olive-950) 10%, transparent);--line-strong:color-mix(in oklch, var(--olive-950) 18%, transparent);--text:var(--olive-950);--muted:var(--olive-700);--quiet:var(--olive-600);--danger:#9f3c35;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 82% -8%, color-mix(in oklch, var(--olive-400) 36%, transparent), transparent 28rem), radial-gradient(circle at -10% 90%, color-mix(in oklch, var(--olive-300) 42%, transparent), transparent 28rem), var(--bg);margin:0}body:before{pointer-events:none;content:"";opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.2' numOctaves='1' seed='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin:0}.app-frame,.review-screen{width:min(100%,980px);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 18px max(72px, calc(env(safe-area-inset-bottom) + 52px));margin:0 auto;position:relative}.logs-app{width:100%;max-width:none;min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) 0 0;flex-direction:column;display:flex}.review-screen{max-width:760px}.app-header,.review-topbar,.brand-lockup,.deck-row,.deck-row-main,.section-title,.card-meta,.review-progress,.deck-actions{align-items:center;display:flex}.app-header,.review-topbar,.section-title,.card-meta,.review-progress{justify-content:space-between;gap:14px}.app-header{z-index:5;padding:max(18px, env(safe-area-inset-top)) 18px 14px;background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:-18px -18px 0;position:sticky;top:0}.brand-lockup{gap:10px;min-width:0}.brand-mark,.icon-button{border:1px solid var(--line);border-radius:999px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.brand-mark{color:#fff;background:var(--olive-950)}.icon-button{color:var(--olive-950);background:oklch(100% 5.96046e-8 none/.56)}.icon-button:hover{background:#fff}.app-header h1,.review-topbar h1,.quiet-title h2,.deck-detail .section-title h2,.cards-page .section-title h2{letter-spacing:-.015em;font-family:Instrument Serif,Georgia,serif;font-weight:400}.app-header h1,.review-topbar h1{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(2rem,8vw,3.6rem);line-height:.92;overflow:hidden}.overline{color:var(--olive-700);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:700;display:block}.minimal-stack,.deck-detail,.cards-page{gap:16px;margin-top:20px;display:grid}.quiet-title{justify-content:space-between;align-items:flex-end;gap:14px;padding:10px 2px 0;display:flex}.quiet-title .secondary-action{flex:none}.sync-indicator{right:14px;bottom:max(12px, env(safe-area-inset-bottom));z-index:8;border:1px solid color-mix(in oklch, var(--olive-950) 8%, transparent);max-width:min(68vw,360px);color:color-mix(in oklch, var(--olive-700) 72%, transparent);text-overflow:ellipsis;white-space:nowrap;background:color-mix(in oklch, var(--bg) 72%, transparent);box-shadow:0 10px 28px color-mix(in oklch, var(--olive-950) 7%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:700;position:fixed;overflow:hidden}.quiet-title h2,.deck-detail .section-title h2,.cards-page .section-title h2{font-size:clamp(3.2rem,15vw,7rem);line-height:.86}.deck-detail .section-title,.cards-page .section-title{align-items:flex-end;padding:8px 2px 0}.deck-detail .section-title p,.cards-page .section-title p{max-width:40rem;color:var(--muted);margin-top:10px;font-size:1rem;line-height:1.65}.deck-form,.card-composer,.deck-row,.flashcard,.study-card,.empty-state{border:1px solid var(--line);background:var(--surface);box-shadow:0 22px 70px color-mix(in oklch, var(--olive-950) 8%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.deck-form,.card-composer{gap:10px;padding:12px;display:grid}.deck-form{grid-template-columns:1fr 1fr auto}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:oklch(100% 5.96046e-8 none/.58);border-radius:999px;outline:none}input{height:46px;padding:0 15px}textarea{resize:vertical;border-radius:22px;min-height:132px;padding:15px;line-height:1.45}input:focus,textarea:focus{border-color:var(--olive-500);box-shadow:0 0 0 4px color-mix(in oklch, var(--olive-500) 16%, transparent)}label{color:var(--muted);gap:8px;font-size:.84rem;font-weight:700;display:grid}.primary-action,.hero-action,.secondary-action,.danger-action,.rating{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:.9rem;font-weight:700;display:inline-flex}.primary-action,.hero-action{color:#fff;background:var(--olive-950)}.primary-action:hover,.hero-action:hover{background:var(--olive-800)}.hero-action{min-height:54px;padding:0 22px}.primary-action{padding:0 16px}.primary-action.wide,.deck-actions .hero-action,.deck-actions .secondary-action{width:100%}.secondary-action{color:var(--olive-950);background:color-mix(in oklch, var(--olive-950) 8%, transparent);padding:0 16px}.secondary-action:hover{background:color-mix(in oklch, var(--olive-950) 12%, transparent)}.danger-action{color:var(--danger);background:color-mix(in oklch, var(--danger) 10%, transparent);padding:0 16px}.danger-action:hover{background:color-mix(in oklch, var(--danger) 15%, transparent)}.deck-list,.card-list{gap:10px;display:grid}.deck-row{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;gap:12px;min-height:84px;padding:12px;position:relative}.deck-row.actions-open{border-color:var(--line-strong);box-shadow:0 22px 70px color-mix(in oklch, var(--olive-950) 10%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--olive-950) 8%, transparent)}.deck-row-main{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;flex:1;gap:12px}.deck-row-main span{gap:3px;min-width:0;display:grid}.deck-row-main strong,.deck-row-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-row-main strong{font-size:1.02rem}.deck-row-main small,.deck-row-stats{color:var(--muted)}.deck-row-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:.82rem;display:flex}.deck-summary{flex-wrap:wrap;gap:8px;margin-top:-4px;display:flex}.deck-summary span{border:1px solid var(--line);min-height:34px;color:var(--muted);background:oklch(100% 5.96046e-8 none/.42);border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.deck-summary strong{color:var(--olive-950);margin-right:5px;font-size:.92rem;font-weight:800}.deck-actions{grid-template-columns:minmax(0,1.4fr) minmax(150px,.55fr) minmax(150px,.55fr);gap:10px;display:grid}.card-composer{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-footer{grid-column:1/-1;grid-template-columns:1fr auto;gap:10px;display:grid}.card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard{min-height:216px;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:oklch(100% 5.96046e-8 none/.62);gap:12px;padding:17px;display:grid;position:relative}.flashcard.actions-open{border-color:var(--line-strong);box-shadow:0 22px 70px color-mix(in oklch, var(--olive-950) 10%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--olive-950) 8%, transparent)}.card-meta{color:var(--quiet);font-size:.78rem;font-weight:700}.math-text{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.52}.divider{background:var(--line);height:1px}.tag-row{flex-wrap:wrap;align-self:end;gap:7px;display:flex}.tag-row span{min-height:27px;color:var(--olive-950);background:color-mix(in oklch, var(--olive-950) 8%, transparent);border-radius:999px;align-items:center;padding:0 9px;font-size:.76rem;font-weight:700;display:inline-flex}.card-actions{border:1px solid var(--line);box-shadow:0 12px 34px color-mix(in oklch, var(--olive-950) 12%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(100% 5.96046e-8 none/.78);border-radius:999px;grid-template-columns:1fr 1fr auto;gap:8px;padding:8px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.project-actions{border:1px solid var(--line);box-shadow:0 12px 34px color-mix(in oklch, var(--olive-950) 12%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(100% 5.96046e-8 none/.78);border-radius:999px;grid-template-columns:minmax(104px,auto) auto;gap:8px;padding:8px;display:grid;position:absolute;bottom:10px;right:10px}.icon-button.small{flex-basis:38px;width:38px;height:38px}.edit-card-form{gap:10px;display:grid}.edit-card-form textarea{min-height:110px}.card-action-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.review-topbar{padding-top:4px}.review-count{color:#fff;background:var(--olive-950);border-radius:999px;place-items:center;min-width:42px;height:42px;padding:0 13px;font-weight:800;display:grid}.study-card,.empty-state{gap:16px;margin-top:18px;padding:clamp(16px,4vw,22px);display:grid}.review-progress{color:var(--muted);font-size:.86rem;font-weight:700}.prompt,.answer{border-radius:24px;min-height:190px;padding:clamp(18px,5vw,30px)}.prompt{color:var(--olive-950);text-align:center;background:oklch(100% 5.96046e-8 none/.68);place-items:center;font-family:Instrument Serif,Georgia,serif;font-size:clamp(1.8rem,7vw,3.4rem);display:grid}.answer{color:var(--text);background:oklch(100% 5.96046e-8 none/.46)}.rating-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rating{min-height:66px;color:var(--olive-950);background:color-mix(in oklch, var(--olive-950) 8%, transparent);gap:3px;display:grid}.rating.medium{background:color-mix(in oklch, var(--olive-950) 12%, transparent)}.rating.easy{color:#fff;background:var(--olive-950)}.rating span{opacity:.72;font-size:.74rem;font-weight:600}.empty-state{text-align:center;place-items:center;min-height:320px}.empty-state p{max-width:34rem;color:var(--muted)}.pager{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:.84rem;font-weight:700;display:flex}.pager .secondary-action{min-width:112px}.logs-header{justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:0 14px 10px;display:flex}.logs-header h1,.history-title h2{letter-spacing:-.015em;font-family:Instrument Serif,Georgia,serif;font-weight:400}.logs-header h1{font-size:clamp(2.65rem,15vw,5.2rem);line-height:.9}.history-button{width:38px;height:38px;color:color-mix(in oklch, var(--olive-950) 42%, transparent);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.history-button:hover{color:color-mix(in oklch, var(--olive-950) 72%, transparent)}.log-canvas-shell{background:var(--olive-950);min-height:0;box-shadow:none;cursor:text;border:0;border-radius:0;flex:1;margin-top:10px;position:relative;overflow:hidden}.log-canvas{width:100%;height:auto;min-height:0;padding:clamp(22px, 6vw, 42px) clamp(18px, 6vw, 44px) max(28px, calc(env(safe-area-inset-bottom) + 24px));resize:none;color:var(--olive-50);box-shadow:none;caret-color:var(--olive-50);background:0 0;border:0;border-radius:0;outline:none;font-size:1.08rem;line-height:1.7;display:block;position:absolute;inset:0;overflow-y:auto}.voice-menu{z-index:3;max-width:calc(100% - 24px);color:var(--olive-100);background:color-mix(in oklch, var(--olive-950) 84%, black);border:1px solid oklch(100% 5.96046e-8 none/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);border-radius:18px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:8px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 16px 42px oklch(0% none none/.34)}.voice-menu span{min-width:0;color:color-mix(in oklch, var(--olive-100) 72%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.voice-menu button{min-height:34px;color:var(--olive-950);background:var(--olive-100);border:0;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:800}.voice-menu .voice-close{width:34px;color:var(--olive-100);background:oklch(100% 5.96046e-8 none/.1);place-items:center;padding:0;display:grid}.log-canvas:focus{box-shadow:none;border:0}.log-canvas::placeholder{color:color-mix(in oklch, var(--olive-50) 38%, transparent)}.history-panel{width:min(100%,720px);padding:0 14px max(72px, calc(env(safe-area-inset-bottom) + 52px));gap:16px;margin:16px auto 0;display:grid}.history-title{gap:6px;padding:4px 2px 0;display:grid}.history-title span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.history-title h2{letter-spacing:-.015em;font-size:clamp(3rem,14vw,5rem);line-height:.88}.log-row{border:1px solid var(--line);background:var(--surface);box-shadow:0 22px 70px color-mix(in oklch, var(--olive-950) 8%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.log-list{gap:10px;display:grid}.log-row{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;align-items:center;gap:12px;min-height:84px;padding:12px;display:flex;position:relative}.log-row.actions-open{border-color:var(--line-strong);box-shadow:0 22px 70px color-mix(in oklch, var(--olive-950) 10%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--olive-950) 8%, transparent)}.log-row-main{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;display:flex}.log-row-main span{gap:4px;min-width:0;display:grid}.log-row-main strong,.log-row-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-row-main small{color:var(--muted)}.empty-state.compact{min-height:220px}@media (width<=860px){.card-list,.deck-form,.card-composer,.composer-footer,.deck-actions{grid-template-columns:1fr}}@media (width<=560px){.app-frame,.review-screen{padding-inline:12px}.app-frame{padding-bottom:max(72px, calc(env(safe-area-inset-bottom) + 52px))}.logs-app{padding:max(14px, env(safe-area-inset-top)) 0 0}.app-header{margin-inline:-12px;padding-inline:12px}.quiet-title h2,.deck-detail .section-title h2,.cards-page .section-title h2{font-size:clamp(3.35rem,18vw,5.4rem)}.rating-grid{grid-template-columns:1fr}.deck-row{flex-direction:column;align-items:stretch}.deck-row.actions-open{padding-bottom:68px}.deck-row-stats{justify-content:flex-start}.section-title{flex-direction:column;align-items:stretch}.quiet-title{flex-direction:column;align-items:flex-start}.quiet-title .secondary-action{width:100%}.sync-indicator{max-width:calc(100vw - 24px);left:auto;right:12px}.pager{flex-direction:column;align-items:stretch}.card-actions{border-radius:28px;grid-template-columns:1fr 1fr auto}.project-actions{border-radius:28px;grid-template-columns:1fr auto;bottom:12px;left:12px;right:12px}.voice-menu{grid-template-columns:1fr auto auto auto;left:12px}.prompt,.answer{min-height:210px}}