.reef{--p100:#000a5e;--p70:#303aef;--p40:#5560f5;--p20:#9aa5f7;--sec:#d5ee62;--ink:#14151d;--mut:#5b5d6b;--fnt:#9a9cab;--line:#14151d1a;--tint:#f1f3fd;--lift:0 1px 1.5px #000a5e0a, 0 4px 12px -6px #000a5e1a;--font:var(--font-poppins), "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff}.reef.room{--ground:#070d33;--panel:#0b1240;--edge:#ffffff1c;--ai:#161e5e;--txt:#edefff;--mut:#a6aee0;--fnt:#7d86bd;--live:#ff6b7d;--hear:#49dfa4;color:var(--txt);background:radial-gradient(120% 70% at 50% -12%, #303aef6b 0%, #303aef00 60%), radial-gradient(80% 60% at 100% 100%, #5560f533 0%, #5560f500 65%), var(--ground)}.reef a{color:inherit;text-decoration:none}.reef .site-footer a{color:var(--color-ink)}.reef .site-footer a:hover{color:var(--color-brand)}.reef .site-nav a{color:#545454}.reef .site-nav a:hover{color:var(--color-brand)}.reef .site-nav .site-nav-item{color:#2e3238}.reef img{max-width:100%}.reef .i{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em;display:block}.reef .wrap{max-width:1160px;margin:0 auto;padding:0 32px}.reef h1,.reef h2,.reef h3{letter-spacing:-.045em;margin:0;font-weight:700;line-height:1.1}.reef h2{font-size:clamp(24px,2.7vw,32px)}.reef h3{letter-spacing:-.03em;font-size:17px}.reef .btn{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-family:inherit;font-size:14.5px;font-weight:700;transition:transform .15s,filter .15s,background .15s;display:inline-flex}.reef .btn:hover{transform:translateY(-1px)}.reef .btn .i{stroke-width:2.2px;font-size:16px}.reef .btn.lime{background:var(--sec);color:var(--p100);box-shadow:0 10px 24px -12px #85a014e6}.reef .btn.lime:hover{filter:brightness(1.05)}.reef .btn.solid{background:var(--p70);color:#fff;box-shadow:0 10px 24px -12px #303aeff2}.reef .btn.line{color:var(--ink);background:#fff;border:1.5px solid #14151d38}.reef .btn.line:hover{background:#f4f5f9}.reef .btn.ghost{color:#fff;background:0 0;border:1.5px solid #ffffff6b}.reef .btn.ghost:hover{background:#ffffff24}.reef .over{letter-spacing:.16em;text-transform:uppercase;color:var(--p70);margin:0 0 14px;font-size:11.5px;font-weight:700}.reef .sec{padding:92px 0}.reef .sec.tint{background:#f4f7ff}.reef .shead{text-align:center;max-width:620px;margin:0 auto 56px}.reef .shead h2{font-size:clamp(26px,3.2vw,38px)}.reef .shead h2 em{color:var(--p70);font-style:normal}.reef .shead p{color:var(--mut);margin:15px 0 0;font-size:15.5px;line-height:1.66}.reef .shead p b{color:var(--ink);font-weight:600}.reef .bar{border-bottom:1px solid var(--line);background:#f8f9fb}.reef .bar .wrap{align-items:center;height:76px;display:flex;position:relative}.reef .brand{letter-spacing:-.04em;color:var(--p100);align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.reef .brand .i{stroke-width:1.8px;font-size:26px}.reef .bar .mid{color:var(--ink);font-size:15px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.reef .bar .mid:hover{color:var(--p70)}.reef .bar .right{align-items:center;gap:14px;margin-left:auto;display:flex}.reef .bar .right .btn{padding:11px 24px;font-size:14.5px;font-weight:600}.reef .ava{color:#5f7a68;cursor:pointer;background:#b7dcc0;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;font-family:inherit;font-size:15px;font-weight:700;display:grid;overflow:hidden}.reef .ava .i{stroke-width:1.9px;font-size:21px}.reef .ava img{object-fit:cover;width:100%;height:100%}.reef .avamenu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;width:180px;padding:8px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0a12301f}.reef .avamenu a,.reef .avamenu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 16px;font-family:inherit;font-size:14px;display:block}.reef .avamenu a:hover,.reef .avamenu button:hover{background:#f4f5f9}.reef .avamenu .rule{border-top:1px solid var(--line);margin:4px 0}.reef .bar.ondark{background:0 0;border-bottom:1px solid #ffffff24}.reef .bar.ondark .brand,.reef .bar.ondark .mid{color:#fff}.reef .bar.ondark .btn.line{color:#fff;background:0 0;border-color:#ffffff57}.reef .bar.ondark .btn.line:hover{background:#ffffff24}.reef .bar.ondark .ava{color:#fff;background:#ffffff2e}.reef .foot{color:var(--ink);background:#f5f6f8;padding:62px 0 56px}.reef .foot .cols{grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,1fr));gap:34px 26px;display:grid}.reef .foot .brand{margin-bottom:18px}.reef .foot .tagline{color:var(--mut);max-width:24ch;margin:0;font-size:14px;line-height:1.6}.reef .foot h4{letter-spacing:.13em;text-transform:uppercase;color:var(--ink);margin:0 0 18px;font-size:11.5px;font-weight:700}.reef .foot ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.reef .foot ul a{color:var(--mut);font-size:14px}.reef .foot ul a:hover{color:var(--p70)}.reef .social{margin-top:26px}.reef .social h4{margin-bottom:12px}.reef .social .set{gap:10px;display:flex}.reef .social a{color:#3d4048;background:#e6e8ec;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:grid}.reef .social a:hover{background:var(--p70);color:#fff}.reef .social svg{width:15px;height:15px;display:block}@media (max-width:980px){.reef .sec{padding:64px 0}.reef .shead{margin-bottom:40px}.reef .bar .mid{display:none}.reef .foot .cols{grid-template-columns:repeat(3,minmax(0,1fr))}.reef .foot .cols>:first-child{grid-column:1/-1}}@media (max-width:620px){.reef .wrap{padding:0 20px}.reef .foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.reef.room button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}.reef.room h1,.reef.room h2,.reef.room h3{letter-spacing:-.04em;line-height:1.15}.reef.room .rbar{border-bottom:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1240b8;flex:none;align-items:center;gap:16px;padding:14px 20px;display:flex}.reef.room .bot{width:42px;height:42px;color:var(--sec);background:#ffffff17;border-radius:12px;flex:none;place-items:center;display:grid}.reef.room .bot .i{font-size:22px}.reef.room .ttl h1{font-size:19px}.reef.room .ttl p{color:var(--mut);margin:3px 0 0;font-size:12.5px}.reef.room .stat{align-items:center;gap:14px;margin-left:auto;display:flex}.reef.room .badge{border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.reef.room .badge.on{color:var(--live);background:#ff6b7d29}.reef.room .badge.on i{background:var(--live);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite reef-pulse}.reef.room .badge.turn{color:var(--hear);background:#49dfa426}.reef.room .badge.time{font-variant-numeric:tabular-nums;background:#ffffff14;gap:9px}.reef.room .badge.time .i{color:var(--mut);font-size:14px}.reef.room .badge.time .of{color:var(--fnt);font-weight:600}@keyframes reef-pulse{50%{opacity:.35}}.reef.room .qwrap{flex-direction:column;gap:7px;display:flex}.reef.room .qn{letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-size:10.5px;font-weight:600}.reef.room .qn b{color:var(--txt)}.reef.room .prog{gap:7px;display:flex}.reef.room .prog span{background:#ffffff21;border-radius:3px;width:44px;height:5px}.reef.room .prog span.done{background:var(--p40)}.reef.room .prog span.now{background:var(--sec)}.reef.room .ico{width:38px;height:38px;color:var(--mut);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.reef.room .ico:hover{color:var(--txt);background:#ffffff17}.reef.room .ico .i{font-size:19px}.reef.room .end{color:#fff;background:#e33a52;border-radius:10px;align-items:center;gap:9px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:filter .15s;display:inline-flex}.reef.room .end:hover{filter:brightness(1.1)}.reef.room .end .i{stroke-width:2.2px;font-size:16px}.reef.room .body{flex:1;grid-template-columns:minmax(0,1fr) 372px;min-height:0;display:grid}.reef.room .talk{min-width:0;min-height:0}.reef.room .rail{border-left:1px solid var(--edge);background:#070c2c80;flex-direction:column;min-height:0;display:flex}.reef.room .ava{background:0 0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:auto;height:auto;padding:28px 20px;display:flex}.reef.room .orb{filter:blur(9px);background:radial-gradient(circle at 32% 28%, #9aa5f7 0%, #9aa5f700 52%), radial-gradient(circle at 70% 72%, var(--sec) 0%, #d5ee6200 46%), radial-gradient(circle at 50% 50%, #3d48f5 0%, #0a1147 78%);border-radius:50%;width:186px;height:186px;animation:7s ease-in-out infinite reef-drift}@keyframes reef-drift{50%{transform:scale(1.045)}}.reef.room .ava .nm{letter-spacing:.14em;margin:6px 0 0;font-size:15px;font-weight:700}.reef.room .ava .row{color:var(--mut);align-items:center;gap:12px;font-size:13px;display:flex}.reef.room .wave{align-items:center;gap:3px;height:26px;display:flex}.reef.room .wave i{background:var(--sec);border-radius:2px;width:3px;height:30%;animation:1s ease-in-out infinite reef-talk}.reef.room .wave.idle i{animation-play-state:paused}@keyframes reef-talk{50%{height:100%}}.reef.room .cam{border-top:1px solid var(--edge);flex:none;padding:18px 20px 22px}.reef.room .feed{aspect-ratio:4/3;background:linear-gradient(160deg,#1b2360 0%,#0b1140 100%);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.reef.room .feed .i{color:#ffffff24;stroke-width:1.4px;font-size:52px}.reef.room .feed video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reef.room .cam p{text-align:center;color:var(--mut);margin:12px 0 0;font-size:13.5px}.reef.room .cam .opt{color:var(--fnt);margin-top:5px;font-size:11.5px}.reef.room .boot{z-index:20;background:var(--ground);place-items:center;padding:32px 20px;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0}.reef.room .boot.gone{opacity:0;visibility:hidden}.reef.room .boot .in{text-align:center;width:100%;max-width:470px}.reef.room .boot h2{font-size:25px;line-height:1.2}.reef.room .boot .sub{color:var(--mut);margin:12px 0 30px;font-size:14.4px;line-height:1.6}.reef.room .checks{text-align:left;gap:11px;margin:0;padding:0;list-style:none;display:grid}.reef.room .checks li{border:1px solid var(--edge);color:var(--fnt);background:#ffffff0d;border-radius:13px;align-items:center;gap:13px;padding:15px 18px;font-size:14px;transition:color .2s,background .2s;display:flex}.reef.room .checks li.run{color:var(--mut)}.reef.room .checks li.ok{color:var(--txt);background:#ffffff14}.reef.room .mark{color:#0000;border:2px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.reef.room .mark .i{stroke-width:3.4px;font-size:11px}.reef.room .checks li.run .mark{border-top-color:var(--p40);animation:.8s linear infinite reef-spin}.reef.room .checks li.ok .mark{background:var(--sec);border-color:var(--sec);color:#0a1140;animation:none}@keyframes reef-spin{to{transform:rotate(360deg)}}.reef.room .quit{z-index:35;background:#03061abf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.reef.room .quit .qcard{text-align:left;background:#111a55;border-radius:18px;width:100%;max-width:420px;padding:28px}.reef.room .quit h3{font-size:20px}.reef.room .quit p{color:#c9cfff;margin:12px 0 0;font-size:14px;line-height:1.6}.reef.room .quit .row{gap:11px;margin-top:22px;display:flex}.reef.room .quit .row button{border-radius:11px;flex:1;padding:14px;font-size:14px;font-weight:700}.reef.room .quit .stay{background:var(--p70);color:#fff}.reef.room .quit .leave{color:#ff9aa8;background:#ffffff14}.reef.room .lapgate{z-index:95;background:#03061ae0;place-items:center;padding:24px 20px;display:none;position:fixed;inset:0}.reef.room .lapgate .lcard{border:1px solid var(--edge);text-align:center;background:#111a55;border-radius:18px;width:100%;max-width:372px;padding:26px 26px 22px;box-shadow:0 40px 80px -30px #000c}.reef.room .lapgate h2{letter-spacing:-.04em;color:var(--txt);margin:0;font-size:19px;font-weight:700;line-height:1.2}.reef.room .lapgate p{color:var(--mut);margin:9px 0 0;font-size:13.8px;line-height:1.6}.reef.room .lapgate a{background:var(--p70);color:#fff;border-radius:11px;margin:20px 0 0;padding:14px;font-size:14px;font-weight:700;text-decoration:none;transition:filter .15s;display:block}.reef.room .lapgate a:hover{filter:brightness(1.12)}@media (max-width:1080px){.reef.room .prog span{width:26px}.reef.room .body{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:900px){.reef.room .body{grid-template-columns:minmax(0,1fr)}.reef.room .rail,.reef.room .ttl p,.reef.room .badge.time{display:none}}@media (max-width:760px){.reef.room .lapgate{display:grid}}@media (prefers-reduced-motion:reduce){.reef *,.reef :before,.reef :after{transition:none!important;animation:none!important}}