:root{--accent: #6e8a48;--ink: #2b3138;--ink-soft: rgba(43, 49, 56, .6);--sheet: #fbfaf7;--raise: rgba(43, 49, 56, .05);--line: rgba(43, 49, 56, .14);--pad: 18px}:root[data-dark=true]{--ink: #e9ecef;--ink-soft: rgba(233, 236, 239, .66);--sheet: #232834;--raise: rgba(233, 236, 239, .06);--line: rgba(233, 236, 239, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#a8c8ec;color:var(--ink);font:14px/1.6 -apple-system,SF Pro Text,system-ui,Segoe UI,sans-serif;letter-spacing:.005em;-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit;touch-action:manipulation}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}#bar{position:fixed;top:0;left:0;right:0;z-index:2;display:flex;align-items:baseline;gap:14px;padding:calc(env(safe-area-inset-top) + 16px) var(--pad) 0;pointer-events:none}#bar>*{pointer-events:auto}.brand{font-weight:600;letter-spacing:.01em}#wind{margin-right:auto;display:inline-flex;align-items:baseline;gap:7px;color:var(--ink-soft)}#status{transition:opacity .8s ease}#rate{font-size:12px;font-variant-numeric:tabular-nums;opacity:.75}#status.swap{opacity:0}.pill{border:none;background:none;padding:8px 2px;color:var(--ink-soft);transition:color .25s ease}.pill:hover,.pill:focus-visible{color:var(--ink)}#overlay{position:fixed;left:0;right:0;bottom:0;z-index:3;display:grid;justify-items:center;gap:10px;padding:0 28px calc(env(safe-area-inset-bottom) + 9vh);text-align:center;pointer-events:none}#overlay>*{pointer-events:auto}#overlay[hidden]{display:none}.card{display:contents}.card h1{display:none}.card p{margin:0;max-width:30rem;color:var(--ink-soft)}#door-phase{display:none}#hang{margin-top:8px;border:none;background:none;padding:10px 6px;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:var(--accent)}.fine{margin:0;font-size:12px;color:var(--ink-soft)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:4;display:grid;gap:13px;max-height:84dvh;overflow-y:auto;padding:22px var(--pad) calc(env(safe-area-inset-bottom) + 20px);background:var(--sheet);border-top:1px solid var(--line);border-radius:16px 16px 0 0;transform:translateY(103%);transition:transform .34s cubic-bezier(.32,.72,0,1)}.sheet.open{transform:none}.handle-bar{display:none}.sheet-head{display:flex;align-items:baseline;justify-content:space-between}hr{border:none;border-top:1px solid var(--line);margin:0;width:100%}.segmented{display:flex;gap:2px}.segmented{padding:3px;border-radius:11px;background:var(--raise)}.segmented button{flex:1;min-height:38px;border:none;background:none;border-radius:8px;color:var(--ink-soft);transition:color .2s ease,background .2s ease,box-shadow .2s ease}.segmented button[aria-pressed=true]{color:var(--ink);font-weight:600;background:var(--sheet);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 1px 3px #0000001f}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:grid;gap:4px;font-size:13px}label>span{color:var(--ink-soft)}label.row{grid-template-columns:58px 1fr;align-items:center;gap:12px}select,input[type=text]{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--raise);font-size:14px;color:var(--ink)}select:focus,input[type=text]:focus{outline:none;border-bottom-color:var(--accent)}.slider{grid-template-columns:58px 1fr;align-items:center;gap:12px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--fill, 50%),var(--line) var(--fill, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border-radius:50%;background:var(--accent);border:2px solid var(--sheet);box-shadow:0 1px 3px #00000040}input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--fill, 50%),var(--line) var(--fill, 50%))}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--sheet);border-radius:50%;background:var(--accent)}.link{border:none;background:none;padding:6px 2px;font-size:13px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:4px}.link:hover{color:var(--ink)}.account{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.publish-row{display:grid;gap:4px;justify-items:center}.pill.wide,.pill.primary{padding:10px 6px;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--accent)}.note{margin:0;font-size:12px;text-align:center;color:var(--ink-soft);min-height:1em}.handle{font-size:13px;color:var(--ink-soft)}.signin{position:relative;width:100%}.signin input{width:100%}.ta-results{display:grid;max-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:var(--sheet);box-shadow:0 8px 28px #00000029}.ta-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border:none;background:none;text-align:left}.ta-row:hover,.ta-row.active{background:var(--raise)}.ta-avatar{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover;background:var(--raise)}.ta-who{display:grid;min-width:0;font-size:13px}.ta-who>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ta-handle{font-size:12px;color:var(--ink-soft)}.garden{display:grid}.card-chime{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 2px;text-align:left;border:none;border-bottom:1px solid var(--line);background:none}.card-chime.in-season .who strong{color:var(--accent)}.swatch{width:4px;height:30px;border-radius:999px;flex:none}.swatch.wood{background:#e8b184}.swatch.bamboo{background:#c8e096}.swatch.metal{background:#b3c4d4}.swatch.glass{background:#96d4cd}.who{display:grid;flex:1;min-width:0}.who>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{font-size:12px;color:var(--ink-soft)}.mood{flex:none;font-size:14px;color:var(--ink-soft)}@media(min-width:760px){.sheet{inset:0 0 0 auto;width:340px;max-height:none;border-radius:0;border-top:none;border-left:1px solid var(--line);transform:translate(103%)}.sheet.open{transform:none}}@media(prefers-reduced-motion:reduce){.sheet,#status{transition:none}}