:root{--bg:#14112b;--bg-2:#1d1940;--surface:#241f4d;--surface-2:#2e2860;--line:#d9b45a2e;--text:#f1edf9;--muted:#b6aed3;--gold:#d9b45a;--gold-strong:#e8c66f;--on-gold:#1a1530;--done:#7fbf9a;--danger:#e58a8a;--radius:14px;--gap:16px;--tap:44px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{background:radial-gradient(120% 60% at 80% -10%, #785ac840, transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg) 40%);background-attachment:fixed;min-height:100dvh;margin:0}h1,h2,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.page,.auth{max-width:560px;padding:16px 16px calc(120px + var(--safe-bottom));margin:0 auto}.auth{gap:28px;padding-top:48px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.brand{text-align:center;justify-items:center;gap:4px;display:grid}.brand img{margin-bottom:8px}.brand h1{letter-spacing:.08em;font-size:1.5rem}.brand-sub{color:var(--gold);letter-spacing:.2em;font-size:.75rem}.brand-tag{color:var(--muted);font-size:.875rem}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 16px;display:flex}.topbar-title{letter-spacing:.06em;font-size:1.125rem}.topbar-spacer{width:64px}.btn{min-height:var(--tap);background:0 0;border:1px solid #0000;border-radius:999px;padding:0 20px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--gold);color:var(--on-gold)}.btn.primary:active{background:var(--gold-strong)}.btn.ghost{border-color:var(--line);color:var(--muted)}.btn.small{min-height:36px;padding:0 14px;font-size:.875rem;font-weight:500}.btn.block{width:100%}.btn.danger-link{color:var(--danger);width:100%;margin-top:8px;font-weight:500}.link{color:var(--muted);text-align:left;text-underline-offset:3px;background:0 0;border:none;padding:8px 0;font-size:.875rem;text-decoration:underline}.auth-card,.form{gap:20px;display:grid}.auth-card h2{font-size:1.125rem}.field{border:none;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field>legend{color:var(--muted);align-items:baseline;gap:8px;padding:0;font-size:.875rem;display:flex}.field em{color:var(--gold);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:.6875rem;font-style:normal}.counter{color:var(--muted);margin-left:auto;font-size:.75rem}.hint{color:var(--muted);font-size:.75rem}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:var(--tap);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#b6aed38c}.field.highlight{border:1px solid var(--line);border-radius:var(--radius);background:#d9b45a12;padding:12px}.field.highlight>span{color:var(--gold);font-weight:600}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented label{border:1px solid var(--line);background:var(--bg);min-height:40px;color:var(--muted);border-radius:999px;align-items:center;padding:0 14px;font-size:.875rem;display:inline-flex}.segmented label.on{background:var(--gold);color:var(--on-gold);border-color:var(--gold);font-weight:600}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.quick{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{border:1px solid var(--line);min-height:32px;color:var(--muted);background:0 0;border-radius:999px;padding:0 12px;font-size:.8125rem}.chip-btn.on{color:var(--gold);border-color:var(--gold)}.chip{border:1px solid var(--line);min-height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;display:inline-flex}.chip input{accent-color:var(--gold);width:18px;height:18px;margin:0}.form-actions{bottom:calc(12px + var(--safe-bottom));position:sticky}.error{color:var(--danger);font-size:.875rem}.muted{color:var(--muted)}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filters select{flex:140px;width:auto;min-height:40px;padding:6px 10px}.count{color:var(--muted);margin-left:auto;font-size:.8125rem}.list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.reading{grid-template-columns:1fr auto;padding:0;display:grid;overflow:hidden}.reading-body{text-align:left;background:0 0;border:none;gap:6px;min-width:0;padding:14px 12px 14px 16px;display:grid}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.75rem;display:flex}.tag{color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:0 8px}.source{text-overflow:ellipsis;white-space:nowrap;max-width:12em;overflow:hidden}.summary{overflow-wrap:anywhere;font-size:.9375rem}.action{color:var(--text);overflow-wrap:anywhere;align-items:baseline;gap:8px;font-size:.875rem;display:flex}.action.none{color:var(--muted)}.action-label{color:var(--on-gold);background:var(--gold);border-radius:4px;flex:none;padding:0 6px;font-size:.6875rem;font-weight:700}.done-toggle{border:none;border-left:1px solid var(--line);background:var(--surface-2);width:72px;color:var(--muted);place-content:center;justify-items:center;gap:4px;font-size:.6875rem;display:grid}.done-toggle .check{border:2px solid var(--muted);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;display:grid}.done-toggle.on{color:var(--done)}.done-toggle.on .check{border-color:var(--done);background:var(--done);color:var(--on-gold)}.reading.is-done .summary,.reading.is-done .action{opacity:.7}.empty{color:var(--muted);text-align:center;padding:48px 8px}.notice{justify-items:start;gap:8px;margin-bottom:12px;display:grid}.fab-wrap{padding:16px 16px calc(16px + var(--safe-bottom));background:linear-gradient(180deg, transparent, var(--bg) 45%);pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.fab{pointer-events:auto;width:min(528px,100%);min-height:52px;font-size:1rem;box-shadow:0 8px 24px #00000059}.toast{left:50%;bottom:calc(88px + var(--safe-bottom));background:var(--surface-2);border:1px solid var(--danger);color:var(--text);border-radius:10px;width:max-content;max-width:calc(100% - 32px);padding:8px 14px;font-size:.875rem;position:fixed;transform:translate(-50%)}.skeleton{border-radius:var(--radius);background:var(--surface);opacity:.5;height:120px;animation:1.2s ease-in-out infinite pulse}.skeleton.full{background:0 0;border-radius:0;height:100dvh}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}