:root{--ink:#ecf1f8;--muted:#8e9bad;--panel:#131b27;--line:#263243}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#091018;color:var(--ink)}body{font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#1c334f,transparent 42%),#091018}.login-card{width:min(430px,100%);padding:38px;border:1px solid #2a384c;border-radius:24px;background:rgba(19,27,39,.96);box-shadow:0 25px 80px rgba(0,0,0,.38)}.login-mark{width:52px;height:52px;margin-bottom:26px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#19a56a,#08734b);color:white;font-weight:900}.login-copy{margin:10px 0 26px;color:#9eabbb;line-height:1.5}.login-card label{display:grid;grid-gap:8px;gap:8px;margin-top:15px;color:#b9c4d2;font-size:13px;font-weight:800}.login-card input{width:100%;height:48px;border:1px solid #344256;border-radius:11px;background:#0b131d;color:white;padding:0 14px;outline:none}.login-card input:focus{border-color:#609eea;box-shadow:0 0 0 3px rgba(96,158,234,.16)}.login-card>button{width:100%;height:50px;margin-top:22px;border:0;border-radius:11px;background:#2c7eea;color:white;font-weight:900}.login-card>button:disabled{opacity:.55}.login-card a{display:block;margin-top:20px;color:#8fbfff;text-align:center;text-decoration:none}.login-card a,.login-error{font-size:13px;font-weight:800}.login-error{margin:12px 0 0;color:#ff7e8b}.master-shell{min-height:100vh;padding:30px clamp(20px,4vw,64px) 54px;background:radial-gradient(circle at 78% 0,#17283d 0,transparent 34%),#091018}.master-header{justify-content:space-between;gap:24px;max-width:1320px;margin:0 auto 28px}.header-actions,.master-header{display:flex;align-items:center}.header-actions{gap:10px}.logout{border:1px solid #334156;border-radius:999px;background:transparent;color:#aab5c4;padding:9px 13px;font-size:12px;font-weight:800}.eyebrow{margin:0 0 5px;color:#7f8da1;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.03em}h1{font-size:clamp(26px,4vw,42px)}h2{font-size:21px}.connection{border:1px solid var(--line);background:rgba(16,24,35,.85);border-radius:999px;padding:10px 14px;color:#aab5c4;font-size:13px;font-weight:700}.connection span{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#28ca7f;box-shadow:0 0 10px #28ca7f}.master-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);grid-gap:22px;gap:22px}.message-section,.next-section,.preview-card,.settings-section,.timer-panel{border:1px solid var(--line);border-radius:22px;background:rgba(19,27,39,.92);box-shadow:0 18px 55px rgba(0,0,0,.24)}.timer-panel{min-height:480px;padding:clamp(24px,4vw,48px);background:linear-gradient(145deg,color-mix(in srgb,var(--phase) 62%,#121a25),var(--phase-dark));display:grid;align-content:space-between;transition:background .35s ease}.timer-meta{display:flex;justify-content:space-between;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.timer-meta span:last-child{font-size:12px;opacity:.72}.event-logo{overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}.event-logo img{width:100%;height:100%;object-fit:contain;padding:8px 12px}.event-logo-master{justify-self:center;width:min(400px,68%);height:96px;margin:10px 0 2px;border-radius:14px}.master-clock{text-align:center;font-size:clamp(94px,15vw,190px);line-height:.86;font-weight:900;letter-spacing:-.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 7px 30px rgba(0,0,0,.2)}.phase-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));grid-gap:4px;gap:4px}.phase-track span{padding:8px 5px;border-top:4px solid rgba(255,255,255,.23);text-align:center;font-size:10px;font-weight:900;letter-spacing:.12em;opacity:.55}.phase-track span.active{border-color:#fff;opacity:1}.transport{display:flex;gap:12px;margin-top:16px}.copy-link,.message-form button,.transport button{min-height:48px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:rgba(0,0,0,.18);color:white;padding:0 20px;font-weight:800}.transport .primary-action{min-width:140px;background:white;color:var(--phase-dark);border-color:white}.preview-card{padding:24px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.quiet{border:0;background:transparent;color:#8fbfff;font-weight:800}.mini-display{aspect-ratio:16/9;margin:28px 0 16px;border-radius:14px;background:linear-gradient(145deg,var(--phase),var(--phase-dark));display:grid;place-items:center;align-content:center;grid-gap:6px;gap:6px;box-shadow:0 12px 36px rgba(0,0,0,.28)}.mini-display>span{font-size:11px;font-weight:900;letter-spacing:.13em}.mini-logo{display:block;width:160px;height:46px;overflow:hidden;border-radius:6px;background:#fff}.mini-logo img{width:100%;height:100%;object-fit:contain;padding:3px 5px}.mini-display strong{font-size:clamp(40px,5.8vw,68px);line-height:1;letter-spacing:-.07em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-display em{max-width:85%;min-height:16px;font-style:normal;text-align:center;font-weight:800}.mini-display small{max-width:90%;padding:4px 9px;border-radius:5px;background:rgba(0,0,0,.22);font-size:9px;font-weight:800;text-align:center}.copy-link{width:100%;background:#1b2737;border-color:var(--line)}.control-grid{max-width:1320px;margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;align-items:stretch}.message-section{margin:0;padding:24px}.message-form{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px;margin-top:22px}.message-form input{min-width:0;height:50px;border:1px solid #344256;border-radius:12px;background:#0c141f;color:#fff;padding:0 16px;outline:none}.message-form input:focus{border-color:#609eea;box-shadow:0 0 0 3px rgba(96,158,234,.16)}.message-form button{background:#1b2737;border-color:#344256}.message-form .send-button{background:#2c7eea;border-color:#2c7eea}.presets{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.presets button{border:1px solid #344256;border-radius:999px;background:transparent;color:#bcc7d5;padding:9px 13px;font-size:13px;font-weight:700}.settings-section{max-width:1320px;margin:22px auto 0;padding:0;overflow:hidden}.settings-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-summary::-webkit-details-marker{display:none}.settings-summary:focus-visible{outline:3px solid #609eea;outline-offset:-3px}.settings-summary-actions{display:flex;align-items:center;gap:18px}.settings-total{color:#aab5c4;font-size:13px;font-weight:800}.collapse-label{display:inline-flex;align-items:center;gap:7px;min-width:94px;justify-content:flex-end;color:#8fbfff;font-size:13px;font-weight:800}.collapse-label b{display:inline-block;font-size:20px;line-height:1;transform:rotate(180deg);transition:transform .2s ease}.settings-section:not([open]) .when-open,.when-closed{display:none}.settings-section:not([open]) .when-closed{display:inline}.settings-section:not([open]) .collapse-label b{transform:none}.settings-content{padding:0 24px 24px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.phase-setting{display:grid;grid-template-columns:1fr 110px;grid-gap:12px;gap:12px;padding:16px;border:1px solid #314056;border-radius:14px;background:#0d1621}.phase-number{grid-column:1/-1;color:#7f8da1;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.phase-setting label{display:grid;grid-gap:7px;gap:7px;color:#aab5c4;font-size:11px;font-weight:800}.phase-setting label:first-of-type{grid-column:1/-1}.phase-setting input{width:100%;height:42px;min-width:0;border:1px solid #344256;border-radius:9px;background:#09111b;color:#fff;padding:0 11px}.phase-setting input[type=color]{padding:4px;cursor:pointer}.apply-settings{min-height:48px;margin-top:16px;border:1px solid #2c7eea;border-radius:11px;background:#2c7eea;color:#fff;padding:0 20px;font-weight:900}.next-section{margin:0;padding:24px}.next-form{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;margin-top:20px}.next-form input{min-width:0;height:50px;border:1px solid #344256;border-radius:12px;background:#0c141f;color:#fff;padding:0 16px;outline:none}.next-form input:focus{border-color:#609eea;box-shadow:0 0 0 3px rgba(96,158,234,.16)}.next-form button{min-height:50px;border:1px solid #2c7eea;border-radius:12px;background:#2c7eea;color:#fff;padding:0 20px;font-weight:800}.current-next{margin:14px 0 0;color:#96a4b6;font-size:13px}.current-next strong{color:#fff}.display-screen{position:relative;isolation:isolate;width:100vw;height:100vh;overflow:hidden;padding:clamp(28px,5vw,74px);background:linear-gradient(145deg,var(--phase),var(--phase-dark));display:grid;grid-template-rows:auto auto 1fr auto auto auto;color:#fff;transition:background .4s ease}.display-screen>*{position:relative;z-index:1}.display-screen.flashing:before{content:"";position:absolute;inset:0;z-index:0;background:rgba(255,255,255,.58);animation:final-ten-flash .8s step-end infinite;pointer-events:none}@keyframes final-ten-flash{0%,49%{opacity:0}50%,to{opacity:1}}.display-top{display:flex;justify-content:space-between;align-items:center;font-size:clamp(18px,2.6vw,34px);font-weight:900;letter-spacing:.15em}.live-dot{font-size:11px;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:7px 10px;letter-spacing:.12em}.event-logo-display{justify-self:center;width:min(520px,54vw);height:clamp(78px,11vh,125px);margin-top:clamp(10px,1.5vh,20px);border-radius:18px}.display-clock{display:grid;place-items:center;font-size:min(25vw,320px);line-height:.8;font-weight:900;letter-spacing:-.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 8px 38px rgba(0,0,0,.2)}.display-message{min-height:clamp(50px,7vw,82px);display:grid;place-items:center;padding:10px 22px;border-radius:18px;background:rgba(0,0,0,0);font-size:clamp(22px,3.4vw,48px);font-weight:850;text-align:center;opacity:0;transform:translateY(14px);transition:.25s ease}.display-message.visible{background:rgba(0,0,0,.22);opacity:1;transform:none}.next-participant-display{min-height:clamp(42px,6vw,68px);display:grid;place-items:center;margin-top:10px;padding:8px 20px;border:1px solid rgba(255,255,255,0);border-radius:14px;font-size:clamp(20px,2.8vw,40px);text-align:center;opacity:0;transition:.25s ease}.next-participant-display.visible{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.12);opacity:1}.next-participant-display strong{margin-left:.2em}.display-progress{height:10px;margin-top:16px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.23)}.display-progress span{display:block;height:100%;background:#fff;transition:width .2s linear}@media (max-width:1050px){.control-grid{grid-template-columns:1fr}}@media (max-width:840px){.master-grid,.settings-grid{grid-template-columns:1fr}.message-form{grid-template-columns:1fr 1fr}.message-form input{grid-column:1/-1}}@media (max-width:540px){.master-header{align-items:flex-start}.connection{font-size:0}.connection span{margin:0}.timer-panel{min-height:380px}.transport{display:grid;grid-template-columns:1fr 1fr}.transport button{min-width:0;padding:0 10px}.message-form,.next-form{grid-template-columns:1fr}.message-form input{grid-column:auto}.settings-summary{align-items:flex-start}.settings-summary-actions{flex-direction:column;align-items:flex-end;gap:8px}.collapse-label{min-width:0}}