.sitface{text-align:center;justify-items:center;gap:10px;padding:32px 0 24px;display:grid}.sitwith{color:var(--dim);margin:0}.sitclock{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:0;font-size:clamp(56px,14vw,96px);line-height:1}.sitsays{letter-spacing:.06em;text-transform:lowercase;min-height:1.4em;margin:0}.sitbreath{place-items:center;width:160px;height:160px;display:grid}.sitdot{border:2px solid var(--ink);background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:50%;width:100%;height:100%;animation:10s ease-in-out infinite sitbreathe;transform:scale(.55)}@keyframes sitbreathe{0%{transform:scale(.55)}40%{transform:scale(1)}to{transform:scale(.55)}}.sitbreath.paused .sitdot{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sitdot{animation:none;transform:scale(.8)}}.sitnav{justify-content:center}#sit-line{width:100%;max-width:32em}@media (width<=699px){.sitnav{bottom:calc(var(--tabbar-h,0px) + 8px);position:sticky}}#sit button.quiet.sm,#sit button.linkish{box-shadow:none;min-height:0;font:inherit;color:var(--dim);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 2px;text-decoration:underline}#sit button.quiet.sm{font-size:12px}#sit button.quiet.sm.sitmore{min-width:44px;min-height:44px;padding:0 8px}.sitnav{row-gap:0}#sit button.linkish{color:inherit;padding:0}.sitnote{justify-content:center}#sit-note{flex:14em;min-width:0;max-width:24em}.sitafter{margin:20px 0 0}.sitafter>p{margin:0 0 4px}.sitafter-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sitafter .notebox>summary{cursor:pointer;text-underline-offset:3px;align-items:center;text-decoration:underline;list-style:none;display:inline-flex}.sitafter .notebox>summary::-webkit-details-marker{display:none}.sitafter .notebox textarea{width:100%;max-width:32em}.sitafter .notebox[open]{margin-bottom:8px}.rowmenu{z-index:60;background:var(--paper);min-width:220px;max-width:calc(100vw - 12px);color:var(--ink);border:1px solid var(--rule);box-shadow:var(--drop);font:13px/1.3 var(--ui);padding:4px 0;position:fixed}.rowmenu button{text-align:left;width:100%;box-shadow:none;font:13px/1.3 var(--ui);min-height:0;color:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:5px 16px;display:block}.rowmenu button:hover,.rowmenu button:focus{background:var(--ink);color:var(--paper);outline:none}@media (pointer:coarse){.rowmenu button{padding:10px 16px}}.optrow .sitsounds{grid-column:2;margin-top:6px}@media (width<=560px),(width>=700px) and (width<=860px){.optrow .sitsounds{grid-column:1}}#sit-sounds:after{content:"";border:4px solid #0000;border-top-color:currentColor;width:0;height:0;margin-top:4px}#sit-sounds[aria-expanded=true]:after{border-top-color:#0000;border-bottom-color:currentColor;margin:0 0 4px}:root{--sitday:color-mix(in srgb, var(--hilite) 30%, var(--paper));--sitdusk:color-mix(in srgb, var(--ring) 55%, var(--paper))}@media (prefers-color-scheme:dark){:root:not([data-look]){--sitday:color-mix(in srgb, var(--ring) 30%, var(--paper));--sitdusk:color-mix(in srgb, var(--hilite) 45%, var(--desk))}}:root[data-look=still]{--sitday:color-mix(in srgb, var(--ring) 30%, var(--paper));--sitdusk:color-mix(in srgb, var(--hilite) 45%, var(--desk))}.sitface.face-light{background-color:color-mix(in oklab, var(--sitdusk) var(--sitk,0%), var(--sitday));background-image:linear-gradient(to bottom, transparent 35%, color-mix(in srgb, var(--sitdusk) 45%, transparent));border-radius:14px;align-content:center;min-height:clamp(300px,54vh,560px);transition:background-color 2s linear}.sitface.face-light :is(.sitwith,.sitsays){color:var(--ink)}@media (prefers-reduced-motion:reduce){.sitface.face-light{transition:none}}.sitface.face-none{align-content:center;min-height:clamp(220px,40vh,400px)}:root{--sand-grain:#d6b27a;--sand-deep:#9a7444;--sand-wood:#85552f;--sand-wood-deep:#3a2212;--sand-wood-hi:#c48f5c;--sand-glass:#8ca5c31a;--sand-gleam:#fff;--sand-edge:#34404f}@media (prefers-color-scheme:dark){:root:not([data-look]){--sand-grain:#dfbd86;--sand-deep:#8d6a3c;--sand-wood:#a17b3a;--sand-wood-deep:#3d2a0e;--sand-wood-hi:#f0d390;--sand-glass:#bed2eb12;--sand-gleam:#fff;--sand-edge:#c9d3e3}}:root[data-look=still]{--sand-grain:#dfbd86;--sand-deep:#8d6a3c;--sand-wood:#a17b3a;--sand-wood-deep:#3d2a0e;--sand-wood-hi:#f0d390;--sand-glass:#bed2eb12;--sand-gleam:#fff;--sand-edge:#c9d3e3}.sitsand{width:clamp(200px,32vh,300px)}.sitsandart{aspect-ratio:200/320;width:100%;display:block}.notebox.write{margin:0 0 8px}.notebox.write>summary{cursor:pointer;font:14px var(--ui);color:var(--dim);padding:6px 0}.notebox.write>summary:hover{color:var(--ink)}.write-field{margin:4px 0 0;display:block}:root .notebox textarea.write-line{field-sizing:content;resize:none;border:0;border-bottom:1px solid color-mix(in srgb, var(--ink) 18%, transparent);width:100%;min-height:3.4em;max-height:60vh;box-shadow:none;color:var(--ink);caret-color:var(--ring);font:calc(20px * var(--text-scale))/1.6 var(--read);background:0 0;border-radius:0;margin:0;padding:6px 0 10px;display:block;overflow-y:auto}:root .notebox textarea.write-line:focus{border-bottom-color:var(--ring);outline:none}:root .notebox textarea.write-line:focus-visible{box-shadow:0 1px 0 var(--ring)}:is(.notebox,.zen) textarea::placeholder{color:var(--dim);opacity:.75;font-style:italic}.write-tools{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;display:flex}.write-gap{flex:1}.notebox.lead:not(:focus-within):has(textarea:placeholder-shown) :is(.write-about,.write-keep){display:none}.write-unkept{margin:6px 0 0}:is(.write-about,.zen-about){font:13px var(--ui);align-items:baseline;gap:6px;display:inline-flex;position:relative}:is(.write-about,.zen-about):after{content:"";border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);pointer-events:none;width:5px;height:5px;margin-top:-4px;position:absolute;top:50%;right:2px;transform:rotate(45deg)}:root :is(.notebox,.zen) select.about-pick{-webkit-appearance:none;appearance:none;cursor:pointer;border:0;border-bottom:1px dotted var(--dim);min-height:0;box-shadow:none;color:var(--ink);font:calc(15px * var(--text-scale)) var(--read);background:0 0;border-radius:0;margin:0;padding:2px 16px 2px 0}:root :is(.notebox,.zen) select.about-pick:focus-visible{outline:2px solid var(--ring);outline-offset:2px}html:has(dialog.zen[open]){overflow:hidden}dialog.zen{inset:var(--zen-top,0px) auto auto 0;width:100%;height:var(--zen-h,100dvh);max-width:none;max-height:none;box-shadow:none;background:var(--paper);color:color-mix(in srgb, var(--ink) 90%, var(--paper));border:0;border-radius:0;margin:0;padding:0;position:fixed}dialog.zen[open]{grid-template-rows:minmax(0,1fr) auto;animation:.3s ease-out zen-in;display:grid}dialog.zen::backdrop{background:var(--paper)}:root[data-look=still] dialog.zen,:root[data-look=still] dialog.zen::backdrop{background:#0a0c11}@keyframes zen-in{0%{opacity:0}}:root dialog.zen textarea.zen-text{resize:none;width:100%;height:100%;min-height:0;box-shadow:none;color:inherit;caret-color:var(--ring);font:calc(21px * var(--text-scale))/1.75 var(--read);padding:max(28px, calc(var(--zen-h,100dvh) * .12)) max(20px, calc((100% - 53ch) / 2)) calc(var(--zen-h,100dvh) * .3);background:0 0;border:0;border-radius:0;outline:none;margin:0;overflow-y:auto}.zen-bar{padding:10px 24px calc(10px + env(safe-area-inset-bottom,0px));color:var(--dim);font:13px var(--ui);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}@media (prefers-reduced-motion:no-preference){.zen-bar{transition:opacity .8s}.zen.hush .zen-bar:not(:focus-within){opacity:0}}.zen-side{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;display:flex}.zen-side.end{margin-left:auto}.zen-count{font:12px var(--mono)}.zen-unkept,.zen-hint{font:12px var(--ui)}@media (width<=700px),(pointer:coarse){:root dialog.zen textarea.zen-text{font-size:19px;line-height:1.7}.zen-bar{padding-inline:16px}.zen-hint{display:none}}@media (prefers-reduced-motion:reduce){dialog.zen[open]{animation:none}}
