:root{--blue: #007aff;--blue-press: #0060df;--blue-tint: rgba(0, 122, 255, .1);--green: #34c759;--green-dark: #248a3d;--orange: #ff9500;--purple: #af52de;--purple-dark: #8a3ecb;--yellow: #ffcc00;--red: #ff3b30;--red-dark: #c72c22;--ink: #1c1c1e;--ink-2: #3a3a3c;--muted: #8e8e93;--gray2: #c7c7cc;--sep: rgba(60, 60, 67, .14);--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .22);--line: #e5e5ea;--line-2: #d1d1d6;--bg: #f2f2f7;--bg-soft: #f2f2f7;--card: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 10px 30px rgba(0, 0, 0, .07);font-family:-apple-system,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app{max-width:600px;margin:0 auto;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.screen{flex:1;display:flex;flex-direction:column;padding:12px 16px 28px;animation:fadeIn .2s ease}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 16px 8px}.topbar h1{font-size:30px;font-weight:700;margin:0;letter-spacing:-.03em}.streak{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--orange);font-size:17px}.streak svg{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:17px;color:#fff;background:var(--blue);border-radius:13px;padding:14px 20px;box-shadow:0 6px 16px #007aff38;transition:transform .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97);filter:brightness(.96)}.btn:disabled{opacity:.4;box-shadow:none;pointer-events:none}.btn.block{width:100%}.btn.blue{background:var(--blue);box-shadow:0 6px 16px #007aff38}.btn.ghost{background:var(--fill);color:var(--blue);box-shadow:none}.btn.ghost:active{background:var(--fill-2)}.btn.red{background:var(--red);box-shadow:0 6px 16px #ff3b3038}.input{width:100%;border:1px solid var(--line-2);border-radius:12px;padding:14px 15px;font-size:17px;font-weight:400;color:var(--ink);background:var(--card);outline:none;transition:border-color .15s}.input:focus{border-color:var(--blue)}.input::placeholder{color:var(--gray2)}.deck-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}.deck{border-radius:16px;background:var(--card);border:1px solid var(--sep);box-shadow:var(--shadow-sm);overflow:hidden;animation:cardIn .32s ease backwards}.deck-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 14px;background:none;cursor:pointer}.deck-row:active{background:var(--fill)}.deck-emoji{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;font-size:24px;color:#fff;box-shadow:inset 0 -1px 2px #0000001f}.deck-emoji svg{color:#fff}.deck-info{flex:1;min-width:0}.deck-name{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-sub{font-size:14px;font-weight:400;color:var(--muted);margin-top:2px}.deck-badge{font-size:13px;font-weight:600;padding:4px 11px;border-radius:999px;white-space:nowrap;flex:none}.deck-badge.due{background:var(--blue-tint);color:var(--blue)}.deck-badge.ok{background:#34c75924;color:var(--green-dark)}.deck .chev{color:var(--gray2);flex:none;margin-left:-4px}.badge{min-width:22px;height:22px;padding:0 7px;display:inline-grid;place-items:center;background:#ffffff40;color:#fff;border-radius:11px;font-size:13px;font-weight:600}.fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));z-index:20;max-width:600px;width:calc(100% - 32px)}.empty{text-align:center;color:var(--muted);margin-top:60px;padding:0 20px}.empty .em{color:var(--gray2)}.empty h2{color:var(--ink);font-size:20px;font-weight:700;margin:16px 0 6px}.empty p{font-size:15px;line-height:1.5}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fadeIn .2s ease}.sheet{background:var(--card);width:100%;max-width:600px;border-radius:22px 22px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));animation:up .28s cubic-bezier(.32,.72,0,1)}.sheet:before{content:"";display:block;width:38px;height:5px;border-radius:3px;background:var(--gray2);margin:0 auto 14px}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet h2{margin:0 0 16px;font-size:20px;font-weight:700}.field-label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:16px 2px 8px}.picker{display:flex;flex-wrap:wrap;gap:10px}.emoji-opt{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--fill);border:1.5px solid transparent;color:var(--ink)}.emoji-opt.sel{border-color:var(--blue);background:var(--blue-tint);color:var(--blue)}.color-opt{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line-2)}.color-opt.sel{box-shadow:0 0 0 2.5px var(--ink)}.study-head{display:flex;align-items:center;gap:12px;padding:8px 2px 18px}.progress{flex:1;height:6px;background:var(--fill);border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--blue);border-radius:99px;transition:width .3s}.close-x{color:var(--muted);line-height:1;padding:4px}.card-wrap{flex:1;display:flex;flex-direction:column;padding:6px 0}.flash{flex:1;max-height:800px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;background:var(--card);border:1px solid var(--sep);border-radius:18px;box-shadow:var(--shadow);padding:28px 22px;min-height:300px}.flash .tag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:18px}.flash .q{font-size:23px;font-weight:600;line-height:1.32;letter-spacing:-.015em}.flash .divider{width:100%;height:1px;background:var(--sep);margin:22px 0}.flash .a{font-size:18px;font-weight:400;line-height:1.5;color:var(--ink-2)}.rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.rate{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;border-radius:14px;padding:14px 6px;font-weight:600;font-size:15px;box-shadow:0 4px 12px #0000001a;transition:transform .12s ease,filter .12s ease}.rate small{font-size:12px;font-weight:500;opacity:.85}.rate.again{background:var(--red)}.rate.hard{background:var(--orange)}.rate.good{background:var(--green)}.rate.easy{background:var(--blue)}.rate:active{transform:scale(.95);filter:brightness(.94)}.done-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.done-screen .big{animation:pop .4s ease}@keyframes pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.done-screen h2{font-size:26px;font-weight:700;margin:10px 0 2px;letter-spacing:-.02em}.done-screen p{color:var(--muted);font-size:16px;margin:0 0 8px}.stat-row{display:flex;gap:12px;margin:18px 0 26px}.stat{background:var(--card);border:1px solid var(--sep);border-radius:16px;padding:14px 18px;min-width:92px;box-shadow:var(--shadow-sm)}.stat .n{font-size:26px;font-weight:700}.stat .l{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.offline-tag{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;z-index:60}.center-load{flex:1;display:grid;place-items:center;color:var(--muted);font-weight:500}.login-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:0 24px}.logo-badge{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;box-shadow:var(--shadow)}.login-wrap h1{font-size:28px;font-weight:700;margin:4px 0 0;letter-spacing:-.02em}.login-wrap p{color:var(--muted);margin:0 0 6px;font-weight:400}.login-form{width:100%;display:flex;flex-direction:column;gap:14px}.err{color:var(--red);font-weight:500;font-size:14px;text-align:center}.toast{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#1c1c1eeb;color:#fff;font-weight:500;font-size:14px;padding:11px 18px;border-radius:14px;z-index:70;animation:up .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.icon-btn{color:var(--blue);padding:2px 4px;line-height:1}.mode-tag{background:var(--fill);color:var(--purple);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px;border-radius:8px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px;animation:fadeIn .2s ease}.modal{background:var(--card);width:100%;max-width:340px;border-radius:20px;padding:26px 22px 20px;text-align:center;animation:popIn .24s ease}.modal .em{color:var(--red)}.modal h3{font-size:20px;font-weight:700;margin:12px 0 6px}.modal p{color:var(--muted);font-size:15px;line-height:1.45;margin:0 0 20px}.modal-actions{display:flex;flex-direction:column;gap:10px}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:45;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:320px;background:var(--card);z-index:46;display:flex;flex-direction:column;padding:calc(24px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));box-shadow:8px 0 40px #00000029;animation:slideIn .26s cubic-bezier(.32,.72,0,1)}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-brand{display:flex;align-items:center;gap:12px;margin:4px 8px 22px}.drawer-logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.drawer-brand b{font-size:18px;font-weight:700}.drawer-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:14px 12px;border-radius:12px;font-weight:500;font-size:17px;color:var(--ink)}.drawer-item:active{background:var(--fill)}.drawer-item.danger{color:var(--red)}.drawer-spacer{flex:1}.drawer-foot{font-size:12px;color:var(--gray2);text-align:center;font-weight:400}.panel h2{display:flex;align-items:center;justify-content:space-between}.panel h2 .x{color:var(--muted)}.doc-box{background:var(--fill);border-radius:12px;padding:14px;font-size:12.5px;line-height:1.55;white-space:pre-wrap;color:var(--ink-2);max-height:42vh;overflow:auto;margin-bottom:14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.panel-text{font-size:15px;line-height:1.55;color:var(--ink-2)}.panel-text h4{font-size:16px;font-weight:700;color:var(--ink);margin:16px 0 4px}.panel-text p{margin:0 0 4px}.panel-text .note{color:var(--muted);font-size:13.5px;margin-top:14px}@media(min-width:640px){body{background:#e5e5ea}.app{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 80px #0000000f}}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes revealIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.flash .a,.flash .card-img,.card-extra{animation:revealIn .26s ease}svg{flex:none}.deck .chev,.icon-btn svg,.btn svg,.drawer-item svg{display:block}.editor{flex:1;display:flex;flex-direction:column;padding:8px 16px 40px;animation:fadeIn .2s ease}.editor-head{display:flex;align-items:center;gap:8px;padding:10px 0}.editor-head .back{color:var(--blue);padding:4px;margin-left:-4px}.editor-hero{display:flex;align-items:center;gap:14px;padding:6px 2px 4px}.editor-hero .ic{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:15px;color:#fff;box-shadow:inset 0 -1px 2px #0000001f}.editor-hero h2{font-size:24px;font-weight:700;margin:0;letter-spacing:-.02em}.editor-hero .sub{color:var(--muted);font-size:13px;font-weight:400;margin-top:2px}.editor-hero .edit{margin-left:auto;color:var(--blue);padding:8px}.link-row{display:flex;align-items:center;gap:8px;margin:18px 0;background:var(--fill);border-radius:12px;padding:12px 14px}.link-row .url{flex:1;min-width:0;font-size:13px;color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SF Mono,monospace}.link-row button{color:var(--blue);font-weight:600;font-size:14px;display:flex;align-items:center;gap:5px}.big-actions{display:flex;gap:12px;margin:6px 0 24px}.big-actions .btn{flex:1}.list-head{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 12px}.list-head h3{font-size:20px;font-weight:700;margin:0;letter-spacing:-.02em}.list-head .add{color:var(--blue);font-weight:600;font-size:15px;display:flex;align-items:center;gap:5px}.section-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);margin:18px 4px 8px}.card-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--sep);border-radius:14px;padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow-sm);animation:cardIn .28s ease backwards}.card-row:active{background:var(--fill)}.card-row .thumb{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:none;border:1px solid var(--line)}.card-row .body{flex:1;min-width:0}.card-row .ft{font-weight:500;font-size:16px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row .bk{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.card-row .del{color:var(--gray2);padding:6px;flex:none}.card-row .del:active{color:var(--red)}.type-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:3px 7px;border-radius:6px;margin-right:8px}.type-badge.cloze{background:#af52de24;color:var(--purple-dark)}.type-badge.basic{background:var(--blue-tint);color:var(--blue)}.danger-zone{margin-top:26px}.type-toggle{display:flex;gap:3px;background:var(--fill);padding:3px;border-radius:11px;margin-bottom:4px}.type-toggle button{flex:1;padding:9px;border-radius:8px;font-weight:600;font-size:14px;color:var(--ink);transition:background .15s,box-shadow .15s}.type-toggle button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.textarea{width:100%;border:1px solid var(--line-2);border-radius:12px;padding:13px 14px;font-size:17px;font-weight:400;color:var(--ink);background:var(--card);outline:none;resize:vertical;min-height:70px;font-family:inherit;line-height:1.4;transition:border-color .15s}.textarea:focus{border-color:var(--blue)}.img-area{display:flex;align-items:center;gap:12px}.img-preview{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid var(--line);flex:none;background:var(--fill)}.img-btns{display:flex;flex-direction:column;gap:8px;flex:1}.img-btns .mini{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--fill);border-radius:10px;padding:10px;font-weight:500;font-size:13px;color:var(--blue)}.img-btns .mini:active{background:var(--fill-2)}.check-row{display:flex;align-items:center;gap:10px;margin:14px 2px;font-weight:400;font-size:15px;color:var(--ink)}.check-row .box{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line-2);display:grid;place-items:center;flex:none}.check-row .box.on{background:var(--blue);border-color:var(--blue);color:#fff}.more-toggle{display:flex;align-items:center;gap:6px;color:var(--blue);font-weight:600;font-size:15px;margin:16px 2px}.sheet-scroll{max-height:72vh;overflow-y:auto;margin:0 -18px;padding:0 18px}.cloze-gap{color:var(--blue);font-weight:700}.cloze-rev{background:#ffcc0047;color:var(--ink);padding:1px 5px;border-radius:5px;font-weight:600}.flash .card-img{max-width:100%;max-height:220px;border-radius:14px;object-fit:contain;margin:6px 0 4px}.card-extra{width:100%;margin-top:18px;display:flex;flex-direction:column;gap:10px}.extra-block{text-align:left;background:var(--fill);border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}.extra-block .lb{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:3px}.hint-btn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--orange);font-weight:600;font-size:14px;background:#ff95001f;padding:10px 14px;border-radius:12px}.hint-shown{margin-top:12px;color:var(--orange);font-weight:500;font-size:14.5px;background:#ff95001f;padding:10px 14px;border-radius:12px}.today{background:var(--card);border:1px solid var(--sep);border-radius:18px;padding:18px;margin:4px 0 22px;box-shadow:var(--shadow-sm);animation:cardIn .3s ease}.today-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.today-streak{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--ink)}.today-streak .flame{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:linear-gradient(160deg,#ff9f0a,#ff375f);color:#fff;box-shadow:0 6px 14px #ff375f3d}.today-streak .flame svg{color:#fff}.today-streak b{font-size:24px;line-height:1}.today-streak div span{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:3px}.goal-chip{background:var(--fill);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:7px}.goal-chip b{color:var(--blue);font-size:15px}.goal-bar{height:10px;background:var(--fill);border-radius:99px;overflow:hidden;margin-bottom:16px}.goal-bar>i{display:block;height:100%;background:linear-gradient(90deg,#0a84ff,#34c759);border-radius:99px;transition:width .5s ease}.today-cta{width:100%}.today-done{text-align:center;color:var(--green-dark);font-weight:600;padding:12px;font-size:15px}.heatmap-wrap{margin-top:18px}.heatmap-wrap .hlabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:8px}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;gap:2px;overflow-x:auto}.hm{aspect-ratio:1;border-radius:2px;background:var(--fill);min-width:8px}.hm-1{background:#a5d8ff}.hm-2{background:#4dabf7}.hm-3{background:#1c7ed6}.hm-4{background:#1864ab}.goal-presets{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px}.goal-presets button{flex:1;min-width:60px;padding:13px;border-radius:12px;background:var(--fill);font-weight:600;font-size:15px;color:var(--ink)}.goal-presets button.on{color:#fff;background:var(--blue)}.hdr-btn{color:var(--blue);padding:4px 6px;line-height:1}.hdr-btn:active{opacity:.5}.speak-btn{display:inline-flex;vertical-align:middle;margin-left:8px;color:var(--blue);padding:2px}.speak-hint{margin-top:16px;color:var(--muted);font-weight:400;font-size:13.5px}.extra-block .speak-btn{margin-left:6px}