:root{color-scheme:light;--ink:#304036;--muted:#778273;--paper:#f4f2e8;--panel:rgba(251,250,241,.91);--green:#58785e;--green-dark:#3f654a;--sage:#e3e9d9;--hair:rgba(59,79,60,.13);--shadow:0 10px 30px rgba(44,62,45,.10);--serif:'Sidequest Pixel',monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--paper);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font:15px/1.45 'Sidequest Pixel',monospace;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.landscape{position:fixed;inset:0 0 auto;height:405px;z-index:-1;overflow:hidden}.landscape img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,242,232,.02),rgba(244,242,232,.08) 46%,var(--paper) 100%)}.app-shell{width:min(100%,760px);margin:auto;padding:env(safe-area-inset-top) 20px calc(104px + env(safe-area-inset-bottom))}.topbar{height:59px;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.2em;display:flex;gap:8px;align-items:center}.mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:17px;color:var(--green);background:#f8f2dfaa}.top-actions{display:flex;gap:9px}.round-btn{width:39px;height:39px;border:1px solid #ffffff94;border-radius:50%;background:#f8f6e8a8;box-shadow:0 4px 14px #30403612;font-size:16px}.profile{font-size:12px;letter-spacing:2px}.page-head{padding:23px 0 10px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:750;color:#697c68}.page-title-row{display:flex;justify-content:space-between;align-items:end;gap:12px}.page-title{font:500 clamp(30px,8vw,39px)/1.08 var(--serif);letter-spacing:-.04em;margin:5px 0 0}.head-actions{display:flex;gap:7px;padding-bottom:2px}.subtle-btn{height:36px;padding:0 11px;border:1px solid #ffffffa8;border-radius:99px;background:#f9f7ebbd;font-size:12px;white-space:nowrap}.week-nav{display:flex;align-items:center;gap:9px;margin-top:15px}.week-nav button{width:33px;height:33px;border-radius:50%;background:#f9f7ebad;border:1px solid #fff9;font-size:19px}.week-label{font-size:12px;color:var(--muted);font-weight:650}.week-days{display:flex;justify-content:space-between;gap:7px;margin:8px -2px 0}.week-day{flex:1;min-width:0;padding:6px 2px 7px;border:0;border-radius:15px;background:transparent;color:var(--muted);font-size:10px}.week-day b{display:grid;place-items:center;margin:4px auto 0;width:29px;height:29px;border-radius:50%;font-size:13px;color:var(--ink);font-weight:650}.week-day.selected b{background:var(--green);color:white;box-shadow:0 4px 10px #526e5344}.week-day.today:not(.selected) b{background:#e6e8d6}.section-block{margin-top:19px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section-title{font:500 20px var(--serif);margin:0;letter-spacing:-.025em}.caption{font-size:11px;color:var(--muted)}.segmented{display:flex;background:#e5e8dc;border-radius:99px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;padding:6px 11px;border-radius:99px;color:#748071;font-size:11px}.segmented button.active{background:#fcfbf2;color:var(--ink);box-shadow:0 2px 6px #24392314}.overview{padding:13px 14px 12px;border-radius:20px;background:linear-gradient(112deg,#f7f4e4e8,#f1f1dfdb);border:1px solid #fff9;box-shadow:0 8px 22px #475c4013}.overview-meta{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px}.overview-meta strong{font:500 16px var(--serif)}.overview-meta span{font-size:10px;color:var(--muted)}.ruler{position:relative;height:37px;border-radius:12px;background-color:#e1e5d5;background-image:linear-gradient(90deg,transparent calc(100% - 1px),rgba(74,92,70,.13) calc(100% - 1px));background-size:25% 100%;overflow:visible}.ruler-fill{position:absolute;inset:0 auto 0 0;border-radius:12px;background:linear-gradient(90deg,#87a47a,#769674);opacity:.75}.ruler-now{position:absolute;top:-5px;bottom:-6px;width:2px;background:#425e48;z-index:2}.ruler-now:before{content:"";position:absolute;top:-2px;left:-4px;width:10px;height:10px;border-radius:50%;background:#425e48}.ruler-segment{position:absolute;top:4px;bottom:4px;min-width:2px;border-radius:6px;background:#647e5f;opacity:.88;z-index:1}.ruler-segment.sleep{background:#8190a1}.ruler-segment.free{background:#ecddad;opacity:1}.ruler-segment.personal{background:#d39a73}.ruler-segment.unknown{background:repeating-linear-gradient(135deg,#d3d8cb 0,#d3d8cb 2px,#e0e3d9 2px,#e0e3d9 5px);opacity:.95;z-index:0}.journal-item.is-unknown{background:#f0f0e7a8;color:#778273}.ruler-labels{display:flex;justify-content:space-between;margin-top:6px;color:#7f8979;font-size:9px}.availability{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11px;color:#687667}.availability b{font-weight:700;color:var(--green-dark)}.tiny-sun{font-size:13px}.journal{display:flex;flex-direction:column;gap:6px}.journal-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:57px;padding:6px 10px 6px 6px;border-radius:15px;background:#f9f8efc7;position:relative;overflow:hidden}.journal-item.current{background:#fffdf4ef;box-shadow:0 4px 15px #394b3613}.journal-item.is-free{min-height:38px;background:transparent;padding:3px 9px;color:var(--muted)}.journal-item.is-free .scene-thumb{width:30px;height:30px;background:#e8ead9}.scene-thumb{width:44px;height:44px;border-radius:13px;background:var(--tint,#e1e8d9);display:grid;place-items:center;overflow:hidden}.scene-thumb svg{width:100%;height:100%}.journal-copy{min-width:0}.journal-copy strong{font-size:12px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-copy small{font-size:10px;color:var(--muted);display:block;margin-top:1px}.journal-time{text-align:right;font-size:10px;color:#718071;white-space:nowrap}.journal-time b{display:block;font-size:11px;color:var(--ink);font-weight:650}.journal-free-action{border:0;background:#e5eadc;color:#58765a;width:27px;height:27px;border-radius:50%;font-size:16px}.fixed-mark{font-size:9px;color:#81937d;margin-left:4px}.floating-add{position:fixed;right:max(calc((100vw - 760px)/2 + 20px),18px);bottom:calc(93px + env(safe-area-inset-bottom));z-index:4;width:48px;height:48px;border:0;border-radius:50%;color:white;background:var(--green);font-size:24px;box-shadow:0 7px 19px #4e6c5255}.bottom-nav{position:fixed;z-index:5;bottom:0;left:0;right:0;padding:9px 18px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--paper) 70%,transparent)}.bottom-nav:before{content:"";position:absolute;inset:7px 18px max(8px,env(safe-area-inset-bottom));max-width:485px;margin:auto;border-radius:23px;background:#fbfaf1f2;border:1px solid #fff;box-shadow:0 8px 28px #3346331c;backdrop-filter:blur(16px);z-index:-1}.bottom-nav{display:flex;justify-content:center;gap:min(10vw,80px);align-items:center;min-height:75px}.nav-item{min-width:73px;padding:7px 5px 5px;display:grid;justify-items:center;gap:1px;border:0;background:none;color:#839081;font-size:9px}.nav-icon{font:20px/24px var(--serif)}.nav-item.active{color:var(--green-dark);font-weight:750}.nav-item.active .nav-icon{transform:translateY(-1px)}.empty-note{padding:20px;text-align:center;color:var(--muted);font-size:12px}.sheet-shade{position:fixed;inset:0;background:#2433285c;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}.sheet-shade.open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:21;bottom:0;left:50%;transform:translate(-50%,110%);transition:transform .28s cubic-bezier(.2,.8,.2,1);width:min(100%,760px);max-height:min(82dvh,750px);overflow:auto;border-radius:26px 26px 0 0;padding:9px 22px calc(27px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -10px 44px #1c2a1f29}.sheet.open{transform:translate(-50%,0)}.sheet-grab{width:36px;height:4px;border-radius:99px;background:#b8c0af;margin:1px auto 17px}.sheet h2{font:500 25px var(--serif);margin:3px 0 13px}.sheet p{color:var(--muted);font-size:12px}.sheet-close{float:right;border:0;width:33px;height:33px;border-radius:50%;background:#e4e8da;font-size:18px}.activity-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.activity-choice{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #fff;background:#fbfaf0;border-radius:17px;padding:9px;min-height:62px}.activity-choice .scene-thumb{width:42px;height:42px}.activity-choice b{display:block;font-size:12px}.activity-choice small{display:block;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.field.full{grid-column:1/-1}.field input,.field select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--hair);border-radius:12px;background:#fffdf5;color:var(--ink);font-size:13px}.primary-btn,.secondary-btn{min-height:44px;border:0;border-radius:13px;padding:0 16px}.primary-btn{background:var(--green);color:#fff}.secondary-btn{background:#e4e9dc;color:var(--ink)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.day-row{display:flex;flex-wrap:wrap;gap:6px}.day-chip input{position:absolute;opacity:0}.day-chip span{display:block;padding:7px 9px;border:1px solid var(--hair);border-radius:99px;background:#fffdf4;font-size:11px}.day-chip input:checked+span{background:var(--green);border-color:var(--green);color:#fff}.activity-list{display:grid;gap:7px}.library-item{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border-radius:15px;background:#f9f8efcf}.library-item h3{font-size:13px;margin:0}.library-item p{margin:2px 0 0;color:var(--muted);font-size:10px}.library-actions{display:flex;gap:5px}.small-action{width:31px;height:31px;border:0;border-radius:50%;background:#e7eadf;font-size:13px}.replay-card{padding:16px;border-radius:20px;background:#f8f6e8db;border:1px solid #fff9;box-shadow:var(--shadow)}.replay-stat{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--hair);font-size:12px}.replay-stat:last-child{border-bottom:0}.bar{height:6px;background:#e0e5d8;border-radius:9px;margin-top:5px;overflow:hidden}.bar i{display:block;height:100%;border-radius:9px;background:#86a27a}.toast{position:fixed;z-index:40;bottom:calc(94px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);padding:9px 14px;max-width:calc(100vw - 30px);border-radius:99px;background:#344337;color:#fff;font-size:12px;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.theme-dark{color-scheme:dark;--ink:#e5ebdf;--muted:#a8b5a5;--paper:#202a24;--panel:rgba(42,57,46,.94);--green:#87a37a;--green-dark:#bfd3ad;--sage:#354436;--hair:rgba(219,230,208,.13);--shadow:0 12px 30px #08100c66}.theme-dark .landscape{filter:brightness(.43) saturate(.72)}.theme-dark .landscape:after{background:linear-gradient(180deg,#202a2400,#202a2440 45%,var(--paper) 100%)}.theme-dark .round-btn,.theme-dark .subtle-btn,.theme-dark .week-nav button{background:#354239;color:var(--ink);border-color:#ffffff14}.theme-dark .week-day.today:not(.selected){background:#354239}.theme-dark .overview{background:linear-gradient(112deg,#334237ed,#2b3b31ed);border-color:#ffffff12}.theme-dark .ruler{background-color:#435244}.theme-dark .ruler-segment.unknown{background:repeating-linear-gradient(135deg,#4a5648 0,#4a5648 2px,#3d493f 2px,#3d493f 5px)}.theme-dark .journal-item.is-unknown{background:#2b362d}.theme-dark .ruler-labels,.theme-dark .week-label{color:#a8b5a5}.theme-dark .segmented{background:#344137}.theme-dark .segmented button.active,.theme-dark .journal-item,.theme-dark .replay-card,.theme-dark .library-item,.theme-dark .activity-choice{background:#2b392f;color:var(--ink);border-color:#ffffff12}.theme-dark .journal-item.current{background:#36453a}.theme-dark .bottom-nav:before{background:#29372df0;border-color:#ffffff12}.theme-dark .bottom-nav{background:linear-gradient(0deg,var(--paper) 70%,transparent)}.theme-dark .nav-item.active{color:#c7d8b4}.theme-dark .sheet{background:var(--paper)}.theme-dark .field input,.theme-dark .field select{background:#2b392f;color:var(--ink);border-color:#ffffff1a}.theme-dark .day-chip span{background:#2b392f}.theme-dark .sheet-close,.theme-dark .secondary-btn,.theme-dark .small-action{background:#38483c;color:var(--ink)}.theme-dark .journal-item.is-free{background:transparent}.theme-dark .journal-free-action{background:#39483b;color:#d7e3c7}
@media(min-width:650px){.app-shell{padding-left:26px;padding-right:26px}.landscape{height:490px}.page-head{padding-top:38px}.section-block{margin-top:23px}.journal{gap:7px}.journal-item{min-height:64px}.overview{padding:15px 17px}}
@media(max-width:649px){.landscape img{object-position:72% center}}
@media(max-width:360px){.app-shell{padding-left:14px;padding-right:14px}.week-days{gap:2px}.week-day{font-size:9px}.page-title{font-size:31px}.head-actions{gap:4px}.subtle-btn{padding:0 8px;font-size:11px}.journal-item{grid-template-columns:39px 1fr auto;gap:8px;padding-right:8px}.scene-thumb{width:39px;height:39px}.journal-time{font-size:9px}.activity-choices{gap:6px}.activity-choice{padding:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}