/* Public website shares the workspace palette and type scale. */
.site-header,.site-main,.site-footer{width:min(1230px,calc(100% - 80px));margin:0 auto}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172336;gap:25px}.site-header nav{display:flex;gap:29px;align-items:center;margin-left:auto;margin-right:25px}.site-header nav a{font-size:12px;color:var(--muted);transition:color 160ms var(--ease)}.site-header nav a:hover{color:var(--text)}.site-header>.button{font-size:12px}.site-main .hero{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;padding:95px 0 70px;align-items:center}.hero-label{font-size:9px;letter-spacing:1.6px;color:#91a9ce;display:flex;align-items:center;gap:8px;margin-bottom:24px}.hero h1{font-size:clamp(34px,3.5vw,51px);font-weight:650;line-height:1.12;letter-spacing:-2px;margin-bottom:23px}.hero h1>span{color:#81adf4}.hero p{font-size:14px;line-height:1.9;max-width:405px;margin-bottom:27px;color:#8e9eb4}.hero-actions{display:flex;align-items:center;gap:23px}.hero-actions button,.hero-actions>.button{font-size:12px;padding:12px 16px}.hero-actions .quiet{padding:8px 0}.hero-footnote{display:flex;align-items:center;gap:7px;margin-top:21px;font-size:10px;color:#667c9b}.hero-footnote svg{width:13px;height:13px;color:#789bd0}.hero-footnote>span{margin:0 3px}.product-preview{border:1px solid #29446a;background:#101927;border-radius:10px;box-shadow:0 18px 40px #0003;transform:none}.preview-top{height:44px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#101a29;border-radius:10px 10px 0 0}.preview-star{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.preview-star svg{color:var(--accent-light);width:17px;height:17px}.preview-label{color:#5d769c;letter-spacing:1.3px;font-size:7px}.preview-body{display:flex}.preview-body aside{display:flex;flex-direction:column;width:48px;border-right:1px solid var(--border);padding:15px 6px;gap:11px}.preview-nav{display:grid;place-items:center;width:34px;height:34px;color:#506b91;border-radius:6px}.preview-nav.active{background:#1b3152;color:#8eb8fb}.preview-nav svg{width:16px;height:16px}.preview-content{flex:1;min-width:0;padding:19px 18px 0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-heading small{font-size:7px;letter-spacing:1.1px;color:#5f7698}.preview-heading h2{font-size:17px;margin:6px 0 18px}.preview-heading .status-label{font-size:7px;letter-spacing:.5px}.preview-heading .dot{width:5px;height:5px}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#5f779b;padding-bottom:17px;border-bottom:1px solid var(--border)}.preview-meta>span:first-child{display:flex;align-items:center;gap:6px;color:#b3c7e3}.preview-meta svg{width:12px;height:12px}.preview-stream>div{display:grid;grid-template-columns:50px 66px minmax(0,1fr);gap:8px;align-items:center;border-bottom:1px solid #1b293d;padding:15px 0}.preview-stream time{color:#6880a3;font-size:8px}.preview-stream .tag{font-size:7px;justify-self:start}.preview-stream p{font-size:9px;margin:0;line-height:1.6;color:#8da3c3}.preview-stream p strong{font-weight:500;color:#c5d8f4}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:7px;color:#5d7597;gap:5px}.preview-bottom>span:first-child{display:flex;gap:5px;align-items:center}.preview-bottom svg{width:11px;height:11px}.compatibility{padding:23px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}.compatibility>span{font-size:8px;color:#597194;letter-spacing:1.2px}.compatibility>strong{font-size:14px;font-weight:550;color:#8d9fb9;white-space:nowrap}.site-section{padding:77px 0;border-bottom:1px solid var(--border);scroll-margin-top:20px}.section-heading h2{font-size:31px;letter-spacing:-1px;margin:15px 0 14px}.section-heading p{font-size:13px;max-width:590px;line-height:1.8;margin-bottom:30px}.site-section .eyebrow{font-size:9px;color:#6985ad}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:37px}.feature-grid article{padding:0 20px 0 0}.feature-grid article>svg{width:23px;height:23px;color:#7faaf0;margin-bottom:19px}.feature-grid h3{font-size:16px;letter-spacing:-.3px;margin-bottom:11px}.feature-grid p{font-size:12px;line-height:1.9;color:#7e94b3;max-width:310px}.feature-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;background:#101926;border:1px solid #20314a;padding:18px 23px;border-radius:7px}.feature-strip>span{font-size:10px;display:flex;gap:8px;align-items:center;color:#8c9fbc}.feature-strip svg{width:15px;height:15px;color:#5e8acc}.setup-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.setup-section .section-heading{max-width:380px}.setup-steps{margin:0;padding:0;list-style:none}.setup-steps li{position:relative;padding:0 0 24px 55px;min-height:93px}.setup-steps li:last-child{padding-bottom:0}.setup-steps li>span{position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #294165;border-radius:7px;color:#88acf0;font-size:10px;font-family:ui-monospace,monospace}.setup-steps li:not(:last-child)::before{content:"";position:absolute;left:16px;top:39px;bottom:8px;width:1px;background:#23334b}.setup-steps h3{font-size:15px;margin-bottom:8px}.setup-steps p{font-size:12px;line-height:1.9;margin-bottom:0}.public-plans .plan{padding:25px}.public-plans .price{font-size:32px;margin-top:25px}.pricing-note{font-size:10px;text-align:center;margin:22px 0 0;color:#677e9f}.public-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.public-faq .faq-list details:first-child{border:0;padding-top:0}.public-faq .faq-list summary{font-size:12px}.public-faq .faq-list p{font-size:11px}.closing-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:56px 0}.closing-cta h2{font-size:25px;letter-spacing:-.8px;margin-bottom:10px}.closing-cta p{font-size:12px;margin:0}.closing-cta button,.closing-cta>.button{font-size:12px;padding:12px 16px}.site-footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 32px;font-size:10px;color:#5f7696}.site-footer .brand-name{font-size:16px}.site-footer .brand-mark{width:24px;height:24px;background:transparent}.site-footer>a:last-child{color:var(--muted)}.login-card>form>button{width:100%}.login-card .brand-mark{width:40px;height:40px;margin-top:5px}.login-card .discord-login{background:#4b81e4;border-color:#4b81e4;font-size:12px;padding:12px}.login-card .muted{font-size:10px}.login-card .auth-error,.login-card #auth-error{color:var(--red);font-size:11px}.login-card #show-register{font-size:11px;margin-top:14px}.login-card .field{font-size:10px}.login-card #login-form{border-top:1px solid var(--border);padding-top:4px}
/* Existing site administration retains all IDs and handlers. */
.admin-main{width:100%;max-width:1250px;margin:auto;padding:32px 20px}.admin-main>header.panel-heading{padding:0 0 22px;background:transparent;border:0}.admin-main h1{margin-top:8px}.admin-main .stats{margin:24px 0}.admin-main>.panel{margin-top:24px;padding:24px}.admin-main>.panel>.panel-heading{padding:0 0 17px;margin-bottom:13px}.admin-main #admin-search{display:flex;gap:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;color:var(--muted)}td,th{padding:13px 10px;border-bottom:1px solid var(--border)}td small{font-size:10px}.admin-modal{max-width:720px}.admin-modal form{margin-top:24px}.admin-main #admin-audit>p{font-size:12px;border-bottom:1px solid var(--border);padding:12px 0}.admin-main #admin-notice{padding:12px;border:1px solid #345681;border-radius:6px;font-size:12px;color:var(--accent-light)}
@media(max-width:1250px){.site-header,.site-main,.site-footer{width:calc(100% - 64px)}.site-main .hero{gap:35px;padding-top:70px}.hero h1{font-size:42px}.product-preview{min-width:0}.preview-content{padding:17px 13px 0}.preview-stream>div{grid-template-columns:45px 60px minmax(0,1fr);gap:6px}.public-plans{grid-template-columns:repeat(4,1fr)}.public-plans .plan{padding:18px}.public-plans .plan li{font-size:10px}.public-faq{gap:50px}}
@media(max-width:1000px){.site-main .hero{grid-template-columns:1fr;max-width:690px;margin:auto;padding:58px 0}.hero-copy{max-width:570px}.hero h1{font-size:48px}.hero p{max-width:480px}.product-preview{max-width:620px;width:100%;margin-top:10px}.preview-stream p{font-size:11px}.preview-stream time{font-size:10px}.preview-stream .tag{font-size:9px}.preview-stream>div{grid-template-columns:64px 84px minmax(0,1fr);padding:17px 0}.preview-content{padding:21px 20px 0}.preview-heading h2{font-size:20px}.preview-body aside{width:57px;padding:16px 11px}.preview-meta{font-size:10px}.preview-label{font-size:8px}.preview-heading .status-label{font-size:8px}.preview-bottom{font-size:9px}.site-header nav{gap:18px;margin-right:5px}.site-header .brand-name{font-size:17px}.site-header .brand-name>span{display:none}.compatibility{flex-wrap:wrap;justify-content:center;gap:24px}.compatibility>span{flex-basis:100%;text-align:center}.feature-grid{gap:25px}.feature-grid article{padding:0}.feature-grid h3{font-size:14px}.feature-strip{flex-wrap:wrap;justify-content:flex-start;gap:18px 27px}.setup-section{grid-template-columns:1fr 1fr;gap:40px}.section-heading h2{font-size:28px}.public-plans{grid-template-columns:repeat(2,1fr)}.public-plans .plan{padding:24px}.public-plans .plan li{font-size:12px}.public-faq{grid-template-columns:1fr;gap:5px}.public-faq .section-heading{margin-bottom:23px}.public-faq .faq-list{max-width:800px}}
@media(max-width:650px){.site-header,.site-main,.site-footer{width:calc(100% - 36px)}.site-header{height:75px;gap:10px}.site-header nav{display:none}.site-header>.button{font-size:11px;padding:8px 11px}.site-main .hero{padding:43px 0}.hero-label{font-size:8px;letter-spacing:1.2px;margin-bottom:21px}.hero h1{font-size:clamp(31px,8vw,43px);letter-spacing:-1.3px}.hero p{font-size:12px;line-height:1.9;max-width:100%;margin-bottom:23px}.hero-actions{gap:17px}.hero-actions button,.hero-actions .button{font-size:11px;padding:10px 12px}.hero-footnote{font-size:9px;flex-wrap:wrap;gap:5px}.product-preview{margin-top:0}.preview-top{padding:0 13px;height:38px}.preview-label{font-size:6px}.preview-content{padding:16px 12px 0}.preview-body aside{width:37px;padding:13px 4px}.preview-nav{width:28px;height:28px}.preview-nav svg{width:14px;height:14px}.preview-heading h2{font-size:15px;margin:5px 0 14px}.preview-heading small{font-size:6px}.preview-heading .status-label{font-size:6px;gap:4px}.preview-stream>div{grid-template-columns:43px 61px minmax(0,1fr);gap:6px;padding:14px 0}.preview-stream time{font-size:7px}.preview-stream .tag{font-size:6px;padding:3px 4px}.preview-stream p{font-size:8px;line-height:1.8}.preview-meta{font-size:7px;padding-bottom:12px}.preview-bottom{font-size:6px;padding:13px 0}.preview-star{font-size:10px}.compatibility{gap:16px}.compatibility>strong{font-size:11px}.compatibility>span{font-size:7px}.site-section{padding:49px 0}.section-heading h2{font-size:26px;margin:13px 0}.section-heading p{font-size:12px;line-height:1.8}.feature-grid{grid-template-columns:1fr;margin-top:27px;gap:20px}.feature-grid article{padding-left:42px;position:relative}.feature-grid article>svg{position:absolute;left:0;top:0}.feature-grid h3{font-size:15px}.feature-grid p{max-width:none;font-size:11px}.feature-strip{padding:16px;gap:15px;font-size:9px}.feature-strip>span{font-size:9px}.setup-section{grid-template-columns:1fr;gap:5px}.setup-steps h3{font-size:14px}.setup-steps p{font-size:11px}.public-plans{grid-template-columns:1fr}.public-plans .plan{padding:25px}.public-faq .faq-list details{padding:17px 0}.closing-cta{flex-direction:column;align-items:flex-start;padding:39px 0;gap:21px}.closing-cta h2{font-size:25px}.site-footer{flex-wrap:wrap;gap:17px;font-size:9px}.site-footer>.brand{flex-basis:100%}.admin-main{padding:23px 15px}.admin-main>header{flex-direction:column;align-items:flex-start}.admin-main #admin-search{flex-wrap:wrap}.admin-main>.panel{padding:17px}.admin-main .panel-heading{flex-wrap:wrap}}