@font-face{font-family:Bender;src:url(/font/bender-light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Bender;src:url(/font/bender-light-italic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:Bender;src:url(/font/bender.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Bender;src:url(/font/bender-italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Bender;src:url(/font/bender-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Bender;src:url(/font/bender-bold-italic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:Bender;src:url(/font/bender-black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Bender;src:url(/font/bender-black-italic.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap}
:root{--bg:#000;--panel:#000;--fg:#fff;--cyan:#fff;--orange:#fff;--mute:#fff;--line:#fff;--ink:#000;--grid:rgba(255,255,255,.2);--floor:#000000f2;--field:#000;--key:#111;--me:#111;--kb:0px;--safe-b:env(safe-area-inset-bottom,0px);--floor-h:calc(76px + var(--safe-b));--menu-h:var(--floor-h);--dock-pad:var(--menu-h)}
html.light{color-scheme:light;--bg:#fff;--panel:#fff;--fg:#000;--cyan:#000;--orange:#000;--mute:#000;--line:#000;--ink:#000;--grid:rgba(0,0,0,.18);--floor:#fffffff2;--field:#fff;--key:#fff;--me:#fff}
html.home{--safe-b:0px}
@media (display-mode:standalone){:root{--safe-b:0px}}
*{box-sizing:border-box}
html{color-scheme:dark;touch-action:pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;height:100%;overflow:hidden;background-color:var(--bg);color:var(--fg);font:300 16px/1.5 Bender,ui-sans-serif,system-ui,sans-serif}
body{position:fixed;inset:0;display:flex;flex-direction:column;padding-bottom:calc(var(--kb, 0px) + var(--vv, 0px));background-color:var(--bg)}
main{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:none;width:100%;max-width:32rem;margin:0 auto;padding:1rem 1rem 0;scrollbar-width:none}
main.rise{animation:pagerise .14s ease-out}
@keyframes pagerise{from{opacity:.72}to{opacity:1}}
@media (prefers-reduced-motion:reduce){main.rise{animation:none}}
main::-webkit-scrollbar{width:0;height:0;display:none}
#scrollhair{position:fixed;top:0;right:0;left:auto;width:2px;border-radius:0;background:rgba(255,255,255,.42);pointer-events:none;z-index:45;opacity:0;transition:opacity .5s ease}
#scrollhair.on{opacity:1}
html.light #scrollhair{background:rgba(0,0,0,.32)}
@media (prefers-reduced-motion:reduce){#scrollhair{transition:none}}
main.calm,main.calm *:not(input):not(textarea){scroll-behavior:auto;-webkit-overflow-scrolling:auto;touch-action:none!important}
a{color:var(--cyan)}a.thread{text-decoration:none;color:inherit;display:block}
h1{font:300 .68rem/1 ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:0 0 .85rem}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 .75rem}
.panel:last-child{margin-bottom:0}
.ph{background:var(--cyan);color:#06211e;font:300 .68rem/1 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .8rem}
.who{display:flex;align-items:center;gap:.45rem;margin:.75rem .72rem 0;font:300 .85rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.who i{width:.5rem;height:.5rem;border-radius:50%;background:var(--cyan);flex:none}
.who .o{background:var(--orange)}
.m{color:#d5e6e4;margin:.45rem .8rem .9rem;line-height:1.5}
.intro{color:var(--mute);margin:0 0 .85rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hud{flex:none;width:100%;max-width:32rem;margin:0 auto;display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid rgba(61,240,224,.28)}
.hud a{flex:none;display:flex;align-items:center;justify-content:center;color:var(--cyan);text-decoration:none}
.hud a:not(.face){width:44px;height:40px;border-radius:8px;border:1px solid rgba(120,244,234,.5);box-shadow:0 0 10px rgba(61,240,224,.16);background:rgba(4,14,18,.75)}
.hud .face{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--cyan);box-shadow:0 0 0 3px rgba(61,240,224,.1),0 0 14px rgba(61,240,224,.45);overflow:hidden}
.hud .face svg{width:100%;height:100%;display:block}
.hud .gap{flex:1}
.dock{flex:none;position:relative;z-index:20;width:100%;max-width:32rem;margin:0 auto;background:#04060af2;border-top:1px solid var(--line);view-transition-name:dock}
.opts{padding:8px 12px 0}
.taglab{margin:0 0 4px;font:300 .58rem/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.tag,.tags button{border:1px solid rgba(61,240,224,.45);background:transparent;color:var(--cyan);border-radius:999px;padding:.32rem .65rem;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.04em;text-decoration:none}
.tag.on{background:var(--cyan);color:#041014}
a.note{text-decoration:none;color:inherit}
.cmd{display:none;padding:8px 12px 0}
.dock:focus-within .cmd,.dock:has(#q:not(:placeholder-shown)) .cmd{display:block}
.tolab{display:block;margin:0 0 4px;font:300 .58rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pick{width:100%;height:40px;border:1px solid rgba(61,240,224,.35);background:#070b10;color:var(--fg);font:300 16px/1.45 Bender,ui-sans-serif,system-ui,sans-serif;border-radius:10px}
.bar{display:flex;gap:8px;align-items:center;padding:8px 12px}
.dock:focus-within .bar,.dock:has(#q:not(:placeholder-shown)) .bar{padding-bottom:8px}
.bar input{flex:1;min-width:0;height:52px;padding:0 14px;border:1px solid rgba(61,240,224,.45);background:rgba(4,10,14,.72);color:var(--fg);font:300 16px/1.45 Bender,ui-sans-serif,system-ui,sans-serif;border-radius:14px;box-shadow:0 0 16px rgba(61,240,224,.08)}
.bar input:focus{outline:1px solid var(--cyan);outline-offset:1px}
.send{display:none;align-items:center;justify-content:center;width:44px;height:52px;background:var(--cyan);color:#041014;border:0;border-radius:12px;flex:none;padding:0}
.dock:has(#q:not(:placeholder-shown)) .send{display:flex}
.bar input.live{outline:1px solid var(--cyan);outline-offset:1px}
.keys{display:none;position:fixed;z-index:34;left:0;right:0;bottom:var(--vv, 0px);width:min(100%,32rem);margin:0 auto;padding:5px 3px calc(4px + var(--safe-b));background:#0c1216f2;color:var(--fg);border-top:1px solid var(--line);flex-direction:column;gap:0;-webkit-user-select:none;user-select:none;touch-action:manipulation}
html.keyson .keys{display:flex}
.keyrow{display:grid;grid-template-columns:repeat(10,1fr);width:100%}
.keyrow.mid{grid-template-columns:repeat(9,1fr);width:90%;margin:0 auto}
.keyrow.low{grid-template-columns:1.45fr repeat(7,1fr) 1.45fr;width:100%}
.keyrow.tail{display:flex;width:100%}
.keyrow.tail button{flex:1 1 0}
.keyrow.tail button.sp{flex:3.2 1 0}
.keyrow.tail button.go{flex:1.45 1 0}
.keys button{min-width:0;height:48px;margin:0;padding:4px 2px;border:0;border-radius:0;background:transparent;color:var(--fg);font:300 24px/1 Bender,ui-sans-serif,system-ui,sans-serif;touch-action:manipulation}
.keys button span{display:flex;align-items:center;justify-content:center;height:100%;border-radius:7px;background:#1c262c;color:var(--fg);font-size:24px;pointer-events:none}
.keys button.lng span{font-size:15px;font-weight:300;letter-spacing:.02em}
.keys button.emo span{font-size:22px;font-weight:400}
.keyrow.langs{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;max-height:188px;overflow:auto;padding:6px 4px;width:100%}
.keyrow.langs button{flex:1 1 30%;height:44px}
.keyrow.langs button span{font-size:15px;font-weight:300}
.keyrow.emos button{flex:1 1 18%;height:48px}
.keyrow.emos button span{font-size:26px;font-weight:400}
.keys button.sp span{font-size:13px;color:var(--mute)}
.keys button.hot span,.keys button:active span{background:var(--cyan);color:#041014}
.keys button.go span,.keys button.on span{background:var(--cyan);color:#041014;font-weight:300}
.modes{display:flex;gap:6px;flex:none}
.mode{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:52px;border:1px solid rgba(61,240,224,.55);border-radius:14px;color:var(--cyan);text-decoration:none;box-shadow:0 0 14px rgba(61,240,224,.16)}
.mode b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mode{width:52px}
.mode.on{border-color:var(--orange);color:var(--orange)}
.menu{position:fixed;z-index:40;left:0;right:0;bottom:0;transform:none;width:min(100%,32rem);margin:0 auto;display:flex;align-items:stretch;gap:0;height:auto;min-height:0;padding:0 0 var(--safe-b);overflow:visible;background:#04060af2;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.tab{position:relative;flex:1 1 0;width:20%;min-width:0;max-width:20%;display:flex;align-items:center;justify-content:center;height:100%;min-height:0;overflow:hidden;border:0;border-right:1px solid rgba(61,240,224,.35);border-radius:0;color:var(--cyan);text-decoration:none;background:rgba(4,14,18,.55);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.tab:last-child{border-right:0}
.tab:first-child{border-top-left-radius:16px}
.tab:last-child{border-top-right-radius:16px}
.tab.feed,.tab.msgact{flex-direction:column;gap:1px;padding:4px 3px 3px}
.tab,.tab *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}
.tab.feed small,.tab.msgact small{display:block;max-width:100%;font:300 8px/1.05 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em;text-align:center;pointer-events:none}
.msgtools,.msgtools *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.msgtools input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.card.is-hide{display:none}
.msgtools{margin:0;padding:8px 12px 6px}
.msgtools[hidden]{display:none!important}
.msgtools.on{display:block}
.tab svg{display:block;width:26px;height:26px;min-width:26px;max-width:26px;flex:none;overflow:hidden;pointer-events:none}
.tab svg:has(.cdlogo){width:36px;height:36px;min-width:36px;max-width:36px}
svg{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
button,.send,.mode,.tag{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.tab.on{background:var(--cyan);color:#041014;border-color:var(--cyan)}
.holdpick{position:fixed;z-index:45;display:flex;gap:8px;transform:translateX(-50%)}
.holdpick[hidden]{display:none}
.holdpick button{width:54px;height:54px;padding:0;border-radius:16px;border:1px solid var(--cyan);background:#041014;color:var(--cyan);display:flex;align-items:center;justify-content:center}
.fsearch{margin:0;padding:8px 12px 0;border-bottom:0}
.fsearch[hidden]{display:none}
.feedtools[hidden]{display:none}
.fsearch input{width:100%;height:44px;padding:0 14px;border:1px solid rgba(61,240,224,.5);border-radius:12px;background:rgba(4,10,14,.9);color:var(--fg);font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.ig .fsearch input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.ig .note.is-hide{display:none}
html.light .tab{background:#fff;color:#0b7a72}
html.light .tab.on{background:#0b7a72;color:#fff}
html.light .holdpick button{background:#fff;color:#0b7a72}
html.light .fsearch input{background:#fff;color:#10211f}
.n{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;background:var(--orange);color:#fff;font:300 10px/16px ui-monospace,monospace;text-align:center}
.set{display:flex;gap:8px;align-items:center;margin:0 0 .85rem}
.set input{flex:1;height:44px;padding:0 14px;border:1px solid var(--line);background:#070b10;color:var(--fg);font:300 16px/1.45 Bender,ui-sans-serif,system-ui,sans-serif}
.set input:focus{outline:1px solid var(--cyan)}
.set button{display:inline-flex;align-items:center;height:44px;padding:0 16px;border:0;background:var(--cyan);color:#041014;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}
.set input:placeholder-shown + button{display:none}
.daynav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 .7rem}
.daynav a,.daynav b{font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.daynav b{color:var(--fg);font-weight:300;letter-spacing:.04em;text-transform:none}
.steps{display:flex;gap:6px;margin:0 0 .65rem}
.steps a{flex:1;height:34px;border:1px solid rgba(61,240,224,.4);border-radius:10px;color:var(--mute);text-decoration:none;text-align:center;font:300 .62rem/34px ui-monospace,Menlo,monospace;letter-spacing:.06em}
.steps a.on{color:#041014;background:var(--cyan);border-color:var(--cyan)}
html.light .steps a{color:#3d6d68;border-color:rgba(11,122,114,.4)}
html.light .steps a.on{color:#fff;background:#0b7a72}
.hours{list-style:none;margin:0 0 .8rem;padding:0}
.flow{margin:1.3rem .15rem 1.6rem}
.flow h2{margin:0 0 .3rem;font:300 1.35rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em;color:var(--fg)}
.flow .intro{margin:0 0 .7rem}
.flow .run{margin:.2rem 0 0}
.hours{touch-action:pan-y;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hours.selecting{touch-action:none}
.hours li{position:relative;display:grid;grid-template-columns:3.8rem 1fr;gap:.2rem;align-items:stretch;height:14px;min-height:0;border-top:1px solid rgba(22,36,44,.9)}
.hours li.hour{border-top-color:rgba(61,240,224,.28)}
.hours time{display:block;text-align:left;padding:0;margin:0;color:var(--mute);font:300 .7rem/14px ui-monospace,Menlo,monospace;white-space:nowrap}
.hours li.q time{color:#7f9f9a;font-size:.6rem}
.hours .cell{min-height:0;height:14px;border-radius:4px;transition:background-color .12s linear,box-shadow .12s linear}
.hours li:has(.ev){height:auto}
.hours li:has(.ev) .cell{height:auto;min-height:14px}
.hours li.addrow{height:auto}
.hours li.addrow .cell{height:auto;min-height:0;padding:.45rem .4rem .55rem;background:rgba(61,240,224,.16);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(61,240,224,.55)}
.hours li.evnew{height:auto;border-top:0}
.hours li.evnew form{display:flex;gap:.5rem;align-items:center;margin:0}
.hours li.evnew input[name=title]{flex:1;min-width:0;min-height:44px;font:inherit;font-size:1rem;padding:.5rem .7rem;border-radius:10px;border:1px solid rgba(61,240,224,.55);background:var(--bg);color:var(--fg)}
.hours li.evnew button{min-height:44px;padding:0 1rem;font:inherit;font-size:1rem;border-radius:10px;border:0;background:var(--cyan);color:#05211f;cursor:pointer}
.dayform{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}
.dayform input,.dayform select{width:100%;height:44px;flex:none;font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.dayform .intro{margin:0}
.dayform .go button{height:44px;padding:0 16px}
.dayhead{position:sticky;top:0;z-index:8;background:var(--bg);padding-bottom:.35rem;box-shadow:-20px 0 0 var(--bg),20px 0 0 var(--bg)}
.dayhead:has(.timesel:not([hidden])) .intro{display:none}
body:has(.daystick:not([hidden])) .dayhead .set{display:none}
.timesel{position:static;z-index:4;margin:.1rem 0 .4rem;padding:.45rem .75rem;border-radius:12px;background:#fff;color:#000;font:300 1.15rem/1.25 Bender,ui-sans-serif,system-ui,sans-serif;text-align:center}
html.light .timesel{background:#1c1916;color:#fff}
.timesel[hidden]{display:none!important}
.hours li.from time,.hours li.end time{white-space:nowrap;color:var(--fg)}
.hours li.from time{color:var(--cyan);font-weight:800}
.hours li.from .cell{box-shadow:inset 3px 0 0 var(--cyan),inset 0 0 0 1px var(--cyan)}
.hours li.range .cell,.hours li.span .cell{background:rgba(61,240,224,.18);box-shadow:inset 0 0 0 1px rgba(61,240,224,.55)}
.hours li.end .cell{box-shadow:inset 0 2px 0 var(--cyan)}
.hours .ev{display:block;margin:.1rem 0;padding:.28rem .45rem;border:1px solid rgba(61,240,224,.4);border-radius:8px;color:inherit;text-decoration:none;background:rgba(4,16,20,.72)}
.hours .ev.on{border-color:var(--cyan);box-shadow:0 0 10px rgba(61,240,224,.25)}
.hours .ev b{display:block;font:300 .88rem/1.25 Bender,ui-sans-serif,system-ui,sans-serif}
.hours .ev small{color:var(--cyan);font:300 .5rem/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.hours .x,.hours button.x{color:var(--orange);font:300 .55rem/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;background:none;border:0;padding:0}
.nowclock{margin:.15rem 0 .55rem;text-align:center;color:var(--orange);font:300 1.45rem/1 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em}
.invitees{display:flex;gap:8px;margin:0 0 4px;padding:2px 2px 6px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.invitees::-webkit-scrollbar{display:none}
.guest{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;width:68px;margin:0;padding:8px 6px 7px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--fg);cursor:pointer}
.guest input{position:absolute;opacity:0;pointer-events:none}
.guest .face{width:36px;height:36px;border-radius:50%;overflow:hidden;display:block}
.guest .face svg,.guest svg.av{width:36px;height:36px;display:block}
.guest b,.guest .ask{font:300 .68rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.guest.on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 8px 16px rgba(0,0,0,.12)}
.hours .timenow{position:absolute;left:3.2rem;right:8px;height:2px;background:var(--fg);z-index:3;pointer-events:none}
.hours .timenow::after{content:attr(data-t);position:absolute;left:0;top:-11px;padding:1px 6px;border-radius:7px;background:var(--fg);color:var(--bg);font:300 .78rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.holdwho{position:fixed;left:50%;bottom:calc(var(--dock-pad, 56px) + 8px);transform:translateX(-50%);z-index:50;pointer-events:none;margin:0;padding:.4rem .7rem;border:1px solid var(--cyan);border-radius:8px;color:var(--cyan);background:#041014;font:300 .68rem/1.3 ui-monospace,Menlo,monospace;white-space:nowrap}
.dayform{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}
.dayform .go{display:flex}
.daystick{position:fixed;z-index:35;left:50%;transform:translateX(calc(-50% + 1.9rem));width:min(calc(100% - 5.6rem),26rem);bottom:calc(var(--kb, 0px) + var(--dock-pad) + 6px);max-height:min(46vh,380px);overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:.5rem .55rem .6rem;background:#000;border:1px solid rgba(61,240,224,.55);border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.4);opacity:1;transition:transform .22s ease,opacity .2s ease}
@starting-style{.daystick{opacity:0;transform:translateX(calc(-50% + 1.9rem)) translateY(16px)}}
html.light .daystick{background:#fff}
.daystick[hidden]{display:none}
body:has(.daystick:not([hidden])) main{padding-bottom:calc(var(--add-h, 280px) + .5rem)}
.now{flex:none;flex-shrink:0;width:100%;max-width:32rem;margin:0 auto;padding:2px 10px 0;background:var(--panel);border-top:1px solid var(--line);position:relative;z-index:15}
.now audio{width:100%;height:auto;min-height:52px;display:block}
.now + .dock{border-top:0}
.now + .dock .bar{padding-top:4px}
@media (pointer:coarse){.now{padding:.55rem .8rem .45rem}.now audio{min-height:76px}.now + .dock .bar{padding-top:8px}}
.pl a{display:block;padding:.42rem .72rem;border-top:1px solid var(--line);text-decoration:none}
.pl a.on{color:var(--orange)}
.lp{display:flex;flex-wrap:wrap;gap:6px;margin:.35rem .72rem .85rem}
.lp b{font:300 .58rem/1.4 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);padding:.2rem .4rem}
.lp b.on{color:var(--orange);border-color:var(--orange)}
.run{list-style:none;margin:.35rem .72rem .85rem;padding:0}
.run li{display:grid;grid-template-columns:1.2rem 7.2rem 1fr;gap:.55rem;align-items:start;padding:.5rem 0;border-top:1px solid var(--line)}
.run li:first-child{border-top:0}
.run em{font:300 .68rem/1.4 ui-monospace,Menlo,monospace;color:var(--mute);font-style:normal}
.run li.on em{color:var(--orange)}
.run .act{font:300 .52rem/1.35 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-top:.12rem}
.run li.on .act{color:var(--orange)}
.run small{display:block;color:var(--mute);font:15px/1.4 Bender,ui-sans-serif,system-ui,sans-serif}
html.light{--bg:#fff;--panel:#fff;--fg:#000;--cyan:#000;--orange:#000;--mute:#000;--line:#000;--ink:#000;--grid:rgba(0,0,0,.18);--floor:#fffffff2;--field:#fff;--key:#fff;--me:#fff;color-scheme:light}
html.light,html.light body{background-color:#fff;color:#000}
html.light .who i{box-shadow:none}
html.light a{color:#0b7a72}
html.light .dock,html.light .now,html.light .menu{background:#eef3f2f2}
html.light .bar input,html.light .set input,html.light .pick{background:#fff}
html.light .keys{background:#fff;border-color:#eadfD2}
html.light .keys button{background:transparent}
html.light .keys button span{background:#efe6da;color:#2c261f}
html.light .keys button.go span,html.light .keys button.on span,html.light .keys button.hot span{background:var(--cyan);color:#041014}
html.light .av{background:transparent}
html.light .shot .hd i{color:#041014}
.me{flex:none;width:100%;max-width:32rem;margin:0 auto;padding:.85rem 1rem .75rem;background:var(--panel);border-top:1px solid var(--line)}
.me h1{margin:0 0 .55rem}
.me .imp{color:var(--fg);margin:.4rem 0 .15rem}
.me .sub{color:var(--mute);margin:.25rem 0 0;font-size:.92em}
html.light .me{background:var(--panel)}
main:has(.ig),main:has(.tg),main:has(.talk),main:has(.cdpage){padding:0}
.ig{padding:.15rem 0 .85rem;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rings,.youline,.note,.card.row{position:relative;border:1px solid rgba(94,236,226,.58);border-radius:16px;box-shadow:0 0 20px rgba(61,240,224,.14);background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(61,240,224,.02) 3px,rgba(61,240,224,.02) 4px),rgba(3,12,16,.5)}
.rings::before,.rings::after,.note::before,.youline::after,.card.row::before{content:"";position:absolute;pointer-events:none}
.rings::before{inset:0;background:linear-gradient(rgba(126,246,238,.55),rgba(126,246,238,.55)) right 20px top 8px/22px 1px no-repeat,linear-gradient(rgba(126,246,238,.28),rgba(126,246,238,.28)) right 20px top 12px/12px 1px no-repeat,linear-gradient(#ff6a3d,#ff6a3d) right 46px top 8px/4px 1px no-repeat,linear-gradient(rgba(126,246,238,.4),rgba(126,246,238,.4)) right 8px top 18px/1px 9px no-repeat,linear-gradient(rgba(126,246,238,.35),rgba(126,246,238,.35)) left 20px bottom 8px/16px 1px no-repeat,linear-gradient(rgba(126,246,238,.3),rgba(126,246,238,.3)) left 8px bottom 16px/1px 8px no-repeat}
.rings::after,.note::before,.youline::after,.card.row::before{height:6px}
.rings::after{top:16px;left:36%;right:22px;background:linear-gradient(#7ef6ee,#7ef6ee) 0 2px/18% 1px no-repeat,linear-gradient(#7ef6ee,#7ef6ee) 26% 2px/34% 1px no-repeat,linear-gradient(#ff6a3d,#ff6a3d) 66% 2px/6px 1px no-repeat,linear-gradient(rgba(126,246,238,.4),rgba(126,246,238,.4)) 74% 2px/14% 1px no-repeat}
.note::before{display:none}
.youline::after{top:7px;left:48%;right:36px;background:linear-gradient(#7ef6ee,#7ef6ee) 0 2px/36% 1px no-repeat,linear-gradient(#ff6a3d,#ff6a3d) 46% 2px/5px 1px no-repeat,linear-gradient(rgba(126,246,238,.45),rgba(126,246,238,.45)) 58% 2px/22% 1px no-repeat}
.card.row::before{top:7px;left:42%;right:24px;background:linear-gradient(#7ef6ee,#7ef6ee) 0 2px/28% 1px no-repeat,linear-gradient(#7ef6ee,#7ef6ee) 36% 2px/28% 1px no-repeat,linear-gradient(#ff6a3d,#ff6a3d) 70% 2px/5px 1px no-repeat}
.rings{display:block;margin:.85rem .7rem .2rem;padding:.95rem .45rem 1.05rem}
.rings .mark{display:block;margin:.15rem 0 .8rem 1.65rem;font:300 .7rem/1 ui-monospace,Menlo,monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px rgba(61,240,224,.55)}
.rings .row{display:flex;justify-content:space-between;align-items:flex-start}
.rings a{flex:1;min-width:0;text-align:center;text-decoration:none;color:#9ec4c6;font:300 .58rem/1.25 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.rings a.on{color:var(--cyan)}
.rings i{display:flex;align-items:center;justify-content:center;width:4.15rem;height:4.15rem;margin:0 auto .55rem;border-radius:50%;border:1.5px solid var(--cyan);color:var(--cyan);background:rgba(4,16,20,.35);box-shadow:0 0 18px rgba(61,240,224,.42),inset 0 0 16px rgba(61,240,224,.14);font:300 1.45rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;letter-spacing:0;text-transform:none;text-shadow:0 0 10px rgba(61,240,224,.7)}
.rings a.on i{background:rgba(61,240,224,.18)}
.youline{display:flex;align-items:center;gap:.75rem;margin:.65rem .7rem 0;padding:.55rem .9rem;text-decoration:none;color:inherit}
.youline i{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--cyan);color:#041014;box-shadow:0 0 16px rgba(61,240,224,.6);display:flex;align-items:center;justify-content:center;font:300 1rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;flex:none}
.youline b{display:block;font:300 1.02rem/1.1 Bender,ui-sans-serif,system-ui,sans-serif;color:#e7f6f5}
.youline em{display:block;margin-top:.12rem;font:300 .5rem/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-style:normal}
.youline .dot{margin-left:auto;width:.48rem;height:.48rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);flex:none}
body:has(.ig) .hud{display:none}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) main{order:1;display:flex;flex-direction:column}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) .ig,
body:has(.dock:focus-within):is(:has(.talk)) .talk{flex:1;width:100%;min-height:0;margin-top:0;padding-bottom:10px}
body:has(.dock:focus-within):is(:has(.talk)) .talk:has(.topichead){margin-top:0;min-height:0;padding-top:.2rem}
body:has(.dock:focus-within):is(:has(.talk)) .talk:has(.person):not(:has(.person.look)){margin-top:0;min-height:0;flex:1;padding-bottom:0}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) .hud{display:flex;order:2;margin:0 auto;padding:10px 14px;border-bottom:1px solid rgba(61,240,224,.4);border-top:0}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) .now{order:3}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) .dock:not(.ask){order:4;border-top:0}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) .cmd{padding:10px 14px 0}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) .bar{padding:8px 12px 4px}
body:has(.dock:focus-within):is(:has(.ig),:has(.talk)) .floor form.ask .bar{position:relative;padding:0}
.ig{padding:.7rem .55rem .4rem;background:#05080c}
.live{position:relative;display:flex;align-items:center;gap:.7rem;margin:.55rem .55rem .15rem;padding:.6rem .75rem;border:1px solid rgba(90,230,220,.55);border-radius:16px;background:rgba(4,12,16,.82);text-decoration:none;color:inherit}
.live>i{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--cyan);color:#04141a;display:flex;align-items:center;justify-content:center;font:300 1rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;box-shadow:0 0 12px rgba(61,240,224,.4);flex:none}
.live b{display:block;font:300 1.15rem/1.1 Bender,ui-sans-serif,system-ui,sans-serif;color:#f4fffd}
.live em{display:block;margin-top:.12rem;font:300 .52rem/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-style:normal}
.live small{color:#8ef6ee;font:300 .58rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.live .gauge{margin-left:auto;width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid rgba(126,246,238,.8);box-shadow:inset 0 0 0 4px rgba(61,240,224,.16),0 0 10px rgba(61,240,224,.35);flex:none}
.live .wave{width:2.4rem;height:14px;flex:none}
.corners{display:flex;justify-content:space-between;align-items:center;padding:.15rem .85rem .05rem}
.corners a{display:flex;color:var(--cyan);text-decoration:none}
.note{position:relative;display:grid;grid-template-columns:2.15rem 1fr;column-gap:.55rem;align-items:start;margin:.55rem .55rem .2rem;padding:.7rem .7rem .55rem;border-radius:14px;border:1px solid rgba(90,230,220,.45);background:#07141a}
.note::before{content:"";position:absolute;left:2.7rem;right:.85rem;top:.72rem;height:8px;pointer-events:none;background:linear-gradient(rgba(126,246,238,.45),rgba(126,246,238,.45)) 0 3px/28% 1px no-repeat,linear-gradient(rgba(126,246,238,.22),rgba(126,246,238,.22)) 34% 3px/18% 1px no-repeat,linear-gradient(rgba(126,246,238,.18),rgba(126,246,238,.18)) 58% 6px/22% 1px no-repeat}
.note>i,.note>a.pic{grid-row:1;width:2.15rem;height:2.15rem;border-radius:50%;background:var(--cyan);color:#04141a;display:flex;align-items:center;justify-content:center;font:300 .72rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;text-decoration:none}
.note.shot .frame,.note.invite .frame{grid-column:1 / -1;position:relative;margin:.5rem 0 0;min-height:11rem;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;padding:.75rem;color:#fffaf3}
.note.shot .frame{min-height:15rem;background:#1d7a62}
.note.shot .frame svg{position:absolute;inset:0;width:100%;height:100%}
.note.invite .frame{position:relative;background:linear-gradient(155deg,#1d7a62 0%,#e07a45 100%)}
.note.invite .frame img,.note.invite .frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.note.invite .frame audio{position:relative;z-index:1;width:100%}
.note.invite .frame>span{position:relative;z-index:1}
.fromafter{display:flex;justify-content:space-between;gap:8px;margin:0}
.fromafter span,.fromafter label{color:var(--mute);font:300 .9rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.fromafter label{flex:1;display:flex;flex-direction:column;gap:4px}
.fromafter select{width:100%;height:44px;font:300 16px/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.fromafter b{color:var(--fg);font-weight:300}
.note.invite .frame b,.note.shot .cap b{display:block;position:relative;font:300 1.05rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.note.invite .frame span,.note.shot .cap span{position:relative;display:block;margin-top:.15rem;font:300 .8rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.tracks{margin:0 0 1.1rem}
.tracks.on{position:fixed;z-index:40;left:0;right:0;top:0;bottom:calc(var(--floor-h) + var(--kb, 0px));margin:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}
.tracks.on .album{flex:none}
.tracks.on .tracklist{flex:1;min-height:0;max-height:none;overflow:auto;background:var(--bg)}
#tracklist.open{position:fixed;z-index:40;bottom:calc(var(--floor-h) + var(--kb, 0px));margin:0;max-height:none;overflow:auto;background:var(--bg);pointer-events:auto;-webkit-overflow-scrolling:touch}
#comments{position:fixed;z-index:35;left:0;right:0;top:0;bottom:auto;width:min(100%,32rem);height:calc(100dvh - 76px - env(safe-area-inset-bottom,0px));margin:0 auto;transform:none;display:flex;flex-direction:column;padding:1rem .9rem .6rem;background:var(--bg);box-sizing:border-box}
#comments[hidden]{display:none}
#comments header{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin:0 0 .35rem}
#comments header b{font:300 1.05rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;color:#f4fffd}
#comments header span{color:var(--cyan);font:300 .9rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
#comments .burn{margin:0 0 .7rem;color:var(--mute);font-size:.95rem;line-height:1.4}
#comments .thread{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
#comments .creply{padding:.55rem 0;border-bottom:1px solid var(--line)}
#comments .creply a{text-decoration:none;color:inherit}
#comments .creply b{display:block;font:300 1rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;color:#f4fffd}
#comments .creply p{margin:.15rem 0 0;color:#e7f7f5;font-size:1rem;line-height:1.45}
html.light #comments header b,html.light #comments .creply b,html.light #comments .creply p{color:#2c261f}
#stay{position:fixed;top:0;left:50%;z-index:25;width:min(100%,32rem);transform:translateX(-50%);transition:transform .22s ease;pointer-events:none}
#stay.away{transform:translate(-50%,-120%)}
#stay.off{display:none}
html.music main{padding-top:calc(4.6rem + env(safe-area-inset-top,0px))}
#stay .album{position:relative;left:auto;top:auto;display:flex;align-items:center;justify-content:space-between;gap:.7rem;width:100%;min-height:56px;margin:0;padding:calc(.55rem + env(safe-area-inset-top,0px)) 1rem .45rem;background:var(--bg);border-bottom:1px solid var(--line);transform:none;pointer-events:none}
#stay .album .ctrls,#stay .tracklist,#stay .ainame{pointer-events:auto}
#stay .now{padding:0 1rem .35rem;background:var(--bg)}
#stay .tracklist{max-height:62vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);touch-action:pan-y}
.ig{padding-top:calc(3.6rem + env(safe-area-inset-top,0px))}
.album{cursor:pointer}
.album .meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:.12rem}.album .meta .by{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:.4rem;min-width:0;max-width:100%}.album .meta .by span{min-width:0;overflow-wrap:anywhere}
.album .meta b{color:var(--fg);font:300 1.15rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.album .meta span{color:var(--mute);font:300 .85rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}.album .meta #plcount:empty{display:none}
.album .ctrls{display:flex;align-items:center;gap:.35rem;flex:none}
.album .play,.album .next,.album .drop{width:40px;height:40px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:0;opacity:.35}
.album .play svg,.album .next svg,.album .drop svg{display:block;width:18px;height:18px}
.album .play{border:0;background:transparent;color:var(--fg)}
.album .next,.album .drop{border:0;background:transparent;color:var(--fg);text-decoration:none}
.album .play:focus,.album .play:focus-visible,.album .next:focus,.album .next:focus-visible,.album .drop:focus,.album .drop:focus-visible{outline:none;box-shadow:none}
.album .play .ic-pause,.album .play.on .ic-play{display:none}
.album .play.on .ic-pause{display:block}
#plmix{position:absolute;right:112px;bottom:2px;z-index:4;display:none!important;align-items:center;justify-content:center;gap:1px;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--fg);cursor:pointer}
#plfold{display:none!important}
.composer>.tracklist{position:absolute;left:8px;right:8px;bottom:100%;z-index:60;max-height:46vh;margin:0 0 6px;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:12px}
#plmix[hidden]{display:none!important}
#plmix svg{display:block;width:15px;height:15px}
#plmix .ic-pause,#plmix.on .ic-play{display:none}
#plmix.on .ic-pause{display:block}
.album .drop[aria-expanded=true]{background:transparent;color:var(--fg);border:0}
.tracks .now{margin:.15rem 0 .4rem;color:var(--mute);font:300 .95rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.tracks .now:empty{display:none}
.tracklist[hidden]{display:none}
.tracklist{list-style:none;margin:0;padding:0}
.tracklist .sharetop{padding:.75rem .85rem .65rem;border-bottom:.5px solid var(--line);font:300 .9rem/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.tracklist li:has(>button){display:flex;align-items:center;flex-wrap:wrap;border-bottom:.5px solid var(--line)}
.tracklist button{display:flex;align-items:center;gap:.85rem;width:100%;min-height:48px;padding:.55rem .1rem;border:0;border-bottom:.5px solid var(--line);background:transparent;color:var(--fg);text-align:left;font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.tracklist li:has(>button)>button{flex:1;min-width:0;width:auto;border-bottom:0}
.tracklist a.rowshare{flex:none;padding:0 .85rem;color:inherit;opacity:.55;text-decoration:none;font:300 .85rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
.tracklist .sharepeople{flex:1 0 100%;list-style:none;margin:0;padding:.15rem 0 .4rem;border-top:.5px solid var(--line);max-height:16rem;overflow:auto}
.tracklist .sharepeople[hidden]{display:none}
.tracklist .sharepeople li{padding:.4rem .95rem;font:300 .95rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.tracklist .sharepeople .sharewho{color:var(--mute);font:300 .72rem/1.2 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.tracklist em{width:1.8rem;flex:none;color:var(--mute);font:300 .85rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;text-align:right}
.tracklist span{min-width:0}
.tracklist button.on span,.tracklist button.on em{color:var(--cyan);font-weight:300}
html.light .tracklist button.on span,html.light .tracklist button.on em{color:#1d7a62}
.note>a.pic{overflow:hidden;padding:0}
.note>a.pic img,.note>a.pic svg,.card.row .pic svg,.mebar .pic svg,.kin svg{width:100%;height:100%;display:block}
.person .heroface{width:6.4rem;height:6.4rem;border-radius:50%;overflow:hidden;flex:none;border:1px solid rgba(255,255,255,.35)}
.person .heroface img,.person .heroface svg{width:100%;height:100%;display:block;object-fit:cover}
.kin{list-style:none;margin:.2rem .75rem .4rem;padding:0}
.kin a{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none}
.kin .pic{width:2.6rem;height:2.6rem;border-radius:50%;overflow:hidden;flex:none}
.kin b{display:block;font:300 .95rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.kin small{display:block;color:rgba(255,255,255,.72);font:300 .58rem/1.2 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
a.open{color:inherit;text-decoration:none}
a.open:active{opacity:.72}
.ig .note{content-visibility:visible;contain:none}
.piece .frame{min-height:70vh;border-radius:18px}
.piece p{font-size:1.35rem;line-height:1.45}
.note.invite .vcom,.note.shot .vcom{grid-column:1 / -1;display:flex;margin-top:.4rem;color:var(--cyan)}
.note.invite .vcom a{color:inherit;display:flex}
.note.vid .frame{min-height:18rem}
.whoface{width:4.2rem;height:4.2rem;border-radius:50%;background:var(--cyan);color:#04141a;display:flex;align-items:center;justify-content:center;font:300 1.2rem/1 Bender,ui-sans-serif,system-ui,sans-serif;margin:.2rem .8rem .4rem}
.profile{padding:1.15rem .95rem 1rem;text-align:center}
.profile .hero{width:8.5rem;height:8.5rem;border-radius:50%;object-fit:cover;object-position:center 18%;display:block;margin:0 auto .85rem;border:1px solid var(--cyan)}
.profile h1{margin:0 0 .35rem;font:300 1.5rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--fg)}
.profile .intro{margin:0 auto .85rem;max-width:22rem}
.profile .sub{margin:0;color:var(--mute);font-size:.92rem}
.profileform{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:1rem;text-align:left}
.profileform input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--fg);font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.profileform input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;border:0;opacity:0}
.profileform label.upload{display:flex;align-items:center;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:14px;cursor:pointer;font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.profileform .facepreview{width:5.5rem;height:5.5rem;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.profileform button{height:44px;border:0;border-radius:14px;background:#1d7a62;color:#fffaf3;font:300 .95rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
.joinrooms,.roompicks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px}
.joinrooms .tag,.roompicks .tag{position:relative;display:inline-flex;align-items:center;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:12px;color:var(--fg);background:transparent;font:300 15px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
.joinrooms input,.roompicks input{position:absolute;opacity:0;width:1px;height:1px}
.joinrooms label.tag:has(input:checked),.roompicks label.tag:has(input:checked){background:var(--fg);color:var(--bg)}
.needroom{margin:0;color:var(--fg);font:300 14px/1.4 Bender,ui-sans-serif,system-ui,sans-serif}
.needroom[hidden]{display:none}
.person{margin:0;padding:0 0 1rem;background:#000;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden;box-shadow:none}
.person .top{display:flex;align-items:center;gap:.9rem;padding:1.05rem .95rem .35rem}
.person.posts .pfoot .top{display:none}
.person.posts:has(.ptab[data-pane=bio].on) .pfoot .top{display:flex}
.person .whoface,.person .face{width:4.8rem;height:4.8rem;margin:0;border-radius:50%;flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;border:1px solid rgba(255,255,255,.35);font:300 1.35rem/1 Bender,ui-sans-serif,system-ui,sans-serif;text-decoration:none}
.person .face svg{width:100%;height:100%;display:block}
.person h1{margin:0;font:300 1.55rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#fff}
.person .room{margin:.18rem 0 0;color:#fff;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.person .intro,.person .biotop{margin:1.15rem .95rem 0;color:#fff;max-width:none;font:300 1.25rem/1.45 Bender,ui-sans-serif,system-ui,sans-serif}
.person.posts .biotop,.person.posts .extra,.person.posts .addlater{display:none}
.addlater{margin:.85rem .75rem .2rem}
.addlater .taglab{margin:0 0 .35rem}
.addlater .intro{margin:0 0 .55rem;font:300 .95rem/1.4 Bender,ui-sans-serif,system-ui,sans-serif}
main:has(.talk .person){display:flex;flex-direction:column;overflow:hidden}
.talk:has(.person) .back{flex:none}
.person .story{flex:1;min-height:0;overflow:auto}
.person .pfoot{margin-top:auto;flex:none}
.person .msg,.person .pmsg{display:flex;align-items:center;justify-content:center;margin:0 .95rem .85rem;height:44px;border-radius:12px;background:transparent;color:#fff;border:1px solid #fff;text-decoration:none;font:300 .95rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
.person .pmsg{border:0;height:auto}
.person .pmsg input{width:100%;height:44px;padding:0 12px;border-radius:12px;border:1px solid #fff;background:transparent;color:#fff;text-align:center;font:300 .95rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
.person .pmsg input::placeholder{color:#fff;opacity:1}
.person h2{margin:0;padding:.7rem .95rem .15rem;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.person .chatsum{margin:1rem .95rem .2rem;color:#fff;font:300 1.05rem/1.45 Bender,ui-sans-serif,system-ui,sans-serif}.person .chatsum b{font-weight:300}
html.light .person .chatsum{color:#1c1916}
.person .cardline{margin:.4rem .75rem 0;padding:.75rem .8rem;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#000}
.person .cardline p{margin:0;color:#fff;font-size:.98rem;line-height:1.4}
.person .cardline time{display:block;margin-top:.35rem;color:rgba(255,255,255,.72);font:300 .78rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.person .trackshare{display:block;margin-top:.45rem;color:#fff;word-break:break-all;font:300 .78rem/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.person .stage{margin:.45rem .75rem 0;border-radius:14px;overflow:hidden;aspect-ratio:1;background:#16342c}
.person .stage svg{width:100%;height:100%;display:block}
.medals{display:flex;align-items:center;gap:.4rem;margin:.4rem 0 0}
.person .pfoot .medals{display:none}
.person:has(.ptab[data-pane=text].on) .pfoot .medals{display:flex}
.medals svg,.medalbig svg{display:block}
.medals svg{width:26px;height:26px}
.ptabs{display:flex;margin-top:.85rem;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.ptabs button{flex:1 1 0;min-width:0;height:46px;border:0;background:transparent;color:#fff;position:relative;padding:0}
.ptabs button svg{width:22px;height:22px;display:block;margin:0 auto}
.ptabs button.on{color:#fff}
.ptabs button.on::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:2px;background:#fff}
.ppane{padding:0 0 .35rem}
.ppane[hidden]{display:none}
#profilesheet[hidden],#profilesheet .person[hidden],#profilesheet .profilepick[hidden]{display:none!important}
.profilesheet{position:fixed;z-index:80;left:0;right:0;bottom:calc(var(--floor-h) + var(--kb, 0px));width:min(100%,32rem);margin:0 auto;max-height:68vh;overflow:auto;background:#000;color:#fff;border:1px solid rgba(255,255,255,.28);border-bottom:0;border-radius:18px 18px 0 0}
.profilesheet:has(.person:not([hidden])){top:0;max-height:none;display:flex;flex-direction:column;border-radius:0;overflow:hidden}
.profilesheet .person{border:0;border-radius:0;margin:0;display:flex;flex-direction:column}
.profilesheet .person:not([hidden]){flex:1;min-height:0}
.talk:has(.person){display:flex;flex-direction:column;min-height:calc(100dvh - var(--floor-h) - var(--kb, 0px))}
.talk:has(.person) .person{flex:1;display:flex;flex-direction:column;min-height:0}
main:has(.talk .person.look){display:block;overflow-x:hidden;overflow-y:auto}
.talk:has(.person.look){display:block;min-height:0}
.talk:has(.person.look) .person.look{flex:none;display:flex;flex-direction:column;height:auto;min-height:0;margin:0 0 .2rem}
.person.look .story{flex:none;min-height:0;overflow:visible}
.person.look .wait{opacity:.42}
.person.look .heroface:has(img:not([hidden])) svg{display:none}
.profilesheet button.heroface{padding:0;cursor:pointer;color:#fff;font:inherit}
.profilesheet .pimg{display:block;width:calc(100% - 1.5rem);margin:.45rem .75rem 0;border-radius:14px;max-height:220px;object-fit:cover}
.profilesheet audio{display:block;width:100%;margin-top:.4rem}
.profilesheet .profilepick{padding:.9rem .75rem 1rem}
.profilesheet .profilepick .taglab{color:#fff}
.profilesheet .profilepick button{width:100%;margin:0 0 .45rem;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.55);border-radius:14px;background:#000;color:#fff;text-align:left;cursor:pointer;font:300 1rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.profilesheet .profilepick button small{display:block;margin-top:.15rem;color:rgba(255,255,255,.72);font:300 .78rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.profilesheet .profilepick a{color:#fff}
.person .empty{color:#fff;text-align:left;padding:.85rem .95rem}
html.light .person,html.light .person h1,html.light .person .intro,html.light .person .room,html.light .person h2,html.light .person .cardline p,html.light .kin a,html.light .kin b,html.light .ptabs button,html.light .ptabs button.on{color:#1c1916}
html.light a.msg,html.light .person .msg,html.light .person .pmsg input{background:transparent;color:#1c1916;border:1px solid #1c1916}
html.light .person .biotop{color:#1c1916}
html.light .talk:has(.person) .back a{color:#1c1916}
main:has(.person){background:#000;color:#fff}
html.light main:has(.person){background:#f7f4ef;color:#1c1916}
.person a.cardline{display:block;text-decoration:none}
.medalbig{display:flex;align-items:flex-start;gap:.7rem}
.medalbig svg{width:40px;height:40px;flex:none}
.note header{grid-column:2;display:flex;align-items:flex-start;gap:.4rem;min-width:0;padding-top:.05rem}
.note .who{display:block;min-width:0;margin:0}
.note header b{display:block;font:300 1.02rem/1.1 Bender,ui-sans-serif,system-ui,sans-serif;color:#f4fffd}
.note header em{display:block;margin-top:.02rem;font:300 .48rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-style:normal}
.note time{margin-left:auto;color:#8ef6ee;font:300 .78rem/1 Bender,ui-sans-serif,system-ui,sans-serif;flex:none;padding-top:.15rem}
.note.igpost{display:block;padding:0;overflow:hidden}
.note.igpost::before{display:none}
.ig .note.igpost{content-visibility:visible}
.note.igpost .igbar{display:flex;align-items:center;gap:.65rem;min-height:56px;padding:.45rem .7rem}
.note.igpost .igbar .pic{width:2.15rem;height:2.15rem;border-radius:50%;flex:none;background:var(--cyan);color:#04141a;display:flex;align-items:center;justify-content:center;font:300 .72rem/1 Bender,ui-sans-serif,system-ui,sans-serif;text-decoration:none}
.note.igpost .igbar .who{flex:0 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:max-content;max-width:calc(100% - 3.2rem);min-width:0;min-height:44px;text-decoration:none;color:inherit}
.note header a.who{display:inline-flex;flex-direction:column;width:max-content;max-width:100%;text-decoration:none;color:inherit}
.note.igpost .stage{display:block;width:100%;aspect-ratio:1;background:#16342c}
.note.igpost .stage svg{width:100%;height:100%;display:block}
.note.igpost .igmore p{margin:0;padding:.7rem .85rem .15rem}
.note.igpost .igmore p b{font-weight:300;margin-right:.3rem}
.note.igpost .ft{display:flex;gap:1.1rem;align-items:center;padding:.35rem .85rem .8rem}
.note.igpost .ft a,.note.igpost .ft span{display:flex;color:inherit}
.price{display:inline-flex;align-items:center;gap:.35rem;margin-right:auto;color:inherit;font:300 15px/1 Bender,ui-sans-serif,system-ui,sans-serif}
.price b,.price i{font-weight:300;font-style:normal}
.note .ft .price{color:inherit}
.note .sq{display:block;width:5px;height:5px;margin-top:.42rem;background:var(--cyan);flex:none;font-style:normal}
.note .box{grid-column:2;margin:.4rem 0 0;padding:.5rem .65rem .45rem;border:1px solid rgba(90,230,220,.38);border-radius:10px}
.note.vid .frame{grid-column:1 / -1;position:relative;margin:.55rem 0 0;min-height:12.5rem;aspect-ratio:9/16;border:1px solid rgba(90,230,220,.45);border-radius:12px;background:linear-gradient(rgba(61,240,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,240,224,.05) 1px,transparent 1px),#061016;background-size:18px 18px,18px 18px,auto;display:flex;align-items:center;justify-content:center}
video{max-width:100%;width:100%;height:auto;display:block;background:#000;object-fit:contain;aspect-ratio:9/16}
video.wide{aspect-ratio:16/9;touch-action:manipulation}
.note.invite .frame:has(video),.note.vid .frame:has(video),.piece .frame:has(video){aspect-ratio:auto;min-height:0;height:auto;display:block;padding:0}
.note.invite .frame video,.note.vid .frame video,.piece video{position:relative;inset:auto;width:100%;height:auto;object-fit:contain}
.note.vid button.frame{width:100%;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}.note.vid button.frame:has(video){aspect-ratio:9/16;min-height:12.5rem;height:auto;display:flex}.note.vid button.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}.note.vid .frame.on .play{display:none}.note.vid .play,.note.vid .len{z-index:1}.note.vid .play{width:3.2rem;height:3.2rem;border-radius:50%;border:1.5px solid var(--cyan);display:flex;align-items:center;justify-content:center;background:rgba(4,16,20,.55)}
.note.vid .len{position:absolute;right:.55rem;bottom:.55rem;color:#8ef6ee;font:300 .68rem/1 ui-monospace,Menlo,monospace}
.note.vid{scroll-margin:12px 0 72px}
.note.vid .vcom{grid-column:1 / -1;display:flex;align-items:center;gap:.85rem;margin-top:.45rem;color:var(--cyan)}
.note.vid .cstack{flex:1;min-width:0;display:flex;flex-direction:column;gap:.28rem}
.note.vid .topc{display:flex;align-items:flex-start;gap:.4rem;min-width:0}
.note.vid .topc>i,.note.vid .topc>a.pic{width:1.65rem;height:1.65rem;border-radius:50%;background:var(--cyan);color:#04141a;display:flex;align-items:center;justify-content:center;font:300 .68rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;flex:none;text-decoration:none}
.note.vid .topc .tx{min-width:0;flex:1}
.note.vid .topc b{display:block;font:300 .82rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;color:#f4fffd}
.note.vid .topc em{margin-left:.35rem;font:300 .46rem/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-style:normal}
.note.vid .topc p{margin:.08rem 0 0;color:#e7f7f5;font-size:.8rem;line-height:1.3}
.note.vid .topc .counts{flex:none;display:flex;flex-direction:column;gap:.15rem;color:#8ef6ee}
.note.vid .yours{margin:0;color:#d7fff8;font-size:.78rem;line-height:1.3}
.note.vid .yours b{color:#f4fffd;font-weight:650}
.note.vid .respond{flex:0 0 7.4rem}
.note.vid .respond input{width:100%;height:2.5rem;padding:0 .55rem;border:1px solid rgba(61,240,224,.5);border-radius:12px;background:rgba(4,10,14,.72);color:var(--fg);font:300 16px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.note.vid .respond input:focus{outline:1px solid var(--cyan);outline-offset:1px}
.note p{margin:0;color:#e7f7f5;font-size:.95rem;line-height:1.35}
.note p.angles{margin:.55rem 0 0;color:#9dccc8;font:300 .82rem/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.note .base,.note>.base{grid-column:2;display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;margin-top:.4rem}
.wave{display:block;height:14px;flex:none;background:linear-gradient(#6ef3e6,#6ef3e6) 0 8px/1.5px 4px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 4px 5px/1.5px 8px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 8px 7px/1.5px 5px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 12px 3px/1.5px 10px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 16px 6px/1.5px 6px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 20px 4px/1.5px 8px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 24px 8px/1.5px 4px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 28px 5px/1.5px 7px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 32px 2px/1.5px 11px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 36px 6px/1.5px 6px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 40px 4px/1.5px 8px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 44px 7px/1.5px 5px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 48px 3px/1.5px 9px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 52px 6px/1.5px 6px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 56px 4px/1.5px 7px no-repeat,linear-gradient(#6ef3e6,#6ef3e6) 60px 2px/1.5px 10px no-repeat}
.note .wave{width:4.2rem;opacity:.85}
.note .ft{display:flex;justify-content:flex-end;align-items:center;gap:.85rem;margin:0;color:#7dfff4}
.note .ft a,.note .ft span{color:#7dfff4;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.28rem;min-width:0;min-height:28px}
.note .pair{display:inline-flex;align-items:center;gap:.28rem;color:#7dfff4}
.note .pair b{font:300 .82rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-weight:500;color:#8ef6ee}
.tabs{display:flex;flex-wrap:wrap;gap:6px;overflow-x:hidden;padding:.7rem .8rem 0}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;display:flex;align-items:center;gap:.35rem;height:2.15rem;padding:0 .8rem;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--mute);text-decoration:none;font:300 .58rem/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.tabs a i{width:.9rem;height:.9rem;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font:300 .5rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal}
.tabs a.on{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--neon)}
.tabs.sub a{height:1.9rem;font-size:.52rem;border-radius:7px}
.tabs.sub a.on{color:#041014;background:var(--cyan);box-shadow:none}
.tabs.sub a.on i{border-color:#041014}
.cards{display:flex;flex-direction:column;gap:.15rem;padding:.2rem .4rem .6rem}
.tg,.cards,.card.row,.card.row a{touch-action:pan-y}
.mebar{display:flex;align-items:center;gap:.65rem;margin:.25rem .4rem .1rem;padding:.45rem .55rem;border:1px solid rgba(94,242,228,.28);border-radius:14px;background:#10161c}
.mebar .tx{flex:1;min-width:0}
.mebar strong{display:block;font:300 .95rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;color:var(--fg)}
.mebar .pic{overflow:hidden;padding:0}
.mebar .pic svg{width:100%;height:100%;display:block}
.mebar small{display:block;margin-top:.12rem;color:var(--mute);font:300 .78rem/1.25 Bender,ui-sans-serif,system-ui,sans-serif}
.mebar .face{margin-left:auto;flex:none;align-self:center;width:2.7rem;height:2.7rem;border-radius:50%;overflow:hidden;display:block;border:1.5px solid var(--cyan);background:#f6d7b8}
.mebar .face img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.mebar .face svg,.who .face svg{width:100%;height:100%;display:block}
.who .face{width:3.2rem;height:3.2rem;border-radius:50%;overflow:hidden;display:block;flex:none;border:1.5px solid var(--cyan)}
.mbar{margin:.45rem .4rem 0;padding:.15rem .15rem .2rem;border:1px solid rgba(61,240,224,.45);border-radius:16px;background:rgba(4,12,16,.72)}
.mrooms,.mviews{display:flex;flex-wrap:wrap;gap:.12rem;overflow-x:hidden}
.mrooms::-webkit-scrollbar,.mviews::-webkit-scrollbar{display:none}
.mrooms a,.mviews a{flex:none;display:inline-flex;align-items:center;gap:.28rem;text-decoration:none;color:#8eb8b6;font:300 .56rem/1 ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase}
.mrooms{align-items:flex-end;padding:.3rem .25rem 0}
.mrooms a{padding:.4rem .35rem .35rem;border-bottom:1px solid transparent}
.mrooms a.on{color:#e9fffc;border-bottom-color:var(--cyan)}
.mrooms a.all{font-size:.74rem;letter-spacing:.08em;padding-left:.4rem;padding-right:.45rem}
.mviews{padding:.35rem .2rem .35rem}
.mviews a{height:1.85rem;padding:0 .32rem;border:1px solid rgba(61,240,224,.32);border-radius:10px;letter-spacing:.03em}
.mviews a.on{color:var(--cyan);border-color:var(--cyan);background:rgba(61,240,224,.08)}
html.light .mbar{background:#fff;border-color:rgba(11,122,114,.4)}
html.light .mrooms a,html.light .mviews a{color:#3d6d68}
html.light .mrooms a.on,html.light .mviews a.on{color:#0b7a72}
.card{position:relative;border-radius:14px;border:1px solid rgba(61,240,224,.42);background:rgba(7,16,20,.8);color:inherit;text-decoration:none;display:block}
.card .hd{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem .5rem}
.card .hd i{width:2.3rem;height:2.3rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1a4a52,#0a1a22);border:1.5px solid var(--cyan);color:var(--cyan);display:flex;align-items:center;justify-content:center;font:300 .85rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;flex:none}
.card .hd span{min-width:0;flex:1}
.card .hd b{display:block;font:300 .95rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;color:var(--fg)}
.card .hd em{display:block;font:300 .55rem/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-style:normal}
.card .hd em u{color:var(--mute);text-decoration:none;font-weight:300}
.card .stage{margin:0 .85rem;padding:1.05rem .95rem 1.1rem;background:linear-gradient(120deg,#0a0f1a 0%,#101a2e 55%,#1b1233 100%);border:1px solid rgba(61,240,224,.3);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.card .stage h2{margin:0 0 .35rem;font:800 1.15rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(61,240,224,.25)}
.card .stage p{margin:0;color:#bfd6d8;font-size:.9em}
.card .ft{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .85rem .75rem}
.card .ft small{color:var(--mute);font:300 .62rem/1.4 ui-monospace,Menlo,monospace;letter-spacing:.06em}
.card .ft a{display:inline-flex;align-items:center;gap:.35rem;height:1.75rem;padding:0 .7rem;border-radius:7px;border:1px solid var(--mag);color:var(--pink);text-decoration:none;font:300 .58rem/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 10px rgba(192,77,255,.25)}
.card.row{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem}
.card.row i,.card.row .pic,.mebar .pic{width:2.85rem;height:2.85rem;border-radius:50%;background:transparent;color:rgba(232,244,242,.78);border:1px solid rgba(232,244,242,.42);box-shadow:none;display:flex;align-items:center;justify-content:center;font:300 1rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;flex:none;text-decoration:none}
.card.row .pic:has(svg),.mebar .pic:has(svg){border:0;background:transparent}
svg.av{display:block;width:100%;height:100%;color:hsl(var(--h,180),12%,70%)}
.card.row .go{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}
.card.row .tx{flex:1;min-width:0}
.card.row .tt{display:flex;align-items:center;gap:.5rem}
.card.row strong{font:300 .98rem/1.25 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.card.row .tt u{text-decoration:none;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.card.row small{display:block;margin-top:.22rem;color:var(--fg);font:300 1.02rem/1.35 Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card.row .rt{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}
.card.row time{color:var(--mute);font:300 .6rem/1 ui-monospace,Menlo,monospace}
.card.row .ct{min-width:1.35rem;height:1.35rem;padding:0 .3rem;border-radius:5px;border:1px solid var(--cyan);color:var(--cyan);font:300 .62rem/1.35rem ui-monospace,Menlo,monospace;text-align:center}
.card.row .ct.z,.card.row time.z{display:none}
.cards .card.row.on{background:rgba(255,255,255,.08);box-shadow:inset 2px 0 0 #fff}
.cards .aitopic{display:flex;flex-direction:column;gap:.35rem;margin:0 0 .25rem;padding:.2rem .85rem .75rem 4.35rem}
.cards .aitopic .bub{max-width:100%}
.aitopics{margin:0 0 1.4rem;padding:.85rem 0 .35rem;border-bottom:1px solid rgba(244,241,234,.16)}
.aitopics h2{margin:0 .85rem .15rem;font:300 1.35rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em}
.aitopics .intro{margin:0 .85rem .7rem}
.aitopics .topicmake{display:flex;align-items:center;gap:.45rem;margin:0 .7rem .7rem}
.aitopics .topicmake input{flex:1;min-width:0;height:44px;margin:0;padding:0 12px;border:1px solid rgba(244,241,234,.28);border-radius:12px;background:transparent;color:inherit;font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.aitopics .topicmake button{flex:none;min-height:44px;padding:0 14px;border:1px solid rgba(244,241,234,.45);border-radius:12px;background:transparent;color:inherit;font:300 16px/1 Bender,ui-sans-serif,system-ui,sans-serif}
.aitopics .subtopics{margin:0 0 .35rem 1.4rem}
.aitopics .shareline,.aitopics .sharelink{margin:.15rem .9rem .55rem;font:300 15px/1.4 Bender,ui-sans-serif,system-ui,sans-serif}
.aitopics .sharelink{word-break:break-all}
.aitopics .aichatwrap{position:relative}
.aitopics .aichatwrap>a.topicadd{position:absolute;top:.85rem;right:.7rem;z-index:2}
.aitopics details.aichat{border:0}
.aitopics details.aichat>summary.card.row{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem 2.4rem .55rem .75rem;list-style:none;cursor:pointer}
.aitopics details.aichat>summary.card.row::-webkit-details-marker{display:none}
.aitopics details.aichat>summary.card.row .go{flex:1;min-width:0;display:flex;align-items:center}
.aitopics details.aichat>summary.card.row .tx{display:block;flex:1;min-width:0}
.aitopics details.aichat>summary.card.row .tt{display:flex;align-items:center;gap:.5rem}
.aitopics details.aichat>summary.card.row strong{font:300 .98rem/1.25 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.aitopics details.aichat>summary.card.row small{display:block;margin-top:.22rem;color:var(--fg);font:300 1.02rem/1.35 Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aitopics details.aichat[open]>summary.card.row{background:rgba(255,255,255,.08);box-shadow:inset 2px 0 0 #fff}
html.light .aitopics details.aichat[open]>summary.card.row{background:rgba(0,0,0,.06);box-shadow:inset 2px 0 0 #000}
.aitopics details.aichat>.tchat{padding:.15rem .85rem .7rem 4.35rem}
.aitopics details.aichat:not([open])>.tchat{display:none}
.aitopics details.aichat details.aichat{margin-left:.35rem}
.aitopics details.aifold{border:0}
.aitopics details.aifold>summary.card.row{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;list-style:none;cursor:pointer}
.aitopics details.aifold>summary.card.row::-webkit-details-marker{display:none}
.aitopics details.aifold>summary.card.row .go{flex:1;min-width:0;display:flex;align-items:center}
.aitopics details.aifold>summary.card.row .tx{display:block;flex:1;min-width:0}
.aitopics details.aifold>summary.card.row .tt{display:flex;align-items:center;gap:.5rem}
.aitopics details.aifold>summary.card.row strong{font:300 .98rem/1.25 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.aitopics details.aifold>summary.card.row small{display:block;margin-top:.22rem;color:var(--fg);font:300 1.02rem/1.35 Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aitopics details.aifold[open]>summary.card.row{background:rgba(255,255,255,.08);box-shadow:inset 2px 0 0 #fff}
html.light .aitopics details.aifold[open]>summary.card.row{background:rgba(0,0,0,.06);box-shadow:inset 2px 0 0 #000}
.aitopics details.aifold:not([open])>.topicpick{display:none}
html.light .aitopics{border-bottom-color:rgba(28,25,22,.12)}
html.light .aitopics .topicmake input,html.light .aitopics .topicmake button{border-color:rgba(28,25,22,.22)}
.topicpick{display:flex;flex-direction:column;gap:6px;margin:0 0 10px;padding:8px 8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:#000}
.topicpick>p{margin:2px 8px 6px;color:#fff;font:300 13px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.topicpick .card.row{width:100%}
html.light .topicpick{background:#fff;border-color:#000}
html.light .topicpick>p{color:#000}
html.light .cards .card.row.on{background:rgba(0,0,0,.06);box-shadow:inset 2px 0 0 #000}
.card .ft:has(a){justify-content:flex-end}
.empty{color:var(--mute);padding:1.2rem 1rem;text-align:center}
.gfold{margin:0 0 .8rem;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:#000;color:#fff}
.gfold summary{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;cursor:pointer;list-style:none}
.gfold summary::-webkit-details-marker{display:none}
.gfold summary .pic{width:2.85rem;height:2.85rem;flex:none;color:rgba(232,244,242,.78)}
.gfold summary .tx{display:flex;align-items:baseline;gap:.5rem;min-width:0}
.gfold summary strong{font:300 .98rem/1.25 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.gfold summary u{text-decoration:none;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.gfold summary i{margin-left:auto;font-style:normal}
.gfold[open] summary i{transform:rotate(180deg)}
.gfold:not([open]) .gpeople{display:none}
.gfold[open] .gpeople{display:block;border-top:1px solid rgba(255,255,255,.2)}
.gfold .gpeople a{display:block;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}
.gfold .gpeople a:last-child{border-bottom:0}
.gfold .gpeople b{display:block;font:300 .95rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.gfold .gpeople small{display:block;margin-top:2px;color:rgba(255,255,255,.62);font:300 .85rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
html.light .gfold{background:#fff;color:#000;border-color:rgba(0,0,0,.28)}
html.light .gfold .gpeople{border-top-color:rgba(0,0,0,.12)}
html.light .gfold .gpeople a{color:#000;border-bottom-color:rgba(0,0,0,.12)}
html.light .gfold .gpeople small{color:rgba(0,0,0,.62)}
#topics{margin:.2rem 0 1rem}
.newtopic{margin:0 0 .8rem;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.28);border-radius:16px}
.newtopic .taglab{margin:.55rem 0 .35rem}
.newtopic input,.tchat input{display:block;width:100%;height:44px;margin:0 0 .45rem;padding:0 12px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:#000;color:#fff;font:300 1rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.invites{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 0 .55rem}
.invites label{display:flex;align-items:center;gap:.35rem;font:300 .9rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.newtopic button,.tchat button{height:40px;padding:0 14px;border:1px solid #fff;border-radius:12px;background:transparent;color:#fff;font:300 .95rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
details.topic{border-bottom:1px solid rgba(255,255,255,.2)}
details.topic summary{display:flex;align-items:center;gap:.65rem;padding:.75rem .15rem;cursor:pointer;list-style:none}
details.topic summary .pic{width:2.85rem;height:2.85rem;flex:none;color:rgba(232,244,242,.78)}
details.topic summary .pic svg{width:100%;height:100%;display:block}
html.light details.topic summary .pic{color:#2a2a2a}
details.topic summary::-webkit-details-marker{display:none}
details.topic .tx{display:flex;flex-direction:column;min-width:0}
details.topic strong{font:300 1rem/1.25 Bender,ui-sans-serif,system-ui,sans-serif}
details.topic small{color:rgba(255,255,255,.62);font:300 .85rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tchat{display:flex;flex-direction:column;gap:.45rem;padding:0 0 .85rem}
html.light .newtopic,html.light details.topic{border-color:rgba(0,0,0,.12)}
html.light .newtopic input,html.light .tchat input{background:#fff;color:#000;border-color:rgba(0,0,0,.28)}
html.light .newtopic button,html.light .tchat button{color:#000;border-color:#000}
html.light details.topic small{color:rgba(0,0,0,.62)}
.cards #topics{display:block}
.cards #topics>summary{list-style:none;cursor:pointer}
.cards #topics>summary::-webkit-details-marker{display:none}
.cards #topics .topiclist{display:flex;flex-direction:column;gap:.15rem;padding-top:.15rem}
.cards #topics .topiclist>.card.row{width:100%}
.cards #topics .topicmake{display:flex;align-items:center;gap:.45rem;padding:.15rem .75rem .2rem 4.2rem}
.cards #topics .topicmake input{flex:1;min-width:0;height:40px;margin:0;padding:0 12px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:#000;color:#fff;font:300 1rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.cards #topics .topicmake button{flex:none;height:40px;padding:0 14px;border:1px solid #fff;border-radius:12px;background:transparent;color:#fff;font:300 .95rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
.cards details.topic{display:block;border:0}
.cards details.topic summary.card.row{width:100%;cursor:pointer}
.cards details.topic .tchat{padding:.15rem .85rem .7rem 4.35rem}
html.light .cards #topics .topicmake input{background:#fff;color:#000;border-color:rgba(0,0,0,.28)}
html.light .cards #topics .topicmake button{color:#000;border-color:#000}
.talk{display:flex;flex-direction:column;gap:.4rem;padding:.75rem .7rem 1.1rem;min-height:100%}
.talk .back{margin:0 0 .2rem;padding:0 .2rem}
.talk .back a{font:300 .62rem/1.2 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.talk h1{margin:0 0 .15rem;padding:0 .2rem;font:300 1.15rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--fg)}
.figures{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.85rem}
.figures li{margin:0;padding:0 .2rem}
.figures b{display:block;font:400 1rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif;color:var(--fg)}
.figures span{display:block;margin-top:.15rem;color:var(--mute);font:300 .85rem/1.45 Bender,ui-sans-serif,system-ui,sans-serif}
.talk .intro{margin:0 0 .65rem;padding:0 .2rem}
.proj{margin:0 0 8px;padding:12px 14px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:#000}
.proj .k{margin:0 0 4px;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.proj p{margin:.28rem 0 0;font:300 .95rem/1.45 Bender,ui-sans-serif,system-ui,sans-serif}
.proj p:first-child{margin-top:0}
html.light .proj{background:#fff;border-color:rgba(28,25,22,.18)}
.bub{max-width:82%;padding:.55rem .75rem;border-radius:14px 14px 14px 5px;background:#152228;color:var(--fg);align-self:flex-start;white-space:pre-wrap;font-family:Bender,ui-sans-serif,system-ui,sans-serif;font-weight:300;font-synthesis:none}
a.bub{display:block;text-decoration:none;color:inherit;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
a.bub.on{box-shadow:0 0 0 1px var(--cyan)}
.bub.me{align-self:flex-end;background:#0d3d3a;border-radius:14px 14px 5px 14px}
.bub img{display:block;max-width:100%;height:auto;margin-top:.35rem;border-radius:12px}
.bub cite{display:block;font:300 .55rem/1.2 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin:0 0 .2rem;font-style:normal}
html.light .card .stage{background:linear-gradient(120deg,#e6f2f1,#dbe7f5 55%,#e8dff5);border-color:#0b7a72}
html.light .card .stage h2{background:linear-gradient(90deg,#0b7a72,#a12aa8);-webkit-background-clip:text;background-clip:text}
html.light .card .stage p{color:#2c4a50}
html.light .card .hd i,html.light .card.row i,html.light .rings i,html.light .note .hd i{background:#fff;color:#0b7a72;border-color:#0b7a72}
html.light .card.row .pic,html.light .mebar .pic{background:transparent;color:#2a2a2a;border-color:rgba(0,0,0,.38)}
html.light svg.av{color:hsl(var(--h,180),8%,28%)}
html.light .mebar{background:#fff;border-color:#eadfd2;box-shadow:none}
html.light .mebar strong{color:#2c261f}
html.light .mebar .face,html.light .who .face{border-color:#1d7a62}
html.light .card .hd em,html.light .card.row strong,html.light .sec,html.light .hud a,html.light .mode{color:#0b7a72}
html.light .note,html.light .rings,html.light .youline,html.light .card{background:#fff;box-shadow:none;border-color:rgba(11,122,114,.4)}
html.light .note.vid .frame{background:#e7f3f1}
html.light .note.vid .respond input{background:#fff;color:#10211f}
html.light .note .edge{text-shadow:none}
html.light .rings .mark,html.light .rings i,html.light .note .hd b,html.light .youline b{text-shadow:none}
html.light .hud a:not(.face){background:#fff;box-shadow:none;border-color:rgba(11,122,114,.4)}
html.light .note .pair{filter:none}
a:focus-visible,button:focus-visible,select:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}
.card.row:active,.rings a:active,.youline:active{opacity:.82}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rings,.youline,.note,.card.row,.rings i,.youline i,.hud .face,.mode{box-shadow:none}
}
html.light .bub.me{background:#cfe8e4}
.txfind,.txadd{display:flex;gap:8px;margin:0 0 .65rem}
.txfind input,.txadd input,.txnote input{min-width:0;height:44px;padding:0 12px;border:1px solid rgba(61,240,224,.4);background:#070b10;color:var(--fg);font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif;border-radius:10px}
.txfind input{flex:1}
.txadd{flex-wrap:wrap}
.txadd input[name=with]{flex:1 1 8rem}
.txadd input[name=amt]{flex:0 0 5.4rem}
.txadd input[name=what]{flex:1 1 12rem}
.txfind button,.txadd button,.txnote button{flex:none;height:44px;padding:0 14px;border:0;border-radius:10px;background:var(--cyan);color:#041014;font:300 .62rem/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.txnote input:placeholder-shown + button{display:none}
.contracts{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.4rem}
.contracts li{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.contracts span{flex:1;min-width:0}
.contracts strong{display:block;font:300 .95rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.contracts small{display:block;margin-top:.1rem;color:var(--mute);font:300 .78rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
.contracts a,.contracts button{flex:none;height:32px;padding:0 .75rem;border:0;border-radius:999px;background:#1d7a62;color:#fffaf3;text-decoration:none;font:300 .78rem/32px Bender,ui-sans-serif,system-ui,sans-serif}
.contracts small a{height:auto;padding:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-decoration:underline}
.contracts em{flex:none;font-style:normal;color:var(--mute);font:300 .78rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
.txlist{list-style:none;margin:0 0 .85rem;padding:0;display:flex;flex-direction:column;gap:.45rem}
.txlist li{border:1px solid rgba(90,230,220,.4);border-radius:12px;padding:.65rem .7rem .55rem;background:#07141a}
.txrow{display:flex;align-items:flex-start;gap:.65rem}
.txrow b{flex:none;min-width:2.6rem;font:300 .95rem/1.2 ui-monospace,Menlo,monospace;color:var(--cyan)}
.txrow b.down{color:var(--orange)}
.txrow strong{display:block;font:300 .95rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;color:#f4fffd}
.txrow small{display:block;margin-top:.12rem;color:var(--mute);font:300 .72rem/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.txnote{display:flex;gap:6px;margin-top:.45rem}
.txnote input{flex:1;height:38px}
.txsaid{margin:.4rem 0 0;color:#d7fff8;font-size:.86rem;line-height:1.35}
.txsaid b{font-weight:650;color:#f4fffd}
html.light .txlist li{background:#fff}
html.light .txfind input,html.light .txadd input,html.light .txnote input{background:#fff;color:#10211f}
html.light .txrow strong{color:#10211f}
.note::before,.rings::before,.rings::after,.youline::after,.card.row::before{display:none}
.rings,.youline,.note,.card,.card.row{box-shadow:none;border-color:rgba(94,242,228,.28);background:#10161c}
.note,.card,.panel,.txlist li{border-radius:18px}
.note p,.bub,.talk .intro,.txsaid{font-size:1rem;line-height:1.5}
.menu,.dock,.fsearch,.msgtools{background:#0c1216f2}
.daystick{background:#000}
.menu{border-top:1px solid rgba(94,242,228,.22)}
.bar input,.fsearch input,.pick,.set input,.dayform input,.dayform select,.txfind input,.txadd input,.txnote input{border-color:rgba(94,242,228,.32)}
.cdbar{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:30;width:min(100%,32rem);display:flex;align-items:center;gap:8px;min-height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) .7rem 0;background:#0c1216f2;border-bottom:1px solid var(--line)}
html.light .cdbar{background:#fff}
.cdpage{padding-top:calc(52px + env(safe-area-inset-top,0px))}
.cdbar .co{display:flex;align-items:center;gap:.45rem;min-width:0;color:var(--fg);text-decoration:none}
.cdbar .co i{width:2rem;height:2rem;border-radius:50%;background:#1d7a62;color:#fffaf3;display:flex;align-items:center;justify-content:center;font:300 .8rem/1 Bender,ui-sans-serif,system-ui,sans-serif;font-style:normal;flex:none}
.cdbar .co b{font:300 1rem/1.1 Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap}
.cdbar .coname{display:flex;flex-direction:column;min-width:0}
.cdbar .coname small{font:300 .72rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8.5rem}
.projlist{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.45rem}
.projlist form{margin:0}
.projlist button{width:100%;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:16px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.2rem;cursor:pointer}
.projlist button strong{font:300 1rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.projlist button small{font:300 .82rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif;color:var(--mute)}
.projlist button.on{border-color:#1d7a62;box-shadow:inset 0 0 0 1px #1d7a62}
.projlist .lp{margin:.35rem 0 .2rem}
.make{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1rem}
.make label{font:300 .78rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;color:var(--mute)}
.make input,.make select{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#070b10;color:var(--fg);font:300 16px/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
.make button,.makeopen{display:flex;align-items:center;justify-content:center;height:44px;border:0;border-radius:14px;background:#1d7a62;color:#fffaf3;text-decoration:none;font:300 .95rem/1 Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.cdbar .tok{margin-left:auto;font:300 .95rem/1 Bender,ui-sans-serif,system-ui,sans-serif;color:var(--fg)}
.cdbar .gear{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--fg);display:flex;align-items:center;justify-content:center;text-decoration:none;flex:none}
.chatlog,.cdchat{display:flex;flex-direction:column;gap:.7rem;padding:.9rem .75rem 1rem;min-height:100%}
.cdstart{margin:auto;text-align:center;padding:2.5rem 1.1rem}
.cdstart h1{margin:0 0 .45rem;font:300 2rem/1.15 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--fg)}
.cdstart p{margin:0 auto;max-width:22rem;color:var(--mute)}
main:has(.cdchat){padding:0;scroll-behavior:auto}
.cdchat .bub,.cdchat .bub.me{align-self:stretch;width:100%;max-width:none;box-sizing:border-box;text-align:left;padding-left:0;padding-right:0}
.cdchat{padding-left:16px;padding-right:16px}
.cdchat{padding-bottom:1.6rem}
.bar{position:relative}
.qshow[hidden]{display:none!important}
.floor .qsel{position:absolute;z-index:1;width:2px;height:20px;border-radius:2px;background:#1d7a62;pointer-events:none}
.floor .qsel:not(.range){animation:cdcaret 1.05s steps(1,end) infinite}
.floor .qsel.range{background:rgba(29,122,98,.35);animation:none}
@keyframes cdcaret{50%{opacity:0}}
.floor .qsel[hidden]{display:none!important}
.floor .qshow{position:absolute;z-index:2;left:0;right:76px;top:0;bottom:0;min-height:40px;max-height:140px;height:40px;margin:0;padding:10px 4px 10px 12px;display:block;box-sizing:border-box;color:#eef6f4;font:300 16px/20px Bender,ui-sans-serif,system-ui,sans-serif;background:transparent;pointer-events:auto;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;touch-action:pan-y}
html.light .floor .qshow{color:#1a1612}
.floor .bar textarea{display:block;flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box;margin:0;min-height:40px;height:40px;max-height:140px;padding:10px 80px 10px 12px;font:300 16px/20px Bender,ui-sans-serif,system-ui,sans-serif;line-height:20px;resize:none;overflow:auto;border:0;background:transparent;box-shadow:none;color:transparent;caret-color:transparent;-webkit-text-fill-color:transparent;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.floor .bar textarea::placeholder{color:var(--mute);-webkit-text-fill-color:var(--mute);opacity:1}
nav.floor{height:auto;overflow:visible;flex-direction:column;align-items:stretch;gap:0;bottom:calc(var(--kb) + var(--vv, 0px));padding:0 0 var(--safe-b);background:#fffaf3f5;border-top:0}
html:not(.light) nav.floor{background:#0c1216f2}
html.keyson nav.floor{padding-bottom:0}
.lifebar{display:none;align-items:center;justify-content:flex-start;gap:8px;height:36px;padding:8px 8px 0 4px;box-sizing:content-box;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.lifebar::-webkit-scrollbar{display:none}
.lifebar>*{flex:0 0 auto}
.floor.on .lifebar,.floor.chat .lifebar{display:flex}
.aimodel{flex:0 0 auto;height:36px;margin:0;padding:0 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--fg);font:300 .78rem/1 Bender,ui-sans-serif,system-ui,sans-serif}
.lifebar .cdpick{position:static;flex:0 0 auto;width:9.5rem;min-width:9.5rem;height:36px;margin:0;padding:0 28px 0 10px;background-position:calc(100% - 12px) 15px,calc(100% - 7px) 15px}
.lifebar .pic{position:sticky;left:0;z-index:2;width:36px;height:36px;min-width:36px;max-width:36px;border-radius:50%;overflow:hidden;flex:none;display:block;border:1px solid var(--line);background:var(--panel)}
.lifebar .pic img{width:36px;height:36px;object-fit:cover;display:block}
.lifebar .tok,.lifebar .loop,.lifebar .cal{flex:0 0 auto;min-width:0;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--fg);font:300 .78rem/1 Bender,ui-sans-serif,system-ui,sans-serif;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.lifebar .loop,.lifebar .cal{width:36px;min-width:36px;max-width:36px;padding:0;overflow:hidden}
.lifebar .tok{overflow:hidden;padding:0 10px}
.floor .row{position:relative;display:flex;align-items:flex-end;gap:8px;width:100%;padding:8px}
.chatpick,.chatpick:focus,.chatpick:focus-visible{position:absolute;right:40px;bottom:4px;z-index:3;display:none;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:8px;outline:none;box-shadow:none;appearance:none;background:transparent;color:var(--fg);cursor:pointer}
.chatpick svg{width:18px;height:18px;display:block}
.chatpick .clip{display:none}
.chatpick[aria-expanded=true] .chats{display:none}
.chatpick[aria-expanded=true] .clip{display:block}
nav.menu.floor{height:auto;max-height:none;overflow:visible}
.composer{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:visible}
.composer .row{padding-top:0;overflow:visible}
.picker{position:absolute;left:0;right:0;bottom:100%;z-index:60;display:flex;flex-direction:column;width:100%}
#chatlist{position:relative;top:auto;left:auto;right:auto;width:100%;z-index:1;max-height:none;overflow:auto;margin:0;padding:0;background:#000;border:0;border-bottom:.5px solid rgba(255,255,255,.4);border-radius:0}
#chatlist[hidden]{display:none!important}
.holdhint{display:none;margin:0;padding:10px 16px;background:#000;color:#fff;border-bottom:.5px solid rgba(255,255,255,.4);font:300 13px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.holdhint p{margin:0 0 6px}
.holdhint p:last-child{margin:0}
.holdhint button.shut{display:block;width:100%;margin:0 0 6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer}
.picker:has(#chatlist:not([hidden])) .holdhint,.picker:has(#modellist:not([hidden])) .holdhint{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.floor .row.sheet{flex-wrap:wrap;align-items:stretch}
.floor .row.sheet .picker{display:contents}
.floor .row.sheet .holdhint{order:1;flex:1 0 100%}
.floor .row.sheet>form.ask{order:3;flex:1 0 100%}
.floor .row.sheet #chatlist,.floor .row.sheet #eventlist,.floor .row.sheet #modellist{flex:1 0 100%}
.floor .row.sheet #chatlist{order:4}
.floor .row.sheet #eventlist{order:5}
.floor .row.sheet #modellist{order:6}
.floor .row.sheet .corner{order:7}
.floor .row.sheet .shortkeys,.floor .row.sheet .chatpick,.floor .row.sheet .send{display:none}
html.light .holdhint{background:#fff;color:#000;border-bottom-color:rgba(0,0,0,.28)}
.holdhint a.logout{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;margin:0;padding:10px 8px;border:0;color:#fff;text-decoration:none;font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
html.light .holdhint a.logout{color:#000}
.holdhint .skin{display:flex;flex-wrap:nowrap;align-items:stretch;margin:0 -16px -10px;background:#000;color:#fff;border-top:.5px solid rgba(255,255,255,.4)}
.holdhint .skin p{flex:0 0 auto;display:flex;align-items:center;margin:0;padding:0 12px 0 16px;color:#fff;font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.holdhint .skin button{flex:1;min-height:44px;margin:0;padding:10px 8px;border:0;border-right:.5px solid rgba(255,255,255,.16);background:transparent;color:#fff;font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.holdhint .skin button:last-child{border-right:0}
.holdhint .skin button.on{box-shadow:inset 0 -2px 0 #fff}
html.light .holdhint .skin{background:#fff;color:#000;border-top-color:rgba(0,0,0,.28)}
html.light .holdhint .skin p,html.light .holdhint .skin button{color:#000;border-right-color:rgba(0,0,0,.12)}
html.light .holdhint .skin button.on{box-shadow:inset 0 -2px 0 #000}
nav.floor:has(.row.sheet){position:fixed;left:0;right:0;top:0;bottom:0;height:auto;max-height:none;overflow:auto;-webkit-overflow-scrolling:touch;z-index:60}
#chatlist a{display:block;padding:12px 16px;border-bottom:.5px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
#chatlist a:last-child{border-bottom:0}#eventlist{display:none!important}#chatlist .chatrow{display:flex;align-items:stretch;border-bottom:.5px solid rgba(255,255,255,.16)}#chatlist .chatrow:last-child{border-bottom:0}#chatlist .chatrow a{flex:1;min-width:0;border-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chatlist .chatrow.sub a{padding-left:28px}#chatlist button.chatnew{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:44px;margin:0;padding:0 16px;border:0;border-bottom:.5px solid rgba(255,255,255,.16);background:transparent;color:inherit;font:300 22px/1 Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer}html.light #chatlist .chatrow,html.light #chatlist button.chatnew{border-color:rgba(0,0,0,.12)}
#chatlist a.on{background:transparent;box-shadow:none}#chatlist .chatrow:has(a.on){background:rgba(255,255,255,.08);box-shadow:inset 2px 0 0 #fff}
#chatlist a small{display:block;margin:0 0 2px;font:300 11px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
html.light #chatlist{background:#fff;border-top-color:rgba(0,0,0,.28)}
html.light #chatlist a{color:#000;border-bottom-color:rgba(0,0,0,.12)}
html.light #chatlist .chatrow:has(a.on){background:rgba(0,0,0,.06);box-shadow:inset 2px 0 0 #000}
#modellist{display:flex;width:100%;background:#000;border-top:.5px solid rgba(255,255,255,.4)}
#modellist[hidden]{display:none!important}
#modellist button{flex:1;min-height:44px;margin:0;padding:10px 8px;border:0;border-right:.5px solid rgba(255,255,255,.16);background:transparent;color:#fff;font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
#modellist button:last-child{border-right:0}
#modellist button.on{box-shadow:inset 0 -2px 0 #fff}
#modellist button.face{flex:0 0 44px;width:44px;min-width:44px;max-width:44px;padding:0;border-radius:0}
#modellist button.face img{width:44px;height:44px;object-fit:cover;display:block;border-radius:0}
html.light #modellist{background:#fff;border-top-color:rgba(0,0,0,.28)}
html.light #modellist button{color:#000;border-right-color:rgba(0,0,0,.12)}
html.light #modellist button.on{box-shadow:inset 0 -2px 0 #000}
#eventlist{background:#000}
#eventlist[hidden]{display:none!important}
#eventlist a{display:block;padding:10px 16px;border-bottom:.5px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
#eventlist a:last-child{border-bottom:0}
#eventlist a small{display:block;margin:0 0 2px;font:300 11px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
html.light #eventlist{background:#fff}
html.light #eventlist a{color:#000;border-bottom-color:rgba(0,0,0,.12)}
html:not(.desk) .lifebar{display:none!important}
.floor form.ask{display:flex;flex:1 1 auto;min-width:0;margin:0;border:0;background:transparent;width:auto}
.floor form.ask .bar,.dock.ask:focus-within .bar,.dock.ask:has(#q:not(:placeholder-shown)) .bar{position:relative;flex:1 1 auto;min-width:0;width:100%;min-height:40px;max-height:140px;padding:0;gap:0;align-items:flex-end;background:#0c1216;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-sizing:border-box}
html.light .floor form.ask .bar,html.light .dock.ask:focus-within .bar,html.light .dock.ask:has(#q:not(:placeholder-shown)) .bar{background:#fff}
html.light .floor .bar textarea::placeholder{color:#6f675c}
.set input,.dayform input{background:#0c1216;color:#eef6f4}
html.light .set input,html.light .dayform input{background:#fff;color:#1a1612}
.floor .send,.floor .send:focus,.floor .send:focus-visible{position:absolute;right:4px;bottom:4px;z-index:3;display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;padding:0;border:0;border-radius:8px;outline:none;box-shadow:none;appearance:none;background:transparent;color:var(--cyan)}
.floor .send svg{width:26px;height:26px;min-width:26px;max-width:26px;min-height:26px;max-height:26px;display:block}
html.light .floor .send{background:transparent;color:#1d7a62;border-radius:8px}
.facepick{flex:none;align-self:center;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;border-radius:50%;overflow:hidden;display:flex;border:0;outline:none;box-shadow:none;background:transparent;text-decoration:none}
.facepick img{width:40px;height:40px;object-fit:cover;display:block;border:0;outline:none}
.facepick:hover,.facepick:focus,.facepick:focus-visible{outline:none;box-shadow:none}
.swap{flex:none;align-self:center;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;color:#1d7a62;border:0;outline:none;box-shadow:none;text-decoration:none;touch-action:none}
.swap.on{background:transparent;color:#fffaf3;border:0}
.swap:focus,.swap:focus-visible{outline:none;box-shadow:none}
.swap svg{display:block;width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;flex:none}
.deskpair{display:contents}
.row>a.swap{display:none}
.deskpair .corner[aria-label="Feed"]{order:0}
.floor .row>.facepick{order:1}
.floor .row>form.ask{order:2}
.deskpair .corner[aria-label="Messages"]{order:3}
.corner{flex:none;align-self:center;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;color:#1d7a62;border:0;outline:none;box-shadow:none;text-decoration:none;touch-action:none}
.corner.on{background:transparent;color:#fffaf3;border:0}
.corner:focus,.corner:focus-visible{outline:none;box-shadow:none}
.corner svg{display:block;width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;flex:none}
.floor .row .corner,.floor .row .swap,.floor .row .facepick{align-self:flex-end}
.lifebar .loop svg,.lifebar .cal svg{width:18px;height:18px;min-width:18px;max-width:18px;min-height:18px;max-height:18px}
.msgtools,.feedtools,.feedadd,.msgadd{position:fixed;z-index:38;left:0;right:0;bottom:calc(var(--floor-h) + var(--kb, 0px));width:min(100%,32rem);margin:0 auto;max-height:46vh;overflow:auto;background:#fffaf3f5;border-top:1px solid var(--line)}
html:not(.light) .msgtools,html:not(.light) .feedtools,html:not(.light) .feedadd,html:not(.light) .msgadd{background:#0c1216f2}
.cdpick{position:sticky;top:0;z-index:2;height:42px;width:100%;margin:0 0 .15rem;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:12px;background-color:var(--panel);color:var(--fg);font:300 .84rem/1 Bender,ui-sans-serif,system-ui,sans-serif;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.composer>select.cdpick{display:none!important}
.themes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.themes button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;height:auto;min-height:72px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--fg);text-align:left;font:300 .9rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.themes i{display:block;width:100%;height:22px;border-radius:8px}
.themes button.on{box-shadow:inset 0 0 0 2px var(--cyan)}
.lifebar .gear{width:36px;height:36px;min-width:36px;max-width:36px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--fg);display:flex;align-items:center;justify-content:center;text-decoration:none}
.lifebar .gear svg{width:18px;height:18px;display:block}
.skinpick{display:flex;gap:8px}
.skinpick a,.skinpick button{flex:1;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--fg);text-align:center;text-decoration:none;font:300 .95rem/44px Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.skinpick a.on,.skinpick button.on{background:#1d7a62;color:#fffaf3;border-color:#1d7a62}
.whoami{display:flex;gap:6px;padding:.75rem .7rem 0}
.whoami a{flex:1;text-align:center;height:36px;line-height:36px;border-radius:12px;border:1px solid rgba(94,242,228,.35);text-decoration:none;color:var(--mute);font:300 .75rem/36px Bender,ui-sans-serif,system-ui,sans-serif}
.whoami a.on{background:var(--cyan);color:#06211e;border-color:var(--cyan)}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 0 .7rem;scrollbar-width:none}
.projects a{height:34px;padding:0 .6rem;border-radius:999px;border:1px solid rgba(94,242,228,.35);color:var(--cyan);text-decoration:none;font:300 .72rem/34px Bender,ui-sans-serif,system-ui,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.projects::-webkit-scrollbar{display:none}
html.light,html.light body{background-color:#fff;color:#000}
html.light .rings,html.light .youline,html.light .note,html.light .card,html.light .card.row,html.light .panel,html.light .txlist li,html.light .live,html.light .bub{background:#fff;color:var(--fg);border-color:#eadfD2;box-shadow:0 8px 22px rgba(90,58,24,.06)}
html.light .tg .card.row{background:#fff;border-color:rgba(0,0,0,.12);box-shadow:none;border-radius:12px}
html.light .ig{background:transparent}
.note.igpost,.note.igpost header b,.note.igpost .igmore p,.note.igpost .igmore p b,.note.igpost .ft,.note.igpost .ft a,.note.igpost .ft span{color:#2c261f}
.note.igpost{background:#fffaf3;border-color:#e4d8c8;box-shadow:0 10px 24px rgba(44,38,31,.12)}
.note.igpost header em{color:#1d7a62}
html.light .m,html.light .note p,html.light .note header b,html.light .live b,html.light .youline b,html.light .txrow strong,html.light .txsaid,html.light .txsaid b,html.light .card.row small,html.light .note.vid .topc b,html.light .note.vid .topc p,html.light .note.vid .yours,html.light .note.vid .yours b{color:#2c261f;text-shadow:none}
html.light .note header em,html.light .note time,html.light .live em,html.light .live small,html.light .note .ft,html.light .note .ft a,html.light .note .ft span,html.light .note .pair,html.light .note .pair b,html.light .youline em,html.light .rings a{color:#1d7a62}
html.light .note p.angles{color:#3e524c}
html.light .note .box,html.light .note.vid .frame,html.light .mbar{background:#fff;border-color:#eadfD2}
html.light .tracklist button{border-bottom-color:#eadfD2}
html.light .album .meta b{color:#2c261f}
html.light .note.vid .frame{background:#f3f7f4}
html.light .menu,html.light .dock,html.light .now,html.light .fsearch,html.light .daystick,html.light .me,html.light .msgtools{background:#fff;border-color:#eadfD2;box-shadow:0 -6px 18px rgba(90,58,24,.05)}
html.light .tab{background:transparent;color:#6f675c;border-right-color:#eadfD2}
html.light .tab.on,html.light .whoami a.on,html.light .steps a.on,html.light .tag.on,html.light .tabs.sub a.on{background:#1d7a62;color:#fffaf3;border-color:#1d7a62}
html.light h1,html.light .ph,html.light .set button,html.light .daynav a,html.light .daynav b,html.light .steps a,html.light .tag,html.light .tags button,html.light .taglab,html.light .tolab,html.light .tabs a,html.light .mrooms a,html.light .mviews a,html.light .bub cite,html.light .card .hd em,html.light .card.row strong,html.light .txfind button,html.light .txadd button,html.light .txnote button,html.light .projects a,html.light .whoami a{font-family:Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none}
html.light h1{font-size:1.35rem;font-weight:300;color:#2c261f}
html.light .profile h1{font-size:1.5rem;color:#2c261f}
html.light .ph{background:#e7f3ee;color:#1d7a62;font-size:.92rem;font-weight:300}
html.light .set button,html.light .txfind button,html.light .txadd button,html.light .txnote button,html.light .send{background:#1d7a62;color:#fffaf3;border-radius:14px;font-size:.95rem;font-weight:300}
html.light .set input,html.light .bar input,html.light .pick,html.light .fsearch input,html.light .txfind input,html.light .txadd input,html.light .txnote input,html.light .dayform input,html.light .dayform select,html.light .note.vid .respond input,html.light .make input,html.light .make select{background:#fff;color:#2c261f;border-color:#e4d8c8;border-radius:14px}
html.light .projlist button{background:#fff}
html.light .projlist button.on{background:#e7f3ee}
html.light .projects a,html.light .whoami a,html.light .tag,html.light .tags button{background:#fff;border-color:#eadfD2;border-radius:999px}
html.light .bub{border-radius:18px 18px 18px 6px}
html.light .bub.me{background:#e7f4ef;border-radius:18px 18px 6px 18px}
html.light .hours li{border-top-color:#efe6da}
html.light .hours li.hour{border-top-color:#e4d8c8}
html.light .hours .ev{background:#fff;border-color:#eadfD2}
html.light .hours .cell,html.light .hours li.range .cell{box-shadow:none}
html.light .card .stage{background:linear-gradient(120deg,#fff6ea,#e7f3ee 60%,#f8efe4);border-color:#eadfD2}
html.light .card .stage h2{background:none;-webkit-text-fill-color:#1d7a62;color:#1d7a62;text-shadow:none;letter-spacing:0;text-transform:none}
html.light .card .stage p{color:#2c261f}
html.light a{color:#1d7a62}
html.light .intro{color:#6f675c}
.ig .intro,.ig .set{margin:0 0 .7rem}
.ig .note{margin:.45rem 0}
.deskonly{display:none!important}
.deskword{display:none}
@media (min-width:960px){
html.desk .deskonly{display:flex!important}
html.desk .deskword{display:inline}
html.desk body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:0!important}
html.desk .menu,html.desk nav.floor{display:contents;position:static;width:auto;max-width:none;height:auto;margin:0;inset:auto;transform:none;overflow:visible;background:transparent;border:0;padding:0}
html.desk .lifebar,html.desk .floor.on .lifebar,html.desk .floor.chat .lifebar,html.desk .lifebar[hidden]{display:flex!important;position:relative;z-index:30;flex-direction:row;align-items:center;justify-content:flex-start;grid-column:1;grid-row:1;width:100%;max-width:none;height:56px;min-height:56px;overflow-x:auto;overflow-y:hidden;gap:8px;padding:0 16px;border-right:0;border-bottom:1px solid var(--line);background:var(--panel);box-sizing:border-box}
html.desk .lifebar>*{flex:0 0 auto;width:auto;max-width:none;min-width:0}
html.desk .brand{flex-direction:row;align-items:baseline;gap:8px;margin:0 10px 0 0;padding:0}
html.desk .brand a{color:var(--fg);text-decoration:none;font:300 1.15rem/1.1 Bender,ui-sans-serif,system-ui,sans-serif}
html.desk .brand small{color:var(--mute);font:300 .68rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
html.desk .lifebar .pic{position:static;width:36px;height:36px;min-width:36px;max-width:36px}
html.desk .lifebar .pic img{width:36px;height:36px}
html.desk .aimodel,html.desk .lifebar .tok{width:auto;min-width:0;height:36px}
html.desk .lifebar .cdpick{width:9.5rem;min-width:9.5rem;height:36px}
html.desk .lifebar .loop,html.desk .lifebar .cal,html.desk .lifebar .gear{width:auto;max-width:none;min-width:0;height:36px;justify-content:flex-start;gap:8px;padding:0 12px}
html.desk .lifebar a:hover{border-color:var(--cyan)}
html.desk .phoneface{margin:0 0 0 auto;height:36px;align-items:center;color:var(--mute);text-decoration:none;font:300 .78rem/1 Bender,ui-sans-serif,system-ui,sans-serif;padding:0 8px}
html.desk main{grid-column:1;grid-row:2;max-width:none;width:auto;margin:0;padding:28px 36px 12px}
html.desk main>*{max-width:52rem;margin-left:auto;margin-right:auto}
html.desk main:has(.cdchat){padding:0}
html.desk .cdchat{max-width:52rem;width:100%;margin:0 auto;padding:28px 8px 20px;box-sizing:border-box}
html.desk .composer{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-self:end;justify-self:center;width:min(52rem,calc(100% - 72px));margin:0 auto 12px}
html.desk .floor .row,html.desk .composer .row{grid-column:auto;grid-row:auto;width:100%;margin:0;padding:0;align-items:flex-end}
html.desk .deskpair{display:contents}
html.desk .row>a.swap{display:none}
html.desk .keys{display:none!important}
html.desk #stay,html.desk .msgtools,html.desk .feedtools,html.desk .feedadd,html.desk .msgadd,html.desk .daystick{left:0;right:0;width:min(52rem,calc(100% - 72px));transform:none;margin:0 auto}
html.desk .daystick{left:50%;right:auto;width:min(calc(100% - 8rem),40rem);transform:translateX(calc(-50% + 2rem))}
html.desk #stay{top:56px}
html.desk #stay.away{transform:translateY(calc(-100% - 64px))}
html.desk .msgtools,html.desk .feedtools,html.desk .feedadd,html.desk .msgadd,html.desk .daystick{bottom:92px}
html.desk .feedadd,html.desk .msgadd{bottom:calc(var(--floor-h, 92px) + var(--kb, 0px))}
#feedadd[hidden],#msgadd[hidden],#msghold[hidden]{display:none!important}
.msghold{position:fixed;z-index:38;left:0;right:0;bottom:calc(var(--floor-h) + var(--kb, 0px));width:min(100%,32rem);margin:0 auto;max-height:46vh;overflow:auto;background:#0c1216f2;border-top:1px solid var(--line)}
.msghold .msgtools,.msghold .msgadd{position:static;left:auto;right:auto;bottom:auto;width:auto;max-height:none;margin:0;border:0;background:transparent;box-shadow:none}
html.desk .msghold{left:0;right:0;width:min(52rem,calc(100% - 72px));bottom:calc(var(--floor-h, 92px) + var(--kb, 0px));margin:0 auto}
html.desk .msghold .msgtools,html.desk .msghold .msgadd{position:static;bottom:auto;width:auto}
html:not(.light) .msghold{background:#000;color:#fff;border-color:#fff}
html.light .msghold{background:#fff;color:#000;border-color:#000}
html.desk .now{grid-column:1;grid-row:2;align-self:end;justify-self:center;position:relative;width:min(52rem,calc(100% - 72px));max-width:52rem;margin:0 auto 8px}
}
.msghold{position:fixed;z-index:38;left:50%;right:auto;bottom:calc(var(--floor-h) + var(--kb, 0px));width:min(100%,32rem);transform:translateX(-50%);margin:0;padding:12px 16px 14px;box-sizing:border-box;max-height:46vh;overflow:auto}
.msghold .msgadd,.msghold .msgtools{position:static;left:auto;right:auto;bottom:auto;width:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:none}
.msghold .dock{border:0;box-shadow:none;max-width:none;width:100%;margin:0}
.msghold .opts,.msghold .bar,.msghold .fsearch{padding-left:0;padding-right:0}
html.desk .msghold{left:50%;right:auto;width:min(52rem,calc(100% - 72px));transform:translateX(-50%)}
.shortkeys{display:none;margin:0;color:#fff;font:300 13px/1.4 Bender,ui-sans-serif,system-ui,sans-serif;opacity:.3;transition:opacity .15s ease}
.shortkeys:hover{opacity:1}
.shortkeys p{margin:0 0 8px;white-space:normal}
.shortkeys button{display:block;width:100%;margin:0 0 6px;padding:8px 10px;border:1px solid #fff;border-radius:12px;background:#000;color:#fff;font:300 13px/1.3 Bender,ui-sans-serif,system-ui,sans-serif;text-align:left;cursor:default}
.shortkeys button:last-child{margin:0}
@media (min-width:900px){
.shortkeys{display:flex;flex-direction:column;align-items:stretch;position:fixed;z-index:41;width:min(16rem,calc(50vw - 16rem - 28px));left:calc(50% + 16rem + 18px);bottom:calc(16px + var(--safe-b))}
}
html.desk .shortkeys{display:flex;flex-direction:column;align-items:stretch;position:fixed;width:min(16rem,calc(50vw - min(26rem, 50vw - 52px) - 28px));left:calc(50% + min(26rem, 50vw - 52px) + 18px);bottom:28px}
html:not(:has(#chatlist:not([hidden]))) .shortkeys{display:none}
html.light .shortkeys{color:#000}
html.light .shortkeys button{background:#fff;color:#000;border-color:#000}
.floor .bar .keyline{position:absolute;z-index:3;left:4.9rem;right:76px;top:0;height:40px;overflow:hidden;pointer-events:none;opacity:.3;white-space:nowrap;transition:opacity .15s ease;container-type:inline-size}
html:not(.desk) .floor .bar .keyline{display:none}
.floor form.ask[aria-label="Type to post"] .bar .keyline{left:7.6rem}
.floor form.ask[aria-label="Respond"] .bar .keyline{left:5.4rem}
.floor form.ask.direct .bar .keyline{left:10.4rem}
.floor .bar:hover .keyline{opacity:1}
.floor .bar .keyline i{display:inline-block;font-style:normal;white-space:nowrap;color:#fff;font:300 13px/40px Bender,ui-sans-serif,system-ui,sans-serif;transform:translateX(0)}
.bar:has(#qshow:not([hidden])) .keyline,.bar:has(#q:not(:placeholder-shown)) .keyline{display:none}
.floor .bar .cmdup{position:absolute;z-index:4;margin:0;padding:0;color:rgba(255,255,255,.82);font:300 13px/20px Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;pointer-events:none}
.floor .bar .cmdup[hidden]{display:none!important}
html.light .floor .bar .cmdup{color:rgba(0,0,0,.62)}
html.light .floor .bar .keyline i{color:#000}
.floor form.ask{position:relative}
#atpeople{display:none!important}
.atpick{position:absolute;z-index:8;left:0;right:0;bottom:calc(100% + 6px);max-height:min(46vh,320px);overflow:auto;background:#000;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:12px}
.atpick[hidden]{display:none!important}
.atpick button{display:flex;align-items:baseline;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 14px;border:0;border-bottom:.5px solid rgba(255,255,255,.16);background:transparent;color:#fff;font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif;text-align:left;cursor:pointer}
.atpick button small{color:rgba(255,255,255,.55);font:300 12px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.atpick button.on{background:rgba(255,255,255,.08);box-shadow:inset 2px 0 0 #fff}
html.light .atpick{background:#fff;color:#000;border-color:#000}
html.light .atpick button{color:#000;border-bottom-color:rgba(0,0,0,.12)}
html.light .atpick button small{color:rgba(0,0,0,.55)}
html.light .atpick button.on{background:rgba(0,0,0,.06);box-shadow:inset 2px 0 0 #000}
.atadd{position:absolute;z-index:7;left:0;bottom:calc(100% + 8px);max-width:calc(100% - 8px);height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.55);border-radius:12px;background:#000;color:#fff;font:300 14px/34px Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.floor form.ask:has(.atadd:not([hidden])) .atpick{bottom:calc(100% + 52px)}
.atadd[hidden]{display:none!important}
html.light .atadd{background:#fff;color:#000;border-color:#000}
.withpeople{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.withpeople a{color:inherit;text-decoration:none;border:1px solid currentColor;border-radius:12px;padding:6px 12px;font:300 15px/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
html.albumtop main{padding-top:calc(4.6rem + env(safe-area-inset-top,0px))}
html.desk.albumtop main{padding-top:8.2rem}
.ainame{margin:0 0 .35rem;padding:.15rem .2rem 0;color:var(--fg);font:300 1.15rem/1.2 Bender,ui-sans-serif,system-ui,sans-serif}
#stay .ainame{margin:-1.1rem 0 0;padding:.4rem 1rem .55rem;background:var(--bg);border:0}
html.cdtop #stay{background:var(--bg)}
html.cdtop main{padding-top:calc(6rem + env(safe-area-inset-top,0px))}
html.desk.cdtop main{padding-top:calc(56px + 6rem)}
.feedadd,.msghold,.feedadd .dock,.msghold .dock,html:not(.light) .feedadd,html:not(.light) .msghold,html:not(.light) .feedadd .dock,html:not(.light) .msghold .dock{background:#000;color:#fff;border-color:rgba(255,255,255,.28)}
.feedadd .dock,.msghold .dock{border:0;box-shadow:none}
.feedadd .taglab,.feedadd .tolab,.msghold .taglab,.msghold .tolab{color:#fff;font-family:Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em}
.feedadd .tag,.feedadd .tags button,.msghold .tag,.msghold .tags button{border:1px solid #fff;background:transparent;color:#fff;border-radius:12px;font-family:Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none}
.feedadd .tag.on,.feedadd .tags button.on,.msghold .tag.on,.msghold .tags button.on{background:#fff;color:#000;border-color:#fff}
.feedadd .pick,.feedadd .bar input,.feedadd .fsearch input,.msghold .pick,.msghold .bar input,.msghold .fsearch input{background:#000;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:12px;box-shadow:none;outline:none}
.feedadd .bar input:focus,.feedadd .fsearch input:focus,.msghold .pick:focus,.msghold .bar input:focus,.msghold .fsearch input:focus{outline:1px solid #fff;outline-offset:1px}
.feedadd .bar input::placeholder,.feedadd .fsearch input::placeholder,.msghold .bar input::placeholder,.msghold .fsearch input::placeholder{color:rgba(255,255,255,.45)}
html.light .feedadd,html.light .msghold,html.light .feedadd .dock,html.light .msghold .dock{background:#fff;color:#000;border-color:rgba(0,0,0,.28)}
html.light .feedadd .taglab,html.light .feedadd .tolab,html.light .msghold .taglab,html.light .msghold .tolab{color:#000}
html.light .feedadd .tag,html.light .feedadd .tags button,html.light .msghold .tag,html.light .msghold .tags button{border-color:#000;background:#fff;color:#000}
html.light .feedadd .tag.on,html.light .feedadd .tags button.on,html.light .msghold .tag.on,html.light .msghold .tags button.on{background:#000;color:#fff;border-color:#000}
html.light .feedadd .pick,html.light .feedadd .bar input,html.light .feedadd .fsearch input,html.light .msghold .pick,html.light .msghold .bar input,html.light .msghold .fsearch input{background:#fff;color:#000;border-color:#000}
.feedadd .bar:has(#pq){display:none}
.feedadd .filebar{display:flex;gap:8px;align-items:center;padding:0 0 12px}
.feedadd .filebar .tag{cursor:pointer}
.feedadd .postname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.7);font:300 13px/1.3 Bender,ui-sans-serif,system-ui,sans-serif}
html.light .feedadd .postname{color:rgba(0,0,0,.55)}
html.posting form.ask.hasfile .send{display:flex}
.note .shot{display:block;width:100%;max-height:320px;object-fit:cover;margin:8px 0 0}
.note a.file{display:inline-block;margin-top:8px;color:inherit;border:1px solid currentColor;border-radius:12px;padding:6px 12px;text-decoration:none}
html.grid,html.grid body{background-color:var(--bg);color:var(--fg);background-image:none}
#gridpts{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;display:block}
html.light .note,html.light .card,html.light .panel,html.light .bub,html.light .rings,html.light .youline,html.light .live,html.light .menu,html.light nav.floor,html.light .lifebar,html.light .floor form.ask .bar,html.light .swap,html.light .aimodel,html.light .facepick,html.light .msgtools,html.light .feedtools{background:#fff;color:#000;border-color:#000}
html.light h1,html.light a,html.light p,html.light .intro,html.light .m,html.light .note p,html.light .note header b,html.light .bub,html.light .card.row small,html.light .card.row strong,html.light .floor .qshow{color:#000}
html.light .swap.on,html.light .tab.on,html.light .tag.on,html.light .set button{background:#000;color:#fff;border-color:#000}
html:not(.light) .note,html:not(.light) .card,html:not(.light) .panel,html:not(.light) .bub,html:not(.light) .rings,html:not(.light) .menu,html:not(.light) nav.floor,html:not(.light) .lifebar,html:not(.light) .floor form.ask .bar,html:not(.light) .msgtools,html:not(.light) .feedtools{background:#000;color:#fff;border-color:#fff}
a.topicadd,html:not(.light) a.topicadd,html.light a.topicadd{flex:none;width:auto;height:auto;margin:0 2px 0 8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:rgba(255,255,255,.4);text-decoration:none;font:300 22px/1 Bender,ui-sans-serif,system-ui,sans-serif;opacity:.4}
html.light a.topicadd{color:rgba(0,0,0,.4)}
a.topicadd.on,html:not(.light) a.topicadd.on,html.light a.topicadd.on{background:transparent;border:0;box-shadow:none;opacity:.7}
html:not(.light) .topicpick,html.light .topicpick{background:#000}
html.light .topicpick{background:#fff}
html:not(.light) .topicpick .card.row,html.light .topicpick .card.row{background:transparent;border-color:transparent;box-shadow:none}
html:not(.light) .cards .card.row.on,html:not(.light) .topicpick .card.row.on{background:rgba(255,255,255,.14);box-shadow:inset 2px 0 0 #fff}
html.light .cards .card.row.on,html.light .topicpick .card.row.on{background:rgba(0,0,0,.08);box-shadow:inset 2px 0 0 #000}
.topicinvite{display:flex;flex-direction:column;max-height:min(46vh,320px);margin:0 8px 8px;border:1px solid rgba(255,255,255,.45);border-radius:12px;overflow:auto;background:#000}
.topicinvite>p{margin:10px 14px 4px;color:#fff;font:300 13px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
.topicinvite form{margin:0}
.topicinvite button,.topicinvite .in,.topicinvite label{display:flex;align-items:baseline;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 14px;border:0;border-bottom:.5px solid rgba(255,255,255,.16);background:transparent;color:#fff;font:300 16px/1.3 Bender,ui-sans-serif,system-ui,sans-serif;text-align:left}
.topicinvite button,.topicinvite label{cursor:pointer}
.topicinvite label{position:relative}
.topicinvite label input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.topicinvite label:has(input:checked){background:rgba(255,255,255,.14);box-shadow:inset 2px 0 0 #fff}
html.light .topicinvite label:has(input:checked){background:rgba(0,0,0,.08);box-shadow:inset 2px 0 0 #000}
.topicinvite button.addpeople{width:auto;min-height:36px;margin:0 14px 8px;padding:0;border:0;background:transparent;opacity:.8}
.topiclink{margin:0;padding:8px 14px 12px}
.topiclink a{color:inherit;text-decoration:none;opacity:.55}
.topiclink span{display:block;margin:0 0 4px;font:300 12px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:.55}
.topicinvite .in{opacity:.55}
.topicinvite small{color:rgba(255,255,255,.55);font:300 12px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
html.light .topicinvite{background:#fff;border-color:#000}
html.light .topicinvite>p,html.light .topicinvite button,html.light .topicinvite .in,html.light .topicinvite label,html.light .topiclink a{color:#000;border-bottom-color:rgba(0,0,0,.12)}
html.light .topicinvite small{color:rgba(0,0,0,.55)}
.talk .topichead{width:100%}
html:not(.light) h1,html:not(.light) a,html:not(.light) p,html:not(.light) .intro,html:not(.light) .m,html:not(.light) .floor .qshow{color:#fff}
html:not(.light) .note.igpost,html:not(.light) .note.igpost header b,html:not(.light) .note.igpost .igmore p,html:not(.light) .note.igpost .igmore p b,html:not(.light) .note.igpost .ft,html:not(.light) .note.igpost .ft a,html:not(.light) .note.igpost .ft span{color:#fff}
html.light .person,html.light .person h1,html.light .person p,html.light .person .intro,html.light .person .room,html.light .person h2,html.light .person .empty,html.light .kin a,html.light .kin b,html.light .kin small,html.light .ptabs button,html.light .ptabs button.on{color:#1c1916;background:transparent}
html.light .person,html.light .profilesheet{background:#f7f4ef;color:#1c1916;border-color:rgba(28,25,22,.28)}
html.light .person .cardline,html.light .person .cardline p{background:transparent;color:#1c1916;border-color:rgba(28,25,22,.28)}
html.light .person .msg,html.light .person .pmsg input,html.light a.msg{background:transparent;color:#1c1916;border:1px solid #1c1916}
html.light .person .whoface,html.light .person .face,html.light .person .heroface,html.light .profilesheet button.heroface{background:transparent;color:#1c1916;border-color:rgba(28,25,22,.35)}
html.light .ptabs,html.light .kin a{border-color:rgba(28,25,22,.22)}
html.light .ptabs button.on::before{background:#1c1916}
html.light .person .cardline time,html.light .kin small,html.light .profilesheet .profilepick button small{color:rgba(28,25,22,.62)}
html.light .profilesheet .profilepick .taglab,html.light .profilesheet .profilepick a,html.light .profilesheet .profilepick button{color:#1c1916;background:transparent;border-color:rgba(28,25,22,.4)}
.ptabs button .medal path,.ptabs button .medal circle{fill:currentColor;stroke:currentColor}
html:not(.light) .swap.on,html:not(.light) .tab.on{background:#fff;color:#000;border-color:#fff}
.panel,.note,.card,.rings,.youline,.live,.note .box,.card .stage,.mebar,.mbar,.txlist li,.person,.person .cardline,.note.igpost,.note.vid .frame,.projlist button,.hours .ev,.guest{border-width:1px}
html.grid .note,html.grid .note.igpost,html.grid .card,html.grid .panel,html.grid .rings,html.grid .youline,html.grid .live,html.grid .bub,html.grid #stay .album{border-color:transparent;box-shadow:none}
html:not(.light) nav.floor,html.light nav.floor{border-top:0}
html:not(.light) .floor form.ask .bar,html.light .floor form.ask .bar,.dock.ask:focus-within .bar,.dock.ask:has(#q:not(:placeholder-shown)) .bar{border-color:transparent;background:transparent;outline:none;box-shadow:none}
.floor form.ask:focus,.floor form.ask:focus-within,.floor .bar textarea:focus,.floor .bar textarea:focus-visible{outline:none;box-shadow:none}
html:not(.light) .swap,html:not(.light) .swap.on,html:not(.light) .corner,html:not(.light) .corner.on{background:transparent;color:#fff;border:0;outline:none;box-shadow:none}
html.grid .bub,html.grid .bub.me{background:transparent}
html.light .swap,html.light .swap.on,html.light .corner,html.light .corner.on{background:transparent;color:#000;border:0;outline:none;box-shadow:none}
.floor .bar textarea::placeholder{font-weight:300;font-family:Bender,ui-sans-serif,system-ui,sans-serif}
html:not(.light) .floor .bar textarea::placeholder{color:rgba(255,255,255,.55);-webkit-text-fill-color:rgba(255,255,255,.55)}
html.light .floor .bar textarea::placeholder{color:rgba(0,0,0,.45);-webkit-text-fill-color:rgba(0,0,0,.45)}
html:not(.light) form.ask[aria-label="Respond"] textarea{color:#fff;caret-color:#fff;-webkit-text-fill-color:#fff}
html:not(.light) form.ask[aria-label="Respond"] .qshow{color:#fff;-webkit-text-fill-color:#fff}
html:not(.keyson) form.ask[aria-label="Respond"] .qshow{display:none!important}html.light:not(.keyson) form.ask[aria-label="Respond"] textarea{color:#1c1916;-webkit-text-fill-color:#1c1916;caret-color:#1d7a62}html.light:not(.keyson) form.ask[aria-label="Respond"] .qsel{display:none!important}
html.keyson form.ask[aria-label="Respond"] textarea{color:transparent;caret-color:transparent;-webkit-text-fill-color:transparent}
html:not(.light),html:not(.light) body{background:#12161a;color:#f4f1ea}
html.light,html.light body{background:#f7f4ef;color:#1c1916}
html,body{font-size:17px;line-height:1.55}
html:not(.light) h1,html:not(.light) p,html:not(.light) .intro,html:not(.light) .m,html:not(.light) .floor .qshow{color:#f4f1ea}
.note p,.bub,.talk .intro,.txsaid,.m,.cdstart p,.intro{font-size:1.05rem;line-height:1.55}
.note p.angles{font-size:.95rem;line-height:1.5}
html:not(.light) nav.floor,html:not(.light) #chatlist,html:not(.light) .holdhint,html:not(.light) #modellist,html:not(.light) #eventlist{background:#161b20}
html.light nav.floor,html.light #chatlist,html.light .holdhint,html.light #modellist{background:#f7f4ef}
.holdhint{font-size:15px;line-height:1.5}
.shortkeys{opacity:.1}
.shortkeys:hover,.shortkeys:focus-within{opacity:1}
#chatlist a,.holdhint .skin button,.holdhint a.logout{min-height:48px;font-size:16px}
.holdhint{padding:12px 16px 0}
.holdhint .why{flex:1 1 auto;margin:0;font-size:16px;line-height:1.45}
.holdhint>button.shut{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:40px;margin:0;padding:8px 14px;border:1px solid rgba(244,241,234,.35);border-radius:999px;font-size:15px;text-align:center}
html.light .holdhint>button.shut{border-color:rgba(28,25,22,.28)}
.holdhint .skin{flex:1 0 100%;align-items:center;gap:6px;margin:8px -16px 0;padding:8px 12px 10px;border-top:.5px solid rgba(255,255,255,.16);background:transparent}
.holdhint .skin p{padding:0 4px}
.holdhint .skin button{flex:0 0 auto;min-height:40px;padding:8px 14px;border:0;border-right:0;border-radius:999px}
.holdhint .skin button.on{box-shadow:none;background:rgba(255,255,255,.16)}
html.light .holdhint .skin{border-top-color:rgba(0,0,0,.12);background:transparent}
html.light .holdhint .skin button.on{box-shadow:none;background:rgba(0,0,0,.08)}
.holdhint a.logout{flex:0 0 auto;margin-left:auto;min-height:40px;padding:8px 12px;border-radius:999px}
#chatlist button.chatnew{min-height:48px;justify-content:space-between;font-size:22px}
#chatlist button.chatnew::before{content:"New chat with Deu";font-size:16px}
html[data-speed=grok] #chatlist button.chatnew::before{content:"New chat with Grok"}
html[data-speed=claude] #chatlist button.chatnew::before{content:"New chat with Claude"}
nav.floor:has(#chatlist:not([hidden])){position:fixed;left:0;right:0;top:0;bottom:0;height:auto;overflow:hidden;display:flex;flex-direction:column}
nav.floor:has(#chatlist:not([hidden])) .composer,nav.floor:has(#chatlist:not([hidden])) .composer .row{flex:1;min-height:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:100%;overflow:hidden}
nav.floor:has(#chatlist:not([hidden])) .picker{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;order:1;width:100%;position:relative;inset:auto}
nav.floor:has(#chatlist:not([hidden])) #chatlist{flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;overflow:auto;order:2}
nav.floor:has(#chatlist:not([hidden])) .holdhint{flex:0 0 auto;order:1}
nav.floor:has(#chatlist:not([hidden])) form.ask{order:3;flex:0 0 auto;width:100%}
html:not(.keyson) nav.floor{bottom:0}
html:not(.desk):not(.keyson) main{bottom:auto}
#chatlist .chatsec{margin:0;padding:16px 16px 4px;color:rgba(244,241,234,.72);font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none}
html.light #chatlist .chatsec{color:rgba(28,25,22,.55)}
#chatlist .chatrow:has(a.on){box-shadow:inset 3px 0 0 #f4f1ea}
html.light #chatlist .chatrow:has(a.on){box-shadow:inset 3px 0 0 #1c1916}
#modellist button.on{box-shadow:none;background:rgba(255,255,255,.12)}
html.light #modellist button.on{box-shadow:none;background:rgba(0,0,0,.06)}
#modellist button.face{display:flex;align-items:center;justify-content:center}
#modellist button.face img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.floor .send,.floor .send:focus{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;right:4px;bottom:2px}
.chatpick,.chatpick:focus,.chatpick:focus-visible{width:44px;height:44px;min-width:44px;min-height:44px;right:52px;bottom:2px}
.corner,.swap,.facepick{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}
.floor .bar textarea{padding-right:60px;font-size:17px;line-height:20px}
.floor .qshow{right:60px}
html:not(.light) .floor .bar textarea::placeholder{color:rgba(244,241,234,.78);-webkit-text-fill-color:rgba(244,241,234,.78)}
html.light .floor .bar textarea::placeholder{color:rgba(28,25,22,.66);-webkit-text-fill-color:rgba(28,25,22,.66)}
a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,.corner:focus-visible,.swap:focus-visible,.chatpick:focus-visible,.floor .send:focus-visible,.facepick:focus-visible{outline:2px solid #1d7a62;outline-offset:2px}
html:not(.light) a:focus-visible,html:not(.light) button:focus-visible,html:not(.light) select:focus-visible,html:not(.light) textarea:focus-visible,html:not(.light) .corner:focus-visible,html:not(.light) .swap:focus-visible,html:not(.light) .chatpick:focus-visible,html:not(.light) .floor .send:focus-visible{outline-color:#9dccc8}
@media (prefers-reduced-motion:reduce){#gridpts{display:none}}
:root{--bg:#12161a;--panel:#161b20}
html.light{--bg:#f7f4ef;--panel:#f7f4ef}
#stay,#stay .now,#stay .ainame,html.cdtop #stay{background:transparent}
#stay .album{background:var(--bg);border-bottom-color:transparent}
#stay .tracklist{background:var(--bg)}
html:not(.light) #chatlist,html:not(.light) .holdhint,html:not(.light) #modellist,html:not(.light) #eventlist,html.light #chatlist,html.light .holdhint,html.light #modellist,html:not(.light) nav.floor,html.light nav.floor{background:var(--bg)}
#chatlist .chatrow:has(a.on){background:rgba(244,241,234,.08)}
html.light #chatlist .chatrow:has(a.on){background:rgba(28,25,22,.06)}
html.black{--bg:#000;--panel:#000;color-scheme:dark}
html.black,html.black body{background:#000;color:#fff}
html.black h1,html.black p,html.black .intro,html.black .m,html.black .floor .qshow{color:#fff}
html.black .timesel{background:#fff;color:#000}
html:not(.light):not(.black) .note,html:not(.light):not(.black) .note.igpost,html:not(.light):not(.black) .ig,html:not(.light):not(.black) .live,html:not(.light):not(.black) .card,html:not(.light):not(.black) .card.row,html:not(.light):not(.black) .cards .card.row.on,html:not(.light):not(.black) .youline,html:not(.light):not(.black) .rings{background:transparent}
html:not(.light):not(.black) .cards .card.row.on{box-shadow:none}
html:not(.light):not(.black) .topicpick,html:not(.light):not(.black) .gfold,html:not(.light):not(.black) .topicinvite{background:transparent;border-color:transparent}
.topicpick{padding-left:calc(8px + 1cm)}
html:not(.light):not(.black) .topicpick .card.row.on{background:transparent;box-shadow:none}
html.black .note,html.black .note.igpost,html.black .ig,html.black .live,html.black .card,html.black .card.row,html.black .cards .card.row.on,html.black .youline,html.black .rings,html.black .topicpick,html.black .gfold,html.black .topicinvite,html.black nav.floor,html.black #chatlist,html.black .holdhint,html.black #modellist,html.black #eventlist{background:#000;color:#fff}
.themes{grid-template-columns:repeat(3,minmax(0,1fr))}
.shortkeys{z-index:70}
html:not(.desk) body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch;padding-bottom:calc(var(--kb, 0px) + var(--vv, 0px));height:100%;min-height:0}
html:not(.desk) main{position:relative;inset:auto;grid-row:1;grid-column:1;align-self:stretch;justify-self:center;width:min(100%,32rem);height:auto;min-height:0;max-height:100%;margin:0;bottom:auto;top:auto;padding-bottom:.75rem}
html:not(.desk) nav.floor{position:relative;inset:auto;grid-row:2;grid-column:1;align-self:end;justify-self:center;width:min(100%,32rem);height:auto;max-height:none;margin:0;top:auto;bottom:auto;overflow:visible;z-index:40}
html.desk main{position:relative;inset:auto;bottom:auto;top:auto}
html.desk .composer{position:relative;top:auto;bottom:auto}
html.desk nav.floor{height:auto;overflow:visible}
@media (max-width:959px){html.desk body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding-bottom:calc(var(--kb, 0px) + var(--vv, 0px));height:100%;min-height:0}html.desk main{position:relative;inset:auto;grid-row:1;grid-column:1;width:min(100%,32rem);height:auto;min-height:0;max-height:100%;margin:0 auto;bottom:auto;top:auto;padding-bottom:.75rem}html.desk nav.floor{position:relative;display:flex;inset:auto;grid-row:2;grid-column:1;width:min(100%,32rem);height:auto;margin:0 auto;top:auto;bottom:auto;overflow:visible;z-index:40}}
@media (max-width:720px){
html,html body{height:100dvh;max-height:100dvh}
html body{top:0;right:0;left:0;bottom:auto;width:100%;height:100dvh}
html main,html nav.floor,html #stay,html .hud,html .dock,html .msghold,html #comments{width:100%;max-width:none}
html #stay{left:0;transform:none}
html #stay.away{transform:translateY(-120%)}
html main{padding-left:12px;padding-right:12px}
html .topicpick{padding-left:12px}
html .album .meta{min-width:0}
html .album .meta b,html .album .meta .by span{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
html .card.row .go,html .card.row .tx,html .card.row .tt{min-width:0}
html .card.row strong{min-width:0;overflow-wrap:anywhere}
html .floor .bar textarea{height:44px;min-height:44px;padding:11px 46px 11px 12px;font-size:16px;line-height:22px}
html .shortkeys{display:none!important}
html:has(.cdchat.empty) main,html:has(.cdchat.empty) nav.floor{width:min(100%,calc(100% - 24px))}
html:has(.cdchat.empty) main .ainame{font-size:clamp(1.4rem,7vw,2rem)}
}
html.phone,html.phone body{height:100dvh;max-height:100dvh}
html.phone body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;top:0;right:0;left:0;bottom:auto;width:100%;height:100dvh;padding-bottom:calc(var(--kb, 0px) + var(--vv, 0px))}
html.phone .lifebar{display:none!important}
html.phone main{position:relative;inset:auto;grid-row:1;grid-column:1;width:100%;max-width:none;height:auto;min-height:0;max-height:100%;margin:0;padding-left:12px;padding-right:12px;padding-bottom:.75rem}
html.phone nav.floor{position:relative;display:flex;inset:auto;grid-row:2;grid-column:1;width:100%;max-width:none;height:auto;margin:0;top:auto;bottom:auto;overflow:visible;z-index:40}
html.phone #stay,html.phone .hud,html.phone .dock,html.phone .msghold,html.phone #comments{width:100%;max-width:none}
html.phone #stay{left:0;top:0;transform:none}
html.phone #stay.away{transform:translateY(-120%)}
html.phone .topicpick{padding-left:12px}
html.phone .album .meta{min-width:0}
html.phone .album .meta b,html.phone .album .meta .by span{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}html.phone .card.row .go,html.phone .card.row .tx,html.phone .card.row .tt{min-width:0}
html.phone .card.row strong{min-width:0;overflow-wrap:anywhere}
html.phone .floor .bar textarea{height:44px;min-height:44px;padding:11px 46px 11px 12px;font-size:16px;line-height:22px}
html.phone .shortkeys{display:none!important}
html.phone:has(.cdchat.empty) main,html.phone:has(.cdchat.empty) nav.floor{width:min(100%,calc(100% - 24px))}
html.phone:has(.cdchat.empty) main .ainame{font-size:clamp(1.4rem,7vw,2rem)}
nav.floor:has(#chatlist:not([hidden])){width:min(100%,32rem);margin-left:auto;margin-right:auto}
nav.floor:has(#chatlist:not([hidden])) .shortkeys{display:flex;flex-direction:column;align-items:stretch;position:fixed;left:calc(50% + 16rem + 20px);right:auto;top:auto;bottom:28px;width:min(18rem,calc(50vw - 16rem - 40px));max-width:18rem;margin:0;transform:none;opacity:1;z-index:70}
nav.floor:has(#chatlist:not([hidden])) .shortkeys button{height:auto;white-space:normal;overflow-wrap:break-word}
html:has(.cdchat.empty) body{display:flex;flex-direction:column;justify-content:center;padding-bottom:var(--kb,0px)}
html:has(.cdchat.empty) main{position:relative;inset:auto;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:min(40rem,calc(100% - 40px));height:auto;margin:0 auto;padding:0!important;min-height:0}
html:has(.cdchat.empty) main .tracks{display:none}
.ainfo{display:none}html:has(.cdchat.empty) main .ahead{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:0 0 22px}html:has(.cdchat.empty) main .ainame{margin:0;padding:0;text-align:center;font:300 2rem/1.1 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}html:has(.cdchat.empty) .ainfo{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;color:inherit;flex:none;text-decoration:none}html:has(.cdchat.empty) .ainfo:focus-visible{outline:1.5px solid currentColor;outline-offset:3px;border-radius:999px}html:has(.cdchat.empty) .ainfo svg{width:100%;height:100%;display:block}
html:has(.cdchat.empty) main .cdchat{min-height:0;padding:0;gap:0}
html:has(.cdchat.empty) main .cdchat>*{display:none}
html:has(.cdchat.empty) nav.floor{position:relative;left:auto;right:auto;bottom:auto;top:auto;width:min(40rem,calc(100% - 40px));height:auto;max-height:none;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible;z-index:40;transform:none}
html:has(.cdchat.empty) .composer{width:100%;margin:0;grid-column:auto;grid-row:auto}
html:has(.cdchat.empty) nav.floor form.ask{position:relative;flex-direction:column;align-items:stretch;width:100%;background:transparent;box-shadow:none;container-type:inline-size}
html:has(.cdchat.empty) nav.floor form.ask{margin:0 0 40px}
html:has(.cdchat.empty) nav.floor form.ask .bar{min-height:56px;height:56px;border-radius:28px;background:#1c2126;border:0;box-shadow:0 8px 16px rgba(0,0,0,.28),inset 0 0 0 1px rgba(244,241,234,.22);filter:none;overflow:hidden;isolation:isolate;transform:translateZ(0)}
html.light:has(.cdchat.empty) nav.floor form.ask .bar{background:#fff;box-shadow:0 8px 16px rgba(28,25,22,.08);filter:none}
html.black:has(.cdchat.empty) nav.floor form.ask .bar{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);filter:none}
html:has(.cdchat.empty) .floor .send,html:has(.cdchat.empty) .floor .send:focus,html:has(.cdchat.empty) .floor .send:focus-visible{right:16px;bottom:6px;outline:none;background:transparent;border-radius:22px}html:has(.cdchat.empty) .floor .send svg{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px}
html:has(.cdchat.empty) .chatpick,html:has(.cdchat.empty) .chatpick:focus,html:has(.cdchat.empty) .chatpick:focus-visible{right:64px;bottom:6px;outline:none;background:transparent}
html:has(.cdchat.empty) .floor .bar textarea,html:has(.cdchat.empty) .floor .qshow{min-height:56px;height:56px;max-height:56px;padding-top:17px;padding-bottom:17px;padding-left:22px;padding-right:72px;font-size:17px;background:transparent;border-radius:28px;-webkit-appearance:none;appearance:none;outline:none;box-shadow:none}html:has(.cdchat.empty) nav.floor form.ask .bar{container-type:inline-size}html:has(.cdchat.empty) .floor .bar textarea:placeholder-shown{font-size:clamp(9px,(100cqi - 94px) / 12.47,17px)}html:has(.cdchat.empty) .floor .bar textarea:placeholder-shown,html:has(.cdchat.empty) .floor .bar textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:clip}
html:has(.cdchat.empty) .floor .bar textarea:focus,html:has(.cdchat.empty) .floor .bar textarea:focus-visible{outline:none;box-shadow:none}
html:has(.cdchat.empty) .floor .qshow{right:72px;left:0}
html:has(.cdchat.empty):not(.keyson) .floor .bar textarea{caret-color:#1d7a62}
html:has(.cdchat.empty):not(.keyson) .floor .qsel:not(.range){display:none!important}
html:not(.keyson) .floor .bar textarea:placeholder-shown{caret-color:#1d7a62}
html:not(.keyson) .floor .bar textarea:placeholder-shown ~ .qsel:not(.range){display:none!important}
html:has(.cdchat.empty) .floor .send,html:has(.cdchat.empty) .chatpick{bottom:6px}
html:has(.cdchat.empty) .floor .row .corner{align-self:center}
html:has(.cdchat.empty) .floor .bar .keyline{display:none}
html:has(.cdchat.empty) nav.floor form.ask::after{content:none}
.keydrop{display:none}
html:has(.cdchat.empty) .keydrop{display:block;position:absolute;left:0;top:calc(100% + 14px);z-index:6;width:100%;max-width:100%;margin:0;text-align:left}
html:has(.cdchat.empty) .keydrop:not([open])>button{display:none}
html:has(.cdchat.empty) .keydrop summary{display:flex;align-items:baseline;gap:.45rem;width:100%;margin:0;padding:0;list-style:none;cursor:pointer;color:rgba(244,241,234,.5);font:300 clamp(8px,100cqi / 36,13px)/1.45 Bender,ui-sans-serif,system-ui,sans-serif;white-space:nowrap}
html:has(.cdchat.empty) .keydrop summary::-webkit-details-marker{display:none}
html:has(.cdchat.empty) .keydrop summary b{display:inline-flex;align-items:center;gap:.35rem;flex:none;font-weight:300}
html:has(.cdchat.empty) .keydrop summary b::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.8}
html:has(.cdchat.empty) .keydrop[open] summary b::after{transform:rotate(180deg)}
html:has(.cdchat.empty) .keydrop summary span{min-width:0;overflow:hidden;text-overflow:ellipsis}
html:has(.cdchat.empty) .keydrop button{display:block;width:100%;margin:6px 0 0;padding:8px 10px;border:1px solid rgba(244,241,234,.28);border-radius:12px;background:#000;color:#f4f1ea;font:300 13px/1.35 Bender,ui-sans-serif,system-ui,sans-serif;text-align:left;cursor:default}
html.light:has(.cdchat.empty) .keydrop summary{color:rgba(28,25,22,.5)}
html.light:has(.cdchat.empty) .keydrop button{background:#fff;color:#1c1916;border-color:rgba(28,25,22,.22)}
@media (max-width:720px){html .keydrop{display:none!important}html:has(.cdchat.empty) nav.floor form.ask{position:static;margin-bottom:0}}
html.phone .keydrop{display:none!important}
html.desk .shortkeys,html.desk .keydrop{display:none!important}
@media (min-width:721px){.shortkeys,.keydrop{display:none!important}}
html.phone:has(.cdchat.empty) nav.floor form.ask{position:static;margin-bottom:0}
html.phone:has(.cdchat.empty) main .ahead{margin:0 0 14px}html.phone:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist{margin:0}
.daybelow{display:none}
@media (max-width:720px){
html:has(.cdchat.empty){height:auto;min-height:100dvh;max-height:none;overflow-x:hidden;overflow-y:auto;overflow-anchor:none}html:has(.cdchat.empty) body{position:relative;inset:auto;width:100%;height:auto;max-height:none;min-height:100dvh;overflow:visible}
html:has(.cdchat.empty) body{display:flex;flex-direction:column;justify-content:flex-start;overflow:visible}
html:has(.cdchat.empty) main{order:1;overflow:visible;height:auto;max-height:none;flex:none}
html:has(.cdchat.empty) nav.floor{order:2;flex:none}
html:has(.cdchat.empty) .daybelow{display:none}
html.albumtop:has(.cdchat.empty) main{padding-top:calc(4.6rem + env(safe-area-inset-top,0px))!important}
html:has(.cdchat.empty) .composer .row{padding-bottom:64px}
}
html.phone:has(.cdchat.empty){height:auto;min-height:100dvh;max-height:none;overflow-x:hidden;overflow-y:auto;overflow-anchor:none}html.phone:has(.cdchat.empty) body{position:relative;inset:auto;width:100%;height:auto;max-height:none;min-height:100dvh;overflow:visible}
html.phone:has(.cdchat.empty),html.phone:has(.cdchat.empty) body{position:fixed!important;inset:0!important;width:100%!important;height:100svh!important;max-height:100svh!important;min-height:100svh!important;overflow:hidden!important;touch-action:none;overscroll-behavior:none}
html.phone:has(.cdchat.empty) main{margin-top:clamp(140px,34svh,420px)!important}
@media (max-width:720px){html:has(.cdchat.empty),html:has(.cdchat.empty) body{position:fixed!important;inset:0!important;width:100%!important;height:100svh!important;max-height:100svh!important;min-height:100svh!important;overflow:hidden!important;overscroll-behavior:none}}
html.phone:has(.cdchat.empty) body{display:flex;flex-direction:column;justify-content:flex-start;overflow:visible}
html.phone:has(.cdchat.empty) main{order:1;overflow:visible;height:auto;max-height:none;flex:none}
html.phone:has(.cdchat.empty) nav.floor{order:2;flex:none}
html.phone:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) nav.floor,html.phone:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .composer,html.phone:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .floor .row{position:static}
@media (max-width:720px){html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) nav.floor,html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .composer,html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .floor .row{position:static}}
html.phone #daybelow,html.phone .daybelow{display:none!important}
@media (max-width:720px){#daybelow,.daybelow{display:none!important}}
html.phone.albumtop:has(.cdchat.empty) main{padding-top:calc(4.6rem + env(safe-area-inset-top,0px))!important}
html.phone:has(.cdchat.empty) .composer .row{padding-bottom:64px}
.daybelow .dayname{margin:.2rem 0 .6rem;color:var(--mute);font:300 .78rem/1.3 ui-monospace,Menlo,monospace}.daybelow .dayname b{color:var(--orange);font:300 1rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .composer .row{flex-wrap:wrap;align-items:center;gap:14px;padding:0 0 40px}
html.phone:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .composer .row{padding-bottom:16px}
@media (max-width:720px){html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .composer .row{padding-bottom:16px}}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .picker{position:static;display:contents}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .holdhint{display:none!important}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist{display:flex!important;position:relative;flex:1 0 100%;order:0;width:100%;margin:0 0 16px;background:transparent;border:0;border-radius:999px;overflow:hidden}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) nav.floor form.ask{flex:1 1 0;order:2;width:auto;min-width:0;margin-bottom:0}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .floor .row .deskpair .corner[aria-label="Feed"]{order:1;flex:none;width:56px;height:56px;max-width:56px;min-width:56px;max-height:56px;min-height:56px;margin:0;align-self:center}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .floor .row .deskpair .corner[aria-label="Messages"]{order:3;flex:none;width:56px;height:56px;max-width:56px;min-width:56px;max-height:56px;min-height:56px;margin:0;align-self:center}
html:has(.cdchat.empty) .floor .row .corner svg{width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px}
html:has(.cdchat.empty) #modellist button.face{display:none}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button{min-height:40px;border:1px solid rgba(28,25,22,.14);border-right:0;background:rgba(255,255,255,.72);color:#1c1916}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button.face+button,html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button:not(.face):first-child{border-radius:999px 0 0 999px}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button:last-child{border-right:1px solid rgba(28,25,22,.14);border-radius:0 999px 999px 0}
html:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button.on{background:rgba(28,25,22,.08);box-shadow:none}
html:not(.light):has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button{background:rgba(255,255,255,.06);color:#f4f1ea;border-color:rgba(244,241,234,.2)}
html:not(.light):has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button:last-child{border-right-color:rgba(244,241,234,.2)}
html:not(.light):has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) #modellist button.on{background:rgba(255,255,255,.16);box-shadow:none}
html.light:has(.cdchat.empty) nav.floor form.ask::after{color:rgba(28,25,22,.5)}
html.desk:has(.cdchat.empty) .lifebar{position:fixed;top:0;left:0;right:0;z-index:30;width:100%;max-width:none}
html:has(.cdchat.empty):has(#chatlist:not([hidden])) nav.floor{position:fixed;left:0;right:0;top:0;bottom:0;width:min(100%,32rem);height:auto;margin:0 auto;padding:0;background:var(--bg);overflow:hidden;z-index:60;transform:none;display:flex;flex-direction:column}
@media (max-width:899px){html:has(.cdchat.empty) nav.floor{width:min(36rem,calc(100% - 28px))}html:has(.cdchat.empty) .composer .row{flex-wrap:wrap;justify-content:center;row-gap:0}html:has(.cdchat.empty) nav.floor form.ask{flex:1 1 auto;order:1;width:auto}html:has(.cdchat.empty) .floor .row .corner{order:1;margin-top:0;align-self:center}}
html.light .daystick{left:50%;width:min(calc(100% - 5.6rem),26rem);transform:translateX(calc(-50% + 1.9rem));bottom:calc(var(--kb, 0px) + var(--sheet-bottom, 88px));max-height:min(46vh,380px);padding:16px 8px 12px;background:#f7f4ef;border:0;border-radius:28px 28px 0 0;box-shadow:none}
html.light .dayform{gap:10px}
html.light .dayform .intro,html.light .fromafter label,html.light .dayform .taglab{color:#1c1916;font:300 15px/1.35 Bender,ui-sans-serif,system-ui,sans-serif}
html.light .dayform input,html.light .dayform select,html.light .fromafter select{height:56px;padding:0 18px;border:0;border-radius:28px;background:#fff;color:#1c1916;box-shadow:0 8px 16px rgba(28,25,22,.08),inset 0 0 0 1px rgba(28,25,22,.16)}
html.light .guest{background:#fff;border:0;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(28,25,22,.16);color:#1c1916}
html.light .guest.on{background:#fff;border:0;box-shadow:inset 0 0 0 1.5px #1c1916}
html .floor .send,html .floor .send:focus,html .floor .send:focus-visible{left:8px;right:auto;top:auto;bottom:-2px}
html.phone .floor .send,html.phone .floor .send:focus,html.phone .floor .send:focus-visible{bottom:0}
html .floor .bar textarea,html.phone .floor .bar textarea{padding-left:58px;padding-right:12px}
html .floor .qshow{left:46px;right:0}
.floor .bar .keyline{left:calc(4.9rem + 46px)}
.floor form.ask[aria-label="Type to post"] .bar .keyline{left:calc(7.6rem + 46px)}
.floor form.ask[aria-label="Respond"] .bar .keyline{left:calc(5.4rem + 46px)}
.floor form.ask.direct .bar .keyline{left:calc(10.4rem + 46px)}
html:has(.cdchat.empty) .floor .send,html:has(.cdchat.empty) .floor .send:focus,html:has(.cdchat.empty) .floor .send:focus-visible{left:12px;right:auto}
html:has(.cdchat.empty) .floor .bar textarea{padding-left:64px;padding-right:22px}
html:has(.cdchat.empty) .floor .qshow{left:42px;right:0;padding-right:22px}
html:has(.cdchat.empty) .floor .bar textarea:placeholder-shown{font-size:clamp(9px,(100cqi - 86px) / 12.47,17px)}
html.phone:has(.cdchat.empty) nav.floor form.ask .bar{min-height:44px;height:44px;border-radius:22px}
html.phone:has(.cdchat.empty) .floor .bar textarea,html.phone:has(.cdchat.empty) .floor .qshow{min-height:44px;height:44px;max-height:44px;padding-top:11px;padding-bottom:11px;font-size:16px;border-radius:22px}
html.phone:has(.cdchat.empty) .floor .bar textarea{padding-left:58px;padding-right:12px}
html.phone:has(.cdchat.empty) .floor .qshow{left:46px;right:0;padding-right:12px}
html.phone:has(.cdchat.empty) .floor .bar textarea:placeholder-shown{font-size:clamp(9px,(100cqi - 70px) / 12.47,16px)}
html.phone:has(.cdchat.empty) .floor .send,html.phone:has(.cdchat.empty) .floor .send:focus,html.phone:has(.cdchat.empty) .floor .send:focus-visible{left:8px;right:auto;bottom:0}
html.phone:has(.cdchat.empty) .floor .send svg{width:26px;height:26px;min-width:26px;max-width:26px;min-height:26px;max-height:26px}
html.phone:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .floor .row .deskpair .corner[aria-label="Feed"],html.phone:has(.cdchat.empty):not(:has(#chatlist:not([hidden]))) .floor .row .deskpair .corner[aria-label="Messages"]{width:44px;height:44px;max-width:44px;min-width:44px;max-height:44px;min-height:44px}
html.phone:has(.cdchat.empty) .floor .row .corner svg{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px}
.album .set{width:40px;height:40px;margin:0;padding:0;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--fg);text-decoration:none;line-height:0;opacity:.35}
.album .set svg{display:block;width:18px;height:18px}
.album .set:hover,.album .set:focus-visible{opacity:.7;outline:none}
.markmenu{position:fixed;z-index:70;display:flex;flex-direction:column;min-width:14rem;padding:6px;border-radius:14px;background:var(--bg);color:var(--fg);box-shadow:0 10px 28px rgba(0,0,0,.4),inset 0 0 0 1px rgba(244,241,234,.22)}
.markmenu button,.markmenu a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:0 .85rem;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:1rem;text-align:left;text-decoration:none;cursor:pointer}
.markmenu small{font-size:.8rem;opacity:.6}
.markmenu button:hover,.markmenu a:hover,.markmenu button:focus-visible,.markmenu a:focus-visible{background:rgba(127,127,127,.16);outline:none}
.bub.wait .think{display:inline-flex;align-items:baseline;background:linear-gradient(90deg,var(--fg) 35%,#3df0e0 50%,var(--fg) 65%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:deushine 2.4s linear infinite}
.bub.wait .think i{display:inline-block;width:.3em;height:.3em;margin-left:.16em;border-radius:50%;background:#3df0e0;animation:deudot 1.2s ease-in-out infinite}
.bub.wait .think i:first-of-type{margin-left:.3em}
.bub.wait .think i:nth-of-type(2){animation-delay:.15s}
.bub.wait .think i:nth-of-type(3){animation-delay:.3s}
.bub.wait small{margin-left:.7em;font-size:.75em;opacity:.55;font-variant-numeric:tabular-nums}
@keyframes deushine{from{background-position:100% 0}to{background-position:-200% 0}}
@keyframes deudot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-.35em);opacity:1}}
@media (prefers-reduced-motion:reduce){.bub.wait .think,.bub.wait .think i{animation:none}.bub.wait .think{color:var(--fg);background:none}}
button.gear{padding:0;font:inherit;cursor:pointer}
.album button.set,.markmenu button.set{cursor:pointer}

.album .pface{flex:none;width:36px;height:36px;margin-left:.2rem;border-radius:50%;overflow:hidden;display:block;border:1px solid var(--line);background:#000;color:#fff;pointer-events:auto;text-decoration:none}.album .pface img,.album .pface svg{width:100%;height:100%;object-fit:cover;display:block}.album .pface .plusbg{fill:#000}html.light .album .pface{background:#fff;color:#1c1916}html.light .album .pface .plusbg{fill:#fff}
.youskin{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:1.2rem 0 .6rem}.youskin p{margin:0 4px 0 0;color:var(--mute);font:300 .9rem/1.3 Bender,ui-sans-serif,system-ui,sans-serif}.youskin button{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg);font:300 15px/1.2 Bender,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.youskin button.on{background:rgba(255,255,255,.12)}html.light .youskin button.on{background:rgba(0,0,0,.06)}

.card.row .pic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.card.row .pic:has(img){border:0;overflow:hidden;padding:0}

.joinface{margin:1.6rem 0 0;padding:0}.joinface img{display:block;width:100%;height:auto;max-height:22rem;object-fit:cover;object-position:50% 50%;border-radius:18px;border:1px solid var(--line);background:#000}.profileform.register label.upload{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:.6rem 0;border:1px dashed var(--line);border-radius:999px;cursor:pointer;font:300 15px/1.2 Bender,ui-sans-serif,system-ui,sans-serif}.profileform.register #facepreview{display:block;width:72px;height:72px;margin:.6rem auto;border-radius:50%;object-fit:cover}.joinface figcaption{margin:.6rem 2px 0;color:var(--mute);font:300 .95rem/1.4 Bender,ui-sans-serif,system-ui,sans-serif}.joinface .joinpick{display:block;cursor:pointer}.joinface .joinpick[hidden],.joinface figcaption[hidden]{display:none}.joinface video,.profileclip{display:block;width:100%;height:auto;max-height:22rem;aspect-ratio:auto;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:#000}

.floor .mic,.floor .mic:focus,.floor .mic:focus-visible{position:absolute;right:2px;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;margin:0;padding:0;border:0;border-radius:8px;outline:none;box-shadow:none;appearance:none;background:transparent;color:var(--cyan);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.floor .mic svg{width:22px;height:22px;min-width:22px;max-width:22px;min-height:22px;max-height:22px;display:block}
.floor .mic.rec{color:#ff6b5a;box-shadow:inset 0 0 0 1.5px currentColor;border-radius:999px}
html.light .floor .mic{color:#1d7a62}
html.light .floor .mic.rec{color:#b42318}
.floor .mic:focus-visible{outline:2px solid #1d7a62;outline-offset:2px}
html:not(.light) .floor .mic:focus-visible{outline-color:#9dccc8}
.floor .row.sheet .mic{display:none}
html .floor .bar textarea,html.phone .floor .bar textarea{padding-right:46px}
html .floor .qshow{padding-right:46px}
html:has(.cdchat.empty) .floor .mic,html:has(.cdchat.empty) .floor .mic:focus,html:has(.cdchat.empty) .floor .mic:focus-visible{right:10px;bottom:8px}
html:has(.cdchat.empty) .floor .mic svg{width:24px;height:24px;min-width:24px;max-width:24px;min-height:24px;max-height:24px}
html:has(.cdchat.empty) .floor .bar textarea{padding-right:58px}
html:has(.cdchat.empty) .floor .qshow{padding-right:58px}
html:has(.cdchat.empty) .floor .bar textarea:placeholder-shown{font-size:clamp(9px,(100cqi - 122px) / 12.47,17px)}
html.phone:has(.cdchat.empty) .floor .mic,html.phone:has(.cdchat.empty) .floor .mic:focus,html.phone:has(.cdchat.empty) .floor .mic:focus-visible{right:2px;bottom:2px;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}
html.phone:has(.cdchat.empty) .floor .mic svg{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px}
html.phone:has(.cdchat.empty) .floor .bar textarea{padding-right:46px}
html.phone:has(.cdchat.empty) .floor .qshow{padding-right:46px}
html.phone:has(.cdchat.empty) .floor .bar textarea:placeholder-shown{font-size:clamp(9px,(100cqi - 104px) / 12.47,16px)}
html:has(.cdchat.empty) .dock.ask:has(#q) .bar{min-height:56px;height:56px;max-height:none;border-radius:28px;background:#1c2126;border-color:transparent;box-shadow:0 8px 16px rgba(0,0,0,.28),inset 0 0 0 1px rgba(244,241,234,.22)}
html.light:has(.cdchat.empty) .dock.ask:has(#q) .bar{background:#fff;box-shadow:0 8px 16px rgba(28,25,22,.08)}
html.black:has(.cdchat.empty) .dock.ask:has(#q) .bar{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
html.phone:has(.cdchat.empty) .dock.ask:has(#q) .bar{min-height:44px;height:44px;border-radius:22px}
html:has(.cdchat.empty) .floor .bar textarea,html:has(.cdchat.empty) .floor .qshow{line-height:22px}
html.phone:has(.cdchat.empty) .floor .bar textarea,html.phone:has(.cdchat.empty) .floor .qshow{line-height:22px}