:root{--cream:#f2e8cf;--ink:#264653;--coral:#e76f51;--teal:#2a9d8f;color:var(--cream);font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#0d1b2a;height:100%;margin:0;overflow:hidden}.hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#2646538c;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.4;position:fixed;top:16px}.hud-left{width:220px;left:16px}.hud-right{width:300px;max-height:calc(100% - 32px);right:16px;overflow:hidden}.hud-center{opacity:.8;place-items:center;font-size:15px;display:grid;position:fixed;inset:0}.clock{font-size:18px;font-weight:600}.scale{opacity:.7;font-size:12px}.where{opacity:.75}.doing{color:#fff;margin:6px 0 2px;font-weight:600}.brain{opacity:.7;margin-bottom:10px;font-size:11px}.plan{opacity:.85;margin-bottom:2px;font-size:12px;font-style:italic}.thinking{color:var(--teal);margin-bottom:4px;font-size:11px}.thinking:before{content:"✎ "}.hud-journal{width:340px;max-height:40%;top:auto;bottom:16px;left:16px;overflow:hidden}.section-title{text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:4px;font-size:11px}.journal article{margin:6px 0}.hud-journal .journal article+article{opacity:.7}.journal time{opacity:.6;font-size:11px}.journal p{margin:2px 0 0}.journal .dream p{font-style:italic}.journal .song p{white-space:pre-line;font-style:italic}.toggle{pointer-events:auto;cursor:pointer;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.need{grid-template-columns:56px 1fr;align-items:center;gap:8px;margin:4px 0;display:grid}.bar{background:#f2e8cf33;border-radius:3px;height:6px;overflow:hidden}.bar>div{background:var(--coral);border-radius:3px;height:100%;transition:width .6s}.bar.mood>div{background:var(--teal)}.status{text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px}.status.on:before{content:"● ";color:var(--teal)}.status.off:before{content:"● ";color:var(--coral)}.events{margin:0;padding:0;list-style:none}.events li{opacity:.9;margin:3px 0}.events li:nth-child(n+5){opacity:.6}.events time{opacity:.6;font-variant-numeric:tabular-nums;margin-right:4px}.knows{pointer-events:auto;margin-top:8px;font-size:12px}.knows summary{cursor:pointer;opacity:.85}.knows ul{max-height:160px;margin:4px 0 0;padding:0;list-style:none;overflow-y:auto}.knows li{margin:2px 0}.knows li span{opacity:.6;font-size:11px}.knows li span.mystery{color:var(--coral);opacity:.85;font-style:italic}.host{opacity:.65;margin-top:8px;font-size:11px}.pip{pointer-events:none;border-radius:14px;width:180px;height:180px;position:fixed;bottom:16px;right:16px;box-shadow:0 0 0 2px #f2e8cf8c,0 6px 18px #00000040}.pip span{letter-spacing:.08em;text-transform:uppercase;opacity:.8;text-shadow:0 1px 2px #00000080;font-size:11px;position:absolute;bottom:8px;left:10px}.pip .thoughts{white-space:nowrap;background:#f2e8cfeb;border-radius:16px;padding:6px 10px;font-size:20px;line-height:1;animation:.4s ease-out thought-in;position:absolute;top:12px;right:calc(100% + 10px);box-shadow:0 4px 12px #0003}.pip .thoughts:after{content:"";background:#f2e8cfeb;border-radius:50%;width:9px;height:9px;position:absolute;top:14px;right:-7px}@keyframes thought-in{0%{opacity:0;transform:translateY(4px)scale(.9)}to{opacity:1;transform:none}}.phone-top{top:calc(10px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#26465399;border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.35;position:fixed;left:10px;right:10px}.phone-top .clock{font-size:16px}.phone-top .doing{margin:2px 0 0}.phone-top .dot{border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px}.dot.on{background:var(--teal)}.dot.off{background:var(--coral)}.sheet{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#264653b8;border-radius:16px;font-size:14px;line-height:1.45;position:fixed;overflow:hidden}.sheet-body{-webkit-overflow-scrolling:touch;max-height:52vh;padding:12px 14px 4px;overflow-y:auto}.sheet-body .toggle{margin-top:8px;font-size:13px}.sheet-body .events li{margin:6px 0}.sheet-body .journal article{margin:0 0 12px}.sheet .empty{opacity:.7;margin:4px 0 10px}.peek{width:100%;color:inherit;font:inherit;text-align:left;opacity:.9;-webkit-line-clamp:2;background:0 0;border:0;-webkit-box-orient:vertical;padding:12px 14px 4px;font-size:13px;display:-webkit-box;overflow:hidden}.tabs{gap:4px;padding:8px;display:flex}.tabs button{color:inherit;font:inherit;background:#f2e8cf1a;border:0;border-radius:10px;flex:1;padding:9px 0;font-size:13px;font-weight:600}.tabs button.active{background:var(--cream);color:var(--ink)}@media (width<=640px){.pip{top:calc(100px + env(safe-area-inset-top));border-radius:12px;width:104px;height:104px;bottom:auto;right:10px}.pip .thoughts{padding:5px 8px;font-size:16px;top:8px}}.knows .depth{letter-spacing:.1em;opacity:.7;margin-left:.4em;font-size:.75em}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#2646539e;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.topbar h1{letter-spacing:.02em;white-space:nowrap;margin:0 4px;font-size:16px;font-weight:700}.topbar button{color:inherit;font:inherit;cursor:pointer;border:0}.avatar{background:var(--cream);border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:20px;display:grid;overflow:hidden;box-shadow:0 0 0 2px #f2e8cf99}.avatar img{object-fit:cover;width:100%;height:100%}.topbar .shelf-button{background:#f2e8cf24;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.shelf-button:hover,.avatar:hover{filter:brightness(1.12)}@media (width>=641px) and (width<=1000px){.hud-left,.hud-right{top:70px}.hud-right{max-height:calc(100% - 86px)}}@media (width<=640px){.topbar{top:calc(8px + env(safe-area-inset-top));border-radius:14px;justify-content:space-between;padding:5px 6px;left:10px;right:10px;transform:none}.topbar h1{flex:1;font-size:15px}.avatar{width:32px;height:32px}.shelf-button span{display:none}.phone-top{top:calc(60px + env(safe-area-inset-top))}.pip{top:calc(150px + env(safe-area-inset-top))}}.gecko-line{opacity:.8;margin-top:8px;font-size:11.5px}.open-books{color:inherit;font:inherit;cursor:pointer;pointer-events:auto;text-align:left;background:0 0;border:0;padding:0;font-size:11px;display:block}.open-books span{text-transform:none;letter-spacing:0;opacity:.8}.open-books:hover span{text-decoration:underline}.gecko-call{color:var(--ink);white-space:nowrap;background:#f2e8cff2;border-radius:10px;padding:3px 8px;font-size:13px;font-weight:700;animation:.3s ease-out thought-in}.overlay{z-index:20;background:#0d1b2af7;flex-direction:column;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay .close{top:calc(12px + env(safe-area-inset-top));z-index:2;width:36px;height:36px;color:inherit;cursor:pointer;background:#f2e8cf26;border:0;border-radius:50%;font-size:16px;position:absolute;right:14px}.overlay .empty{opacity:.7;font-style:italic}.overlay-head{padding:calc(16px + env(safe-area-inset-top)) 18px 6px}.overlay-title{font-size:17px;font-weight:700}.hand{font-family:Segoe Print,Bradley Hand,Comic Sans MS,Chalkboard SE,cursive}.book-tabs{scrollbar-width:none;gap:6px;padding:6px 16px 10px;display:flex;overflow-x:auto}.book-tabs button{cursor:pointer;color:inherit;font:inherit;background:#f2e8cf1a;border:0;border-radius:999px;flex:none;padding:7px 12px;font-size:13px;font-weight:600}.book-tabs button.active{background:var(--cover);color:#fff}.book-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;flex:1;min-height:0;display:flex;overflow:auto hidden}.book-track::-webkit-scrollbar{display:none}.book{scroll-snap-align:center;scroll-snap-stop:always;min-height:0;padding:0 max(16px, calc((100% - 760px) / 2)) calc(36px + env(safe-area-inset-bottom));flex-direction:column;flex:0 0 100%;display:flex}.book .cover{background:linear-gradient(135deg, var(--cover), color-mix(in srgb, var(--cover) 70%, #000));border-radius:14px 14px 4px 4px;padding:16px 20px;box-shadow:inset 6px 0 #0000002e}.book .cover h2{margin:0;font-size:22px}.book .cover p{opacity:.9;margin:2px 0 0;font-size:13px}.book .pages{-webkit-overflow-scrolling:touch;color:#3b3631;background:#f6efdc;border-radius:4px 4px 14px 14px;flex:1;min-height:0;padding:18px 20px 24px;font-size:14.5px;line-height:1.55;overflow-y:auto;box-shadow:inset 6px 0 #0000000f}.book .pages time{opacity:.6;font-size:12px}.book h3{margin:0;font-size:16px}.turn{z-index:3;width:44px;height:44px;color:inherit;cursor:pointer;background:#f2e8cf29;border:0;border-radius:50%;font-size:28px;line-height:1;position:fixed;top:50%}.turn.prev{left:12px}.turn.next{right:12px}.turn:disabled{opacity:.2;cursor:default}@media (width<=860px){.turn{display:none}}.book-dots{bottom:calc(12px + env(safe-area-inset-bottom));justify-content:center;gap:7px;display:flex;position:fixed;left:0;right:0}.book-dots span{background:#f2e8cf4d;border-radius:50%;width:7px;height:7px}.book-dots span.on{background:var(--cream)}.journal-book h3{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:18px 0 6px;font-size:13px}.journal-book>div:first-child h3{margin-top:0}.journal-book article{margin:0 0 14px}.journal-book p{margin:2px 0 0}.journal-book .dream p{color:#5b4a7a;font-style:italic}.journal-book .song p{white-space:pre-line;font-style:italic}.song-card{border-bottom:1px dashed #3b363140;grid-template-columns:44px 1fr;gap:12px;padding:12px 0;display:grid}.song-card .play{cursor:pointer;color:#fff;background:#e76f51;border:0;border-radius:50%;width:40px;height:40px;font-size:15px;box-shadow:0 3px 8px #e76f5159}.song-card.playing .play{background:#264653}.lyrics p{margin:1px 0;font-style:italic;transition:color .2s,transform .2s}.lyrics p.now{color:#e76f51;font-weight:600;transform:translate(4px)}.notepad .page{background:#fffdf6 repeating-linear-gradient(#0000 0 23px,#5078aa2e 23px 24px);border-radius:6px;margin:0 0 18px;padding:14px 16px 16px 30px;position:relative;box-shadow:0 2px 6px #0000001f}.notepad .page:before{content:"";background:#c8505059;width:1px;position:absolute;top:0;bottom:0;left:20px}.notepad .page-geometry{background-color:#fbfcff;background-image:repeating-linear-gradient(0deg,#5078aa1a 0 1px,#0000 1px 12px),repeating-linear-gradient(90deg,#5078aa1a 0 1px,#0000 1px 12px)}.drawing{aspect-ratio:1;width:min(100%,420px);margin:8px auto;display:block}.notepad .hand{white-space:pre-line;margin:6px 0 0;font-size:15px}.album{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 18px;padding:4px;display:grid}.polaroid{cursor:zoom-in;background:#fff;margin:0;padding:9px 9px 12px;position:relative;box-shadow:0 3px 10px #0000002e}.polaroid .print{aspect-ratio:4/3;color:#aaa;background:#2b2b2b;place-items:center;font-size:12px;display:grid;overflow:hidden}.polaroid .print img{object-fit:cover;filter:sepia(.18)saturate(1.05)contrast(1.04);width:100%;height:100%}.polaroid .print.night img{filter:brightness(.7)saturate(.6)hue-rotate(15deg)contrast(1.1)}.polaroid figcaption{margin-top:7px;font-size:13.5px;line-height:1.3}.polaroid time{margin-top:3px;display:block}.polaroid .newest{color:#fff;background:#e76f51;border-radius:8px;padding:2px 7px;font-size:11px;position:absolute;top:-8px;right:-6px}.photo-big{z-index:30;cursor:zoom-out;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.photo-big .polaroid{cursor:zoom-out;color:#3b3631;width:min(92vw,720px);rotate:0deg}.shelf-books{flex-direction:column;gap:6px;display:flex}.spine{background:var(--spine);color:#fff;border-radius:3px;padding:9px 14px;font-size:13.5px;box-shadow:inset 0 0 0 1px #0000001f,inset 8px 0 #0000001f}.overlay.profile{padding:calc(20px + env(safe-area-inset-top)) 14px 30px;align-items:center;overflow-y:auto}.profile-card{color:#3b3631;background:#f6efdc;border-radius:18px;width:min(100%,640px);margin:auto 0;padding:22px 22px 18px;font-size:14.5px;line-height:1.55;position:relative}.profile-card .close{color:#3b3631;background:#3b36311a;top:12px;right:12px}.profile-top{align-items:center;gap:16px;padding-right:30px;display:flex}.portrait{background:#264653;border-radius:16px;flex:none;place-items:center;width:112px;height:112px;font-size:30px;display:grid;overflow:hidden;box-shadow:0 4px 12px #0003}.portrait img{object-fit:cover;width:100%;height:100%}.profile-card h2{margin:0;font-size:24px}.profile-card .tagline{margin:2px 0 4px}.profile-card .facts{opacity:.75;margin:0;font-size:12.5px}.profile-card section{margin-top:18px}.profile-card h3{text-transform:uppercase;letter-spacing:.06em;color:#2a9d8f;margin:0 0 4px;font-size:13px}.profile-card p{margin:0 0 6px}.story{font-size:15.5px}.lives-with{opacity:.85;font-size:13.5px}.counts{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.counts span{background:#2a9d8f21;border-radius:999px;padding:4px 9px;font-size:12.5px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px dashed #3b36312e;grid-template-columns:24px 52px 1fr;gap:6px;padding:5px 0;font-size:13.5px;display:grid}.timeline time{opacity:.6;padding-top:1px;font-size:12px}@media (width<=480px){.portrait{width:84px;height:84px}.profile-card h2{font-size:20px}}.item-card h2{padding-right:34px}.item-card .timeline li{grid-template-columns:92px 1fr}.item-card .learnt{margin:0;padding-left:18px}.item-card .learnt li{margin:3px 0}.pi-specs{grid-template-columns:max-content 1fr;gap:3px 14px;margin:6px 0 0;font-size:13.5px;display:grid}.pi-specs dt{opacity:.65}.pi-specs dd{margin:0}.item-card .own-head{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin:12px 0 4px;font-size:12px}.item-card .pastimes{margin:0;padding-left:18px}.item-card .pastimes li{margin:3px 0}.item-card .learnt li.own::marker{content:"✨ "}.model-preview{background:#e4e2de;border-radius:10px;height:240px;margin:8px 0 4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3b36311f}.model-open{cursor:pointer;color:#f2e8cf;font:inherit;background:#264653e0;border:0;border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:600;position:absolute;bottom:8px;right:8px}.model-viewer{z-index:40;color:#2f2c28;background:#e4e2de;flex-direction:column;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.model-stage{flex:1;min-height:0}.model-bar{padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#f4f2ee;border-top:1px solid #d3cfc9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.model-title{font-size:16px;font-weight:700}.model-stats{opacity:.7;font-size:12.5px}.model-buttons{flex-wrap:wrap;gap:6px;display:flex}.model-buttons button{color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbc6be;border-radius:6px;padding:6px 12px;font-size:13px}.model-buttons button.active{color:#fff;background:#264653;border-color:#264653}.model-viewer .close{top:calc(12px + env(safe-area-inset-top));width:36px;height:36px;color:inherit;cursor:pointer;background:#2f2c281a;border:0;border-radius:50%;font-size:16px;position:absolute;right:14px}.author-card .wishes{margin:0;padding-left:20px}.author-card .wishes li{margin:0 0 12px}.author-card .wishes time,.author-note time{opacity:.6;font-size:12px}.author-card .wishes p{margin:3px 0 0}.author-note{border-bottom:1px dashed #3b36312e;padding:8px 0}.author-note p{margin:4px 0 0}.author-note .enjoyed{color:#6d597a;font-style:italic}
