:root{--bg:#061017;--bg2:#0b1720;--panel:#fff1;--panel2:#ffffff09;--line:#ffffff1f;--text:#eef6ff;--muted:#9dafc2;--soft:#c7d7e6;--accent:#8fd6c8;--accent2:#9c88ff;--danger:#ffb3a6;--shadow:0 28px 90px #0000007a;--radius:24px;color:var(--text);background:#050b10;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}body{color:var(--text);background:#050b10}body:before{content:"";z-index:-3;background:radial-gradient(circle at 16% 18%,#8fd6c82e,#0000 24%),radial-gradient(circle at 80% 12%,#9c88ff29,#0000 21%),radial-gradient(circle at 55% 92%,#79a7ff1a,#0000 28%),linear-gradient(160deg,#051017 0%,#0a121c 45%,#03070b 100%);position:fixed;inset:0}body:after{content:"";z-index:-2;pointer-events:none;opacity:.2;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff 45%,#0000 56%),radial-gradient(1px 1px at 32% 76%,#fff 45%,#0000 56%),radial-gradient(1.5px 1.5px at 78% 30%,#fff 45%,#0000 56%),radial-gradient(1px 1px at 86% 82%,#fff 45%,#0000 56%);background-size:260px 260px;animation:32s linear infinite drift;position:fixed;inset:0}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-80px,60px)}}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{max-width:1240px;margin:0 auto;padding:24px}.site-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.brand{color:var(--text);letter-spacing:.02em;align-items:center;gap:12px;font-weight:700;display:flex}.brand:before{content:"";background:linear-gradient(135deg,#8fd6c8f2,#9c88ffd9);border-radius:14px;width:38px;height:38px;box-shadow:0 12px 40px #8fd6c82e}.site-nav{flex-wrap:wrap;gap:10px;display:flex}.site-nav a,.eyebrow,.primary-action,.secondary-action{border-radius:999px;align-items:center;gap:8px;display:inline-flex}.site-nav a,.eyebrow{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;padding:8px 12px;font-size:13px}.page-section{animation:.35s both fade}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-section,.feature-card,.status-panel,.deck-summary,.selected-card-panel,.host-format-panel{background:linear-gradient(180deg, var(--panel), var(--panel2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-section{flex-direction:column;justify-content:center;min-height:560px;padding:34px;display:flex}.eyebrow{width:fit-content;color:var(--muted);margin-bottom:16px}h1{max-width:880px;color:var(--text);letter-spacing:-.055em;margin:16px 0;font-size:clamp(38px,7vw,78px);line-height:.92}h2{color:var(--text);letter-spacing:-.025em;margin:0 0 12px;font-size:32px}p{color:var(--soft);line-height:1.62}.hero-text{max-width:760px;color:var(--soft);margin:0;font-size:18px;line-height:1.62}.hero-actions,.cards-toolbar{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.primary-action,.secondary-action{cursor:pointer;min-height:46px;padding:13px 18px;font-weight:700;transition:all .2s}.primary-action{color:#061017;background:linear-gradient(135deg, var(--accent), #d8f5ed);border:0}.secondary-action{color:var(--text);background:#ffffff14;border:1px solid #ffffff21}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.section-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;display:grid}.feature-card{min-height:280px;padding:22px}.card-number{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.feature-card ul,.host-format-panel ul{color:var(--soft);margin:18px 0 0;padding-left:18px;line-height:1.7}.status-panel{margin-top:22px;padding:24px}.page-intro{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:22px;display:grid}.deck-summary{padding:22px}.deck-summary span{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:700}.deck-summary strong{color:var(--text);margin-top:10px;font-size:24px;display:block}.deck-summary p{color:var(--muted);margin-bottom:0}.mac-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-top:24px;display:grid}.mac-card{cursor:pointer;min-height:300px;color:var(--text);text-align:left;background:radial-gradient(circle at 50% 18%,#8fd6c821,#0000 26%),radial-gradient(circle at 78% 70%,#9c88ff1c,#0000 28%),#ffffff0a;border:1px solid #ffffff1c;border-radius:22px;padding:14px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 18px 55px #0000005c}.mac-card:hover,.mac-card--selected{background:radial-gradient(circle at 50% 18%,#8fd6c82e,#0000 26%),radial-gradient(circle at 78% 70%,#9c88ff26,#0000 28%),#8fd6c813;border-color:#8fd6c873;transform:translateY(-2px)}.mac-card__number{z-index:2;color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:700;position:relative}.mac-card__image{background:radial-gradient(circle at 50% 24%,#eef6ff38,#0000 12%),radial-gradient(circle at 50% 62%,#8fd6c824,#0000 28%),linear-gradient(#ffffff12,#0000002e);border-radius:999px 999px 28px 28px;position:absolute;inset:48px 16px 66px}.mac-card__moon{border:1px solid #8fd6c8b8;border-radius:50%;width:54px;height:54px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 0 44px #8fd6c833}.mac-card__line{background:linear-gradient(#8fd6c800,#8fd6c87a,#8fd6c800);width:1px;height:92px;position:absolute;left:50%}.mac-card__line--one{top:38%;transform:translate(-18px)rotate(-8deg)}.mac-card__line--two{top:40%;transform:translate(22px)rotate(7deg)}.mac-card__spark{background:#8fd6c8c7;border-radius:999px;width:5px;height:5px;position:absolute;box-shadow:0 0 20px #8fd6c8b8}.mac-card__spark--one{top:42%;left:28%}.mac-card__spark--two{bottom:28%;right:24%}.mac-card__title{z-index:2;color:var(--text);font-size:18px;font-weight:700;line-height:1.15;position:absolute;bottom:18px;left:16px;right:16px}.selected-card-panel,.host-format-panel{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:22px;margin:24px 0;padding:24px;display:grid}.selected-card-panel .mac-card{min-height:330px}.host-format-panel{grid-template-columns:minmax(0,1fr) minmax(240px,380px)}@media (width<=1100px){.mac-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media (width<=980px){.section-grid,.page-intro,.selected-card-panel,.host-format-panel{grid-template-columns:1fr}.site-header{flex-direction:column;align-items:flex-start}}@media (width<=620px){.app-shell{padding:16px}.hero-section{min-height:auto;padding:24px}.mac-grid{grid-template-columns:1fr}}.room-heading{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:22px;margin-bottom:22px;display:grid}.room-status-card,.room-main-panel,.room-side-panel,.panel-lite{background:linear-gradient(180deg, var(--panel), var(--panel2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-status-card{padding:22px}.room-status-card span{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:700}.room-status-card strong{color:var(--text);margin-top:10px;font-size:24px;display:block}.room-status-card p{color:var(--muted);margin-bottom:0}.room-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.room-main-panel,.room-side-panel,.panel-lite{padding:22px}.room-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.opened-card-stage{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.opened-card-stage .mac-card{min-height:430px}.opened-card-notes{background:radial-gradient(circle at 20% 20%,#8fd6c814,#0000 26%),#ffffff08;border:1px solid #ffffff17;border-radius:22px;flex-direction:column;justify-content:center;min-height:430px;padding:24px;display:flex}.opened-card-notes h3{color:var(--text);letter-spacing:-.025em;margin:0 0 12px;font-size:28px}.soft-note{border-left:3px solid var(--accent);color:var(--soft);background:#8fd6c80e;border-radius:18px;gap:8px;margin-top:18px;padding:16px;display:grid}.soft-note b{color:var(--text)}.mini-deck-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.mini-card-button{width:48px;height:42px;color:var(--muted);cursor:pointer;background:#ffffff09;border:1px solid #ffffff1c;border-radius:14px;transition:all .2s}.mini-card-button:hover,.mini-card-button.active{color:#061017;background:linear-gradient(135deg, var(--accent), #d8f5ed);border-color:#8fd6c8a6}.video-grid{gap:14px;margin-bottom:14px;display:grid}.video-tile{background:radial-gradient(circle at 50% 42%,#8fd6c821,#0000 28%),#ffffff09;border:1px solid #ffffff1a;border-radius:22px;min-height:190px;padding:18px;position:relative;overflow:hidden}.video-tile:before{content:"";opacity:.55;background:linear-gradient(135deg,#8fd6c8b3,#9c88ffb3);border-radius:50%;width:74px;height:74px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #8fd6c82e}.video-tile span,.video-tile strong,.video-tile p{z-index:1;position:relative}.video-tile span{color:var(--muted);background:#00000029;border:1px solid #ffffff1a;border-radius:999px;padding:7px 10px;font-size:13px;display:inline-flex}.video-tile strong{color:var(--text);margin-top:78px;font-size:22px;display:block}.video-tile p{color:var(--muted);margin:4px 0 0}.host-controls{gap:10px;display:grid}.host-controls button{min-height:44px;color:var(--text);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:16px;transition:all .2s}.host-controls button:hover{background:#8fd6c814;border-color:#8fd6c86b;transform:translateY(-1px)}.host-controls .danger-button{color:#ffd4cd;background:#ffb3a614;border-color:#ffb3a63d}.room-bottom-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;margin-top:22px;display:grid}.chat-messages{gap:12px;margin:18px 0;display:grid}.chat-message{background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;gap:6px;max-width:78%;padding:14px 16px;display:grid}.chat-message b{color:var(--accent);font-size:13px}.chat-message span{color:var(--soft);line-height:1.5}.participant-message{background:#9c88ff14;justify-self:end}.chat-input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.chat-input-row input{width:100%;color:var(--text);min-height:46px;font:inherit;background:#00000038;border:1px solid #ffffff21;border-radius:999px;outline:none;padding:0 16px}.chat-input-row input:focus{border-color:#8fd6c88c;box-shadow:0 0 0 4px #8fd6c814}.materials-panel ul{margin-top:16px}.room-footer-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}@media (width<=1080px){.room-heading,.room-layout,.room-bottom-grid,.opened-card-stage{grid-template-columns:1fr}.room-side-panel{grid-template-columns:minmax(0,1fr) 280px;gap:14px;display:grid}.video-grid{margin-bottom:0}}@media (width<=740px){.room-side-panel{grid-template-columns:1fr}.room-panel-header,.chat-input-row{grid-template-columns:1fr;align-items:stretch}.opened-card-stage .mac-card,.opened-card-notes{min-height:300px}.chat-message{max-width:100%}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}