:root{--ground:#f2f0f5;--paper:#fff;--paper-2:#e9e5f0;--ink:#2b2140;--ink-2:#5e5573;--ink-3:#8f879f;--line:#dad4e4;--accent:#a86f12;--accent-ink:#fff;--accent-soft:#f4e7cd;--good:#3e7d5e;--good-soft:#dcefe4;--wait:#b8772a;--wait-soft:#f8e7d0;--wish:#6b6480;--wish-soft:#e6e2ee;--shadow:0 18px 40px #2b21402e, 0 2px 6px #2b214014;--frame:#1c1530;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#1b1528;--paper:#271f38;--paper-2:#322947;--ink:#f1ecf8;--ink-2:#bcb3cc;--ink-3:#8a819c;--line:#3e3455;--accent:#e1b255;--accent-ink:#2b2140;--accent-soft:#3e3323;--good:#7fc7a2;--good-soft:#223a2f;--wait:#e8a95b;--wait-soft:#40301d;--wish:#b4abc6;--wish-soft:#35304a;--shadow:0 18px 40px #00000080, 0 2px 6px #0000004d;--frame:#0e0a18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#1b1528;--paper:#271f38;--paper-2:#322947;--ink:#f1ecf8;--ink-2:#bcb3cc;--ink-3:#8a819c;--line:#3e3455;--accent:#e1b255;--accent-ink:#2b2140;--accent-soft:#3e3323;--good:#7fc7a2;--good-soft:#223a2f;--wait:#e8a95b;--wait-soft:#40301d;--wish:#b4abc6;--wish-soft:#35304a;--shadow:0 18px 40px #00000080, 0 2px 6px #0000004d;--frame:#0e0a18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;margin:0;padding:24px 16px 40px;font-family:Karla,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45;display:flex}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.phone{background:var(--paper);border:10px solid var(--frame);border-radius:44px;flex-direction:column;width:100%;max-width:400px;height:840px;min-height:640px;max-height:calc(100vh - 110px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000059}@media (max-width:480px){body{justify-content:flex-start;padding:0}.phone{max-width:none;height:100dvh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0}}.app-top{justify-content:space-between;align-items:baseline;gap:12px;padding:20px 22px 6px;display:flex}.brand{font-variation-settings:"SOFT" 100;letter-spacing:-.01em;font-family:Fraunces,Iowan Old Style,Georgia,serif;font-size:24px;font-weight:700;line-height:1}.brand span{color:var(--accent)}.greeting{color:var(--ink-3);font-size:13px}.screen{flex-direction:column;flex:1;min-height:0;display:none}.screen.active{display:flex}.sentence-wrap{flex-direction:column;gap:8px;padding:4px 18px 6px;display:flex}.sentence{background:var(--paper-2);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.sentence .text{color:var(--ink-2);min-width:0;font-size:14px;line-height:1.5}.sentence .w{color:var(--ink);border-bottom:2px solid var(--accent-soft);padding-bottom:1px;font-weight:700}.sentence .w.empty{color:var(--ink-3);border-bottom-color:#0000;font-weight:600}.sentence .joiner{color:var(--accent);background:var(--accent-soft);cursor:pointer;border-radius:999px;margin:0 1px;padding:0 7px;font-size:12.5px;font-weight:700;display:inline-block}.sentence .count{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:12px;font-weight:700;line-height:1.2}.shelves{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.shelves::-webkit-scrollbar{display:none}.shelf{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.shelf.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.shelf.save{color:var(--accent);border-style:dashed}.shelf .star{font-size:11px}.deck-wrap{flex:1;min-height:0;padding:4px 18px 22px;position:relative}.deck{height:100%;position:relative}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50% 110%;will-change:transform;border-radius:22px;flex-direction:column;transition:transform .25s,opacity .25s;display:flex;position:absolute;inset:0;overflow:hidden}.card.dragging{transition:none}.card.gone{transition:transform .45s cubic-bezier(.2,.7,.3,1),opacity .35s}.card:first-child{z-index:3}.card:nth-child(2){z-index:2;opacity:.9;transform:scale(.96)translateY(10px)}.card:nth-child(3){z-index:1;opacity:.6;transform:scale(.92)translateY(20px)}.card:nth-child(n+4){opacity:0;pointer-events:none}.cover-area{background:var(--paper-2);flex:50%;place-items:center;min-height:140px;padding:16px;display:grid;position:relative;overflow:hidden}.cover-area:before{content:"";background-image:var(--blur-cover);filter:blur(28px)saturate(1.3);opacity:.55;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.3)}.cover{aspect-ratio:2/3;background:var(--paper-2);border-radius:3px 9px 9px 3px;width:132px;position:relative;overflow:hidden;box-shadow:10px 14px 30px #0000006b,inset 6px 0 10px -6px #00000073}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover:after{content:"";pointer-events:none;background:linear-gradient(110deg,#ffffff29,#0000 35%),linear-gradient(90deg,#00000047,#0000 6%);position:absolute;inset:0}.cover-fallback{text-align:center;height:100%;color:var(--ink);background:linear-gradient(160deg,var(--accent-soft),var(--paper-2));place-items:center;padding:14px;font-family:Fraunces,serif;font-weight:600;display:grid}.stamp{letter-spacing:.12em;text-transform:uppercase;opacity:0;background:#ffffffd9;border:3px solid;border-radius:8px;padding:6px 12px;font-size:20px;font-weight:700;transition:opacity .1s;position:absolute;top:16px;transform:rotate(-12deg)}.stamp.save{color:var(--good);border-color:var(--good);left:16px}.stamp.skip{color:#b3402e;border-color:#b3402e;right:16px;transform:rotate(12deg)}.card-body{flex-direction:column;flex:none;gap:7px;padding:14px 20px 16px;display:flex}.title{font-variation-settings:"SOFT" 100;letter-spacing:-.01em;text-wrap:balance;margin:0;font-family:Fraunces,Iowan Old Style,Georgia,serif;font-size:22px;font-weight:600;line-height:1.12}.byline{color:var(--ink-2);margin:0;font-size:14px}.byline b{color:var(--ink);font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{letter-spacing:.04em;text-transform:uppercase;background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:600}.chip.avail{background:var(--good-soft);color:var(--good)}.chip.avail:before{content:"●";font-size:9px}.blurb{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.actions{justify-content:center;align-items:center;gap:18px;padding:10px 20px 6px;display:flex}.round{border:1.5px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .12s;display:grid;box-shadow:0 6px 16px #0000001f}.round:active{transform:scale(.92)}.round svg{width:24px;height:24px}.round.skip{color:#b3402e}.round.save{color:var(--good);border-color:var(--good);width:66px;height:66px}.round.undo{width:44px;height:44px;color:var(--ink-3)}.round.undo svg{width:18px;height:18px}.hint{text-align:center;color:var(--ink-3);padding:0 0 4px;font-size:12px}.search-head{padding:4px 18px 6px}.search-box{background:var(--paper-2);color:var(--ink-3);border-radius:14px;align-items:center;gap:10px;padding:11px 14px;display:flex}.search-box input{color:var(--ink);font:inherit;background:0 0;border:0;flex:1;min-width:0;font-size:16px}.search-box input::placeholder{color:var(--ink-3)}.search-box svg{flex:none;width:18px;height:18px}.list{flex:1;min-height:0;padding:0 18px 12px;overflow-y:auto}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:baseline;margin:12px 0 6px;font-size:11.5px;font-weight:700;display:flex}.section-label small{letter-spacing:0;text-transform:none;font-weight:500}.row{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:9px 0;display:grid}.row:last-child{border-bottom:0}.mini{aspect-ratio:2/3;background:var(--paper-2);cursor:pointer;border-radius:3px 5px 5px 3px;width:44px;overflow:hidden;box-shadow:2px 3px 8px #00000040}.mini img{object-fit:cover;width:100%;height:100%;display:block}.row .t{cursor:pointer;font-size:15px;font-weight:600;line-height:1.2}.row .a{color:var(--ink-2);font-size:13px}.row .meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.row .row-reason{color:var(--ink-3);text-wrap:balance;margin-top:4px;font-size:12px}.pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.pill.ready{background:var(--good-soft);color:var(--good)}.pill.wait{background:var(--wait-soft);color:var(--wait)}.pill.wish{background:var(--wish-soft);color:var(--wish)}.pill.genre{background:var(--paper-2);color:var(--ink-3)}.btn{background:var(--paper-2);color:var(--ink);white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:6px;padding:9px 13px;font-size:13.5px;font-weight:700;transition:transform .12s,background .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.quiet{color:var(--ink-2);border:1px solid var(--line);background:0 0}.btn.done{background:var(--good-soft);color:var(--good)}.btn svg{width:15px;height:15px}.empty{color:var(--ink-3);text-align:center;padding:24px 0;font-size:14px}.segments{background:var(--paper-2);border-radius:12px;grid-template-columns:1fr 1fr 1fr;margin:4px 18px 6px;padding:3px;display:grid}.seg{color:var(--ink-2);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:13px;font-weight:600;display:flex}.seg[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0000001f}.count-badge{font-variant-numeric:tabular-nums;background:var(--line);min-width:18px;height:18px;color:var(--ink-2);border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.seg[aria-pressed=true] .count-badge{background:var(--accent);color:var(--accent-ink)}.explain{color:var(--ink-3);text-wrap:balance;padding:2px 18px 0;font-size:13px}.progress{background:var(--paper-2);border-radius:2px;width:100%;height:4px;margin-top:6px;overflow:hidden}.progress i{background:var(--wait);border-radius:2px;width:62%;height:100%;display:block}.settings{flex-direction:column;gap:14px;margin:12px 0;display:flex}.settings label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.settings input{border:1px solid var(--line);font:inherit;background:var(--paper);color:var(--ink);border-radius:10px;padding:10px}.settings small{color:var(--ink-3);font-weight:400}.tabs{border-top:1px solid var(--line);background:var(--paper);padding:6px 8px calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr 1fr;display:grid}.tab{color:var(--ink-3);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11.5px;font-weight:600;display:flex;position:relative}.tab svg{width:24px;height:24px}.tab[aria-selected=true]{color:var(--accent)}.tab .badge{background:var(--accent);color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:2px;right:calc(50% - 22px)}.toast{z-index:30;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 40px);padding:10px 16px;font-size:13.5px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast .dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.sheet-bg{z-index:20;opacity:0;pointer-events:none;background:#140c248c;transition:opacity .2s;position:absolute;inset:0}.sheet-bg.show{opacity:1;pointer-events:auto}.sheet{z-index:21;background:var(--paper);padding:12px 22px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:84%;transition:transform .28s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.sheet.show{transform:translateY(0)}.grab{background:var(--line);border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.sheet .title{font-size:23px}.sheet p.body{color:var(--ink-2);max-width:62ch;font-size:15px;line-height:1.55}.sheet .cta{gap:10px;margin-top:14px;display:flex}.sheet .cta .btn{border-radius:14px;flex:1;justify-content:center;padding:13px;font-size:15px}.facts{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;margin:10px 0 2px;font-size:14px;display:flex}.facts b{color:var(--ink)}.facts small{color:var(--ink-3)}.stars{color:var(--accent);letter-spacing:1px}.quote{border-left:3px solid var(--accent-soft);color:var(--ink-2);margin:6px 0;padding-left:12px;font-size:14px;line-height:1.45}.links{gap:8px;margin-top:12px;display:flex}.links .btn{padding:8px 12px;font-size:13px;text-decoration:none}.fsec{margin-top:14px}.fsec-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.fsec-head h3{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:12px;font-weight:700}.mode{background:var(--paper-2);border-radius:9px;grid-template-columns:1fr 1fr;padding:2px;display:inline-grid}.mode button{color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700}.mode button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #00000024}.fchips{flex-wrap:wrap;gap:6px;display:flex}.fchips.scroll{max-height:128px;overflow-y:auto}.filter{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.filter[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.fsearch{background:var(--paper-2);border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:7px 10px;display:flex}.fsearch input{color:var(--ink);font:inherit;background:0 0;border:0;flex:1;min-width:0;font-size:14px}.fsearch input::placeholder{color:var(--ink-3)}.savebar{align-items:center;gap:8px;display:flex}.savebar input{border:1px solid var(--line);font:inherit;background:var(--paper);color:var(--ink);border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-size:14px}.shelf-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.shelf-row:last-child{border-bottom:0}.shelf-row small{color:var(--ink-3);font-size:12px;display:block}.shelf-row .x{color:var(--ink-3);background:0 0;border:0;padding:4px 8px;font-size:18px;line-height:1}.ffoot{padding:12px 22px calc(22px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);gap:10px;margin:16px -22px -22px;display:flex;position:sticky;bottom:-22px}.ffoot .btn{border-radius:14px;flex:1;justify-content:center;padding:13px;font-size:15px}@media (prefers-reduced-motion:reduce){.card,.card.gone,.toast,.sheet,.sheet-bg{transition:none}}.login{flex-direction:column;gap:14px;max-width:380px;margin:10vh auto;padding:0 20px;display:flex}.login form{flex-direction:column;gap:10px;display:flex}.login input{border:1px solid var(--line);font:inherit;background:var(--paper);color:var(--ink);border-radius:10px;min-width:0;padding:12px 14px;font-size:16px}.login input::placeholder{color:var(--ink-3)}.login .btn{width:100%}