@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap";:root{color:#fff9e9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#fff9e9;--ink:#213e34;--line:#fff9e938;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #efcf92}button{border:0}a{color:inherit;text-decoration:none}#world{touch-action:none;outline:0;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;opacity:0;background:linear-gradient(#122b334f,#0000 22% 65%,#122b336b);transition:opacity 1.3s;position:fixed;inset:0}.ready #ui{opacity:1}header{letter-spacing:.18em;justify-content:space-between;align-items:center;gap:25px;font-size:10px;display:flex;position:absolute;top:28px;left:38px;right:38px}header>*{pointer-events:auto}.back{align-items:center;gap:12px;font-size:18px;display:flex}.back span{letter-spacing:.22em;font-size:10px;font-weight:600}.edition{opacity:.85;align-items:center;gap:15px;font-size:9px;display:flex}.edition i{background:var(--line);width:1px;height:16px}#settings-toggle{border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.04em;background:#193d3545;border-radius:30px;padding:12px 18px;font-size:11px}#settings-toggle span{margin-left:20px;font-size:17px}.identity{text-shadow:0 2px 28px #16372b40;position:absolute;top:105px;left:45px}.eyebrow{letter-spacing:.25em;opacity:.85;margin:0 0 10px;font-size:9px}h1{letter-spacing:-.05em;margin:0;font-family:Italiana,Georgia,serif;font-size:clamp(54px,6.7vw,106px);font-weight:400;line-height:1}h1 span{font-style:italic}h1 em{color:#e8bc89;font-style:normal}.intro{letter-spacing:.025em;opacity:.9;margin:17px 0;font-size:12px}footer{justify-content:space-between;align-items:flex-end;gap:22px;display:flex;position:absolute;bottom:30px;left:38px;right:38px}footer button,footer nav{pointer-events:auto}.observations{letter-spacing:.04em;font-size:10px;line-height:2}.live-dot{background:#dce5b5;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #e5f0ab65}.observations small{letter-spacing:.12em;opacity:.6;white-space:nowrap;font-size:8px;display:block}nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e393759;border-radius:40px;align-items:center;padding:5px;display:flex}nav button{white-space:nowrap;background:0 0;border-radius:28px;padding:12px 15px;font-size:11px;transition:background .3s,color .3s}nav button span{opacity:.55;margin-right:6px;font-size:8px}nav button[aria-pressed=true]{color:#2a493e;background:#f3ecdb}#feed{color:#294435;white-space:nowrap;background:#e4c499;border-radius:30px;padding:16px 20px;font-size:11px;box-shadow:0 5px 30px #18362c25}#feed span{margin-right:8px;font-size:14px}#settings{pointer-events:auto;width:314px;color:var(--ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f2efdfed;border-radius:20px;max-height:calc(100dvh - 195px);padding:26px;position:absolute;top:88px;right:38px;overflow:auto;box-shadow:0 18px 80px #16382a30}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{margin:0;font-family:Georgia,serif;font-size:20px;font-weight:400}.panel-heading button{background:0 0;font-size:24px}#settings>p{opacity:.6;margin:10px 0 24px;font-size:10px}.moods{gap:5px;margin-bottom:24px;display:flex}.moods button{background:#e1e4d6;border-radius:20px;flex:1;padding:9px 5px;font-size:10px}.moods button[aria-pressed=true]{color:#fff9e9;background:#304c3e}label{margin-top:20px;font-size:11px;display:block}output{float:right;opacity:.6;font-size:10px}input{accent-color:#65846b;cursor:pointer;width:100%;height:18px;margin:11px 0 0;font-size:16px;display:block}.panel-actions{border-top:1px solid #23483220;flex-wrap:wrap;gap:5px;margin-top:23px;padding-top:20px;display:flex}.panel-actions button{background:0 0;border:1px solid #2c463a30;border-radius:20px;padding:8px 12px;font-size:10px}.panel-actions button[aria-pressed=true]{color:#fff;background:#334d3c}.credit{opacity:.6;margin-top:22px;font-size:9px;display:block}#notice{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#203d36bd;border-radius:28px;padding:12px 20px;font-size:11px;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}#notice:empty{display:none}#loading{letter-spacing:.1em;background:#193f36;flex-direction:column;justify-content:center;align-items:center;gap:25px;font-size:12px;display:flex;position:fixed;inset:0}.loading-ring{border:1px solid #d1d6ac50;border-top-color:#e8d3a4;border-radius:50%;width:46px;height:46px;animation:2s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}#error{color:#382f24;z-index:10;background:#f5ead5;border-radius:12px;max-width:85vw;padding:30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}[hidden],.preview #ui,.preview #loading{display:none!important}@media (width<=1050px){.observations small{display:none}.observations{max-width:150px;line-height:1.6}footer{gap:12px}nav button{padding:12px 10px}header .edition{display:none}}@media (width<=700px){header{left:20px;right:20px;top:max(20px,env(safe-area-inset-top))}.identity{top:100px;left:24px}h1{font-size:65px}.intro{font-size:11px}.eyebrow{letter-spacing:.2em;font-size:8px}footer{left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between}.observations{flex:1;order:0;max-width:220px}#feed{order:1;padding:13px 17px}nav{order:2;justify-content:space-between;width:100%;margin-top:7px}nav button{flex:1;padding:13px 5px;font-size:10px}#settings{width:min(314px,100vw - 32px);max-height:calc(100dvh - 245px);top:75px;right:16px}#notice{white-space:normal;text-align:center;max-width:90vw;bottom:145px}.back span{font-size:9px}#settings-toggle{padding:10px 13px;font-size:10px}#settings-toggle span{margin-left:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}