@font-face{font-family:Nunito;src:url("assets/fonts/nunito-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url("assets/fonts/nunito-bold.woff2") format("woff2");font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:Nunito;src:url("assets/fonts/nunito-black.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}

/* White board, pressed rounded type, almost black plum buttons. */
:root{color-scheme:light;--board:#f1efea;--board-hi:#f8f7f4;--board-lo:#e8e5df;--edge:#d9d4cb;--ink:#231b2a;--ink-2:#4a4252;--ink-3:#6e6577;--lilac:#8b74a4;--lilac-ink:#6f5a88;--plum-top:#33293d;--plum-bottom:#1b1422;--hi:rgba(255,255,255,.92);--shade:48,34,58;--grain:url("assets/grain.svg");--lit:#fff;--top:0px;--bottom:0px;font-family:Nunito,ui-rounded,system-ui,sans-serif;background:var(--board);color:var(--ink);-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
body{margin:0;min-width:280px;background-color:var(--board);background-image:radial-gradient(95% 50% at 50% 34%,rgba(255,255,255,.55),rgba(255,255,255,0) 72%),url("assets/board.svg"),var(--grain);background-size:100% 1000px,520px 520px,200px 200px;background-repeat:no-repeat,repeat,repeat}
h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;min-height:44px}
button:focus-visible,a:focus-visible{outline:3px solid var(--lilac);outline-offset:4px}a{color:inherit}.icon{width:22px;height:22px;flex-shrink:0}

/* Materials */
.room,.empty,.seat-list,.circle-table,.icon-button,.rule-icon,dialog{background:var(--board-hi) var(--grain);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px rgba(var(--shade),.05),0 2px 0 var(--edge),0 3px 3px rgba(var(--shade),.06),0 18px 30px -20px rgba(var(--shade),.42)}
.welcome-badge,.status,.rule-card,.room-emblem,.room-heading-art,.dialog-mark,.occupancy,.section-label>span,.room-meta span:last-child,input,.sheet-handle,.profile{background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.12),inset 0 1px 1px rgba(var(--shade),.1),0 1px 0 var(--hi)}
.place,.room-places i,.avatar{border-radius:50%;background:linear-gradient(180deg,#dbd6ce,#ece9e3);box-shadow:inset 0 3px 5px rgba(var(--shade),.2),inset 0 1px 1px rgba(var(--shade),.16),inset 0 -1px 1px rgba(255,255,255,.8),0 -1px 0 rgba(var(--shade),.05),0 1px 0 var(--lit)}
.primary,.create-button,.brand-symbol,.offline{background:linear-gradient(180deg,var(--plum-top),var(--plum-bottom));color:#f5f0f9;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -2px 0 rgba(0,0,0,.28),0 1px 0 var(--hi),0 12px 22px -12px rgba(27,20,34,.7)}
h1,h2,h3,.brand-type,.room-name strong,.empty strong{text-shadow:0 1px 0 var(--hi),0 -1px 0 rgba(var(--shade),.1)}
.welcome-features,.room-meta,footer,.seat+.seat{border-top:1px solid rgba(var(--shade),.1);box-shadow:inset 0 1px 0 var(--hi)}

/* Header */
.app-shell{--gutter:22px;max-width:480px;margin:auto;min-height:100vh;min-height:100dvh;padding:0 var(--gutter);display:flex;flex-direction:column}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(18px + max(env(safe-area-inset-top,0px),var(--top))) 0 6px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:16px}
.brand-symbol{display:block;width:44px;height:44px;flex-shrink:0;border-radius:10px;background:none;box-shadow:0 1px 0 var(--hi),0 8px 16px -10px rgba(var(--shade),.55)}.brand-symbol svg{display:block;width:100%;height:100%}
.brand-type{font-size:21px;font-weight:900;letter-spacing:-.02em;line-height:1}.brand-type small{display:block;margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);text-shadow:none}
.icon-button{width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--ink-2)}.icon-button .icon{width:19px;height:19px}
.header-actions{position:relative;display:flex;align-items:center;flex-shrink:0}.menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;display:grid;gap:2px;min-width:236px;padding:8px;border-radius:22px;background:var(--board-hi) var(--grain);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px rgba(var(--shade),.06),0 2px 0 var(--edge),0 22px 40px -18px rgba(var(--shade),.5);transform-origin:top right;animation:menu-in .2s cubic-bezier(.2,.7,.2,1)}.menu[hidden],.menu-item[hidden]{display:none}.menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;border:0;border-radius:15px;background:none;font:inherit;font-size:15px;font-weight:800;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-item:hover,.menu-item:focus-visible{background:rgba(139,116,164,.13);outline:none}.menu-item:active{background:rgba(139,116,164,.2)}.menu-item .icon{flex-shrink:0;width:20px;height:20px;color:var(--lilac-ink)}.menu-item span{flex:1;white-space:nowrap}.mine-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#f5f0f9;background:linear-gradient(180deg,var(--plum-top),var(--plum-bottom))}#menu-open[aria-expanded="true"]{color:var(--lilac-ink)}@keyframes menu-in{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.menu{animation:none}}
.faq{padding-bottom:12px}.faq .eyebrow{display:block;margin-top:4px}.faq-title{margin:8px 0 12px;font-size:clamp(30px,9vw,38px)}
.faq p{margin:0 0 14px;font-size:15px;line-height:1.6;color:var(--ink-2)}.faq strong{color:var(--ink)}.faq a{color:var(--lilac-ink);font-weight:800}
.faq h2{margin:30px 0 12px;font-size:21px;font-weight:900;letter-spacing:-.01em}
.faq-figure{margin:20px 0 22px}.faq-figure svg{display:block;width:100%;height:auto;font-family:Nunito,ui-rounded,system-ui,sans-serif}
.faq-figure figcaption{margin-top:9px;font-size:13px;line-height:1.5;color:var(--ink-3);text-align:center}
.faq-steps{margin:0;padding:0;list-style:none;counter-reset:step}
.faq-steps li{position:relative;counter-increment:step;margin:0 0 12px;padding:2px 0 0 42px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.faq-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;color:#f4eff8;background:linear-gradient(180deg,var(--plum-top),var(--plum-bottom))}
.faq-list,.faq-rules{margin:0 0 14px;padding:0;list-style:none}.faq-list li,.faq-rules li{position:relative;margin:0 0 10px;padding-left:20px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.faq-list li::before,.faq-rules li::before{content:"";position:absolute;left:4px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--lilac)}
.faq .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Roboto Mono",monospace;color:var(--ink)}
.faq-final{margin-top:22px!important;padding:16px;border-radius:18px;font-weight:700;color:var(--ink)!important;background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.1),0 1px 0 var(--hi)}

.faq-toc{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}.faq-toc span{width:100%;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.faq-toc .faq-go{display:inline-flex;align-items:center;gap:6px}.faq-toc .faq-go .icon{width:17px;height:17px}
.faq-toc button{min-height:34px;padding:0 12px;border:0;border-radius:999px;font-size:13px;font-weight:800;color:var(--lilac-ink);background:var(--board-hi) var(--grain);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px rgba(var(--shade),.07),0 2px 0 var(--edge)}
.faq h2{scroll-margin-top:16px}.faq-group{margin:22px 0 10px;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--lilac-ink)}
.faq-q{margin:0 0 8px;border-radius:16px;background:var(--board-hi) var(--grain);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px rgba(var(--shade),.06),0 2px 0 var(--edge)}
.faq-q summary{position:relative;list-style:none;cursor:pointer;padding:14px 42px 14px 16px;font-size:15px;font-weight:800;line-height:1.4;color:var(--ink)}.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:var(--lilac)}.faq-q[open] summary::after{content:"−"}
.faq-q>div{padding:0 16px 4px}.faq-q>div p{font-size:14px}
.faq-chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800}.faq-chip-red{color:#b4434f;background:rgba(180,67,79,.11)}.faq-chip-yellow{color:#94690c;background:rgba(217,166,42,.17)}

/* Welcome */
main{flex:1}.screen{padding-top:14px}.welcome{text-align:center}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.welcome-badge{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 15px 8px 13px;border-radius:999px;font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--ink-2)}
.lavender-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--lilac);box-shadow:0 1px 0 var(--hi)}
h1{font-size:40px;font-weight:900;line-height:1.06;letter-spacing:-.025em;color:var(--ink)}
#welcome h1{margin:20px 0 14px;font-size:clamp(36px,11.6vw,50px);line-height:1.02}
#welcome h1,.rooms-title h1,.room-title{background:linear-gradient(180deg,#130e18,#2b2232);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 .055em .035em rgba(255,255,255,.22);filter:drop-shadow(0 .033em 0 rgba(255,255,255,.95)) drop-shadow(0 -.02em 0 rgba(var(--shade),.14))}
#welcome h1>span,.rooms-title .accent{background:linear-gradient(180deg,#6a5390,#7f699c);-webkit-background-clip:text;background-clip:text;text-shadow:0 .055em .035em rgba(255,255,255,.16)}
.lead{font-size:16px;line-height:1.55;color:var(--ink-2)}

