:root{--paper:#ede6dc;--paper-2:#e4dcd0;--card:#faf7f2;--ink:#141210;--ink-soft:#3d3831;--vermillion:#c2410c;--vermillion-dark:#9a3412;--bg:var(--paper);--surface:var(--card);--surface-hover:#f0ebe3;--border:#14121038;--border-subtle:#1412101a;--text:var(--ink);--muted:#5f574d;--accent:var(--vermillion);--accent-hover:var(--vermillion-dark);--accent-soft:#c2410c1f;--danger:#9a3412;--danger-soft:#fdf4f2;--error-bg:#fdf4f2;--error-text:var(--vermillion-dark);--error-border:#c2410c52;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--shadow-sm:3px 3px 0 #1412100f;--shadow-card:6px 6px 0 #141210;--ring-focus:0 0 0 2px var(--surface), 0 0 0 4px #c2410c73;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:17px;line-height:1.55}#app{flex-direction:column;max-width:800px;min-height:100%;margin:0 auto;padding:clamp(16px,4vw,36px) clamp(16px,3vw,28px);display:flex}.app-header{margin-bottom:24px}.app-header.with-back{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:baseline;column-gap:12px;display:grid}.app-header.with-back .back-btn{grid-row:1/span 2;align-self:center}.app-header.with-back.has-extra-subtitle{grid-template-rows:auto auto auto}.app-header.with-back.has-extra-subtitle .back-btn{grid-row:1/span 3}.app-header h1{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,3vw,1.55rem);font-weight:700;line-height:1.2}.subtitle{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.45}.dropzone-lede{max-width:38em}.card-surface{background:var(--surface);border:1px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 22px 18px}.library-header.card-surface{margin-bottom:22px}.nav-back{font-family:var(--font-display);font-weight:600}.btn-ghost{border-radius:var(--radius-sm);color:var(--accent);font-family:var(--font-display);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:7px 12px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn-ghost:hover{background:var(--accent-soft);border-color:#c2410c33}.btn-ghost:focus-visible{box-shadow:var(--ring-focus);outline:none}.btn-ghost-danger{color:var(--danger)}.btn-ghost-danger:hover{background:var(--danger-soft);border-color:#b91c1c26}code{background:var(--paper-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px 6px;font-size:.9em}.dropzone-wrap{flex-direction:column;flex:1;gap:16px;display:flex}.dropzone{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:min(52vh,360px);padding:40px 20px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.dropzone:hover,.dropzone:focus-within{background:var(--accent-soft);box-shadow:var(--shadow-sm);border-color:#c2410c8c;outline:none}.dropzone:focus-visible{box-shadow:var(--ring-focus)}.dropzone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.loading{opacity:.6;pointer-events:none}.apkg-loading-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px 20px}.apkg-loading-panel[hidden]{display:none!important}.apkg-loading-title{word-break:break-word;color:var(--text);margin:0 0 10px;font-size:15px;font-weight:600}.apkg-loading-detail{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.4}.apkg-loading-panel .apkg-loading-track{width:100%}.apkg-loading-screen{flex:1;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex}.apkg-loading-screen-inner{width:100%;max-width:420px}.apkg-loading-screen .apkg-loading-title,.apkg-loading-screen .apkg-loading-detail{text-align:center}.link-btn:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.dropzone-inner{text-align:center;max-width:480px}.dropzone-visual{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg, var(--surface) 0%, var(--paper-2) 100%);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:3px 3px #1412101f}.dropzone-visual-glyph{color:var(--accent);font-size:28px;font-weight:300;line-height:1}.dropzone-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:6px;font-size:17px;font-weight:600}.dropzone-hint{color:var(--muted);font-size:12px;line-height:1.4}.sample-link{flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:13px;display:flex}.error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:8px;padding:12px 16px;font-size:14px}.library-tagline{max-width:36rem;margin-bottom:0}.library-stats{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:12px 20px;margin-top:18px;padding:14px 16px;display:flex}.library-stat{flex-direction:column;gap:2px;min-width:5.5rem;display:flex}.library-stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text);font-size:1.375rem;font-weight:700;line-height:1.1}.library-stat-label{color:var(--muted);text-transform:lowercase;font-size:12px;font-weight:500}.library-stat-accent .library-stat-value{color:var(--vermillion)}.library-title-block{flex:1;min-width:12rem}.package-summary{color:var(--text);margin:12px 0 0;font-size:14px;font-weight:500;line-height:1.45}.package-file-ref{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.4}.package-meta-tech{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.package-tech-details{margin-top:10px}.package-tech-details summary{color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;list-style:none}.package-tech-details summary::-webkit-details-marker{display:none}.package-tech-details summary:before{content:"";vertical-align:middle;opacity:.65;border-bottom:2px solid;border-right:2px solid;width:.35em;height:.35em;margin-right:6px;display:inline-block;transform:rotate(-45deg)translateY(-1px)}.package-tech-details[open] summary:before{transform:rotate(45deg)translateY(-1px)}.package-tech-details .package-meta-tech{margin-top:8px;padding-left:2px}.deck-due-pill{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--vermillion-dark);background:var(--accent-soft);white-space:nowrap;border:1px solid #c2410c33;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.deck-due-pill-quiet{color:var(--muted);background:var(--border-subtle);font-weight:500}.link-btn-subtle{color:var(--muted);font-size:13px;font-weight:400}.link-btn-subtle:hover{color:var(--accent)}.resume-later-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:0 0 2px;padding:0;font-size:13px;font-weight:400;text-decoration:none}.resume-later-btn:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.resume-later-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.library-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;display:flex}.library-header-row h1{margin:0;line-height:1.15}.library-header-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.package-sections{flex-direction:column;gap:16px;display:flex}.package-section{background:var(--surface);border:1px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 22px 18px}.package-section-top{flex-wrap:wrap;justify-content:space-between;gap:12px 20px;margin-bottom:12px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.package-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 14px;display:flex}.package-title-row .package-label{flex:1;min-width:0}.package-rename-toggle{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:700}.package-rename-toggle:hover{color:var(--vermillion-dark)}.package-rename-editor{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:10px 0 12px;padding:12px 14px}.package-rename-label{display:block}.package-rename-input{box-sizing:border-box;width:100%;font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);margin-bottom:10px;padding:10px 12px;font-size:16px}.package-rename-input:focus-visible{box-shadow:var(--ring-focus);outline:none}.package-rename-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.package-section-title h2{font-family:var(--font-display);letter-spacing:-.02em;word-break:break-word;color:var(--text);margin:0;font-size:1.2rem;font-weight:700}.deck-list-heading{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--vermillion-dark);margin:0 0 10px;font-size:11px;font-weight:700}.deck-primary{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.deck-card-meta{color:var(--muted);font-size:13px;font-weight:400}.package-section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px 14px;display:flex}.import-warnings{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-top:14px;padding:12px 14px;font-size:13px}.import-warnings-title{margin:0 0 8px;font-weight:600}.import-warnings ul{margin:0;padding-left:18px}.import-warnings li{word-break:break-word;margin:4px 0}.app-header.with-back.has-study-progress{grid-template-rows:auto auto auto}.app-header.with-back.has-study-progress .back-btn{grid-row:1/span 3}.session-limit-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:flex-start;gap:8px 16px;margin-top:18px;padding-top:16px;display:flex}.session-limit-hint{color:var(--muted);flex:100%;margin:0;font-size:12px;line-height:1.4}.session-limit-label{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.session-limit-text{color:var(--muted);font-size:13px;font-weight:500}.app-locale-row{border-top:1px solid var(--border-subtle);color:var(--muted);justify-content:flex-end;align-items:center;margin-top:12px;padding-top:12px;font-size:13px;display:flex}.dropzone-wrap .app-locale-row{margin-top:16px}.locale-label-wrap{align-items:center;gap:8px;display:inline-flex}.locale-select{font:inherit;border-radius:var(--radius-sm,6px);border:1px solid var(--border-subtle);background:var(--surface-elevated,var(--panel));color:var(--ink);padding:4px 10px;font-size:13px}.session-limit-select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--text);cursor:pointer;min-width:8.5rem;padding:8px 12px;font-size:14px}.session-limit-select:hover{border-color:#c2410c73}.session-limit-select:focus-visible{box-shadow:var(--ring-focus);outline:none}.progress-track{box-sizing:border-box;background:var(--border-subtle);border-radius:999px;width:100%;height:10px;display:block;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--vermillion), #ea580c);border-radius:999px;width:0%;height:100%;transition:width .22s ease-out;display:block}.deck-progress-track{width:100%;display:block}.progress-track-sm{height:7px}.deck-btn-stack{flex-direction:column;justify-content:flex-start;gap:8px;align-items:stretch!important}.deck-btn-stack .deck-progress-track{margin-top:2px}.deck-btn-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.study-progress-panel{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:6px;padding:14px 16px}.study-round-row,.study-deck-mastery{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.study-round-label,.study-mastery-label{color:var(--muted);font-size:12px;font-weight:500}.study-round-count,.study-mastery-fraction{font-variant-numeric:tabular-nums;color:var(--text);font-weight:500}.progress-track-round{margin-bottom:14px}.progress-track-mastery .progress-fill{background:linear-gradient(90deg,#4d7c0f,#65a30d)}.session-celebration{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1412106b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.session-celebration-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--ink);text-align:center;width:100%;max-width:420px;box-shadow:8px 8px 0 var(--vermillion);padding:28px 32px}.session-celebration-icon{border:1px solid var(--border);background:var(--paper-2);width:56px;height:56px;color:var(--vermillion);border-radius:50%;margin:0 auto 12px;font-size:28px;font-weight:700;line-height:56px}.session-celebration-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700}.session-celebration-sub{color:var(--muted);margin:0 0 8px;font-size:15px;line-height:1.45}.session-celebration-score{color:var(--text);margin:0 0 20px;font-size:14px;font-weight:500}.session-celebration-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.session-celebration-actions .study-btn,.session-celebration-actions .celebration-library-btn{width:100%;max-width:280px}.study-pkg-line{color:var(--muted);font-size:13px;margin-top:2px!important}.deck-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.deck-item .deck-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:16px;font-family:var(--font-body);text-align:left;cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .12s,background .12s,box-shadow .12s,transform 60ms;display:flex;box-shadow:2px 2px #1412100f}.deck-item .deck-btn:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm);border-color:#c2410c73}.deck-item .deck-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.deck-item .deck-btn:active{transform:translateY(1px)}.deck-name{font-family:var(--font-display);font-weight:600}.deck-count{color:var(--muted);font-size:13px}.card-view-wrap{flex-direction:column;flex:1;gap:16px;display:flex}.study-body{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;position:relative}.study-countdown{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.study-countdown:not([hidden]){pointer-events:auto}.study-countdown-backdrop{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px)saturate(1.05);backdrop-filter:blur(8px)saturate(1.05);background:#ede6dcc7;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1412100f}.study-countdown-panel{z-index:1;max-width:min(90vw,28rem);padding:40px 28px;position:relative}.study-countdown-display{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(155deg, var(--ink) 0%, var(--vermillion) 42%, #ea580c 100%);color:#0000;filter:drop-shadow(3px 5px #c2410c38);-webkit-background-clip:text;background-clip:text;font-size:clamp(3.25rem,14vw,6rem);font-weight:800;line-height:1;display:inline-block}.study-countdown-display.is-go{letter-spacing:-.025em;filter:drop-shadow(2px 3px #c2410c2e);font-size:clamp(1.5rem,4.5vw,2.15rem);font-style:italic;font-weight:700;line-height:1.25}.study-countdown-display.study-countdown-burst{animation:.56s cubic-bezier(.22,1,.36,1) both study-countdown-burst}@keyframes study-countdown-burst{0%{opacity:0;filter:blur(16px);transform:scale(.38)translateY(36px)}48%{opacity:1;filter:blur();transform:scale(1.1)translateY(0)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.study-countdown-display.study-countdown-burst{animation:10ms both study-countdown-burst-static}@keyframes study-countdown-burst-static{to{opacity:1;filter:none;transform:none}}}.card-frame{background:var(--surface);border:1px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;min-height:min(52vh,380px);display:flex;overflow:hidden}.caught-up-panel{justify-content:center;padding:10px 0 6px;display:flex}.caught-up-panel .caught-up-dashboard-btn{width:100%;max-width:320px}.card-iframe{background:var(--surface);cursor:pointer;border:0;width:100%;height:100%}.study-controls{flex-direction:column;align-items:stretch;gap:8px;display:flex}.study-btn{background:var(--ink);color:var(--surface);border:1px solid var(--ink);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);box-shadow:4px 4px 0 var(--vermillion);justify-content:center;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.study-btn:hover{background:var(--ink-soft);border-color:var(--ink-soft);box-shadow:5px 5px 0 var(--vermillion);transform:translate(-1px,-1px)}.study-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.study-btn kbd{color:var(--surface);background:#faf7f226;border:0}.rating-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}[hidden]{display:none!important}.rating-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);color:var(--text);flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .1s,transform 50ms;display:flex}.rating-btn:hover{border-color:currentColor}.rating-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.rating-btn:active{transform:translateY(1px)}.rating-btn .rating-label{font-weight:600}.rating-btn .rating-interval{color:var(--muted);min-height:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:400}.rating-btn kbd{font-size:11px}.rating-again{color:#dc2626}.rating-hard{color:#d97706}.rating-good{color:var(--vermillion-dark)}.rating-easy{color:#4d7c0f}kbd{background:var(--paper-2);border-radius:var(--radius-sm);color:inherit;border:1px solid var(--border);padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-block}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:14px}.link-btn:hover{color:var(--accent-hover);text-decoration:underline}.link-btn:focus-visible{box-shadow:var(--ring-focus);border-radius:4px;outline:none}.sample-link .link-btn{border-radius:var(--radius-sm);padding:8px 14px;transition:background .12s}.sample-link .link-btn:hover{background:var(--accent-soft);text-decoration:none}.insights-wrap{flex-direction:column;gap:14px;display:flex}.insight-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.insight-filter{flex-direction:column;gap:6px;min-width:180px;display:flex}.insight-filter span{color:var(--muted);font-size:12px;font-weight:600}.insight-filter select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface);color:var(--text);padding:7px 9px;font-size:13px}.insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.insight-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);padding:14px}.insight-card h2{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.insight-big{font-family:var(--font-display);color:var(--text);margin:0;font-size:clamp(1.8rem,3.7vw,2.3rem);font-weight:700}.insight-bars{grid-template-columns:repeat(var(--insight-cols,14), minmax(22px, 1fr));align-items:end;gap:6px;padding-bottom:2px;display:grid;overflow-x:auto}.insight-bar-col{grid-template-rows:120px auto auto;gap:4px;display:grid}.insight-bar-track{border:1px solid var(--border-subtle);background:var(--paper-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.insight-bar-fill{background:linear-gradient(180deg, var(--accent) 0%, var(--vermillion-dark) 100%);min-height:2px;position:absolute;bottom:0;left:0;right:0}.insight-bar-value{text-align:center;color:var(--ink-soft);font-size:11px}.insight-bar-label{text-align:center;color:var(--muted);white-space:nowrap;font-size:10px}.insight-mix-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.insight-donut{border:1px solid var(--border-subtle);border-radius:999px;width:150px;height:150px;position:relative}.insight-donut-hole{background:var(--surface);border-radius:999px;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;inset:22%}.insight-legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.insight-legend li{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.dot{border-radius:999px;width:10px;height:10px;display:inline-block}.dot-again{background:#b91c1c}.dot-hard{background:#ea580c}.dot-good{background:#16a34a}.dot-easy{background:#2563eb}@media (width<=540px){.library-header-row{flex-direction:column;align-items:stretch}.library-header-actions{justify-content:flex-start}.rating-row{grid-template-columns:1fr 1fr;gap:10px}.insights-grid{grid-template-columns:1fr}.insight-bars{grid-template-columns:repeat(var(--insight-cols,14), minmax(20px, 1fr))}}