:root{color:#f5f7fa;background:#030405;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,#50ffaa24,#0000 32%),radial-gradient(circle at 78% 12%,#5082ff2e,#0000 30%),linear-gradient(#060708,#010202 58%,#050606);min-height:100vh;margin:0;overflow-x:hidden}main{width:min(1180px,92vw);margin:0 auto;padding:112px 0 40px}.island{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:20;background:#080a0cc7;border:1px solid #ffffff24;border-radius:999px;width:320px;height:60px;transition:all .42s cubic-bezier(.2,.9,.2,1);position:fixed;top:20px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 50px #00000080,inset 0 0 25px #ffffff0a}.island:hover,.island:focus-within{border-radius:36px;width:min(820px,94vw);height:350px}.island-top{justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 18px;display:flex}.pulse{background:#ff4b4b;border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #ff4b4b}.connected .pulse{background:#14ff90;box-shadow:0 0 18px #14ff90}.island button,.hero-actions button,.action-card button,.panel button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1af291,#1b7cff);border:0;border-radius:999px;padding:10px 15px;font-weight:800}.island-scroll{scroll-snap-type:x mandatory;gap:16px;height:270px;padding:8px 18px 24px;display:flex;overflow-x:auto}.island-panel{scroll-snap-align:center;background:#fff1;border:1px solid #ffffff17;border-radius:24px;min-width:240px;padding:18px}.island-panel h4{color:#9fffc7;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.island-panel p{opacity:.72;word-break:break-all}.island-panel input,.ai-panel textarea{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:18px;outline:none;width:100%;padding:14px}.island-score{font-size:54px;font-weight:900}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;min-height:570px;display:grid}.eyebrow{color:#8cffc6;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800}.hero h1{letter-spacing:-.07em;margin:0 0 18px;font-size:clamp(42px,7vw,82px);line-height:.94}.subtext{color:#b6bec7;max-width:720px;font-size:19px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-actions button{align-items:center;gap:8px;display:flex}.ghost,.panel button.ghost{background:#ffffff14!important;border:1px solid #ffffff1f!important}.orb-card{background:linear-gradient(#ffffff1a,#ffffff09);border:1px solid #ffffff21;border-radius:40px;min-height:400px;padding:28px;box-shadow:0 30px 90px #00000057}.orb{background:radial-gradient(circle at 35% 28%,#fff,#9fffc7 14%,#1b7cff 43%,#0a0c0d 68%);border-radius:50%;width:210px;height:210px;margin:18px auto 34px;animation:5s ease-in-out infinite float;box-shadow:0 0 70px #31ffa047}.metric-row{color:#c8d0d7;border-top:1px solid #ffffff1a;justify-content:space-between;padding:14px 0;display:flex}.metric-row b{color:#fff}.action-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.action-card,.panel{background:#ffffff12;border:1px solid #ffffff1a;border-radius:30px;padding:24px;box-shadow:0 18px 55px #00000038}.card-icon{color:#8cffc6;background:#1eff9621;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.action-card h3{margin:18px 0 8px;font-size:25px}.action-card p,.panel p,.muted{color:#b5bec7;line-height:1.5}.workspace{grid-template-columns:1.5fr .75fr .75fr;gap:16px;margin-top:16px;display:grid}.panel-head{align-items:center;gap:10px;display:flex}.panel-head h2{margin:0}.ai-panel textarea{resize:vertical;height:136px;margin:18px 0}.big-score{font-weight:900;color:#fff!important;margin:10px 0!important;font-size:72px!important}.wide{margin-top:16px}.board-row{border-top:1px solid #ffffff1a;grid-template-columns:54px 1fr 1.4fr 90px;align-items:center;gap:14px;padding:16px 0;display:grid}.board-row em{color:#aeb8c2;font-style:normal}.board-row strong{text-align:right;color:#8cffc6}footer{color:#aeb8c2;border-top:1px solid #ffffff1a;justify-content:space-between;gap:18px;margin-top:40px;padding:26px 0;display:flex}footer b{color:#fff;display:block}.footer-links{gap:16px;display:flex}.toast{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c0edb;border:1px solid #ffffff21;border-radius:18px;align-items:center;gap:8px;padding:14px 16px;display:flex;position:fixed;bottom:20px;right:20px}@keyframes float{50%{transform:translateY(-14px)rotate(5deg)}}@media (width<=850px){main{padding-top:100px}.hero,.workspace,.action-grid{grid-template-columns:1fr}.board-row{grid-template-columns:40px 1fr}.board-row em,.board-row strong{grid-column:2}.island:hover,.island:focus-within{height:330px}}