:root{color-scheme:light;--ink: #23303a;--muted: #5d6b73;--paper: #f8f5ec;--card: #ffffff;--line: #e4dfd0;--accent: #3b7a2e;--grass: #a6c96f;--focus: #1d4ed8}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--grass);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}body{overflow:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip{position:fixed;left:8px;top:-60px;z-index:50;padding:8px 12px;background:#fff;border-radius:8px}.skip:focus{top:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hud{position:fixed;z-index:20;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;max-width:calc(100% - 24px);padding:8px 14px;border-radius:12px;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand{font-weight:700;text-decoration:none}.hud nav{display:flex;gap:12px}.hud nav a{text-decoration:none;font-size:.85rem;padding:2px 0;border-bottom:2px solid transparent}.hud nav a[aria-current=page]{border-bottom-color:var(--accent);font-weight:600}.hud p{margin:0;font-size:.8rem}#status:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#999}#status[data-state=live]:before,#status[data-state=demo]:before{background:#2f9e44}#status[data-state=reconnecting]:before,#status[data-state=resyncing]:before,#status[data-state=connecting]:before{background:#e6a700}#status[data-state=busy]:before,#status[data-state=unavailable]:before,#status[data-state=error]:before{background:#d6336c}.layout{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) 340px}.layout[data-view=diary],.layout[data-view=notfound]{grid-template-columns:minmax(0,1fr)}.stagewrap{position:relative;min-width:0;min-height:0}.layout[data-view=diary] .stagewrap,.layout[data-view=notfound] .stagewrap,.layout[data-view=diary] .panel,.layout[data-view=notfound] .panel{display:none}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.panel{background:var(--paper);border-left:1px solid var(--line);overflow-y:auto;padding:68px 16px 24px}.panel-toggle{display:none}.panel h2{margin:0 0 10px;font-size:1.1rem}.muted{color:var(--muted);font-size:.9rem}.cards,.plain{list-style:none;margin:0;padding:0;display:grid;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.card[aria-current=true]{border-color:var(--accent)}.head{display:flex;align-items:center;gap:8px}.swatch{width:18px;height:18px;border-radius:50%;border:3px solid #e8892b;background:#d9d2c3;flex:none}.name{font-weight:700;text-decoration:none}.name:hover{text-decoration:underline}.where{margin:6px 0 4px;font-size:.9rem}.goal{margin:4px 0 0;font-size:.85rem;color:var(--muted);font-style:italic}.feel{display:grid;grid-template-columns:auto 1fr;gap:0 10px;margin:4px 0 0;font-size:.85rem}.feel dt{color:var(--muted)}.feel dd{margin:0}.back{display:inline-block;margin-bottom:8px;font-size:.85rem}.goose-page h2{margin:0;font-size:1.25rem}.block{margin-top:18px}.block h3{margin:0 0 6px;font-size:.95rem}.entries .meta{margin:0;font-size:.78rem;color:var(--muted)}.entries .text{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.more{display:inline-block;margin-top:8px;font-size:.85rem}.btn,.pill{font:inherit;font-size:.85rem;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.btn:hover,.pill:hover{border-color:var(--accent)}.page{background:var(--paper);overflow-y:auto;padding:76px max(16px,6vw) 48px}.page[hidden]{display:none}.diary{max-width:720px;margin:0 auto}.diary-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.diary h1,.notfound h1{margin:0 0 6px;font-size:1.6rem}.rss{font-size:.85rem}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.chip{text-decoration:none;font-size:.85rem;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:#fff}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.day h2{position:sticky;top:0;margin:18px 0 6px;padding:6px 0;font-size:.95rem;color:var(--muted);background:var(--paper);z-index:2}.entries{list-style:none;margin:0;padding:0;display:grid;gap:10px}.entry{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.entry header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:.85rem;color:var(--muted)}.entry header .who{font-weight:700;color:var(--ink);text-decoration:none}.entry header time{margin-left:auto}.entry .text{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.entry.kind-dream .text{font-style:italic}.pill{position:sticky;top:64px;z-index:3;display:block;margin:0 auto 8px;background:var(--accent);color:#fff;border-color:var(--accent)}.pill[hidden],[hidden]{display:none!important}.sentinel{height:1px}#debug{position:fixed;z-index:30;bottom:8px;left:8px;margin:0;padding:4px 8px;background:#000000b3;color:#9f9;font:11px/1.4 ui-monospace,monospace;border-radius:6px}.nojs{position:fixed;inset:40% 10% auto;text-align:center}@media (max-width: 819px){.layout,.layout[data-view=diary]{grid-template-columns:minmax(0,1fr)}.layout[data-view=farm] .stagewrap,.layout[data-view=goose] .stagewrap{position:absolute;top:0;right:0;bottom:0;left:0}.panel{position:absolute;left:0;right:0;bottom:0;z-index:10;max-height:62vh;padding:0 14px 18px;border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -4px 16px #00000026}.panel-toggle{display:block;position:sticky;top:0;width:100%;padding:14px 0 10px;border:0;background:var(--paper);font:inherit;font-weight:700;text-align:left;cursor:pointer}.panel-toggle:after{content:" \25b4"}.panel[data-open=true] .panel-toggle:after{content:" \25be"}.panel[data-open=false] .panel-body,.panel h2{display:none}.hud{right:max(12px,env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}
