html{scroll-behavior:smooth}body{margin:0}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #1f82e740}:root{color:#10213d;font-synthesis:none;text-rendering:optimizelegibility;background:#eef6ff;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 5%,#58b0ff29,#0000 27%),radial-gradient(circle at 88% 40%,#63b8ff26,#0000 30%),linear-gradient(150deg,#fff 0%,#f4f9ff 48%,#eaf4ff 100%);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:150px;overflow-x:hidden}.top-header{justify-content:space-between;align-items:center;width:min(1460px,100% - 60px);margin:0 auto;padding:24px 0 10px;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand-logo{color:#2588eb;background:radial-gradient(circle,#fff 45%,#dcefff 78%,#9ed2ff);border:2px solid #2a86eeb3;border-radius:50%;place-items:center;width:66px;height:66px;font-size:42px;font-weight:300;display:grid;box-shadow:0 0 28px #3597f33d}.brand-name{color:#77869e;letter-spacing:.06em;font-size:clamp(28px,3vw,43px);font-weight:300}.brand-name strong{color:#1478e8;font-weight:600}.status-pill{color:#182743;background:#ffffffdb;border:1px solid #4f6f9a1f;border-radius:999px;align-items:center;gap:11px;min-height:54px;padding:0 20px;display:flex;box-shadow:0 14px 36px #345a8f1c}.status-pill strong{color:#198147}.status-dot{background:#41c878;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #41c87821}.status-dot.thinking{background:#8474ff}.status-dot.speaking,.status-dot.listening{background:#258ff2;animation:1s ease-in-out infinite pulse}.page-content{width:min(1180px,100% - 40px);margin:0 auto}.hero-copy{text-align:center;margin:38px auto 24px}.eyebrow{color:#167eea;margin-bottom:18px;font-size:14px;font-weight:700}.hero-copy p{color:#172642;margin:0 0 10px;font-size:clamp(22px,2.4vw,31px);font-weight:500}.hero-copy h1{color:#10213f;letter-spacing:-.055em;margin:0;font-size:clamp(48px,6.2vw,82px);font-weight:650;line-height:1.03}.hero-copy h1 span{color:#1477e9}.command-bar{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe8;border:1px solid #437cc421;border-radius:25px;grid-template-columns:48px 1fr 47px 100px;align-items:center;gap:8px;min-height:80px;padding:10px 11px 10px 15px;display:grid;position:relative;box-shadow:0 24px 68px #33619d26}.command-bar input{color:#172843;background:0 0;border:0;outline:0;width:100%;font-size:16px}.command-bar input::placeholder{color:#73839b}.icon-button,.sound-button{color:#167fe9;background:#eef6ff;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.icon-button.active{color:#fff;background:#1683e8;animation:1s infinite pulse}.ask-button{color:#fff;background:linear-gradient(145deg,#299cff,#096bdc);border:0;border-radius:18px;justify-content:center;align-items:center;gap:5px;min-height:58px;font-weight:700;display:flex;box-shadow:0 12px 27px #1070df45}.voice-notice{color:#607089;background:#ffffffa6;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:90%;margin:12px auto 0;padding:8px 14px;font-size:13px;display:flex}.voice-notice span{background:#45c785;border-radius:50%;width:8px;height:8px}.voice-notice.listening span,.voice-notice.speaking span{background:#1683e8;animation:.8s infinite pulse}.voice-notice.thinking span{background:#8474ff;animation:.8s infinite pulse}.carbi-stage{justify-content:center;align-items:flex-end;height:650px;margin-top:-18px;display:flex;position:relative}.hologram-glow{filter:blur(30px);background:radial-gradient(#00beffa3,#0078ff24,#0000 70%);border-radius:50%;width:700px;height:140px;position:absolute;bottom:50px}.hologram-ring{border:2px solid #00b4ff6b;border-radius:50%;width:620px;height:78px;animation:6s ease-in-out infinite ring;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}.ring-two{opacity:.42;width:820px;height:105px;animation-duration:8s}.carbi-avatar{z-index:5;background:0 0;border:0;outline:0;justify-content:center;align-items:flex-end;width:min(900px,85vw);height:620px;padding:0;display:flex;position:relative}.carbi-avatar img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 42px #2170c140);width:100%;height:100%;animation:5s ease-in-out infinite float}.avatar-listening img{filter:drop-shadow(0 0 40px #00beffbf);animation:1.5s ease-in-out infinite listening}.avatar-thinking img{filter:drop-shadow(0 0 42px #8466ffad);animation:1.7s ease-in-out infinite thinking}.avatar-speaking img{filter:drop-shadow(0 0 50px #0afc);animation:1.05s ease-in-out infinite speaking}.avatar-aura{border:1px solid #40b2ff47;border-radius:50%;width:72%;height:16%;animation:5s ease-in-out infinite ring;position:absolute;bottom:7%}.avatar-chest-glow{z-index:7;opacity:0;background:radial-gradient(circle,#51d5ff8c,#0000 70%);border-radius:50%;width:65px;height:65px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.avatar-thinking .avatar-chest-glow,.avatar-speaking .avatar-chest-glow{opacity:1;animation:1s infinite pulse}.avatar-voice-bars{z-index:9;align-items:center;gap:4px;display:none;position:absolute;top:29%;right:22%}.avatar-speaking .avatar-voice-bars{display:flex}.avatar-voice-bars i{background:#32a9ff;border-radius:999px;width:4px;height:8px;animation:.45s ease-in-out infinite alternate bar}.avatar-voice-bars i:nth-child(2){animation-delay:.1s}.avatar-voice-bars i:nth-child(3){animation-delay:.2s}.avatar-voice-bars i:nth-child(4){animation-delay:.3s}.carbi-status{z-index:8;color:#1773df;letter-spacing:.06em;background:#ffffffed;border:1px solid #3389e836;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:245px;min-height:55px;font-weight:800;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 15px 36px #2b68ab29}.carbi-status span{background:#1783f0;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #1783f0cc}.quick-actions{grid-template-columns:repeat(4,1fr);gap:16px;width:min(1120px,92vw);margin:4px auto 28px;display:grid}.quick-actions button{color:#42536e;background:#ffffffe6;border:1px solid #426fae1a;border-radius:19px;justify-content:center;align-items:center;gap:11px;min-height:70px;font-weight:600;display:flex;box-shadow:0 12px 30px #355d9017}.quick-actions button span{font-size:24px}.daily-overview{background:#ffffffc7;border:1px solid #4b74a91a;border-radius:28px;margin:0 auto 26px;padding:26px;box-shadow:0 16px 43px #345d8f14}.daily-overview header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.daily-overview small{color:#718098;letter-spacing:.07em;font-weight:800}.daily-overview h2{color:#162642;margin:6px 0}.daily-overview p{color:#697991;max-width:720px;margin:0}.daily-overview header button,.primary-wide{color:#fff;background:#1683e8;border:0;border-radius:15px;padding:12px 16px;font-weight:700}.overview-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.overview-grid button{color:#1c2c48;text-align:left;background:#f8fbff;border:1px solid #4b74a91a;border-radius:20px;flex-direction:column;align-items:flex-start;gap:6px;min-height:110px;padding:18px;display:flex}.overview-grid button span{font-size:25px}.overview-grid button strong{font-size:16px}.overview-grid button small{color:#738198;letter-spacing:0}.info-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:34px;display:grid}.info-grid article{cursor:pointer;background:#ffffffc7;border:1px solid #4b74a91a;border-radius:22px;gap:14px;min-height:132px;padding:21px;display:flex;position:relative;box-shadow:0 16px 43px #345d8f14}.card-icon{color:#147ee8;background:#eaf4ff;border-radius:16px;flex:none;place-items:center;width:47px;height:47px;display:grid}.info-grid small{color:#718098;letter-spacing:.06em;margin-bottom:6px;font-weight:700;display:block}.info-grid strong{color:#172642;font-size:17px;display:block}.info-grid p{color:#75849a;margin:7px 0 0;font-size:13px;line-height:1.5}.live-badge{color:#21844d;background:#e6f8ed;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;position:absolute;top:18px;right:18px}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #4770a91f;border-radius:28px;grid-template-columns:repeat(6,1fr);width:min(1100px,94vw);height:86px;padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 17px 50px #2a50852b}.bottom-nav button{color:#65758e;background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.bottom-nav button.active{color:#0f77e9;background:#edf6ff}.app-panel{z-index:100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#f7fbfff5;border:1px solid #4770a921;border-radius:30px;flex-direction:column;display:flex;position:fixed;inset:24px max(24px,50vw - 590px);overflow:hidden;box-shadow:0 30px 90px #21467840}.panel-header{border-bottom:1px solid #4b74a91a;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.panel-header h2{color:#172642;margin:0}.panel-header p{color:#718098;margin:5px 0 0}.panel-close{color:#147ee8;background:#eaf4ff;border:0;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.panel-content{padding:24px;overflow:auto}.control-row{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.control-row button{color:#42536e;background:#fff;border:1px solid #4b74a921;border-radius:15px;align-items:center;gap:8px;min-height:48px;padding:0 18px;display:flex}.control-row button.selected{color:#fff;background:#1683e8}.control-row button.danger{color:#b13b4c}.control-row button.selected.danger{color:#fff;background:#d65263}.primary-wide{width:100%;margin-bottom:18px}.device-list,.history-list,.permission-list{flex-direction:column;gap:12px;display:flex}.device-list article,.permission-list article{background:#fff;border:1px solid #4b74a91a;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.device-list article div,.permission-list article div{flex-direction:column;flex:1;gap:4px;display:flex}.device-list article span,.permission-list article span{color:#718098;font-size:13px}.device-list article i{color:#21844d;font-style:normal}.permission-list article button{color:#fff;background:#1683e8;border:0;border-radius:12px;padding:10px 14px}.panel-action-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.panel-action-grid button{color:#42536e;background:#fff;border:1px solid #4b74a91a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;display:flex}.panel-action-grid button span{font-size:25px}.history-list article{background:#fff;border-radius:14px;justify-content:space-between;padding:14px 16px;display:flex}.chat-log{flex-direction:column;gap:10px;min-height:360px;display:flex}.chat-bubble{border-radius:16px;max-width:78%;padding:12px 14px;line-height:1.45}.chat-bubble.you{color:#fff;background:#1683e8;align-self:flex-end}.chat-bubble.carbi{color:#20314c;background:#eaf4ff;align-self:flex-start}.panel-chat-form{grid-template-columns:1fr 48px 76px;gap:8px;margin-top:16px;display:grid}.panel-chat-form input{border:1px solid #4b74a921;border-radius:15px;padding:0 15px}.panel-chat-form button{color:#fff;background:#1683e8;border:0;border-radius:14px}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;display:grid}.settings-grid label{color:#42536e;flex-direction:column;gap:8px;font-weight:700;display:flex}.settings-grid select{background:#fff;border:1px solid #4b74a921;border-radius:12px;min-height:46px;padding:0 12px}.empty-state{color:#718098;text-align:center;padding:30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes listening{0%,to{transform:rotate(-.5deg)translateY(-3px)}50%{transform:rotate(.8deg)translateY(-10px)}}@keyframes thinking{0%,to{transform:translateY(-3px)rotate(-.6deg)}50%{transform:translateY(-11px)rotate(1deg)}}@keyframes speaking{0%,to{transform:translateY(-3px)scale(1)}50%{transform:translateY(-9px)scale(1.015)}}@keyframes ring{0%,to{opacity:.4;transform:translate(-50%)scale(.96)}50%{opacity:1;transform:translate(-50%)scale(1.04)}}@keyframes pulse{0%,to{transform:scale(.9)}50%{transform:scale(1.15)}}@keyframes bar{0%{height:8px}to{height:30px}}@media (width<=900px){.top-header{width:calc(100% - 28px)}.status-pill span:first-child{display:none}.overview-grid,.quick-actions{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}.panel-action-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding-bottom:98px}.top-header{padding-top:16px}.brand{gap:9px}.brand-logo{width:48px;height:48px;font-size:31px}.brand-name{font-size:20px}.status-pill{gap:7px;min-height:42px;padding:0 12px;font-size:12px}.page-content{width:calc(100% - 22px)}.hero-copy{margin-top:34px}.hero-copy h1{font-size:clamp(40px,13vw,58px)}.command-bar{grid-template-columns:43px 1fr 47px;min-height:68px;padding-left:10px}.sound-button{display:none}.ask-button{width:47px;min-height:47px;padding:0;font-size:0}.carbi-stage{height:510px;margin-top:-8px}.carbi-avatar{width:100vw;height:500px}.hologram-glow{width:430px;height:110px}.hologram-ring{width:400px}.ring-two{width:520px}.quick-actions{justify-content:flex-start;padding-bottom:7px;display:flex;overflow-x:auto}.quick-actions button{flex:0 0 210px}.daily-overview{padding:18px}.daily-overview header{flex-direction:column}.overview-grid{grid-template-columns:1fr 1fr}.bottom-nav{border-radius:22px;width:calc(100% - 16px);height:74px;padding:6px;bottom:8px}.bottom-nav button{font-size:0}.bottom-nav button svg{width:23px;height:23px}.app-panel{border-radius:22px;inset:8px}.panel-content{padding:16px}.panel-action-grid{grid-template-columns:1fr 1fr}.panel-chat-form{grid-template-columns:1fr 44px}.panel-chat-form button[type=submit]{grid-column:1/-1;height:44px}.carbi-status{min-width:210px;bottom:16px}.avatar-voice-bars{right:15%}}