:root{--gold:#e8c37c;--ink:#061619;--muted:#a5b9b4}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 75% 12%,#16483c77,transparent 50%),linear-gradient(135deg,#07141c,#092722 65%,#06171b);color:#f3f0e7;font-family:'Segoe UI',Arial,sans-serif}header,main{max-width:1480px;padding:12px 30px}header{border-bottom:1px solid #d5b66d26}header img{width:185px;height:58px}nav{align-items:center;gap:24px}.pro-seal{padding:8px 12px;border:1px solid #c5a56666;border-radius:6px;color:var(--gold);font-size:10px;letter-spacing:2px;background:#b28b4810}.salon-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:20px;align-items:center;padding:28px 18px 22px;position:relative}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;color:#c4b48d;font-weight:600}.eyebrow span{color:var(--gold);font-size:18px;margin-right:8px}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.1vw,45px);line-height:1.16;font-weight:500;letter-spacing:-.7px;margin:12px 0 14px}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-copy p{font-size:14px;line-height:1.7;color:#bccbc2;margin-bottom:20px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-actions .button{padding:12px 19px}.text-link{font-size:12px;color:#ccd8d1}.benefits{display:flex;gap:20px;margin-top:20px;color:#93aca2;font-size:11px}.hero-board{position:relative;text-align:center;padding:8px 16px}.hero-board img{width:100%;height:auto;max-width:540px;display:block;margin:8px auto;filter:drop-shadow(0 20px 20px #0006);transform:perspective(900px) rotateX(12deg) rotateZ(-3deg)}.board-label{font-size:9px;letter-spacing:4px;color:#e3c586}.board-caption{font-family:Georgia,serif;font-size:12px;color:#b3b7a1;letter-spacing:1px}.salon-status{display:flex;align-items:center;gap:12px;margin:4px 0 16px}#notice{margin:0;flex:1;background:#082720;border-left:2px solid #c4a15d;border-radius:0 6px 6px 0;padding:9px 13px;font-size:12px;min-height:34px}.salon-status button{font-size:12px;white-space:nowrap}.salon-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:18px;align-items:start}.panel{background:linear-gradient(140deg,#10362fdd,#09241fef);border:1px solid #9b855644;border-radius:12px;box-shadow:0 8px 24px #0002;padding:18px}.panel h2{font-family:Georgia,serif;font-size:21px;color:#ead6a8;font-weight:500;margin:6px 0 12px}.muted,.hint{color:var(--muted);font-size:12px}.create-panel{border-top:2px solid #c8a65e}.create-panel fieldset{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}.create-panel label{font-size:12px;gap:7px;color:#c6c9b4}input,select{background:#061c19;border:1px solid #74826b66;padding:11px;color:#f2e9d7;border-radius:6px}.create-panel button{margin-top:4px;width:100%;padding:13px}button,.button{background:linear-gradient(180deg,#f9df9c,#d4a650 80%,#bb8938);border:1px solid #f5d693;border-radius:7px;color:#282112;box-shadow:inset 0 1px #fff5,0 4px 10px #0002;font-size:12px;transition:filter .15s,transform .15s}button:hover:not(:disabled),.button:hover{filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}.secondary{background:#0b2523;color:#dcc493;border:1px solid #b0986455;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f9da8d;outline-offset:4px}.salon-note{padding:20px 8px;display:flex;gap:12px;color:#a6b6a6}.salon-note>span{font-size:28px;color:#ad9257}.salon-note strong{font-size:12px;color:#d6c7a6}.salon-note p{font-size:11px;line-height:1.7;margin:5px 0}.open-panel{margin-top:16px;min-height:240px}.table-icon{color:var(--gold);font-size:28px}.rooms{gap:10px}.room-card{background:#071f1c;border:1px solid #6a84634d;padding:13px;border-radius:9px;box-shadow:none;gap:12px}.room-card .avatar{width:44px;height:44px;border-color:#cba85f66;background:#102f29;color:var(--gold)}.person strong{font-size:14px;color:#f2e4c3}.meta{font-size:11px;color:#a5b9b0}.badge{font-size:10px;color:#c8ad72}.room-card .button,.room-card button{font-size:11px;padding:9px 11px}.empty{color:#a7b4a1;background:#ffffff02;border:1px dashed #c3a96b30;border-radius:8px;font-size:13px;line-height:1.8;text-align:center;padding:27px 18px}.open-panel .empty:before{content:'⚄';display:block;color:#d7b973;font-size:32px;margin-bottom:10px}.count{background:#c7a55f1a;border:1px solid #c7a55f44;color:#e3c88e;padding:2px 8px;border-radius:12px;font-size:11px}.history{margin-top:16px;color:#b8bda6;font-size:12px}.history summary{cursor:pointer}.history[open] summary{margin-bottom:15px}.waiting{margin-bottom:16px;border-color:#d3b26588;background:linear-gradient(120deg,#193d2d,#0c2925)}.waiting .room-mark{border-color:#d9b368;color:#efd08a}.waiting h2{font-size:19px}.waiting p,.waiting strong{font-size:12px}.leaders-panel{border-top:2px solid #c8a65e}.periods{display:flex;gap:5px;padding:4px;border:1px solid #a08d5c33;border-radius:8px;background:#071c19}.periods button{flex:1;background:transparent;border:none;color:#b2b9a5;padding:8px 4px;box-shadow:none}.periods button[aria-pressed=true]{background:#c7a55f22;color:#f1d18e}.leader-scope{font-size:10px;line-height:1.5;color:#94a99a;margin:10px 0 14px}.leader-row{display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #a88f5626}.leader-rank{font-size:11px;color:#cbb680}.leader-avatar{display:grid;place-items:center;border:1px solid #bea26570;border-radius:50%;width:32px;height:32px;color:#efd18c;background:#214136;font-size:13px}.leader-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-meta{color:#96ab9c;font-size:10px;margin-top:3px}.leader-score{text-align:right;color:#e1c17d;font-size:13px}.leader-score small{display:block;font-size:9px;color:#93a697}.leader-row.is-me{background:#d4b36c10;border-radius:5px}.leader-empty{padding:20px 6px;font-size:12px;color:#b3beaa;line-height:1.7}#leaders-refresh{width:100%;margin-top:18px;font-size:11px}.salon-footer{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding:18px 0 10px;border-top:1px solid #c8a65e22;font-size:9px;letter-spacing:2px;color:#7c9586}[hidden]{display:none!important}@media(min-width:1250px){.room-card{flex-wrap:wrap}.room-card .person{flex:1;min-width:110px}}@media(max-width:1150px){.salon-grid{grid-template-columns:235px minmax(0,1fr)}.leaders-panel{grid-column:1/-1}.hero-copy h1{font-size:34px}.leader-row{grid-template-columns:32px 36px minmax(0,1fr) 80px}}@media(max-width:700px){header,main{padding:10px 16px}header img{width:140px;height:46px}nav{gap:10px;font-size:11px}nav a:first-child,.pro-seal{display:none}.salon-hero{grid-template-columns:1fr;padding:20px 2px 14px;gap:12px}.hero-copy h1{font-size:32px}.hero-copy p br{display:none}.hero-board{padding:10px 20px}.hero-board img{max-width:370px}.hero-actions{gap:12px}.salon-grid{grid-template-columns:minmax(0,1fr)}.leaders-panel{grid-column:auto}.create-panel fieldset{grid-template-columns:1fr 1fr;margin-top:12px}.create-panel button{grid-column:1/-1}.salon-note{display:none}.salon-status{align-items:stretch}#notice{min-width:0}.salon-status button{padding:8px}.room-card{flex-wrap:wrap}.room-card .person{flex:1;min-width:120px}.waiting{flex-wrap:wrap}.benefits{gap:12px;font-size:10px}.salon-footer{font-size:8px;letter-spacing:1px}.panel{padding:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button{transition:none}}