:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000;overflow:hidden;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.named-system-markers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.named-system-marker{position:absolute;width:max-content;max-width:13rem;padding:.28rem .55rem .28rem 1.15rem;border:0;background:transparent;color:#cfdcf885;font:300 .64rem/1.3 inherit;letter-spacing:.1em;text-shadow:0 1px 8px #000,0 1px 18px #000;white-space:nowrap;cursor:pointer;pointer-events:auto;transform:translate(-.56rem,-50%);transition:color .5s ease,opacity .8s ease}.named-system-marker:before{content:"";position:absolute;top:50%;left:0;width:.56rem;height:.56rem;border:1px solid rgba(153,184,234,.48);border-radius:50%;box-shadow:0 0 .8rem #749fe140;transform:translateY(-50%)}.named-system-marker:hover,.named-system-marker:focus-visible,.named-system-marker.focused{color:#e7eeffdb;outline:none}.named-system-marker:hover:before,.named-system-marker:focus-visible:before,.named-system-marker.focused:before{border-color:#cadcffd9;box-shadow:0 0 1.1rem #8db7ff85}.sleeping .named-system-markers{opacity:.15}.system-focus-marker{position:fixed;z-index:7;width:3.25rem;height:3.25rem;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.86);transition:opacity .28s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.system-focus-marker.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.system-focus-marker:before{content:"";position:absolute;top:50%;left:50%;width:.24rem;height:.24rem;border-radius:50%;background:#e1edfff2;box-shadow:0 0 .45rem #b2d1fff2,0 0 1.2rem #79a9edbf;transform:translate(-50%,-50%)}.system-focus-marker:after{content:"";position:absolute;top:50%;left:calc(100% - .2rem);width:1.15rem;height:1px;background:linear-gradient(90deg,rgba(181,207,249,.58),transparent)}.system-focus-marker-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(177,207,252,.7);border-radius:50%;box-shadow:inset 0 0 .9rem #73a2e614,0 0 1.15rem #6c9de43d;animation:system-focus-breathe 2.8s ease-in-out infinite}.system-focus-marker-ring:before,.system-focus-marker-ring:after{content:"";position:absolute;top:50%;width:.38rem;height:.38rem;border-top:1px solid rgba(218,231,255,.9);border-right:1px solid rgba(218,231,255,.9)}.system-focus-marker-ring:before{left:-.22rem;transform:translateY(-50%) rotate(-135deg)}.system-focus-marker-ring:after{right:-.22rem;transform:translateY(-50%) rotate(45deg)}.system-focus-marker-label{position:absolute;top:50%;left:calc(100% + 1.05rem);color:#d7e4fdb8;font:300 .58rem/1.2 inherit;letter-spacing:.18em;text-shadow:0 1px 7px #000,0 1px 14px #000;white-space:nowrap;transform:translateY(-50%)}.system-focus-marker.align-left:after{right:calc(100% - .2rem);left:auto;background:linear-gradient(270deg,rgba(181,207,249,.58),transparent)}.system-focus-marker.align-left .system-focus-marker-label{right:calc(100% + 1.05rem);left:auto}.sleeping .system-focus-marker{opacity:.22}@keyframes system-focus-breathe{0%,to{opacity:.58;transform:scale(.93)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.system-focus-marker-ring{animation:none}}.hint{position:fixed;left:50%;bottom:max(2.5rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;font:300 .8rem/1.7 -apple-system,Hiragino Sans,Noto Sans JP,sans-serif;letter-spacing:.14em;color:#d2dcf580;text-align:center;pointer-events:none;transition:opacity 2.4s ease;z-index:2}.hint-sub{color:#d2dcf54d}.hint.faded{opacity:0}.quiet-controls{position:fixed;left:max(1.5rem,env(safe-area-inset-left));bottom:max(1.5rem,env(safe-area-inset-bottom));display:flex;gap:.35rem;z-index:8}.quiet-controls button,.observation button,.journal button,.farewell button{padding:.4rem .9rem;border:1px solid rgba(190,205,240,.16);border-radius:999px;background:#01030a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#c8d4f066;font:300 .7rem/1.5 inherit;letter-spacing:.14em;cursor:pointer;transition:color .6s ease,border-color .6s ease,background .6s ease,opacity 1.2s ease}.quiet-controls button:hover,.quiet-controls button:focus-visible,.observation button:hover,.journal button:hover,.farewell button:hover{color:#dce6ffbf;border-color:#becdf057;background:#19234138}.quiet-controls button[aria-pressed=true]{color:#c8d4f047;border-color:#becdf01a}.debug-panel{position:fixed;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));z-index:30;width:min(21rem,calc(100vw - 2rem));padding:1rem;border:1px solid rgba(151,190,255,.28);border-radius:.75rem;background:#020712e6;box-shadow:0 18px 64px #00000094;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#dae6ffc7;font:400 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.debug-panel[hidden]{display:none}.debug-panel header,.debug-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.debug-panel h2{font-size:.72rem;font-weight:600;letter-spacing:.15em}.debug-panel label{display:grid;gap:.35rem;margin-top:.75rem;color:#b1c6ee94}.debug-panel select,.debug-panel button{min-height:2rem;border:1px solid rgba(151,190,255,.2);border-radius:.4rem;background:#131f3ac2;color:#e5edffd9;font:inherit}.debug-panel select{width:100%;padding:.35rem .55rem}.debug-panel button{padding:.35rem .65rem;cursor:pointer}.debug-panel button:hover,.debug-panel button:focus-visible,.debug-panel select:focus-visible{border-color:#b1d0ff8c;outline:none}.debug-panel .debug-close{min-width:2rem;padding:0;border:0;background:transparent;font-size:1rem}.debug-time{display:block;margin-top:.7rem;color:#f0f4ffeb;font-size:.9rem;font-variant-numeric:tabular-nums}.debug-actions{margin-top:.9rem}.debug-actions button{flex:1}.debug-status{min-height:1rem;margin-top:.7rem;color:#9db7e585;font-size:.62rem}.witness-caption{position:fixed;left:50%;top:10%;width:min(34rem,calc(100vw - 3rem));transform:translate(-50%,-8px);color:#dee5f600;font:300 .84rem/1.8 inherit;letter-spacing:.16em;text-align:center;pointer-events:none;transition:color 2s ease,transform 2s ease;z-index:5}.witness-caption.visible{color:#dee5f69e;transform:translate(-50%)}.observation,.journal{position:fixed;z-index:10;color:#dee5f6bf;background:linear-gradient(145deg,#040711c9,#070a1794);border:1px solid rgba(185,202,239,.11);box-shadow:0 24px 80px #00000061;-webkit-backdrop-filter:blur(20px) saturate(110%);backdrop-filter:blur(20px) saturate(110%);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.observation[hidden],.journal[hidden],.farewell[hidden]{display:none}.observation{right:max(1.5rem,env(safe-area-inset-right));top:50%;width:min(22rem,calc(100vw - 3rem));padding:2.15rem;border-radius:1rem;opacity:0;transform:translate(16px,-48%)}.observation.visible{opacity:1;transform:translateY(-50%)}.eyebrow{margin-bottom:.7rem;color:#a2b5de61;font-size:.65rem;letter-spacing:.22em}.observation h1,.journal h2,.farewell h2{color:#eef2fbd4;font-size:1.12rem;font-weight:300;letter-spacing:.1em}.observation-note{margin:1rem 0 1.4rem;color:#d2dcf27a;font-size:.76rem;font-weight:300;line-height:1.9;letter-spacing:.06em}.observation-note-part{transition:color .8s ease}.observation-note-part[data-tone=structure],.system-log-teaser p[data-tone=structure]{color:#9dbee6c7}.observation-note-part[data-tone=signal],.system-log-teaser p[data-tone=signal]{color:#cdb077d1}.observation-note-part[data-tone=loss],.system-log-teaser p[data-tone=loss]{color:#be899fcc}.name-row{display:flex;gap:.5rem;margin-bottom:.65rem}.name-row input{min-width:0;flex:1;padding:.55rem .75rem;border:0;border-bottom:1px solid rgba(190,205,240,.15);outline:none;background:transparent;color:#e6ecfabf;font:300 .75rem/1.4 inherit;letter-spacing:.08em}.name-row input:focus{border-bottom-color:#becdf066}.observation-gift{color:#b6c5e547;font-size:.62rem;font-weight:300;line-height:1.7;letter-spacing:.07em}.system-log-teaser{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(185,202,239,.08)}.system-log-teaser[hidden]{display:none}.system-log-teaser p{display:-webkit-box;margin-bottom:.8rem;overflow:hidden;color:#cad5ee6b;font-size:.68rem;font-weight:300;line-height:1.8;letter-spacing:.055em;-webkit-box-orient:vertical;-webkit-line-clamp:3}.system-log-teaser button{padding-inline:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#aec3eb7a}.close{position:absolute;top:.8rem;right:.8rem;width:2rem;height:2rem;padding:0!important;border:0!important;font-size:1.1rem!important}.journal{top:0;right:0;width:min(30rem,100vw);height:100%;padding:max(2.5rem,env(safe-area-inset-top)) 2rem max(2rem,env(safe-area-inset-bottom));border-width:0 0 0 1px;opacity:0;transform:translate(30px);overflow-y:auto}.journal.visible{opacity:1;transform:translate(0)}.journal header{position:relative;margin-bottom:2.3rem}.journal-entry{padding:0 0 1.6rem;margin-bottom:1.6rem;border-bottom:1px solid rgba(185,202,239,.08)}.journal-entry img{display:block;width:100%;aspect-ratio:16 / 9;margin-bottom:1rem;border-radius:.4rem;object-fit:cover;opacity:.78}.journal-entry h3{margin:.35rem 0 .55rem;font-size:.85rem;font-weight:350;letter-spacing:.08em}.journal-entry p,.journal-empty{color:#cad5ee66;font-size:.7rem;font-weight:300;line-height:1.85;letter-spacing:.06em}.journal-entry .journal-meta{color:#a2b5de4d;font-size:.6rem}.system-log-entry p:not(.journal-meta){color:#d2dcf285;font-size:.74rem;line-height:2}.system-log-entry[data-tone]{padding-left:.9rem;border-left:1px solid transparent}.system-log-entry[data-tone=structure]{border-left-color:#7ea6d870}.system-log-entry[data-tone=structure] .journal-meta{color:#9dbee6a3}.system-log-entry[data-tone=signal]{border-left-color:#cdb0777a}.system-log-entry[data-tone=signal] .journal-meta{color:#cdb077ad}.system-log-entry[data-tone=loss]{border-left-color:#be899f7a}.system-log-entry[data-tone=loss] .journal-meta{color:#be899fad}.sleeping #scene{filter:brightness(.48) saturate(.65);transition:filter 18s ease}#scene{transition:filter 4s ease}.sleeping .witness-caption,.sleeping .quiet-controls button:not(#sleep){opacity:.18}.farewell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at center,#00000038,#0000008a);color:#dce4f68c;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:farewell-arrive 8s ease both}.farewell>div{padding:2.4rem 3rem;border:1px solid rgba(185,202,239,.08);border-radius:1.2rem;background:#01030961;box-shadow:0 2rem 7rem #00000052}@keyframes farewell-arrive{0%{opacity:0}to{opacity:1}}.farewell p:not(.eyebrow){margin:1.2rem 0 1.8rem;font:300 .76rem/1.9 inherit;letter-spacing:.08em}@media (min-width: 641px) and (max-width: 900px){.observation{width:min(19rem,calc(100vw - 3rem));padding:1.7rem}}@media (max-width: 640px){.hint{bottom:calc(max(6.5rem,env(safe-area-inset-bottom)) + 1rem);width:calc(100vw - 3rem)}.quiet-controls{right:max(1rem,env(safe-area-inset-right));left:max(1rem,env(safe-area-inset-left));justify-content:center;flex-wrap:wrap}.quiet-controls button{padding-inline:.7rem;font-size:.62rem}.observation{top:auto;right:1rem;bottom:calc(max(4.5rem,env(safe-area-inset-bottom)) + 1rem);left:1rem;width:auto;transform:translateY(12px)}.observation.visible{transform:translateY(0)}}