.companion-stage{--companion-black:#070709;--companion-charcoal:#111116;--companion-panel:#19191f;--companion-ivory:#eee9df;--companion-muted:#9b9696;--companion-wine:#6f1e2d;--companion-blood:#9a2e42;--companion-line:#eee9df21;min-height:100vh;min-height:100svh;color:var(--companion-ivory);background:radial-gradient(circle at 50% 18%,#6f1e2d33,#0000 34%),linear-gradient(145deg,#101014,#070709 48%,#0d0d11);place-items:center;font-family:IBM Plex Sans,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.companion-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.companion-backdrop:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.companion-backdrop-seal{color:#eee9df06;width:min(64vw,680px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.companion-backdrop-line{background:linear-gradient(90deg,#0000,#9a2e4252,#0000);width:45vw;height:1px;position:absolute}.companion-backdrop-line-a{top:24%;left:-6%;transform:rotate(-25deg)}.companion-backdrop-line-b{bottom:19%;right:-8%;transform:rotate(-25deg)}.companion-device{z-index:1;background:linear-gradient(145deg,#24242a,#08080b 32%,#18181d 82%);border:1px solid #eee9df21;border-radius:42px;width:min(420px,100vw - 32px);height:min(880px,100svh - 32px);min-height:640px;padding:10px;position:relative;box-shadow:0 36px 90px #000000b8,inset 0 0 0 1px #ffffff09}.companion-device:before,.companion-device:after{content:"";background:#2d2d33;border-radius:3px 0 0 3px;width:3px;position:absolute;left:-3px}.companion-device:before{height:64px;top:128px}.companion-device:after{height:92px;top:210px}.companion-device-speaker{z-index:4;background:#08080b;border-radius:999px;width:72px;height:5px;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 1px #ffffff14}.companion-screen{background:var(--companion-charcoal);isolation:isolate;border:1px solid #ffffff0f;border-radius:33px;grid-template-rows:42px minmax(0,1fr) 58px;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.companion-screen:before{z-index:-1;content:"";background:radial-gradient(circle at 76% 24%,#9a2e4226,#0000 25%),linear-gradient(160deg,#0000 42%,#00000057);position:absolute;inset:0}.companion-screen-no-nav{grid-template-rows:42px minmax(0,1fr)}.companion-statusbar{color:#eee9dfe6;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:12px 19px 4px;font-size:.7rem;font-weight:600;display:flex}.companion-statusbar-icons,.companion-signal{align-items:flex-end;display:flex}.companion-statusbar-icons{gap:7px}.companion-notification-toggle{color:#eee9df8c;cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;display:grid}.companion-notification-toggle:hover,.companion-notification-toggle:focus-visible,.companion-notification-toggle-active{color:#e98a98}.companion-notification-toggle svg{width:14px;height:14px}.companion-message-notification{z-index:20;background:#18181ef7;border:1px solid #9a2e429e;border-radius:12px;grid-template-columns:minmax(0,1fr) 34px;animation:.18s ease-out companion-notification-in;display:grid;position:absolute;top:48px;left:10px;right:10px;overflow:hidden;box-shadow:0 14px 34px #0000008c}.companion-message-notification-content{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:2px;padding:10px 12px;display:grid}.companion-message-notification-content span{color:#c76879;letter-spacing:.1em;text-transform:uppercase;font-size:.56rem}.companion-message-notification-content strong,.companion-message-notification-content small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.companion-message-notification-content strong{font-size:.74rem}.companion-message-notification-content small{color:#eee9df9e;font-size:.66rem}.companion-message-notification-close{color:#eee9df7a;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.companion-message-notification-close svg{width:14px;height:14px}@keyframes companion-notification-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.companion-signal{gap:2px;height:11px}.companion-signal i{background:currentColor;border-radius:1px;width:2px;display:block}.companion-signal i:first-child{height:3px}.companion-signal i:nth-child(2){height:5px}.companion-signal i:nth-child(3){height:8px}.companion-signal i:nth-child(4){height:11px}.companion-wifi{border-top:2px solid;border-radius:50%;width:13px;height:9px;transform:translateY(1px)}.companion-wifi:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;margin:3px auto 0;display:block}.companion-battery{border:1px solid;border-radius:2px;width:19px;height:9px;padding:1px;display:block;position:relative}.companion-battery:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.companion-battery i{background:currentColor;border-radius:1px;width:71%;height:100%;display:block}.companion-battery-value{font-size:.62rem}.companion-screen-content{scrollbar-color:#9a2e42b8 #eee9df0d;scrollbar-width:thin;min-height:0;overflow:hidden auto}.companion-screen *{scrollbar-color:#9a2e42b8 #eee9df0d;scrollbar-width:thin}.companion-screen ::-webkit-scrollbar{width:7px;height:7px}.companion-screen ::-webkit-scrollbar-track{background:#eee9df0d}.companion-screen ::-webkit-scrollbar-thumb{background:#9a2e42b8;border:1px solid #19191f;border-radius:999px}.companion-system-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070709d1;border-top:1px solid #eee9df0f;grid-template-columns:repeat(3,1fr);align-items:center;padding:4px 66px 8px;display:grid;position:relative}.companion-system-nav button{color:#eee9df94;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;transition:color .14s,background-color .14s;display:grid}.companion-system-nav button:hover:not(:disabled){color:var(--companion-ivory);background:#eee9df0f}.companion-system-nav button:focus-visible,.companion-app:focus-visible,.companion-action:focus-visible,.companion-text-action:focus-visible{outline:2px solid var(--companion-blood);outline-offset:2px}.companion-system-nav button:disabled{cursor:default;opacity:.5}.companion-system-nav svg{stroke-width:1.5px;width:17px;height:17px}.companion-system-nav .companion-power{color:#9a2e42bd;position:absolute;right:17px}.companion-home{box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:100%;padding:30px 22px 20px;display:flex;position:relative;overflow:hidden}.companion-home:before{z-index:-1;content:"";filter:blur(2px);background:radial-gradient(#6f1e2d24,#0000 66%);border-radius:50%;width:220px;height:330px;position:absolute;bottom:14px;right:-28px}.companion-home-kicker,.companion-auth-kicker{color:var(--companion-muted);letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:600}.companion-home h1{color:var(--companion-ivory);letter-spacing:-.025em;margin:8px 0 0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.55rem;font-weight:500}.companion-home-header{position:relative}.companion-profile-shortcut{width:38px;height:38px;color:var(--companion-ivory);cursor:pointer;background:#ffffff09;border:1px solid #eee9df24;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:0}.companion-profile-shortcut:hover,.companion-profile-shortcut:focus-visible{background:#9a2e421f;border-color:#9a2e42a6;outline:none}.companion-profile-shortcut svg{width:19px;height:19px}.companion-home-subtitle{color:#eee9df7a;margin:5px 0 0;font-size:.72rem}.companion-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 15px;margin-top:46px;display:grid}.companion-app{min-width:0;color:var(--companion-ivory);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.companion-app-icon-wrap{width:58px;height:58px;display:block;position:relative}.companion-app-icon{background:linear-gradient(145deg,#ffffff0e,#0000 42%),#1b1b21;border:1px solid #eee9df1f;border-radius:17px;place-items:center;width:58px;height:58px;transition:transform .14s,border-color .14s,background-color .14s;display:grid;overflow:hidden;box-shadow:0 9px 18px #0000003d}.companion-app:nth-child(2) .companion-app-icon,.companion-app:nth-child(4) .companion-app-icon{background:linear-gradient(145deg,#ffffff0b,#0000 42%),#21161a}.companion-app:hover .companion-app-icon{background-color:#211b20;border-color:#9a2e4294;transform:translateY(-2px)}.companion-app-icon svg{stroke-width:1.35px;width:24px;height:24px}.companion-app-label{text-overflow:ellipsis;white-space:nowrap;max-width:84px;font-size:.66rem;overflow:hidden}.companion-app-badge{z-index:2;border:2px solid var(--companion-charcoal);background:var(--companion-blood);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.58rem;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.companion-home-rose{color:#eee9df2b;filter:drop-shadow(0 0 18px #eee9df0f);width:62px;margin:auto auto 0}.companion-home-seal{color:#eee9df1a;width:37px;position:absolute;bottom:12px;right:20px}.companion-auth{justify-content:center;align-items:center;min-height:100%;padding:28px 25px 44px;display:flex;position:relative}.companion-auth-card{text-align:center;width:100%}.companion-auth-rose{color:#eee9dfe0;filter:drop-shadow(0 0 24px #eee9df1f);width:74px;margin:0 auto 18px}.companion-auth h1{color:var(--companion-ivory);letter-spacing:-.03em;margin:10px 0 0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.65rem;font-weight:500}.companion-auth-copy{max-width:295px;color:var(--companion-muted);margin:12px auto 0;font-size:.76rem;line-height:1.65}.companion-auth-form{text-align:left;gap:17px;margin-top:32px;display:grid}.companion-field{color:#eee9df9e;letter-spacing:.15em;text-transform:uppercase;gap:7px;font-size:.56rem;font-weight:600;display:grid}.companion-field small{color:#eee9df4d;font-size:inherit;letter-spacing:.05em;text-transform:none;font-weight:400}.companion-field input{width:100%;height:49px;color:var(--companion-ivory);font:inherit;letter-spacing:normal;text-transform:none;background:#0000003d;border:1px solid #eee9df21;border-radius:8px;outline:none;padding:0 14px;font-size:.78rem;transition:border-color .14s,box-shadow .14s}.companion-field-key input{letter-spacing:.09em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}.companion-field input:focus{border-color:#9a2e42e6;box-shadow:0 0 0 3px #9a2e421f}.companion-field input::placeholder{color:#eee9df3b}.companion-action{color:#fff;cursor:pointer;min-height:48px;font:inherit;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(#842b3d,#681c2b);border:1px solid #8b3041;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:3px;font-size:.65rem;font-weight:700;transition:filter .14s,transform .14s;display:inline-flex;box-shadow:0 10px 24px #4a0b1a3d}.companion-action:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.companion-action:disabled{cursor:wait;opacity:.62}.companion-action svg{width:16px;height:16px}.companion-auth-footer{color:#eee9df40;letter-spacing:.17em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin-top:28px;font-size:.5rem;display:flex}.companion-auth-footer svg{width:28px}@media(max-width:699px){.companion-stage{display:block}.companion-backdrop{display:none}.companion-device{width:100vw;height:100vh;background:var(--companion-charcoal);height:100svh;min-height:0;box-shadow:none;border:0;border-radius:0;padding:0}.companion-device:before,.companion-device:after,.companion-device-speaker{display:none}.companion-screen{grid-template-rows:calc(42px + env(safe-area-inset-top)) minmax(0,1fr) calc(58px + env(safe-area-inset-bottom));border:0;border-radius:0}.companion-screen-no-nav{grid-template-rows:calc(42px + env(safe-area-inset-top)) minmax(0,1fr)}.companion-statusbar{padding-top:calc(12px + env(safe-area-inset-top))}.companion-system-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}@media(max-height:720px)and (min-width:700px){.companion-device{height:calc(100svh - 20px);min-height:calc(100svh - 20px)}.companion-app-grid{gap:15px;margin-top:24px}.companion-home{padding-top:20px}}@media(prefers-reduced-motion:reduce){.companion-app-icon,.companion-action,.companion-system-nav button{transition:none}}