/* Circle of ten places */
.circle{--size:clamp(216px,72vw,300px);position:relative;width:var(--size);height:var(--size);margin:22px auto 20px}
@supports (height:1svh){.welcome .circle{--size:clamp(216px,min(72vw,38svh),300px)}}
.stage{position:relative;height:clamp(250px,80vw,340px);margin:10px calc(var(--gutter)*-1) 12px}
@supports (height:1svh){.stage{height:clamp(240px,min(80vw,40svh),340px)}}
.stage .circle{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);visibility:hidden}.stage.no-3d .circle{visibility:visible}.stage.ready .circle{display:none}
.scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .7s ease}.stage.ready .scene{opacity:1}
.circle:before{content:"";position:absolute;inset:9.5%;border-radius:50%;border:1px solid rgba(var(--shade),.11);box-shadow:0 1px 0 var(--hi),inset 0 1px 0 var(--hi)}
.circle-table{position:absolute;inset:23%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.circle-logo{display:block;width:calc(var(--size)*.34);height:auto;filter:drop-shadow(0 1px 0 var(--hi))}
.place{position:absolute;left:50%;top:50%;width:calc(var(--size)*.152);height:calc(var(--size)*.152);margin:calc(var(--size)*-.076) 0 0 calc(var(--size)*-.076);transform:rotate(var(--a)) translate(calc(var(--size)*.405)) rotate(calc(var(--a)*-1))}
.place:nth-of-type(1){--a:-90deg;--d:.3s}.place:nth-of-type(2){--a:-54deg;--d:.39s}.place:nth-of-type(3){--a:-18deg;--d:.48s}.place:nth-of-type(4){--a:18deg;--d:.57s}.place:nth-of-type(5){--a:54deg;--d:.66s}.place:nth-of-type(6){--a:90deg;--d:.75s}.place:nth-of-type(7){--a:126deg;--d:.84s}.place:nth-of-type(8){--a:162deg;--d:.93s}.place:nth-of-type(9){--a:198deg;--d:1.02s}.place:nth-of-type(10){--a:234deg;--d:1.11s}
.person{position:absolute;inset:2.5px;border-radius:50%;overflow:hidden;box-shadow:0 2px 4px rgba(20,12,28,.28),0 1px 1px rgba(20,12,28,.16)}.person svg{display:block;width:100%;height:100%}
.person:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 4px rgba(20,12,28,.12)}

/* Buttons */
.login-panel{margin-top:2px}
.primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 20px;border:0;border-radius:20px;font-size:16px;font-weight:800;letter-spacing:.01em;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.primary>span{flex:1;text-align:center}.primary .icon{width:21px;height:21px}.full{width:100%}
.login-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 4px;font-size:13px;color:var(--ink-3)}.login-note .icon{width:15px;height:15px;color:var(--lilac)}
.open-bot{display:block;margin:4px auto 6px;padding:8px 6px;text-align:center;font-size:13px;line-height:1.45;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.open-bot[hidden]{display:none}

.status{margin-top:10px;padding:14px 16px;border-radius:16px;font-size:14px;line-height:1.55;color:var(--ink-2);text-align:left}.status:empty{display:none}
.welcome-features{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;padding-top:20px}.welcome-features>span{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-3)}.welcome-features .icon{width:16px;height:16px;color:var(--lilac)}.welcome-features i{width:2px;height:16px;background:linear-gradient(90deg,rgba(var(--shade),.14) 50%,var(--hi) 50%)}

/* Rooms */
.page-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.text-button{display:inline-flex;align-items:center;gap:8px;padding:10px 0;border:0;background:none;color:var(--ink-2);font-size:14px;font-weight:800}.text-button .icon{width:17px;height:17px}
.rooms-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 20px}.rooms-title h1{font-size:clamp(34px,10.4vw,44px)}.accent{color:var(--lilac)}.compact{margin-top:6px;font-size:15px;color:var(--ink-3)}
.create-button{width:66px;height:70px;flex-shrink:0;border:0;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.create-button .icon{width:24px;height:24px}.create-button>span{font-size:11px;font-weight:800;letter-spacing:.02em;text-shadow:0 -1px 0 rgba(0,0,0,.45)}
.demo-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px dashed rgba(var(--shade),.17);border-radius:16px;font-size:13px;line-height:1.45;color:var(--ink-3)}.demo-note .lavender-dot{margin-top:7px}
.profile{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:18px}
.profile img{width:40px;height:40px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--board-hi);box-shadow:0 0 0 2px var(--board-hi),0 2px 6px rgba(var(--shade),.2)}
.profile div{flex:1;min-width:0}
.profile strong{display:block;overflow:hidden;font-size:15px;line-height:1.3;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}
.profile small{font-size:12px;color:var(--ink-3)}
.profile .text-button{padding:8px 4px;font-size:13px}
.section-label{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-label h2{font-size:17px;font-weight:900}.section-label>span{min-width:30px;height:30px;padding:0 9px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:900;color:var(--ink-2)}
.room{position:relative;display:block;width:100%;margin-bottom:16px;padding:20px 18px 16px;border:0;border-radius:24px;text-align:left;color:var(--ink)}
.room-top{display:flex;align-items:center;gap:14px}
.room-emblem{width:52px;height:52px;flex-shrink:0;border-radius:17px;display:grid;place-items:center;font-size:21px;font-weight:900;letter-spacing:-.02em;color:var(--lilac-ink);text-shadow:0 1px 0 var(--hi)}
.room-name{flex:1;min-width:0}.room-name small{display:block;margin-bottom:4px;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--ink-3)}.room-name strong{display:block;font-size:20px;font-weight:900;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
.room-arrow{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px rgba(var(--shade),.12)}.room-arrow .icon{width:18px;height:18px}
.room-places{display:flex;justify-content:space-between;gap:6px;margin:20px 0 16px}.room-places i{flex:0 1 26px;min-width:0;aspect-ratio:1}
.room-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:13px;color:var(--ink-3)}
.room-meta span:last-child{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;color:var(--lilac-ink);white-space:nowrap}.room-meta span:last-child:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lilac)}
.empty{padding:26px 20px 28px;border-radius:24px;text-align:center}.empty .circle{--size:158px;margin:2px auto 20px}.empty .circle-table{color:var(--lilac-ink)}.empty .circle-table .icon{width:26px;height:26px}
.empty strong{display:block;margin-bottom:8px;font-size:20px;font-weight:900;letter-spacing:-.01em}.empty p{font-size:14px;line-height:1.55;color:var(--ink-3)}
.rule-card{display:flex;align-items:flex-start;gap:14px;margin-top:24px;padding:18px 16px;border-radius:20px}
.rule-icon{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:var(--lilac-ink)}.rule-icon .icon{width:18px;height:18px}
.rule-card h3{margin:2px 0 6px;font-size:15px;font-weight:900}.rule-card p{font-size:14px;line-height:1.55;color:var(--ink-3)}
.local-note{margin-top:16px;font-size:12px;text-align:center;color:var(--ink-3)}

