:root{--md-primary:#4f6354;--md-on-primary:#fff;--md-primary-container:#d2e8d5;--md-on-primary-container:#0c1f13;--md-secondary:#53645a;--md-secondary-container:#d6e8dc;--md-tertiary:#3a656f;--md-surface:#f7fbf5;--md-surface-container:#ebf0e9;--md-surface-high:#e4eae3;--md-on-surface:#191c19;--md-on-surface-variant:#424942;--md-outline:#727971;--md-outline-variant:#c2c9c1;--md-error:#ba1a1a;--md-glass:rgba(250,255,249,.68);--md-glass-strong:rgba(250,255,249,.84);--md-shadow:0 12px 38px rgba(34,55,41,.10)}
html{background:#e8f1ea}body{color:var(--md-on-surface);background:radial-gradient(circle at 13% 8%,rgba(181,218,195,.7),transparent 28%),radial-gradient(circle at 90% 18%,rgba(179,216,225,.62),transparent 25%),linear-gradient(145deg,#f5faf4 0%,#e9f0ea 50%,#eef3f0 100%);background-attachment:fixed}.noise{opacity:.018}.material-symbols-rounded{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.site-header{position:sticky;top:12px;z-index:40;width:min(1180px,calc(100% - 32px));height:72px;margin:12px auto 0;padding:0 24px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:rgba(248,252,247,.72);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 3px 18px rgba(34,55,41,.07)}.brand-mark{background:var(--md-primary);border-radius:12px}.brand-mark i{background:#d2e8d5}.brand>span:last-child>span{color:var(--md-primary)}.desktop-nav{height:100%;align-items:center;gap:8px}.desktop-nav a{padding:10px 16px;border-radius:20px;color:var(--md-on-surface-variant);transition:.2s}.desktop-nav a.active{color:var(--md-on-primary-container);background:var(--md-primary-container)}.desktop-nav a:hover{background:rgba(79,99,84,.09)}.button{min-height:44px;border-radius:22px;box-shadow:none;padding:10px 22px;letter-spacing:.1px}.button:hover{transform:none;box-shadow:0 5px 14px rgba(37,58,44,.14)}.button-dark{background:var(--md-primary);color:var(--md-on-primary)}.button-primary{background:var(--md-primary);color:var(--md-on-primary);box-shadow:none}.button-primary:hover{box-shadow:0 5px 14px rgba(37,58,44,.18)}.button-outline{border:1px solid var(--md-outline);background:rgba(255,255,255,.25);color:var(--md-primary)}
.hero{min-height:680px;padding-top:72px}.eyebrow{border:0;background:rgba(210,232,213,.72);color:var(--md-on-primary-container);backdrop-filter:blur(10px);padding:9px 14px}.hero-copy h1{letter-spacing:-4px}.hero-copy>p{color:var(--md-on-surface-variant)}.play-icon{border:0;background:var(--md-secondary-container);color:var(--md-on-primary-container)}.globe{background:linear-gradient(145deg,#49685b,#263d34);box-shadow:inset -38px -30px 0 rgba(0,0,0,.08),0 28px 65px rgba(43,71,55,.18)}.float-note{border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.68);backdrop-filter:blur(16px);border-radius:18px;box-shadow:var(--md-shadow)}
.rooms-section{width:min(1280px,calc(100% - 32px));margin:0 auto 32px;padding:72px 54px;border-radius:36px;background:rgba(242,248,242,.56);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18);box-shadow:var(--md-shadow)}.kicker{color:var(--md-primary)}.filter{min-height:40px;border:0;background:rgba(255,255,255,.55);color:var(--md-on-surface-variant);padding:10px 17px}.filter:hover{background:rgba(79,99,84,.10)}.filter.active{background:var(--md-secondary-container);color:var(--md-on-primary-container);box-shadow:inset 0 0 0 1px rgba(79,99,84,.08)}.search{min-height:48px;border:0;border-bottom:1px solid transparent;border-radius:16px;background:rgba(255,255,255,.62);padding:11px 16px;transition:.2s}.search:focus-within{background:rgba(255,255,255,.88);border-bottom-color:var(--md-primary);box-shadow:0 3px 12px rgba(44,66,52,.08)}
.room-card,.room-card.featured{min-height:270px;padding:24px;border:1px solid rgba(255,255,255,.74);border-radius:24px;background:rgba(255,255,255,.58);backdrop-filter:blur(14px);box-shadow:0 3px 12px rgba(35,54,41,.055);transition:.22s}.room-card.featured{background:linear-gradient(145deg,rgba(230,245,232,.88),rgba(255,255,255,.62));box-shadow:inset 0 0 0 1px rgba(79,99,84,.16)}.room-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.76);box-shadow:0 8px 24px rgba(35,54,41,.10)}.room-language>span{border-radius:14px;background:var(--md-secondary-container)}.room-language small{color:var(--md-primary)}.live-badge{background:#ffdad6;color:#8c1d18}.room-bottom{border-color:rgba(114,121,113,.18)}.join-button{border-radius:20px;color:var(--md-primary)}.join-button:hover{background:rgba(79,99,84,.09)}.join-button span{background:var(--md-primary)}
.steps{width:min(1180px,calc(100% - 32px));margin:0 auto 32px;padding:82px 6vw;border-radius:36px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(18px)}.step-list article{border-color:var(--md-outline-variant)}footer{margin:16px;border-radius:28px;background:rgba(25,36,29,.91);backdrop-filter:blur(20px)}
.modal-backdrop{background:rgba(27,32,28,.42);backdrop-filter:blur(8px)}.modal{border-radius:28px;background:rgba(248,252,247,.94);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(20,31,23,.22)}.modal input,.modal select{border:0;border-bottom:1px solid var(--md-outline);border-radius:12px 12px 0 0;background:var(--md-surface-container)}.toast{background:#2e312e;border-radius:16px}
.call-screen{background:radial-gradient(circle at 20% 0,rgba(190,225,201,.8),transparent 35%),linear-gradient(145deg,#eff6ef,#e5ece7)}.call-header{width:min(1180px,calc(100% - 32px));height:68px;margin:12px auto 0;padding:0 20px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(250,255,249,.68);backdrop-filter:blur(20px);box-shadow:0 3px 14px rgba(33,52,39,.06)}.call-status{border:0;background:var(--md-primary-container);color:var(--md-on-primary-container)}.leave-button{border:0;background:#ffdad6;color:#8c1d18;border-radius:20px}.speaker,.speaker.you{border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(255,255,255,.55);backdrop-filter:blur(14px);box-shadow:0 4px 16px rgba(35,54,41,.06)}.speaker.speaking{border:1px solid rgba(79,99,84,.3);box-shadow:0 0 0 5px rgba(210,232,213,.72)}.call-controls{background:rgba(32,45,37,.86);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px);border-radius:24px}.control-button{border-radius:16px}.control-button:hover,.control-button.active{background:rgba(210,232,213,.17)}
.irc-panel{border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(24,34,28,.88);backdrop-filter:blur(18px)}.irc-header,.irc-compose{background:rgba(36,49,41,.74)}.irc-hash{border-radius:10px;background:var(--md-primary-container)}
@media(max-width:900px){.rooms-section{padding:58px 28px}}@media(max-width:600px){.site-header{top:8px;width:calc(100% - 16px);margin-top:8px;padding:0 14px;border-radius:22px}.hero{padding-top:48px}.hero-copy h1{letter-spacing:-2.8px}.rooms-section{width:calc(100% - 16px);padding:52px 16px;border-radius:28px}.room-card,.room-card.featured{border-radius:20px}.steps{width:calc(100% - 16px);border-radius:28px}.call-header{width:calc(100% - 16px);margin-top:8px;border-radius:22px}footer{margin:8px;border-radius:22px}}