:root{--bg: #e7ddc9;--phone: #f7f0e3;--card: #fffaf1;--ink: #2a2018;--muted: #a08d72;--muted2: #b6a486;--faint: #bfae93;--line: #ece2cf;--border: #e6dcc8;--accent: #c2552f;--green: #5f7d4a;--green-ink: #4f6b3e;--green-bg: #eaf0e2;--green-border: #d3e0c4;--panel: #f1e8d6;--dark: #1c1611;--dark-line: #4a3f36;--dark-ink: #f7f0e3;--dark-accent: #f0a884}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(130% 70% at 50% 0%,#efe7d6,#e0d4bc) fixed;font-family:Albert Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}button{font-family:inherit}.app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:0}@media (min-width: 460px){.app{padding:28px 16px}}.phone{width:100%;max-width:404px;height:100dvh;background:var(--phone);display:flex;flex-direction:column;position:relative;overflow:hidden;flex:none}@media (min-width: 460px){.phone{height:min(854px,calc(100dvh - 56px));border-radius:46px;box-shadow:0 30px 70px -22px #3c281473,0 0 0 1px #0000000a}}.phone.night{background:var(--dark)}.sbar{display:flex;justify-content:space-between;align-items:center;padding:14px 30px 6px;font-weight:700;font-size:14px;color:var(--ink);flex:none}.sbar.night{color:#f3ece2}.dots{letter-spacing:2px;font-size:11px}.dots.night{color:#7a6f63}.body{flex:1;overflow-y:auto;scrollbar-width:none}.body::-webkit-scrollbar{display:none}.h1{font-family:Newsreader,serif;color:var(--ink);letter-spacing:-.4px;margin:0}.serif{font-family:Newsreader,serif}.cap{font-family:Newsreader,serif;font-size:15px;color:var(--ink)}.sub{font-size:11.5px;font-weight:500;color:var(--muted)}.kicker{font-size:10.5px;font-weight:700;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase}.tab{flex:none;display:flex;justify-content:space-around;align-items:center;padding:11px 12px calc(20px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}.ti{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted2);font-size:10px;font-weight:600;background:none;border:none;cursor:pointer;padding:4px 10px;position:relative}.ti.on{color:var(--accent);font-weight:700}.tbadge{position:absolute;top:0;right:4px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;border-radius:9px;padding:1.5px 5px;line-height:1.3}.railcard{flex:none;width:160px;scroll-snap-align:start;text-align:left;background:none;border:none;padding:0;cursor:pointer}.thumb{position:relative;border-radius:16px;overflow:hidden;height:118px;border:1px solid var(--border)}.rtitle{font-family:Newsreader,serif;font-size:15px;color:var(--ink);margin-top:8px;line-height:1.15}.rmeta{font-size:11px;font-weight:600;color:var(--muted);margin-top:3px}.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{display:none}.add{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#fffaf1f0;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 2px 6px #0000002e;border:none;cursor:pointer}.add.heart{background:#c2552ff2;color:#fff}.chip{font-size:11px;font-weight:600;color:#6a5b46;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:6px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.chip.on{background:var(--ink);color:var(--phone);border-color:var(--ink)}.chip.grn{color:var(--green-ink);background:var(--green-bg);border-color:var(--green-border)}.btn{text-align:center;border-radius:13px;padding:14px;font-size:13.5px;font-weight:700;cursor:pointer;border:none;width:100%;display:block}.btn.dark{background:var(--ink);color:var(--phone)}.btn.acc{background:var(--accent);color:#fff}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--border)}.row{display:flex;align-items:center}.knob{width:26px;height:26px;border-radius:50%;background:#f0e7d6;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);font-weight:600;flex:none;border:none;cursor:pointer}.stepper{display:inline-flex;align-items:center;gap:8px;flex:none;background:var(--phone);border:1px solid var(--border);border-radius:20px;padding:3px 4px}.stepper button{width:24px;height:24px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--accent);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.stepper .val{font-size:12px;font-weight:700;color:var(--ink);min-width:54px;text-align:center}.daypick{display:inline-flex;gap:4px;flex:none}.daychip{width:26px;height:26px;border-radius:8px;flex:none;background:var(--card);border:1px solid var(--border);color:var(--muted2);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.daychip.on{background:var(--accent);border-color:var(--accent);color:#fff}.glance{display:flex;flex-wrap:wrap;gap:22px;align-items:baseline;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:15px 20px}.glance .stat{display:flex;flex-direction:column;gap:1px}.glance .num{font-family:Newsreader,serif;font-size:22px;color:var(--ink);line-height:1}.glance .lbl{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.weekrow{display:flex;gap:7px}.weekcell{flex:1;min-width:0;text-align:center}.weekcell .d{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin-bottom:5px}.weekcell .slot{height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid var(--border);background:var(--card)}.weekcell .slot.empty{border-style:dashed;border-color:#d3c6ab;background:transparent;color:var(--faint);font-size:15px}.tgl{width:44px;height:26px;border-radius:14px;position:relative;flex:none;border:none;cursor:pointer;padding:0}.tgl i{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;transition:all .16s ease}.tgl.on{background:var(--green)}.tgl.on i{right:3px}.tgl.off{background:#d8cdb6}.tgl.off i{left:3px}.li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.cbx{width:22px;height:22px;border-radius:7px;border:1.6px solid #c9bb9f;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;background:none;cursor:pointer}.cbx.on{background:var(--green);border-color:var(--green)}.colcap{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;font-size:11px;font-weight:700;color:#7a6a52;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:6px 13px}.av{width:30px;height:30px;border-radius:50%;background:#ead9c0;border:1px solid #d8c6a8;flex:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#9a866a}.slot{display:block;border:none;padding:0;cursor:pointer;background-size:cover;background-position:center;position:relative;overflow:hidden}.slot .slot-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#2a201880;font-size:10px;font-weight:600;text-align:center;padding:8px}.slot .slot-emoji{font-size:30px}.desk{width:min(1340px,100%);height:min(860px,calc(100dvh - 56px));background:var(--phone);border-radius:26px;box-shadow:0 36px 90px -28px #3c281480,0 0 0 1px #0000000a;overflow:hidden;display:flex;position:relative}.side{width:248px;flex:none;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:26px 18px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:11px 15px;border-radius:14px;text-align:left;font-size:14.5px;font-weight:600;color:#7a6a52;background:none;border:none;cursor:pointer}.nav-item.on{background:var(--ink);color:var(--phone)}.nav-item svg{flex:none}.dcard{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--card);cursor:pointer}.dcard .ph{position:relative;height:158px}.ctitle{font-family:Newsreader,serif;font-size:18px;color:var(--ink);line-height:1.14}.cmeta{font-size:12px;font-weight:600;color:var(--muted);margin-top:4px}.pbadge{position:absolute;bottom:10px;left:10px;font-size:10.5px;font-weight:700;color:#fff;background:#c2552feb;border-radius:7px;padding:4px 9px}.weekside{width:300px;flex:none;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column}.searchbar{flex:1;display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--border);border-radius:15px;padding:13px 17px;box-shadow:0 1px 2px #3c28140d;font-size:14px;color:var(--faint);font-weight:500}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#1c0f0673;display:flex;align-items:center;justify-content:center}.modal{width:min(480px,92%);max-height:92%;background:var(--phone);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px #00000080}.modal.night{background:var(--dark)}.accessibility\:focus:focus-visible,button:focus-visible,.slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}