/* Room */
.back{margin-bottom:14px}
.room-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.room-top-row .back{margin-bottom:0;flex-shrink:0}
.rate{min-width:0;padding:7px 13px;border-radius:16px;text-align:right;line-height:1.25;background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.12),inset 0 1px 1px rgba(var(--shade),.1),0 1px 0 var(--hi)}.rate strong{display:block;font-size:13px;font-weight:900;color:var(--ink);white-space:nowrap}.rate small{display:block;margin-top:2px;font-size:11px;font-weight:700;color:var(--ink-3);white-space:nowrap}.rate .rate-up{color:#3f7a4f}.rate .rate-down{color:#b4434f}
.room-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.room-heading>div:first-child,.room-heading>.room-avatar-box+div{min-width:0;flex:1}
.room-title{margin-top:8px;font-size:clamp(28px,8.8vw,38px);overflow-wrap:anywhere}
.room-heading-art{width:66px;height:66px;flex-shrink:0;border-radius:22px;display:grid;place-items:center;color:var(--lilac-ink)}button.room-heading-art{border:0;padding:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}button.room-heading-art:active{transform:scale(.94)}button.room-heading-art:focus-visible{outline:2px solid var(--lilac-ink);outline-offset:3px}.room-heading-art .icon{width:30px;height:30px}
/* The avatar of a room (owner, 07.11.2026: «аватарка листа — кружок с регулированием изображения, аккуратно по размерам
   слева от надписи»): a circle left of the room's name, in the room and on its card in the list */
.room-avatar-box{position:relative;display:block;flex-shrink:0;margin-right:-4px;line-height:0}
.room-avatar{display:block;width:clamp(52px,15vw,62px);height:clamp(52px,15vw,62px);border-radius:50%;object-fit:cover;background:var(--board-lo);box-shadow:0 0 0 3px var(--board-hi),0 0 0 4px rgba(var(--shade),.12),0 10px 18px -12px rgba(var(--shade),.7)}
.room-emblem.room-emblem-photo{border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--board-hi),0 0 0 3px rgba(var(--shade),.12)}
.room-emblem-photo img{display:block;width:100%;height:100%;object-fit:cover}
/* (08.11.2026) an avatar not checked by a moderator yet: only its curator sees it, marked so */
.avatar-wait{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);padding:2px 6px;border-radius:999px;white-space:nowrap;font-size:8px;font-weight:900;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;color:#fff;background:var(--plum-bottom);box-shadow:0 0 0 2px var(--board-hi)}
.room-emblem.room-emblem-photo{position:relative}
.room-emblem-photo .avatar-wait{left:0;right:0;bottom:0;transform:none;padding:2px 0 6px;border-radius:0;font-size:7px;letter-spacing:.04em;text-align:center;background:rgba(27,20,34,.78);box-shadow:none}
:root[data-theme="dark"] .avatar-wait{color:#1b1422}
:root[data-theme="dark"] .room-emblem-photo .avatar-wait{color:#ffd45c;background:rgba(0,0,0,.78)}
.room-avatar-mod{margin:12px 0 0;font-size:13px;color:var(--ink-3)}
:root[data-theme="dark"] .room-avatar{box-shadow:0 0 0 3px var(--board-hi),0 0 0 4px var(--rim),0 10px 18px -12px #000}
:root[data-theme="dark"] .room-emblem.room-emblem-photo{box-shadow:0 0 0 1px var(--rim)}
.room-name-row{display:flex;align-items:center;gap:12px}.room-name-row input{flex:1;min-width:0}
.room-avatar-pick{position:relative;width:56px;height:56px;flex-shrink:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:var(--lilac-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.12),inset 0 1px 1px rgba(var(--shade),.1),0 1px 0 var(--hi)}
.room-avatar-pick .icon{width:24px;height:24px}
.room-avatar-pick img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--board-hi),0 0 0 3px rgba(var(--shade),.14)}
.room-avatar-pick:active{transform:scale(.95)}.room-avatar-pick:focus-visible{outline:2px solid var(--lilac-ink);outline-offset:3px}
:root[data-theme="dark"] .room-avatar-pick{box-shadow:inset 0 2px 5px rgba(0,0,0,.7),0 0 0 1px rgba(255,197,49,.16)}
.hint-button{display:inline;min-height:0;min-width:0;padding:0;border:0;background:none;font:inherit;line-height:inherit;vertical-align:baseline;font-weight:800;color:var(--lilac-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.avatar-stage{position:relative;width:min(280px,100%);aspect-ratio:1;margin:0 auto 14px;border-radius:24px;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#1b1422}
.avatar-stage:active{cursor:grabbing}
.avatar-stage img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none;-webkit-user-drag:none}
.avatar-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle closest-side,transparent calc(100% - 2px),rgba(255,255,255,.95) calc(100% - 1.5px),rgba(255,255,255,.95) 100%,rgba(20,14,26,.58) calc(100% + .5px))}
.avatar-zoom{display:flex;align-items:center;gap:10px;margin:0 2px;color:var(--ink-3)}.avatar-zoom .icon{width:20px;height:20px;flex-shrink:0}
.avatar-zoom input{flex:1;min-width:0;height:28px;padding:0;border-radius:0;background:none;box-shadow:none!important;accent-color:var(--lilac)}.avatar-zoom input:focus{outline:none;border:0}.avatar-zoom input:focus-visible{outline:2px solid var(--lilac-ink);outline-offset:4px;border-radius:8px}
.room-pace{margin:10px 0 0;font-size:12px;font-weight:700;line-height:1.4;color:var(--ink-3)}#room-pace{margin:-6px 0 12px}
/* Groups of the list of rooms (owner, 07.11.2026): «Новые», «Вы в листе», «Активные» with their counts; the quiet rooms
   have no title («тихие — без плашки»), only a thin line above them. */
.room-group{display:flex;align-items:center;gap:8px;margin:26px 4px 12px;font-size:12px;font-weight:900;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.room-group:first-child{margin-top:2px}
.room-group span{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-size:11px;letter-spacing:0;color:var(--ink-2);background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.12),inset 0 1px 1px rgba(var(--shade),.1),0 1px 0 var(--hi)}
.room-divider{height:0;margin:26px 4px 24px;border:0;border-top:1px solid rgba(var(--shade),.12);box-shadow:0 1px 0 var(--hi)}
:root[data-theme="dark"] .room-divider{border-top-color:rgba(255,197,49,.16);box-shadow:none}
:root[data-theme="dark"] .room-group span{box-shadow:inset 0 2px 5px rgba(0,0,0,.7),0 0 0 1px rgba(255,197,49,.16)}.room-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:28px 0 14px;font-size:14px;font-weight:800;color:var(--ink-2)}
.occupancy{padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-3)}.occupancy strong{color:var(--ink);font-weight:900}
.seat-list{padding:4px 18px;border-radius:24px}
.seat{display:flex;align-items:center;gap:14px;min-height:66px}
/* the first free place of a list that is not full opens «Редактировать лист» (owner, 07.11.2026) */
.seat-open{cursor:pointer;border-radius:16px;-webkit-tap-highlight-color:transparent}.seat-open .avatar{transition:transform .12s ease}.seat-open:active .avatar{transform:scale(.92)}.seat-open:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}
.seat b{width:24px;font-size:14px;font-weight:900;color:var(--ink-3);text-shadow:0 1px 0 var(--hi)}
.avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;font-size:21px;font-weight:700;color:#a99fb3;text-shadow:0 1px 0 var(--hi)}
.seat-label{font-size:15px;color:var(--ink-3)}

footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding:18px 0 calc(18px + max(env(safe-area-inset-bottom,0px),var(--bottom)));font-size:12px;color:var(--ink-3)}footer span:last-child{display:flex;align-items:center;gap:6px}footer i{width:5px;height:5px;border-radius:50%;background:var(--lilac)}

