:root{
  --bg:#07110c;--bg2:#0a1710;--panel:#0f1c15;--panel2:#0b1711;--line:#20382b;--line2:#2d4d3b;
  --text:#f4fbf7;--muted:#9eb7aa;--green:#32d487;--green2:#1ca968;--green3:#b8ffd9;--greenDeep:#0b5b39;--green-hi:#d8ffea;
  --amber:#e6b65a;--red:#ff7c89;--r:22px;--shadow:0 24px 70px rgba(0,0,0,.28);
  --safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,textarea,select{min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #67e9a9;outline-offset:2px}input[type="checkbox"]{width:18px;height:18px;min-height:18px;padding:0;flex:0 0 18px;accent-color:var(--green)}.hidden{display:none!important}.micro{font-size:12px;color:var(--muted);line-height:1.5}.error{color:#ffadb5;margin-top:10px}.eyebrow{font-size:11px;letter-spacing:.105em;font-weight:900;color:#6fe9aa}.primary,.ghost,.danger-safe,.link,.icon-btn{border-radius:14px;border:1px solid transparent;padding:10px 14px;font-weight:800}.primary{background:linear-gradient(180deg,#3add91,#22b970);color:#062718;box-shadow:0 9px 26px rgba(50,212,135,.19)}.primary:hover{filter:brightness(1.04)}.ghost{background:#14241a;border-color:#2a4736;color:var(--text)}.ghost:hover{background:#182c20}.danger-safe{background:#2b1d21;border-color:#60343c;color:#ffdfe2}.link{background:transparent;color:#9fd8b8;border:0;padding:5px}.icon-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;background:#112219;color:var(--text);border-color:#2d4d3b;font-size:24px}.card{background:linear-gradient(180deg,#102018,#0d1812);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.16)}.card h2{font-size:28px;margin:5px 0 14px}.card h3{margin:0 0 12px;font-size:17px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-head.compact{align-items:center}.button-row{display:flex;gap:8px;flex-wrap:wrap}

.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#143221 0,#07110c 55%)}.auth-card{width:min(520px,100%);padding:34px;border-radius:30px;background:#0c1811e8;border:1px solid #264432;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-card h1{font-size:40px;margin:8px 0}.auth-card>p{color:var(--muted);line-height:1.55}.auth-form{display:grid;gap:13px;margin-top:20px}.auth-form label{display:grid;gap:6px;font-weight:700}.auth-form input,.auth-form select,.auth-form textarea,input,select,textarea{width:100%;background:#08120d;border:1px solid #2a4536;color:var(--text);border-radius:14px;padding:12px}.auth-form .primary{width:100%}

.aura-clover{position:relative;width:72px;height:72px;margin-bottom:18px}.aura-clover i{position:absolute;width:31px;height:31px;border-radius:22px 22px 10px 22px;background:linear-gradient(145deg,#65e8aa,#20b970);box-shadow:0 8px 24px rgba(38,208,128,.23)}.aura-clover i:nth-child(1){left:4px;top:4px;transform:rotate(0)}.aura-clover i:nth-child(2){right:4px;top:4px;transform:rotate(90deg)}.aura-clover i:nth-child(3){right:4px;bottom:4px;transform:rotate(180deg)}.aura-clover i:nth-child(4){left:4px;bottom:4px;transform:rotate(270deg)}.aura-clover:after{content:"";position:absolute;left:30px;top:30px;width:12px;height:12px;border-radius:50%;background:#d8ffea}.aura-clover.mini{width:34px;height:34px;margin:0}.aura-clover.mini i{width:15px;height:15px;border-radius:11px 11px 5px 11px}.aura-clover.mini i:nth-child(1){left:1px;top:1px}.aura-clover.mini i:nth-child(2){right:1px;top:1px}.aura-clover.mini i:nth-child(3){right:1px;bottom:1px}.aura-clover.mini i:nth-child(4){left:1px;bottom:1px}.aura-clover.mini:after{left:14px;top:14px;width:6px;height:6px}

.shell{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:100dvh}.rail{position:fixed;left:0;top:0;bottom:0;width:196px;padding:18px 12px 14px;display:flex;flex-direction:column;background:#08130dec;border-right:1px solid #1d3326;z-index:30;backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center;padding:5px 9px 24px}.brand b{display:block;font-size:18px}.brand span{display:block;font-size:12px;color:var(--muted)}.rail nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:var(--muted);border-radius:14px;padding:12px;text-align:left;font-weight:800;display:flex;gap:10px;align-items:center}.nav.active{background:#153020;color:#edfff5}.rail-foot{margin-top:auto;display:grid;gap:10px;padding:10px}.dotline{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.dotline i{width:8px;height:8px;border-radius:50%;background:#536459}.dotline.ready i{background:var(--green);box-shadow:0 0 16px rgba(50,212,135,.45)}.main{grid-column:2;min-width:0}.topbar{min-height:80px;padding:16px 24px;border-bottom:1px solid #1d3326;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#07110ce8;backdrop-filter:blur(18px);z-index:20}.topbar h1{font-size:22px;margin:4px 0 0}.status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{padding:8px 11px;border-radius:999px;background:#112219;border:1px solid #294635;color:var(--muted);font-size:12px;font-weight:800}.pill.good{color:#c8ffe1;border-color:#2f7052;background:#103725}.pill.warn{color:#ffe5ad;border-color:#6c5633;background:#302711}.view{display:none;padding:22px;max-width:1700px;margin:auto}.view.active{display:block}

.control-grid{display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(390px,.88fr);gap:22px;align-items:start}.device-column{position:sticky;top:102px}.phone-stage{display:grid;place-items:center;background:radial-gradient(circle at 50% 24%,#183525,#0a130e 69%);border:1px solid var(--line);border-radius:30px;padding:18px;min-height:calc(100dvh - 172px);overflow:hidden}.phone{height:min(76dvh,820px);aspect-ratio:var(--screen-aspect,9/20);position:relative;border-radius:34px;overflow:hidden;background:#000;box-shadow:0 28px 80px rgba(0,0,0,.48);border:7px solid #26352d}.phone>img{width:100%;height:100%;object-fit:contain;background:#000;display:block;user-select:none;-webkit-user-drag:none;touch-action:none}.screen-loading{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;background:#09110d;color:var(--muted);z-index:3}.spinner{width:34px;height:34px;border:3px solid #294234;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:6px;pointer-events:none;z-index:2}.screen-badges span{background:#07120de3;border:1px solid #ffffff18;border-radius:999px;padding:6px 8px;font-size:10px;color:#d9ede1}.device-controls{display:flex;gap:8px;padding:10px 0;align-items:center;flex-wrap:wrap}.device-controls button{background:#13231a;color:var(--text);border:1px solid #294635;border-radius:13px;padding:9px 12px;font-weight:750}.switch{margin-left:auto;color:var(--muted);font-size:12px;display:flex;gap:7px;align-items:center}.runtime-alert{margin:10px 0 0;background:#251e11;border:1px solid #5f4b2b;border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.runtime-alert b,.runtime-alert span{display:block}.runtime-alert span{color:#dbcba9;font-size:12px;margin-top:3px}.runtime-alert>div:last-child{display:flex;gap:8px;flex:0 0 auto}

.reason-column{display:grid;gap:14px;min-width:0}.assistant-head{display:none}.voice-console{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-color:#2b5c43;background:linear-gradient(180deg,#11291c,#0d1d15)}.voice-copy strong{display:block;font-size:14px}.voice-copy p{font-size:12px;color:#b7ccbF;margin:4px 0;line-height:1.35}.voice-copy small{font-size:10px;color:#789487}.mic{width:52px;height:52px;border-radius:50%;border:1px solid #62e8a9;background:linear-gradient(145deg,#3bdb8f,#16995a);color:#062919;display:grid;place-items:center;font-size:22px;box-shadow:0 0 0 0 rgba(50,212,135,.2);font-weight:900}.mic.listening{animation:micpulse 1.25s infinite}@keyframes micpulse{50%{box-shadow:0 0 0 12px rgba(50,212,135,.12)}}.clover-glyph{font-size:25px}.pulse{display:flex;gap:2px;align-items:center}.pulse i{display:block;width:2px;height:12px;border-radius:2px;background:#5ee4a3}.pulse i:nth-child(2){height:20px}.pulse i:nth-child(3){height:15px}.pulse i:nth-child(4){height:8px}.thinking{width:12px;height:12px;border-radius:50%;background:#3d5145}.thinking.on{background:var(--green);box-shadow:0 0 20px rgba(50,212,135,.7);animation:fadepulse 1s infinite}@keyframes fadepulse{50%{opacity:.35}}textarea{resize:vertical;min-height:90px;line-height:1.45}.command-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px;color:var(--muted);font-size:12px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.modes label{display:flex;gap:9px;background:#09140e;border:1px solid #263f30;border-radius:14px;padding:11px;align-items:flex-start}.modes b,.modes small{display:block}.modes small{color:var(--muted);margin-top:2px}.confirm{background:#28161b;border:1px solid #60313a;border-radius:18px;padding:16px;display:grid;grid-template-columns:38px 1fr;gap:12px}.warn{width:34px;height:34px;border-radius:50%;background:#ff8b9340;color:#ffb0b6;display:grid;place-items:center;font-weight:900}.confirm p{color:#d9b8bd}.confirm>div:last-child>div{display:flex;gap:8px}.notifications,.activity,.tree-list{display:grid;gap:8px}.notification,.activity-item,.tree-row{background:#09140e;border:1px solid #223c2c;border-radius:14px;padding:11px}.notification{display:grid;grid-template-columns:36px 1fr auto;gap:10px}.notification .appdot{width:34px;height:34px;border-radius:12px;background:#164c31;color:#bfffe0;display:grid;place-items:center;font-weight:900}.notification b,.notification span{display:block}.notification span{color:var(--muted);font-size:12px;margin-top:3px}.notification em{font-style:normal;font-size:10px;color:#d5bd80}.activity-item{display:flex;gap:10px}.activity-item i{width:8px;height:8px;background:var(--green);border-radius:50%;margin-top:5px;flex:0 0 auto}.activity-item.error i{background:var(--red)}.activity-item b,.activity-item span{display:block}.activity-item span{color:var(--muted);font-size:12px;margin-top:3px}.empty{color:var(--muted);font-size:13px;padding:10px 0}

.section-intro{margin-bottom:20px}.section-intro h2{font-size:34px;margin:6px 0}.section-intro p{color:var(--muted);max-width:800px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.vault-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vault-form button{grid-column:1/-1}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.chip{padding:7px 9px;border-radius:999px;background:#13251a;border:1px solid #294634;font-size:11px;color:#c7e1d2}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.app-card{background:#09140e;border:1px solid #223b2c;border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.app-card span{font-size:11px;color:var(--muted);display:block;margin-top:3px;word-break:break-all}.memory-stats{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:9px;margin-bottom:18px}.stat{background:#112219;border:1px solid var(--line);border-radius:16px;padding:14px}.stat b{display:block;font-size:24px;color:#d8ffea}.stat span{font-size:11px;color:var(--muted)}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.memory-grid .wide{grid-column:1/-1}.tree-row{display:grid;grid-template-columns:minmax(100px,.35fr) 1fr auto;gap:10px;align-items:start}.tree-row b{font-size:12px}.tree-row span{font-size:12px;color:var(--muted);word-break:break-word}.tree-row small{font-size:10px;color:#7e9889}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kv{display:grid;gap:7px;margin-bottom:12px}.kv-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #203829;padding:7px 0;font-size:12px}.kv-row span{color:var(--muted);text-align:right;word-break:break-word}.doctor-list{display:grid;gap:8px;margin-top:10px}.doctor-item{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start;background:#09140e;border:1px solid #203829;border-radius:14px;padding:11px}.doctor-item i{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--green)}.doctor-item.warn i{background:var(--amber)}.doctor-item.error i{background:var(--red)}.doctor-item b,.doctor-item span{display:block}.doctor-item span{font-size:12px;color:var(--muted);margin-top:2px}.wide-card{grid-column:1/-1}.mobile-nav,.aura-fab,.device-tools-fab,.assistant-scrim{display:none}

/* Tablet / touch-first portal mode. Android becomes the primary surface. */
@media (max-width:1180px), (max-width:1366px) and (pointer:coarse){
  body{padding-bottom:66px}.shell{display:block}.rail{display:none}.main{display:block}.topbar{min-height:58px;padding:8px 14px}.topbar .eyebrow{display:none}.topbar h1{font-size:17px}.status-row{gap:5px}.status-row .pill:nth-child(2),#refreshDevice{display:none}.view{padding:8px}.control-grid{display:block}.device-column{position:static}.phone-stage{min-height:0;height:calc(100dvh - 138px - var(--safe-bottom));border-radius:20px;padding:5px;background:#09140e}.phone{height:100%;width:auto;max-width:100%;max-height:100%;border-width:4px;border-radius:24px}.device-controls{justify-content:center;padding:7px 0}.device-controls button{min-width:48px}.switch{display:none}.reason-column{display:none;position:fixed;z-index:91;right:10px;top:10px;bottom:calc(70px + var(--safe-bottom));width:min(430px,calc(100vw - 20px));overflow:auto;background:#08130df2;border:1px solid #2a4a38;border-radius:24px;padding:10px;box-shadow:0 28px 90px #000a;backdrop-filter:blur(20px)}body.assistant-open .reason-column{display:grid}body.assistant-open .assistant-scrim{display:block;position:fixed;inset:0;background:#0006;z-index:89}.assistant-head{display:flex;position:sticky;top:0;z-index:3;align-items:center;justify-content:space-between;padding:8px 6px 10px;background:#08130df2}.assistant-head b{display:block;margin-top:2px}.voice-console{grid-template-columns:50px minmax(0,1fr);padding:12px}.voice-console .pulse{display:none}.voice-copy p{white-space:normal}.card{padding:15px;border-radius:18px}.modes{grid-template-columns:1fr}.notifications-card{order:2}.activity-card{order:3}.two-col,.memory-grid,.system-grid{grid-template-columns:1fr}.memory-grid .wide,.wide-card{grid-column:auto}.memory-stats{grid-template-columns:repeat(4,1fr)}.inline-form{display:grid}.vault-form{grid-template-columns:1fr}.section-intro h2{font-size:28px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:calc(62px + var(--safe-bottom));background:#09140ef3;border-top:1px solid #284735;z-index:80;backdrop-filter:blur(18px);padding-bottom:var(--safe-bottom)}.mobile-nav .nav{border-radius:0;text-align:center;display:grid;place-items:center;gap:0;padding:6px;font-size:10px;min-height:58px}.mobile-nav .nav span{font-size:17px}.aura-fab{position:fixed;display:flex;align-items:center;gap:7px;right:14px;bottom:calc(74px + var(--safe-bottom));z-index:95;min-height:52px;border-radius:999px;border:1px solid #73eeb0;background:linear-gradient(145deg,#3cdb90,#14955a);color:#062818;padding:8px 13px;box-shadow:0 12px 35px rgba(0,0,0,.38),0 0 0 5px rgba(50,212,135,.08);font-weight:900}.aura-fab span{font-size:22px}.device-tools-fab{position:fixed;display:grid;place-items:center;left:10px;top:calc(10px + var(--safe-top));z-index:95;width:46px;height:46px;border-radius:16px;border:1px solid #42634f;background:#08130de8;color:#d8ffea;backdrop-filter:blur(16px);font-size:20px;font-weight:900;box-shadow:0 10px 30px #0008}.control-active{padding-bottom:0}.control-active .shell{min-height:0;height:100dvh;overflow:hidden}.control-active .topbar{display:none}.control-active #controlPanel{padding:0}.control-active .phone-stage{height:calc(100dvh - 62px - var(--safe-bottom));border:0;border-radius:0;padding:0;background:#000}.control-active .phone{max-height:100%;height:100%;border-radius:0;border-width:0}.control-active .device-controls{display:none}.control-active.device-tools-open .device-controls{display:flex;position:fixed;z-index:94;left:10px;top:calc(64px + var(--safe-top));max-width:min(94vw,520px);padding:8px;border:1px solid #31533e;border-radius:16px;background:#08130df2;box-shadow:0 18px 55px #0009;backdrop-filter:blur(18px)}.control-active .runtime-alert{position:fixed;z-index:93;left:64px;right:120px;top:calc(8px + var(--safe-top));margin:0;max-width:760px}.runtime-alert{align-items:stretch;flex-direction:column}.runtime-alert>div:last-child{display:grid;grid-template-columns:1fr 1fr}.runtime-alert button{width:100%}.tree-row{grid-template-columns:1fr auto}.tree-row span{grid-column:1/-1}.apps-grid{grid-template-columns:1fr}.button-row{flex-wrap:wrap}
}

@media(max-width:760px){
  .topbar{min-height:52px}.topbar h1{font-size:16px}.view{padding:4px}.phone-stage{height:calc(100dvh - 126px - var(--safe-bottom));border:0;border-radius:0;padding:2px}.phone{border-radius:18px;border-width:3px}.device-controls{gap:5px;overflow-x:auto;justify-content:flex-start;padding:6px 4px;scrollbar-width:none}.device-controls::-webkit-scrollbar{display:none}.device-controls button{white-space:nowrap;padding:8px 10px;font-size:12px}.runtime-alert{margin:6px 4px}.reason-column{inset:auto 6px calc(68px + var(--safe-bottom)) 6px;width:auto;max-height:78dvh;top:auto;border-radius:24px}.memory-stats{grid-template-columns:repeat(3,1fr)}.command-actions{align-items:stretch;flex-direction:column}.command-actions .primary{width:100%}.aura-fab{right:10px;bottom:calc(72px + var(--safe-bottom))}.control-active .phone-stage{height:calc(100dvh - 62px - var(--safe-bottom));padding:0}.control-active .runtime-alert{left:62px;right:8px;top:calc(8px + var(--safe-top))}.section-intro{padding:8px}.card h2{font-size:24px}
}

/* iPad / tablet landscape: large Android canvas with compact AI drawer. */
@media (min-width:761px) and (max-width:1366px) and (orientation:landscape){
  .phone-stage{height:calc(100dvh - 132px - var(--safe-bottom))}.phone{max-width:calc(100vw - 40px)}.reason-column{width:min(420px,40vw);left:auto;right:12px;top:12px;bottom:calc(76px + var(--safe-bottom))}.aura-fab{right:18px}
}

/* Focus mode: browser chrome and AURA panels collapse around the Android surface. */
body.device-focus{padding:0!important;overflow:hidden}body.device-focus .topbar,body.device-focus .mobile-nav,body.device-focus .runtime-alert,body.device-focus .reason-column{display:none!important}body.device-focus .main{grid-column:1/-1}body.device-focus .view{padding:0!important;max-width:none}body.device-focus #controlPanel{display:block!important}body.device-focus .control-grid{display:block;height:100dvh}body.device-focus .device-column{position:static;height:100dvh}body.device-focus .phone-stage{height:100dvh;min-height:100dvh;border:0;border-radius:0;padding:0;background:#000}body.device-focus .phone{height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-radius:0}body.device-focus .device-controls{position:fixed;left:8px;top:calc(8px + var(--safe-top));z-index:96;padding:0}body.device-focus .device-controls>*:not(#focusToggle){display:none!important}body.device-focus #focusToggle{background:#08130de8;border:1px solid #3d654e;backdrop-filter:blur(12px)}body.device-focus .device-tools-fab{display:none!important}body.device-focus .aura-fab{display:flex!important;right:10px;bottom:calc(10px + var(--safe-bottom))}

.device-controls button.selected{border-color:var(--green);background:rgba(50,212,135,.12);color:var(--green-hi)}