:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#163c3c;background:#f6f8f4;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:32px 40px}header{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo{color:#fff;background:#236355;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.badge{border:1px solid #ccd9d1;border-radius:30px;padding:9px 14px;font-size:13px}.intro{max-width:780px;padding:84px 0 44px}.eyebrow{color:#526b60;letter-spacing:.13em;font-size:12px;font-weight:700}h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(36px,6vw,64px);line-height:1.08}.lead{color:#4a625b;max-width:650px;font-size:18px;line-height:1.7}.status{margin-top:30px;font-size:14px}.status span{color:#236355;margin-right:6px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}article{background:#fff;border:1px solid #dce4dc;border-radius:18px;padding:26px}.number{color:#496a58;font-size:13px;font-weight:700}h2{letter-spacing:-.02em;font-size:20px}article p,aside p{color:#4a625b;line-height:1.65}.planned{color:#526b60;margin-top:16px;font-size:12px;display:inline-block}aside{background:#e8eee3;border-radius:18px;margin:28px 0 40px;padding:24px 30px}aside h2{margin-top:0;font-size:17px}aside p{max-width:900px;margin-bottom:0;font-size:14px}footer{color:#526b60;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:16px;font-size:12px;display:flex}a:focus-visible{outline-offset:5px;outline:3px solid #236355}.auth-area{max-width:780px;padding-top:64px}.auth-area h1{font-size:clamp(32px,5vw,48px)}.auth-form{background:#fff;border:1px solid #dce4dc;border-radius:18px;gap:12px;max-width:440px;padding:28px;display:grid}.auth-form label{font-weight:600}.auth-form input{width:100%;min-height:48px;font:inherit;border:1px solid #83978b;border-radius:8px;padding:12px}.primary-button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#236355;border:0;border-radius:9px;padding:12px 22px;font-weight:600}.primary-button:disabled{opacity:.65;cursor:wait}.primary-button:focus-visible,.auth-form input:focus-visible{outline-offset:3px;outline:3px solid #779349}.auth-note{color:#4a625b;max-width:540px;font-size:14px;line-height:1.65}.auth-error{color:#8c2920;background:#fff1ef;border-radius:8px;padding:15px}.channels-panel{margin-top:40px;line-height:1.6}.consent{align-items:flex-start;gap:12px;margin:20px 0;display:flex}.consent input{min-width:24px;min-height:24px;margin-top:4px}.channel-list{gap:18px;padding:0;list-style:none;display:grid}.channel-card{overflow-wrap:anywhere;margin:18px 0}.channel-card h3{margin-top:0}.channel-id{font-size:13px}.channel-actions{flex-wrap:wrap;gap:12px;display:flex}.secondary-button{color:#163c3c;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #236355;border-radius:9px;padding:10px 16px}.secondary-button:disabled{opacity:.65;cursor:wait}.secondary-button:focus-visible,.consent input:focus-visible{outline-offset:3px;outline:3px solid #779349}.video-list{padding-left:22px}.video-list li{overflow-wrap:anywhere;margin-bottom:20px}.video-list span{color:#4a625b;font-size:13px;display:block}.devices-panel{border-top:1px solid #ccd9d1;margin-top:48px;padding-top:24px;line-height:1.6}.pairing-code{background:#e8eee3;border-radius:12px;margin:20px 0;padding:20px}.pairing-code strong{letter-spacing:.12em;font-family:ui-monospace,monospace;font-size:clamp(24px,5vw,38px)}@media (max-width:700px){main{padding:24px 20px}header{flex-wrap:wrap}.intro{padding-top:48px}.cards{grid-template-columns:1fr}aside{padding:22px}}