/* Dialogs */
dialog{width:calc(100% - 32px);max-width:420px;max-height:88vh;max-height:88dvh;overflow:auto;padding:22px;border:0;border-radius:28px;color:var(--ink)}
dialog::backdrop{background:rgba(32,24,40,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sheet-handle{width:46px;height:8px;margin:0 auto 22px;border-radius:8px}
.dialog-mark{width:58px;height:58px;margin-bottom:18px;border-radius:19px;display:grid;place-items:center;color:var(--lilac-ink)}.dialog-mark .icon{width:28px;height:28px}
dialog h2{margin-bottom:10px;font-size:26px;font-weight:900;line-height:1.15;letter-spacing:-.02em}dialog p{margin-bottom:22px;font-size:15px;line-height:1.55;color:var(--ink-2)}
label{display:block;margin-bottom:10px;font-size:13px;font-weight:800;color:var(--ink-2)}
input{width:100%;padding:16px;border:0;border-radius:16px;font-size:17px;color:var(--ink)}input::placeholder{color:#958c9e}input:focus{outline:2px solid var(--lilac);outline-offset:3px}
.input-hint{display:block;margin-top:10px;font-size:13px;color:var(--ink-3)}
.actions{display:flex;gap:12px;margin-top:24px}.actions button{flex:1}.actions .primary{font-size:15px}
.secondary{min-height:58px;border:0;border-radius:20px;background:transparent;color:var(--ink-2);font-size:15px;font-weight:800;box-shadow:inset 0 0 0 1.5px rgba(var(--shade),.16),0 1px 0 var(--hi)}
.offline{position:fixed;left:16px;right:16px;bottom:calc(14px + max(env(safe-area-inset-bottom,0px),var(--bottom)));z-index:10;max-width:448px;margin:auto;padding:14px 16px;border-radius:16px;text-align:center;font-size:13px;font-weight:800}
[hidden]{display:none!important}
@media(forced-colors:active){#welcome h1,.rooms-title h1,.room-title,#welcome h1>span,.rooms-title .accent{background:none;-webkit-text-fill-color:currentColor;filter:none}}

@media(min-width:600px){body{background-color:#e5e1d9;background-image:var(--grain);background-size:200px 200px;background-repeat:repeat}.app-shell{--gutter:34px;background-color:var(--board);background-image:radial-gradient(95% 50% at 50% 34%,rgba(255,255,255,.55),rgba(255,255,255,0) 72%),url("assets/board.svg"),var(--grain);background-size:100% 1000px,520px 520px,200px 200px;background-repeat:no-repeat,repeat,repeat;box-shadow:0 0 0 1px rgba(var(--shade),.06),0 30px 80px -30px rgba(var(--shade),.4)}}
@media(max-width:350px){.app-shell{--gutter:16px}.brand-type{font-size:19px}.primary{padding:0 16px;font-size:15px}.room{padding:18px 14px 14px}.room-places{gap:4px}.room-meta{font-size:12px}.seat-list{padding:4px 14px}.welcome-features{gap:10px}.welcome-features>span{font-size:12px}}
@media(hover:hover){.primary:hover,.create-button:hover{filter:brightness(1.15)}.room:hover{transform:translateY(-2px)}.text-button:hover{color:var(--ink)}}
@media(prefers-reduced-motion:no-preference){
.primary,.create-button,.room,.icon-button,.secondary{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.primary:active,.create-button:active,.icon-button:active,.secondary:active{transform:translateY(1px)}.room:active{transform:scale(.985)}
.screen:not([hidden]){animation:rise .45s cubic-bezier(.2,.7,.2,1) both}
.welcome .person{animation:sit .55s cubic-bezier(.3,1.4,.55,1) var(--d) both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}@keyframes sit{from{opacity:0;transform:translateY(-12px) scale(1.15)}}
}


/* Local list editor; uses the existing paper materials and plum buttons. */
.room-toolbar{margin-top:20px}.room-toolbar .secondary{padding:0 18px;min-height:48px;font-size:14px}
.room-notice{font-size:12px;color:var(--lilac-ink);line-height:1.5;margin:10px 0 0}.room-notice:empty{display:none}
.room-places i.taken{background:linear-gradient(145deg,#a68cbd,#6f528a);box-shadow:inset 0 1px 1px #d7c4e7,0 1px 2px rgba(var(--shade),.2)}
.seat.seat-mine{margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:16px;background:rgba(139,116,164,.12);box-shadow:inset 0 0 0 1.5px rgba(139,116,164,.55)}.seat-mine+.seat{border-top-color:transparent}.mine-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;color:#f5f0f9;background:var(--lilac-ink)}.mine-list{display:grid;gap:14px;margin-top:10px}.mine-card{display:grid;gap:6px;width:100%;padding:16px 18px;border:0;border-radius:22px;text-align:left;color:var(--ink);cursor:pointer;background:var(--board-hi) var(--grain);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px rgba(var(--shade),.05),0 2px 0 var(--edge),0 3px 3px rgba(var(--shade),.06);border-left:4px solid var(--seat-tone)}.mine-card:active{transform:scale(.985)}.mine-room{font-size:17px;font-weight:900;overflow-wrap:anywhere}.mine-place{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink-2)}.mine-place b{font-size:16px;font-weight:900;color:var(--seat-tone)}.mine-card .seat-status{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800;line-height:1.2;color:var(--seat-tone);background:var(--seat-tint)}.mine-card small{font-size:13px;color:var(--ink-3)}.mine-card .seat-sums{display:flex;flex-wrap:wrap;gap:2px 10px}.mine-card .seat-sums:has(.seat-price:empty){display:none}.mine-card .seat-price,.mine-card .seat-rub{font-size:12px;font-weight:700;color:#3f7a4f}.mine-card .seat-price:empty,.mine-card .seat-rub:empty{display:none}.mine-wait{font-size:12px;font-weight:800;color:var(--seat-tone)}.seat-occupied{padding:12px 0}.seat-occupied .avatar{font-size:17px;color:var(--lilac-ink)}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.seat-selling{--seat-tone:#b4434f;--seat-tint:rgba(180,67,79,.11)}.seat-waiting{--seat-tone:#94690c;--seat-ring:#d9a62a;--seat-tint:rgba(217,166,42,.17)}
.seat-selling b,.seat-waiting b{color:var(--seat-tone)}.seat-selling .avatar,.seat-waiting .avatar{box-shadow:0 0 0 2.5px var(--seat-ring,var(--seat-tone)),inset 0 3px 5px rgba(var(--shade),.2)}
.seat-info .seat-status{display:inline-block;margin-top:7px;padding:3px 9px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800;line-height:1.2;white-space:nowrap;color:var(--seat-tone);background:var(--seat-tint)}
.seat-info .seat-deal{margin-top:7px}.seat-info .seat-deal .seat-status{margin-top:0}
.seat-info .seat-sums{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:6px}.seat-info .seat-sums:has(.seat-price:empty){display:none}
.seat-info .seat-price,.seat-info .seat-rub{display:inline-block;margin:0;font-size:11px;font-weight:700;line-height:1.2;color:#3f7a4f;white-space:nowrap}.seat-info .seat-price:empty,.seat-info .seat-rub:empty{display:none}
.seat-info{flex:1;min-width:0;line-height:1.35;padding:2px 0}
.seat-info strong,.seat-info span,.seat-info small{display:block;overflow-wrap:anywhere}
.seat-info strong{font-size:15px;font-weight:900;color:var(--ink)}
.seat-info span{font-size:13px;color:var(--lilac-ink);margin-top:3px}
.seat-info small{font-size:12px;color:var(--ink-3);margin-top:6px}
#edit-room{max-width:460px}#edit-room .edit-hint{font-size:13px;margin-bottom:20px}
.edit-section-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 16px}
.edit-section-label h3{font-size:17px;margin:0}.edit-section-label span{font-size:12px;color:var(--ink-3)}
#edit-room .edit-empty{font-size:13px;line-height:1.5;margin:0 0 16px;color:var(--ink-3)}
.entry-editor{position:relative;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:0 0 20px;padding:50px 14px 17px;border:1px solid rgba(var(--shade),.16);border-radius:18px}
.entry-editor legend{font-weight:900;font-size:14px;padding:0 5px;color:var(--lilac-ink)}
.entry-field{min-width:0}.entry-field:nth-of-type(1),.entry-field:nth-of-type(2){grid-column:1/-1}
.new-entry{padding-top:22px}
.post-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.post-head label{margin:0}.clear-post{flex-shrink:0;min-height:36px;padding:4px 6px;border:0;background:none;color:var(--ink-3);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.nick{position:relative;display:inline-block;min-height:0;margin:0;padding:2px 0;border:0;background:none;text-align:left;cursor:copy;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Roboto Mono","Liberation Mono",monospace;font-weight:700;color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.seat-info .nick{font-size:14px}.edit-place .nick{font-size:13px;color:var(--ink)}.nick.copied::after{content:"Скопировано";position:absolute;left:0;bottom:100%;margin-bottom:2px;z-index:2;padding:2px 7px;border-radius:999px;font:700 11px/1.3 Nunito,ui-rounded,system-ui,sans-serif;color:#3f7a4f;background:rgba(63,122,79,.12);white-space:nowrap;pointer-events:none}
.edit-places{list-style:none;margin:0 0 18px;padding:2px 14px;border-radius:18px;background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.1),0 1px 0 var(--hi)}.edit-places:empty{display:none}
.edit-place{display:flex;align-items:baseline;gap:12px;padding:10px 0;font-size:14px;line-height:1.4;color:var(--ink-2);overflow-wrap:anywhere}.edit-place+.edit-place{border-top:1px solid rgba(var(--shade),.1)}.edit-place b{flex-shrink:0;width:22px;font-size:12px;font-weight:900;color:var(--ink-3)}
.entry-field input{font-size:16px;padding:13px 12px;border-radius:12px}
.entry-field textarea{display:block;width:100%;min-height:104px;resize:vertical;border:0;font:inherit;font-size:15px;line-height:1.4;padding:12px;border-radius:12px;color:var(--ink);background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.12),inset 0 1px 1px rgba(var(--shade),.1),0 1px 0 var(--hi)}.entry-field textarea::placeholder{color:#958c9e}.entry-field textarea:focus{outline:2px solid var(--lilac);outline-offset:3px}
.entry-parsed{font-size:13px;line-height:1.45;margin-top:9px;color:var(--lilac-ink);font-weight:800;overflow-wrap:anywhere}.entry-parsed:empty{display:none}.entry-parsed.entry-missing{color:#8b3e4f;font-weight:600}
.entry-field label{font-size:12px;line-height:1.4;margin-bottom:7px}
#edit-room .edit-error{color:#8b3e4f;font-size:13px;line-height:1.5;margin:16px 0 0}#edit-room .edit-error:empty{display:none}
.edit-actions{position:sticky;bottom:-22px;padding:14px 0 9px;background:var(--board-hi) var(--grain);z-index:1}
@media(max-width:350px){#edit-room{padding:18px;width:calc(100% - 20px)}.entry-editor{padding-left:10px;padding-right:10px;column-gap:8px}.edit-actions{bottom:-18px}.entry-field label{font-size:11px}.seat-occupied{gap:10px}.seat-info small{font-size:11px}}

/* «Лист сдвинулся» — a full room took a newcomer (owner's request, 03.11.2026) */
.list-moved{max-width:400px}.moved-text p{margin:0 0 6px;font-size:15px;line-height:1.5;color:var(--ink-2)}.moved-text p:last-child{margin-bottom:16px;font-size:13px;color:var(--ink-3)}
.moved-text .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Roboto Mono",monospace;color:var(--ink)}
.moved-list{list-style:none;margin:0 0 18px;padding:8px;border-radius:18px;background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.1),0 1px 0 var(--hi);overflow:hidden}
.moved-row{display:flex;align-items:center;gap:10px;height:28px;margin:0 0 4px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800;overflow:hidden;white-space:nowrap;
 transition:height .5s ease,margin .5s ease,opacity .45s ease,transform .45s ease,background-color .4s ease,color .4s ease}
.moved-row:last-child{margin-bottom:0}.moved-row b{width:20px;font-weight:900}.moved-row span{overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Roboto Mono",monospace}
.moved-sell{color:#b4434f;background:rgba(180,67,79,.1)}.moved-wait{color:#94690c;background:rgba(217,166,42,.14)}
.moved-out{color:#fff;background:#b4434f}.moved-out span::after{content:" — выбыл";font-family:Nunito,ui-rounded,system-ui,sans-serif}
.moved-leaving{height:0;margin-bottom:0;opacity:0;transform:translateX(60%)}
.moved-in{color:#fff;background:#3f7a4f}.moved-in span::after{content:" — новый";font-family:Nunito,ui-rounded,system-ui,sans-serif}
.moved-hidden{height:0;margin:0;opacity:0;transform:translateY(16px)}
@media(prefers-reduced-motion:reduce){.moved-row{transition:none}}

/* «Удалить комнату» — only for @Ru7757 (owner's request, 03.11.2026) */
.delete-room{display:block;width:100%;min-height:44px;margin:4px 0 14px;padding:8px 12px;border:0;border-radius:14px;background:none;color:#8b3e4f;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.edit-place>span{flex:1;min-width:0}.edit-remove{flex-shrink:0;align-self:center;display:grid;place-items:center;min-width:36px;height:36px;margin:-4px -6px -4px 0;padding:0 8px;border:0;border-radius:12px;background:none;color:#8b3e4f;font-size:12px;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}.edit-remove .icon{width:18px;height:18px}.edit-remove.armed{color:#fff;background:#b4434f}.edit-remove:disabled{opacity:.5}.delete-room[hidden]{display:none}.delete-room.armed{color:#fff;background:#b4434f;text-decoration:none}

/* Theme switch (owner, 05.11.2026): a sun and a moon between the logo and the menu. */
.header-actions{gap:10px}
.theme-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:66px;height:36px;min-height:36px;padding:0 9px;border:0;border-radius:999px;color:var(--ink-3);background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.14),inset 0 1px 1px rgba(var(--shade),.1),0 1px 0 var(--hi)}
.theme-toggle .icon{position:relative;z-index:1;width:16px;height:16px;transition:color .3s ease}.theme-sun{color:#d48a00}
.theme-knob{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:var(--board-hi);box-shadow:inset 0 1px 0 var(--lit),0 2px 6px rgba(var(--shade),.25);transition:transform .35s cubic-bezier(.3,1.3,.5,1),background-color .3s ease,box-shadow .3s ease}
.night-poster{display:none}

/* Night theme (owner, 05.11.2026): black and gold, bright type, like the «Поиграем!» picture.
   The light theme stays as it was; the night one changes the colours and puts the picture in place of the 3D. */
:root[data-theme="dark"]{color-scheme:dark;--board:#0a090c;--board-hi:#17151c;--board-lo:#0e0d12;--edge:#000;--ink:#fff8e7;--ink-2:#e8dec8;--ink-3:#aaa08c;--lilac:#ffc531;--lilac-ink:#ffd45c;--plum-top:#ffd75a;--plum-bottom:#f2a900;--hi:rgba(255,255,255,.05);--shade:0,0,0;--grain:none;--lit:rgba(255,255,255,.07);--rim:rgba(255,197,49,.3);--glow:rgba(255,170,0,.32)}
:root[data-theme="dark"] body{background:radial-gradient(120% 50% at 50% -6%,rgba(255,176,0,.17),rgba(255,176,0,0) 62%),radial-gradient(90% 40% at 50% 108%,rgba(255,120,0,.09),rgba(255,120,0,0) 70%),#0a090c}
@media(min-width:600px){:root[data-theme="dark"] body{background:#050407}:root[data-theme="dark"] .app-shell{background:radial-gradient(120% 50% at 50% -6%,rgba(255,176,0,.17),rgba(255,176,0,0) 62%),#0a090c;box-shadow:0 0 0 1px rgba(255,197,49,.14),0 30px 80px -30px #000}}
:root[data-theme="dark"] :is(.room,.empty,.seat-list,.circle-table,.icon-button,.rule-icon,dialog,.menu,.faq-q,.faq-toc button,.mine-card){box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px var(--rim),0 0 24px -6px var(--glow),0 18px 30px -20px #000}
:root[data-theme="dark"] :is(.welcome-badge,.status,.rule-card,.room-emblem,.room-heading-art,.dialog-mark,.occupancy,.section-label>span,.room-meta span:last-child,input,.sheet-handle,.profile,.rate,.edit-places,.moved-list,.faq-final,.entry-field textarea,.theme-toggle){box-shadow:inset 0 2px 5px rgba(0,0,0,.7),0 0 0 1px rgba(255,197,49,.16)}
:root[data-theme="dark"] :is(.place,.room-places i,.avatar){background:linear-gradient(180deg,#0c0b0f,#1d1a22);box-shadow:inset 0 2px 4px rgba(0,0,0,.75),0 0 0 1px rgba(255,197,49,.16)}
:root[data-theme="dark"] .room-places i.taken{background:linear-gradient(145deg,#ffe27e,#f0a400);box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 0 10px rgba(255,186,30,.6)}
:root[data-theme="dark"] :is(.primary,.create-button,.offline){color:#1a1205;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(120,70,0,.35),0 0 26px -2px rgba(255,180,0,.5),0 12px 22px -12px #000}
:root[data-theme="dark"] :is(.primary,.create-button)>span{text-shadow:none}
:root[data-theme="dark"] .mine-count,:root[data-theme="dark"] .faq-steps li::before{color:#1a1205}
:root[data-theme="dark"] .brand-symbol{box-shadow:0 0 0 1.5px rgba(255,197,49,.75),0 0 20px rgba(255,180,0,.45)}
:root[data-theme="dark"] :is(h1,h2,h3,.brand-type,.room-name strong,.empty strong){text-shadow:none}
:root[data-theme="dark"] :is(#welcome h1,.rooms-title h1,.room-title){background:linear-gradient(180deg,#fff,#ffe8ad);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 14px rgba(255,190,60,.3))}
:root[data-theme="dark"] :is(#welcome h1>span,.rooms-title .accent){background:linear-gradient(180deg,#ffe066,#f5a300);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,170,0,.6))}
:root[data-theme="dark"] :is(.welcome-features,.room-meta,footer,.seat+.seat,.edit-place+.edit-place){border-top-color:rgba(255,255,255,.08);box-shadow:none}
:root[data-theme="dark"] :is(.secondary,.room-arrow){box-shadow:inset 0 0 0 1.5px rgba(255,197,49,.5),0 0 16px -6px var(--glow);color:var(--ink)}
:root[data-theme="dark"] :is(.demo-note,.entry-editor){border-color:rgba(255,197,49,.3)}
:root[data-theme="dark"] .circle:before{border-color:rgba(255,197,49,.22);box-shadow:none}
:root[data-theme="dark"] .menu-item:is(:hover,:focus-visible){background:rgba(255,197,49,.12)}:root[data-theme="dark"] .menu-item:active{background:rgba(255,197,49,.2)}
:root[data-theme="dark"] dialog::backdrop{background:rgba(0,0,0,.65)}
:root[data-theme="dark"] :is(input,.entry-field textarea)::placeholder{color:#8a8170}
:root[data-theme="dark"] .avatar{color:var(--ink-3)}:root[data-theme="dark"] .seat-occupied .avatar{color:var(--lilac-ink)}
:root[data-theme="dark"] .seat-selling{--seat-tone:#ff5466;--seat-tint:rgba(255,60,80,.16)}
:root[data-theme="dark"] .seat-waiting{--seat-tone:#ffc531;--seat-ring:#ffc531;--seat-tint:rgba(255,197,49,.12)}
:root[data-theme="dark"] :is(.seat-info,.mine-card) .seat-status{box-shadow:inset 0 0 0 1px var(--seat-tone),0 0 12px -3px var(--seat-tone)}
:root[data-theme="dark"] :is(.seat-selling,.seat-waiting) .avatar{box-shadow:0 0 0 2.5px var(--seat-ring,var(--seat-tone)),0 0 14px -3px var(--seat-ring,var(--seat-tone))}
:root[data-theme="dark"] :is(.seat-price,.seat-rub,.rate-up){color:#4fe08c}:root[data-theme="dark"] .rate .rate-down{color:#ff6b78}
:root[data-theme="dark"] .nick.copied::after{color:#4fe08c;background:rgba(79,224,140,.14)}
:root[data-theme="dark"] :is(.entry-parsed.entry-missing,.delete-room,.edit-remove){color:#ff6b78}:root[data-theme="dark"] #edit-room .edit-error{color:#ff6b78}
:root[data-theme="dark"] :is(.edit-remove.armed,.delete-room.armed,.moved-out){color:#fff;background:#e0303f}
:root[data-theme="dark"] :is(.moved-sell,.faq-chip-red){color:#ff6b78;background:rgba(255,60,80,.15)}:root[data-theme="dark"] :is(.moved-wait,.faq-chip-yellow){color:#ffc531;background:rgba(255,197,49,.13)}
:root[data-theme="dark"] .moved-in{color:#06210f;background:#4fe08c}
:root[data-theme="dark"] .seat.seat-mine{background:rgba(255,197,49,.09);box-shadow:inset 0 0 0 1.5px rgba(255,197,49,.6),0 0 18px -6px rgba(255,180,0,.6)}
:root[data-theme="dark"] .mine-tag{color:#1a1205;background:#ffc531}
:root[data-theme="dark"] .faq-figure svg{border-radius:22px;box-shadow:0 0 0 1px var(--rim)}
:root[data-theme="dark"] .theme-toggle{color:var(--ink-3)}:root[data-theme="dark"] .theme-sun{color:var(--ink-3)}:root[data-theme="dark"] .theme-moon{color:#ffd45c}
:root[data-theme="dark"] .theme-knob{transform:translateX(30px);background:#221c0f;box-shadow:0 0 0 1px rgba(255,197,49,.65),0 0 14px rgba(255,180,0,.55)}

/* The picture in place of the 3D: it pops up, then hangs in the air with a golden glow and slowly turning rays. */
:root[data-theme="dark"] #stage{display:none}
:root[data-theme="dark"] .night-poster{--poster-h:clamp(250px,80vw,340px);position:relative;display:grid;place-items:center;height:var(--poster-h);margin:10px calc(var(--gutter)*-1) 12px}
.poster-rays{position:absolute;left:50%;top:50%;height:100%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;overflow:hidden;background:radial-gradient(closest-side,rgba(255,196,40,.42),rgba(255,160,0,.14) 45%,rgba(255,160,0,0) 72%)}.poster-rays:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg,rgba(255,206,80,0) 0deg 8deg,rgba(255,206,80,.2) 10deg 13deg,rgba(255,206,80,0) 15deg 22.5deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%);mask:radial-gradient(closest-side,#000 30%,transparent 100%)}
.poster-pop{position:relative;width:min(74vw,310px)}
.poster-card{aspect-ratio:1;border-radius:26px;background:#000 url("assets/night-poster.webp") center/cover no-repeat;box-shadow:0 0 0 1.5px rgba(255,205,70,.75),0 0 34px rgba(255,176,0,.55),0 0 90px rgba(255,150,0,.28)}
.poster-shadow{width:70%;height:18px;margin:18px auto 0;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,0))}
@media(prefers-reduced-motion:no-preference){
/* Owner, 06.11.2026: the picture used to jump out with a spring while the page was still loading, and to jerk by
   1.2° when the floating began. Now app.js adds .poster-ready once the page has opened and the picture is loaded;
   half a second later the picture comes out very slowly (2.8 s, no overshoot), and the floating, the glow and the
   shadow start from the very pose they already show (fill «both»), so nothing jumps. */
:root[data-theme="dark"] .night-poster:not(.poster-ready) :is(.poster-pop,.poster-rays){opacity:0}
:root[data-theme="dark"] .poster-ready .poster-pop{animation:poster-pop 2.8s cubic-bezier(.22,.61,.36,1) .5s both}
:root[data-theme="dark"] .poster-ready .poster-float{animation:poster-float 6s ease-in-out 3.3s infinite both}
:root[data-theme="dark"] .poster-ready .poster-card{animation:poster-glow 3s ease-in-out 3.3s infinite alternate both}
:root[data-theme="dark"] .poster-ready .poster-shadow{animation:poster-shadow 6s ease-in-out 3.3s infinite both}
:root[data-theme="dark"] .poster-ready .poster-rays{animation:poster-rays-in 2.4s ease-out both}:root[data-theme="dark"] .poster-rays:before{animation:poster-rays 40s linear infinite}
.theme-toggle:active .theme-knob{scale:.92}
}
@keyframes poster-pop{0%{opacity:0;transform:translateY(30px) scale(.8)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes poster-float{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(1.2deg)}}
@keyframes poster-glow{from{box-shadow:0 0 0 1.5px rgba(255,205,70,.7),0 0 28px rgba(255,176,0,.45),0 0 80px rgba(255,150,0,.22)}to{box-shadow:0 0 0 1.5px rgba(255,220,110,.95),0 0 44px rgba(255,186,20,.7),0 0 120px rgba(255,150,0,.36)}}
@keyframes poster-shadow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.6}}
@keyframes poster-rays-in{from{opacity:0}to{opacity:1}}
@keyframes poster-rays{to{rotate:360deg}}

/* «Редактировать лист» under the list too, filled green (owner, 05.11.2026). */
.room-toolbar-bottom{margin-top:20px}.room-toolbar-bottom .secondary{width:100%;min-height:56px;font-size:15px}.secondary.edit-filled{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);background:linear-gradient(180deg,#4fae6c,#2f8a50);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.2),0 1px 0 var(--hi),0 10px 20px -12px rgba(30,90,50,.8)}
@media(hover:hover){.secondary.edit-filled:hover{filter:brightness(1.08)}}
:root[data-theme="dark"] .secondary.edit-filled{color:#04140a;text-shadow:none;background:linear-gradient(180deg,#5ef095,#26b85d);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 22px -4px rgba(60,230,120,.55),0 12px 22px -12px #000}

/* The logo in the night theme (owner, 05.11.2026): a dark tile, a gold M, a thin gold frame. */
:root[data-theme="dark"] .brand-symbol .logo-tile{fill:url(#logo-night)}:root[data-theme="dark"] .brand-symbol .logo-m{fill:url(#logo-gold)}:root[data-theme="dark"] .brand-symbol .logo-frame{stroke:#ffc531;stroke-opacity:.55;stroke-width:8}
/* «Итог цикла» (owner, 05.11.2026): «Итоги циклов» in «Мои места» and the window «Цикл пройден». The card is the
   site's white cardboard with a plum title pressed into it; in the night theme it is black and gold like the site. */
.cycles{margin-top:30px}.cycles[hidden]{display:none}.cycles-title{font-size:22px;font-weight:900;letter-spacing:-.02em}.cycles-hint{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--ink-3)}
.cycle-card{position:relative;display:grid;justify-items:center;padding:22px 16px 16px;border-radius:28px;color:var(--ink);text-align:center;background-color:var(--board-hi);background-image:radial-gradient(95% 45% at 50% 0%,rgba(255,255,255,.6),rgba(255,255,255,0) 72%),url("assets/board.svg"),var(--grain);background-size:100% 100%,520px 520px,200px 200px;box-shadow:inset 0 1px 0 var(--lit),inset 0 0 0 1px rgba(var(--shade),.06),0 2px 0 var(--edge),0 16px 30px -18px rgba(var(--shade),.45)}
.cycle-head{display:grid;gap:4px}.cycle-title{margin:0;font-size:30px;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--lilac-ink);text-shadow:0 1px 0 var(--hi),0 -1px 0 rgba(var(--shade),.12)}
.cycle-brand{font-size:13px;font-weight:900;letter-spacing:.24em;color:var(--ink-3);text-shadow:0 1px 0 var(--hi)}
.cycle-who{display:grid;justify-items:center;gap:10px;margin:14px 0 6px;max-width:100%}.cycle-photo{position:relative;width:76px;height:76px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:30px;font-weight:900;color:var(--lilac-ink);background:var(--board-lo);box-shadow:0 0 0 3px var(--board-hi),0 0 0 5.5px var(--lilac),0 10px 22px -8px rgba(var(--shade),.4)}.cycle-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cycle-nick{max-width:100%;padding:6px 16px;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Roboto Mono",monospace;font-size:16px;font-weight:800;color:#f5f0f9;overflow-wrap:anywhere;background:linear-gradient(180deg,var(--plum-top),var(--plum-bottom));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 14px -6px rgba(var(--shade),.6)}
.cycle-where{margin-bottom:12px;font-size:12px;line-height:1.4;color:var(--ink-3);overflow-wrap:anywhere}
.cycle-table{width:100%;margin:0;border-radius:20px;overflow:hidden;text-align:left;background:var(--board-hi);box-shadow:inset 0 0 0 1px rgba(var(--shade),.08),0 8px 18px -12px rgba(var(--shade),.35)}
.cycle-table>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-top:1px solid rgba(var(--shade),.08)}.cycle-table>.cycle-columns{border-top:0;padding:10px 14px;font-size:12px;font-weight:900;letter-spacing:.04em;color:var(--ink-2);background:rgba(139,116,164,.10);border-bottom:2px solid var(--lilac)}.cycle-columns+div{border-top:0}
.cycle-table dt{display:flex;align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:800;color:var(--ink-2)}.cycle-icon{flex-shrink:0;width:22px;font-size:17px;text-align:center}
.cycle-table dd{margin:0;font-size:17px;font-weight:900;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.cycle-table .cycle-total{background:rgba(63,122,79,.07)}.cycle-table .cycle-total dd{padding:3px 12px;border-radius:999px;font-size:18px}.cycle-table dd.cycle-up{color:#fff;background:linear-gradient(180deg,#5aa56b,#3f7a4f)}.cycle-table dd.cycle-down{color:#fff;background:linear-gradient(180deg,#cf5b67,#b4434f)}
.cycle-tags{margin:12px 0 0;font-size:12px;font-weight:800;line-height:1.5;color:var(--lilac-ink)}
.cycle-save{margin-top:14px}.cycle-save:disabled{opacity:.7;cursor:wait}
.cycle-done{max-width:420px}.cycle-done .cycle-card{margin-bottom:18px}
.cycle-picture{max-width:420px}.cycle-picture p{margin-bottom:14px}.cycle-picture img{display:block;width:100%;height:auto;margin-bottom:16px;border-radius:18px;box-shadow:0 10px 24px -14px rgba(var(--shade),.6)}.cycle-picture .actions a{flex:1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
:root[data-theme="dark"] .cycle-card{background-image:radial-gradient(95% 45% at 50% 0%,rgba(255,197,49,.10),rgba(255,197,49,0) 72%);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px var(--rim),0 0 24px -6px var(--glow),0 18px 30px -20px #000}
:root[data-theme="dark"] .cycle-nick{color:#1a1205}:root[data-theme="dark"] .cycle-table{background:var(--board-lo);box-shadow:inset 0 0 0 1px var(--rim)}:root[data-theme="dark"] .cycle-table>div{border-top-color:rgba(255,197,49,.14)}:root[data-theme="dark"] .cycle-table>.cycle-columns{background:rgba(255,197,49,.08)}:root[data-theme="dark"] .cycle-table dd.cycle-up{color:#0f2a12;background:linear-gradient(180deg,#8ef0a2,#3fc86a)}
/* Owner, 05.11.2026: a tap on «0.0069 м°» in a list copies the amount, like the nickname; a dotted line shows it is tappable */
.amount-copy{position:relative;display:inline-block;margin:-4px 0;padding:4px 0;border:0;background:none;font:inherit;color:inherit;cursor:copy;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;text-decoration:underline dotted rgba(var(--shade),.4);text-underline-offset:3px;-webkit-tap-highlight-color:transparent}
.amount-copy.copied::after{content:"Скопировано";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);z-index:2;padding:2px 8px;border-radius:999px;font:700 11px/1.3 Nunito,ui-rounded,system-ui,sans-serif;color:#3f7a4f;background:var(--board-hi);box-shadow:inset 0 0 0 1px rgba(63,122,79,.4);white-space:nowrap;pointer-events:none;text-decoration:none}
:root[data-theme="dark"] .amount-copy{text-decoration-color:rgba(255,197,49,.45)}:root[data-theme="dark"] .amount-copy.copied::after{color:#4fe08c;background:var(--board-hi);box-shadow:inset 0 0 0 1px rgba(79,224,140,.45)}
/* Owner, 05.11.2026: a third point under «Свободный выбор» and «Своя комната», centred — «Продукт сообщества МММ° P2P» with a planet */
.welcome-features{flex-wrap:wrap;row-gap:12px}.welcome-features>.welcome-community{flex-basis:100%;justify-content:center}
/* Owner, 05.11.2026: at night the «Войти» button stands as high as in the day theme — the poster takes the same height
   as the circle with people (the stage), and the picture shrinks to fit it with its shadow. */
@supports (height:1svh){:root[data-theme="dark"] .night-poster{--poster-h:clamp(240px,min(80vw,40svh),340px)}}
:root[data-theme="dark"] .poster-pop{width:min(74vw,310px,calc(var(--poster-h) - 50px))}
/* Owner, 05.11.2026: «КОМНАТА @ник куратора» on top of a room; the @username keeps its own letters and copies with a tap */
#room-number .nick,#room-number .nick::after{letter-spacing:0;text-transform:none}#room-number .nick{font-size:13px;color:var(--lilac-ink)}
/* Owner, 05.11.2026: the participants in «Редактировать лист» are a spoiler, closed when the editor opens, so the
   post field stands right under the hint and nothing jumps; a tap on the bar opens the list. */
.edit-list-box{margin:22px 0 16px}.edit-list-box[hidden]{display:none}
.edit-list-box>summary{list-style:none;cursor:pointer;margin:0;padding:12px 44px 12px 16px;position:relative;border-radius:16px;background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.1),0 1px 0 var(--hi);-webkit-tap-highlight-color:transparent}
.edit-list-box>summary::-webkit-details-marker{display:none}
.edit-list-box>summary::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--lilac-ink);border-bottom:2px solid var(--lilac-ink);transform:rotate(45deg);transition:transform .2s}
.edit-list-box[open]>summary::after{margin-top:-2px;transform:rotate(-135deg)}
.edit-list-box[open]>summary{margin-bottom:10px}.edit-list-box .edit-places{margin-bottom:0}
#edit-title:focus{outline:none}
@media(prefers-reduced-motion:reduce){.edit-list-box>summary::after{transition:none}}
/* Owner, 06.11.2026: a green dot on the photo of a member who is in the app now (seen in the last 3 minutes) */
.seat-online .avatar{position:relative}.online-dot{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#2fb35a;box-shadow:0 0 0 2.5px var(--board-hi),0 1px 3px rgba(20,60,30,.35);pointer-events:none}
:root[data-theme="dark"] .online-dot{background:#4fe08c;box-shadow:0 0 0 2.5px #17151c,0 0 10px rgba(79,224,140,.55)}
.only-heard{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.faq-online{display:inline-block;width:11px;height:11px;margin-right:4px;border-radius:50%;vertical-align:0;background:#2fb35a}:root[data-theme="dark"] .faq-online{background:#4fe08c}
/* Owner, 06.11.2026: «Вставить пост» — from the clipboard without the keyboard; the field is a row lower so the
   editor still fits on the screen */
.paste-post{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px;color:var(--lilac-ink);-webkit-tap-highlight-color:transparent}.paste-post[hidden]{display:none}.paste-post .icon{width:20px;height:20px}.paste-post:active{transform:scale(.98)}.paste-post:disabled{opacity:.6}
#new-post{min-height:84px}
/* owner, 07.11.2026: under the post field (first under «Вставить пост», then lower) — «если вам нечего вставить, зарегистрируйтесь в Мавро° Кошельке @mmm_p2p_bot и совершите сделку», a pressed-in window with icons */
.no-post{margin:12px 0 0;padding:12px 14px 13px;border-radius:16px;background:var(--board-lo) var(--grain);box-shadow:inset 0 2px 4px rgba(var(--shade),.12),inset 0 1px 1px rgba(var(--shade),.1),0 1px 0 var(--hi)}
.no-post-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:800;line-height:1.3;color:var(--ink)}.no-post-title .icon{width:18px;height:18px;flex-shrink:0;color:#b07d10}
.no-post-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.no-post-steps li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1.4;color:var(--ink-2)}
.no-post-steps i{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:var(--lilac-ink);background:var(--board-hi) var(--grain);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px rgba(var(--shade),.06),0 2px 0 var(--edge)}.no-post-steps i .icon{width:17px;height:17px}
.no-post a{font-weight:800;color:var(--lilac-ink);text-decoration:none;white-space:nowrap}
:root[data-theme="dark"] .no-post{box-shadow:inset 0 2px 5px rgba(0,0,0,.7),0 0 0 1px rgba(255,197,49,.16)}:root[data-theme="dark"] .no-post-title .icon{color:#ffc531}:root[data-theme="dark"] .no-post-steps i{box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px var(--rim)}
.paste-hint{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--ink-3)}.paste-hint[hidden]{display:none}
/* Owner, 06.11.2026: «Что вы получаете — в сравнении с банком» in the F.A.Q.: each line is a question with the bank
   and the room side by side (fits a 320 px phone) */
.faq-compare{margin:4px 0 18px;padding:4px 16px;border-radius:18px;background:var(--board-hi) var(--grain);box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px rgba(var(--shade),.06),0 2px 0 var(--edge)}
.faq-compare-head,.faq-compare-row{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.faq-compare-head{padding:10px 0 8px;font-size:12px;font-weight:900;letter-spacing:.04em;color:var(--ink-2)}
.faq-compare-head span:last-child{color:var(--lilac-ink)}
.faq-compare-row{padding:11px 0;border-top:1px solid rgba(var(--shade),.09);font-size:13.5px;line-height:1.45}
.faq-compare-row b{grid-column:1/-1;font-size:14px;font-weight:900;color:var(--ink);text-align:center} /* in the middle, between «Банк» and «Комната» (owner, 07.11.2026) */
.faq-compare-bank{color:var(--ink-3)}.faq-compare-room{color:var(--ink-2);font-weight:700}
:root[data-theme="dark"] .faq-compare{box-shadow:inset 0 1px 0 var(--lit),0 0 0 1px var(--rim),0 0 24px -6px var(--glow),0 18px 30px -20px #000}
:root[data-theme="dark"] .faq-compare-row{border-top-color:rgba(255,197,49,.14)}
/* 06.11.2026: a refreshed list of places is redrawn whole — the browser must not «hold» the screen on its old rows
   (it moved the page by tens of pixels); app.js keeps the screen where the member scrolled to */
#seats,#seats *{overflow-anchor:none}
/* Owner, 06.11.2026: small stars twinkling slowly in the night theme. They stand behind everything (the shell
   is its own layer, the stars lie under its content) and catch no taps; only their brightness changes, which
   the video chip does by itself, so nothing is loaded or redrawn. With «reduce motion» on the phone they stand still. */
.stars{display:none}
:root[data-theme="dark"] .app-shell{isolation:isolate}
:root[data-theme="dark"] .stars{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.stars i{position:absolute;width:var(--s,1px);height:var(--s,1px);border-radius:50%;background:#fff6dc;box-shadow:0 0 4px 1px rgba(255,214,120,.5);opacity:.2;animation:twinkle var(--t,8s) ease-in-out var(--d,0s) infinite}
@keyframes twinkle{0%,100%{opacity:.2}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.stars i{animation:none;opacity:.55}}
/* Owner, 06.11.2026: the scissors that divide a request of places 1–3 (curator and moderators) */
.edit-remove.edit-split{color:#6e4f96}.edit-remove.edit-split.armed{color:#fff;background:#6e4f96}
:root[data-theme="dark"] .edit-remove.edit-split{color:#ffd45c}
:root[data-theme="dark"] .edit-remove.edit-split.armed{color:#120f08;background:#ffc531}
.split-note{color:var(--ink-2)}