:root{--paper:#e9e3d3;--paper-2:#f5f0e3;--text:#2a2a26;--muted:#615e54;--muted-2:#6e6b60;--muted-3:#55534b;--rule:#d9d4c6;--rule-2:#ddd7c8;--link:#b85a3a;--link-hover:#8e3f26;--card:#ffffff8c;--card-shadow:inset 0 1px 0 #fff, 0 8px 24px -16px #282d1e66;--shell-sage:linear-gradient(165deg, #d6ddc2 0%, #bfc9a8 45%, #a9b592 100%);--shell-stone:linear-gradient(165deg, #b8b6af 0%, #9e9c95 50%, #86847e 100%);--shell-ink:#3f4834;--shell-ink-2:#4a5240;--shell-ink-3:#4f5742;--bezel:#2b2a26;--engrave:0 1px 0 #ffffff80;--lcd-day-bg:#c8d0a8;--lcd-day-ink:#1e2419;--lcd-night-bg:#1f2636;--lcd-night-ink:#b9c6e4;--lcd-sick-bg:#dad6c6;--lcd-sick-ink:#6b675d;--lcd-memorial-bg:#b9b7b0;--lcd-memorial-ink:#33322f;--coral:#e36f52;--coral-hi:#f4a28c;--coral-lo:#c95a40;--coral-shadow:#9e4230;--amber:#e8a33a;--red:#e3452b;--red-ink:#b8452e;--green:#4f8a5b;--led-calm:#8fa37a;--led-night:#5b6b8c;--led-gone:#7a786f;--font-world:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--font-screen:"Pixelify Sans", "Courier New", monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-world);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.5}a{color:var(--link)}a:hover{color:var(--link-hover)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.world{background:radial-gradient(ellipse at 50% 40%, var(--paper-2) 0%, var(--paper) 70%);max-width:1440px;min-height:100vh;margin:0 auto;padding:22px 48px 40px}.world-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:36px;font-size:12px;display:flex}.world-bar-left,.world-bar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wordmark{font-family:var(--font-screen);color:var(--text);font-size:18px;line-height:1;text-decoration:none}.presence{align-items:center;gap:8px;display:inline-flex}.presence-dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.presence b{color:var(--text)}.balance{color:var(--muted-3)}.balance b{color:var(--text);font-weight:600}.ca{border:1px solid var(--rule);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:7px;max-width:100%;padding:4px 4px 4px 10px;line-height:1;display:inline-flex}.ca:hover{border-color:var(--muted)}.ca-label{font-family:var(--font-screen);letter-spacing:.1em;color:var(--muted);flex:none;font-size:11px}.ca-addr{letter-spacing:.01em;color:var(--text);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px}.ca-state{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#ffffff80;border-radius:999px;flex:none;padding:3px 7px;font-size:9px}.ca:hover .ca-state,.ca:focus-visible .ca-state{color:var(--link)}.ca-full{text-align:left;border-radius:12px;flex-wrap:wrap;gap:8px;padding:9px 12px;display:flex}.colophon-ca{justify-content:center;margin-top:12px;display:flex}.about .ca-full{margin:2px 0 14px}.world-grid{grid-template-columns:360px minmax(0,1fr) 380px;align-items:start;gap:40px;padding-top:18px;display:grid}.world-col{flex-direction:column;gap:22px;min-width:0;display:flex}.world-center{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.card{background:var(--card);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;gap:12px;min-width:0;padding:18px 20px;display:flex}.card-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.kicker{letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.note{color:var(--muted);font-size:12px}.quiet{color:var(--muted-2)}.btn{cursor:pointer;height:40px;font-family:var(--font-world);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{color:#fff;box-shadow:0 4px 0 var(--coral-shadow), inset 0 1px 0 #fff6;background:linear-gradient(#ee8468,#dc6547)}.btn-primary:not(:disabled):active{box-shadow:0 1px 0 var(--coral-shadow);transform:translateY(3px)}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-sm.btn-primary{box-shadow:0 3px 0 var(--coral-shadow)}.btn-plastic{color:var(--shell-ink);background:#ffffff73;box-shadow:inset 0 1px #fff,0 2px #3c462d40}.btn-plastic:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px #fff}.btn-outline{color:var(--shell-ink);background:0 0;border:1px solid #3c462d59}.input{font:inherit;color:var(--text);background:#fff;border:0;border-radius:999px;min-width:0;padding:10px 14px;font-size:13px;box-shadow:inset 0 1px 3px #282d1e26}.input::placeholder{color:var(--muted-2)}.input:disabled{opacity:.6}.error{color:var(--red-ink);margin:0;font-size:12px}.banner{box-shadow:0 1px 0 var(--rule);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.empty{text-align:center;color:var(--muted);padding:80px 20px}.empty h2{font-family:var(--font-screen);color:var(--text);margin:0 0 8px;font-size:26px;font-weight:600}.menu{position:relative}.player-button{gap:8px;height:32px;padding:0 12px 0 6px}.player-button .initial{background:var(--bezel);width:22px;height:22px;color:var(--paper-2);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.test-tag{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.menu-panel{width:260px;box-shadow:0 1px 0 var(--rule), 0 16px 40px -20px #282d1e80;z-index:20;background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-head{flex-direction:column;display:flex}.menu-name{color:var(--text);font-weight:600}.menu-rename{gap:6px;display:flex}.menu-rename .input{flex:1}.menu-label{margin-top:4px}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 10px;font-size:13px}.menu-item:hover{background:var(--paper-2)}.menu-new{color:var(--link)}.colophon{color:var(--muted);text-align:center;margin-top:40px;font-size:12px}@media (width<=1240px){.world{padding:18px 24px 40px}.world-grid{grid-template-columns:1fr;gap:28px}.world-center{order:-1}.world-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}}@media (width<=480px){.world{padding:14px 16px 32px}.world-bar{font-size:12px}}@keyframes kin-breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-2px)scaleY(1.025)}}@keyframes kin-led{0%,to{opacity:1}50%{opacity:.2}}@keyframes kin-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes kin-blip{0%,49%{opacity:1}50%,to{opacity:.25}}@keyframes kin-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kin-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes kin-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-kin-anim],.arrive{animation:none!important}}.about{max-width:660px;margin:0 auto;padding:32px 20px 64px}.about-head h1{font-family:var(--font-screen);margin:8px 0 18px;font-size:32px;line-height:1.15}.about-lede{margin:0 0 14px;font-size:16px;line-height:1.6}.about-section{margin-top:36px}.about-section h2{font-family:var(--font-screen);margin:0 0 10px;font-size:19px}.about-section p{margin:0 0 12px;line-height:1.65}.about-needs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.about-needs li{background:var(--card);box-shadow:var(--card-shadow);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.about-needs span{flex-direction:column;line-height:1.3;display:flex}.about-needs em{color:var(--muted);font-size:12px;font-style:normal}.about-menu{border-collapse:collapse;width:100%;margin:14px 0}.about-menu td{border-bottom:1px solid var(--paper-2,#00000012);vertical-align:middle;padding:7px 8px}.about-menu-name{white-space:nowrap}.about-menu-price{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.about-plain{margin:0;padding-left:18px}.about-plain li{margin-bottom:10px;line-height:1.6}.about-back{margin-top:36px}.about-link{color:var(--muted);border-bottom:1px dotted;font-size:13px;text-decoration:none}.about-link:hover{color:var(--link-hover,var(--text))}@media (width<=560px){.about-head h1{font-size:26px}.about-menu-name{white-space:normal}}.device-help{justify-content:space-between}.device-help .note{color:var(--muted);text-decoration:none}.device-help .note:hover{color:var(--text)}.tut-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1c1880;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out tut-in;display:flex;position:fixed;inset:0}.tut{background:var(--paper);border-radius:20px;width:min(460px,100%);max-height:calc(100vh - 40px);padding:24px 24px 18px;animation:.2s cubic-bezier(.2,.9,.3,1) tut-rise;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.tut-face{background:var(--lcd-day-bg);color:var(--lcd-day-ink);border-radius:14px;justify-content:center;margin-bottom:16px;padding:14px;display:flex}.tut h2{font-family:var(--font-screen);margin:0 0 10px;font-size:20px}.tut-body p{margin:0 0 10px;line-height:1.6}.tut-icons{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px;display:grid}.tut-icon{background:var(--card);color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;display:flex}.tut-icon.on{background:var(--amber);color:var(--lcd-day-ink);font-weight:600}.tut-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.tut-dots{gap:6px;display:flex}.tut-dots i{background:var(--muted);opacity:.35;border-radius:50%;width:6px;height:6px}.tut-dots i.on{opacity:1;background:var(--coral)}.tut-actions{gap:8px;display:flex}@keyframes tut-in{0%{opacity:0}}@keyframes tut-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (prefers-reduced-motion:reduce){.tut-backdrop,.tut{animation:none}}@media (width<=560px){.tut{padding:18px 16px 14px}.tut-icons{grid-template-columns:repeat(2,1fr)}}.stake{border-top:1px solid #00000012;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.stake .note{flex:1;line-height:1.45}.device-frame{flex-shrink:0;width:390px;height:780px;position:relative}.device-frame.scaled{width:calc(390px * var(--dev-scale));height:calc(780px * var(--dev-scale))}.device-frame.scaled .device{transform:scale(var(--dev-scale));transform-origin:0 0}.device{background:var(--shell-sage);width:390px;height:780px;color:var(--shell-ink);-webkit-user-select:none;user-select:none;border-radius:60px;flex-direction:column;gap:14px;padding:22px 22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff8c,inset 0 -8px 14px #323c2338,0 30px 50px -24px #282d1e80}.device.stone{background:var(--shell-stone)}.device.night .readout,.device.night .watch-strip,.device.night .device-top .engrave{opacity:.6}.engrave{letter-spacing:1.4px;text-transform:uppercase;color:var(--shell-ink);text-shadow:var(--engrave);font-size:10px;font-weight:600}.device-top{justify-content:space-between;align-items:center;height:28px;padding:0 6px;display:flex}.device-top .engrave{font-size:11px}.device-brand{font-family:var(--font-screen);letter-spacing:1px;color:var(--shell-ink-2);text-shadow:0 1px #fff9;font-size:24px;font-weight:600;line-height:1}.device-top-right{align-items:center;gap:10px;display:flex}.led{background:var(--led-calm);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 1px #00000040}.led.soft{background:var(--amber);animation:1.2s step-end infinite kin-led;box-shadow:0 0 10px 3px #e8a33ab3}.led.hard{background:var(--red);animation:.5s step-end infinite kin-led;box-shadow:0 0 10px 3px #e3452bb3}.led.night{background:var(--led-night)}.led.gone{background:var(--led-gone)}.bezel{background:var(--bezel);border-radius:30px;padding:14px;transition:box-shadow .6s;position:relative;box-shadow:inset 0 2px 4px #0009,0 1px #fff6}.bezel.soft{box-shadow:inset 0 2px 4px #0009,0 1px #fff6,0 0 0 3px #e8a33a80,0 0 26px #e8a33a59}.bezel.hard{box-shadow:inset 0 2px 4px #0009,0 1px #fff6,0 0 0 4px #e3452b8c,0 0 34px #e3452b80}.bezel.shake{animation:.35s ease-in-out infinite kin-shake}.screen{background:var(--lcd-bg);height:338px;color:var(--lcd-ink);font-family:var(--font-screen);border-radius:14px;flex-direction:column;transition:background-color .6s,color .6s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040,inset 0 6px 16px #0000002e}.screen-ghost{pointer-events:none;background-image:repeating-linear-gradient(0deg, var(--lcd-ghost) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, var(--lcd-ghost) 0 1px, transparent 1px 3px);position:absolute;inset:0}.screen-head{letter-spacing:.5px;justify-content:space-between;align-items:center;padding:12px 16px 0;font-size:14px;line-height:1;display:flex;position:relative}.sunline{opacity:.9;background:currentColor;flex:1;height:2px;margin:0 14px;position:relative}.sun{background:var(--lcd-bg);padding:0 2px;transition:left 1s steps(4,end);position:absolute;top:-7px;transform:translate(-50%)}.icon-row{grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 14px 0;display:grid;position:relative}.icon-row.bottom{padding-top:0}.icon-cell{height:34px;color:var(--lcd-ink);opacity:.32;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.icon-cell.on{background:var(--lcd-ink);color:var(--lcd-bg);opacity:1}.icon-cell.selected{opacity:1;box-shadow:inset 0 0 0 2px var(--lcd-ink)}.icon-cell.on.selected{box-shadow:inset 0 0 0 2px var(--lcd-bg)}.icon-cell.calling{animation:1s step-end infinite kin-blip}.icon-cell.still{cursor:default}.stage{flex:1;justify-content:center;align-items:flex-end;min-height:0;padding-bottom:10px;display:flex;position:relative}.ground{opacity:.9;background:currentColor;height:2px;position:absolute;bottom:10px;left:24px;right:24px}.plant{position:absolute;bottom:12px;left:30px}.mess{position:absolute;bottom:12px;right:34px}.creature{transform-origin:50% 100%;position:relative;bottom:2px}.creature.breathe{animation:3.4s ease-in-out infinite kin-breathe}.creature.hop{animation:.5s steps(2,end) kin-hop}.creature.ghost{opacity:.28}.companion-egg{position:absolute;bottom:12px;right:56px}.bubble{text-align:left;background:var(--lcd-bg);z-index:2;border:2px solid;max-width:150px;padding:6px 8px;font-size:15px;line-height:1.1;position:absolute;top:8px;right:18px;box-shadow:3px 3px}.stamp{letter-spacing:2px;background:var(--lcd-bg);z-index:2;border:3px solid;padding:4px 12px;font-size:26px;font-weight:600;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.toast{background:var(--lcd-bg);white-space:nowrap;z-index:3;border:2px solid;padding:8px 14px;font-size:22px;font-weight:600;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:4px 4px}.screen-foot{letter-spacing:.5px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:8px 16px 12px;font-size:14px;line-height:1;display:flex;position:relative}.screen-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.countdown{flex-shrink:0;align-items:center;gap:8px;display:flex}.segs{gap:2px;display:flex}.seg{opacity:.2;background:currentColor;width:6px;height:12px}.seg.lit{opacity:1}.countdown b{font-weight:600}.page{letter-spacing:.5px;flex-direction:column;flex:1;gap:5px;min-height:0;padding:10px 16px 6px;font-size:14px;display:flex;position:relative;overflow:hidden}.page-title{letter-spacing:1px;opacity:.8;justify-content:space-between;font-size:12px;display:flex}.page-row{justify-content:space-between;align-items:center;gap:10px;line-height:1.1;display:flex}.page-row.big{font-size:18px}.page-row .lbl{opacity:.85}.bar{flex:1;gap:3px;max-width:130px;display:flex}.bar span{opacity:.2;background:currentColor;flex:1;height:10px}.bar span.lit{opacity:1}.axis{letter-spacing:.5px;grid-template-columns:62px 1fr 62px;align-items:center;gap:6px;font-size:10px;line-height:1;display:grid}.axis .lbl:last-child{text-align:right}.axis-track{opacity:.2;background:currentColor;height:6px;position:relative}.axis-knob{background:var(--lcd-ink);width:6px;height:12px;position:absolute;top:-3px;transform:translate(-50%)}.axis-wrap{position:relative}.page-hint{opacity:.7;text-align:center;margin-top:auto;font-size:11px}.game-arena{flex:1;justify-content:center;align-items:flex-end;gap:26px;padding-bottom:8px;display:flex;position:relative}.game-side{cursor:pointer;color:inherit;background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.game-side.chosen{border-color:currentColor;box-shadow:3px 3px}.game-reveal{background:var(--lcd-bg);border:2px solid;padding:4px 8px;font-size:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.readout{grid-template-columns:1fr 1fr 1.1fr auto;align-items:end;gap:12px;padding:2px 8px 0;display:grid}.readout-col{flex-direction:column;gap:5px;display:flex}.hearts{color:var(--shell-ink-2);gap:4px;display:flex}.health-track{background:#3c462d38;border-radius:4px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #3c462d59}.health-fill{border-radius:4px;height:100%;transition:width .6s}.mistakes{font-family:var(--font-screen);color:var(--shell-ink-2);text-shadow:var(--engrave);text-align:right;font-size:22px;line-height:1}.mistakes.bad{color:var(--red-ink)}.mistakes small{color:var(--shell-ink-3);font-size:13px}.watch-strip{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.watch-pill{color:var(--shell-ink);background:#ffffff4d;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:12px;display:flex;box-shadow:inset 0 1px 2px #3c462d40,0 1px #ffffff80}.watch-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.watch-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.watch-dot.none{background:var(--red-ink)}.mail{color:var(--shell-ink);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.buttons{justify-content:center;align-items:flex-end;gap:36px;margin-top:auto;padding-bottom:2px;display:flex}.button-col{flex-direction:column;align-items:center;gap:6px;display:flex}.button-col .engrave{letter-spacing:1.6px;font-size:9px}.pushbtn{cursor:pointer;background:radial-gradient(circle at 35% 30%, var(--coral-hi), var(--coral) 55%, var(--coral-lo));width:58px;height:58px;box-shadow:0 6px 0 var(--coral-shadow), 0 10px 14px #282d1e4d, inset 0 2px 2px #ffffff73;border:0;border-radius:50%;padding:0;transition:transform 80ms,box-shadow 80ms}.pushbtn.ok{width:72px;height:72px;box-shadow:0 7px 0 var(--coral-shadow), 0 12px 16px #282d1e52, inset 0 2px 2px #ffffff73}.pushbtn.ok.glow{box-shadow:0 7px 0 var(--coral-shadow), 0 12px 16px #282d1e52, inset 0 2px 2px #ffffff73, 0 0 0 4px #ffffff8c, 0 0 22px #e8a33acc}.pushbtn:active,.pushbtn.down{box-shadow:0 1px 0 var(--coral-shadow), 0 2px 4px #282d1e4d, inset 0 2px 2px #ffffff73;transform:translateY(5px)}.pushbtn.ok:active,.pushbtn.ok.down{transform:translateY(6px)}.tray{z-index:5;background:linear-gradient(#efe9d8,#ded6bf);border-radius:36px 36px 48px 48px;flex-direction:column;gap:12px;padding:16px 16px 18px;animation:.18s ease-out kin-slide-up;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 -12px 34px #282d1e59,inset 0 1px #fff}.tray-head{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.tray-head .note{color:var(--shell-ink-3)}.tray-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.food-token{color:var(--shell-ink);cursor:pointer;font:inherit;background:#ffffff59;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 8px;display:flex;box-shadow:inset 0 1px #fff}.food-token .glyph{color:var(--shell-ink-2)}.food-token.chosen{box-shadow:0 0 0 3px var(--coral), 0 4px 10px #282d1e33;background:#fffdf6}.food-token:disabled{opacity:.45;cursor:default}.food-name{text-align:center;font-size:11px;font-weight:600;line-height:1.1}.food-price{color:var(--shell-ink-3);font-size:11px;line-height:1}.tray .btn-primary{height:48px;font-size:15px}.tray-pulls{color:var(--shell-ink-3);text-align:center;min-height:14px;font-size:11px}.device-aside{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;max-width:390px;font-size:12px;display:flex}.roster{flex-direction:column;gap:6px;font-size:13px;display:flex}.roster-row{color:var(--muted-2);justify-content:space-between;align-items:center;gap:10px;min-height:28px;padding:4px 8px;display:flex}.roster-row.past{color:var(--muted-2)}.roster-row.current{background:var(--bezel);color:var(--paper-2);border-radius:12px;padding:8px 10px}.roster-row.current b{color:#fff}.roster-row.current .presence-dot{background:var(--led-calm)}.roster-row.current .presence-dot.off{background:var(--red)}.roster-row.next{color:var(--text);border:1px dashed #b5b1a3;border-radius:12px;padding:6px 8px 6px 10px}.roster-time{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.roster-take{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.roster-row.current .btn-primary{box-shadow:0 3px 0 var(--coral-shadow)}.favs{flex-direction:column;gap:8px;font-size:13px;display:flex}.fav-row{grid-template-columns:20px 1fr auto;align-items:center;gap:10px;min-width:0;display:grid}.fav-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fav-hearts{color:var(--shell-ink-2);gap:3px;display:inline-flex}.posts{flex-direction:column;gap:14px;display:flex}.post{gap:10px;font-size:13px;line-height:1.45;display:flex}.post.home{color:var(--muted-2)}.post-face{background:var(--lcd-day-bg);width:28px;height:28px;color:var(--lcd-day-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.post-face.home{color:var(--muted);background:#e4dfd0}.room{min-height:0}.room-log{scrollbar-width:thin;flex-direction:column;gap:10px;max-height:420px;padding-right:4px;font-size:13px;line-height:1.45;display:flex;overflow-y:auto}.room-line b{color:var(--text)}.room-kin{font-family:var(--font-screen);color:var(--lcd-day-ink);background:var(--lcd-day-bg);border-radius:12px;align-self:flex-start;max-width:92%;padding:8px 12px;font-size:15px}.room-kin.typing{opacity:.7}.room-event{box-shadow:0 1px 0 var(--rule);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.room-event .quiet{flex-shrink:0;font-size:11px}.arrive{animation:.25s ease-out kin-arrive}.room-join{flex-direction:column;gap:8px;display:flex}.say{background:#fff;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 14px;display:flex;box-shadow:inset 0 1px 3px #282d1e26}.say .input{box-shadow:none;background:0 0;flex:1;padding:6px 0}.say-left{color:var(--muted-3);white-space:nowrap;font-size:11px;font-weight:600}