:root{--bg:#050a13;--bg2:#09111e;--surface:rgba(12,22,38,.72);--surface2:rgba(17,29,49,.82);--line:rgba(190,220,255,.11);--line2:rgba(190,220,255,.2);--text:#f7fbff;--muted:#8ea2ba;--muted2:#657a94;--accent:#72e8ff;--accent2:#8979ff;--good:#7bf5b7;--warn:#ffd479;--danger:#ff7892;--shadow:0 24px 70px rgba(0,0,0,.36);--r:26px;--r2:18px;--ease:cubic-bezier(.2,.8,.2,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:#24364f transparent}body{margin:0;min-height:100vh;background:radial-gradient(1000px 700px at 15% -15%,rgba(72,130,255,.22),transparent 55%),radial-gradient(900px 700px at 100% 0%,rgba(130,75,255,.15),transparent 55%),linear-gradient(160deg,var(--bg),var(--bg2));color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 90%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.aurora{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.17;animation:drift 16s ease-in-out infinite alternate}.aurora-a{background:#00dcff;left:-170px;top:20%}.aurora-b{background:#8758ff;right:-160px;top:5%;animation-delay:-8s}@keyframes drift{to{transform:translate3d(80px,70px,0) scale(1.15)}}
.app-shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh;position:relative;z-index:1}.glass{background:linear-gradient(145deg,rgba(20,34,57,.78),rgba(8,17,30,.72));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.rail{position:sticky;top:0;height:100vh;padding:18px 14px;border-radius:0;border-width:0 1px 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;background:transparent;border:0;color:var(--text);padding:8px;text-align:left}.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04101a;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 20%,transparent)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy b{font-size:15px;letter-spacing:.08em}.brand-copy small{color:var(--muted);font-size:10px;margin-top:4px}.nav-list{display:flex;flex-direction:column;gap:5px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:14px;text-align:left;transition:.22s var(--ease);position:relative}.nav-item span{font-style:normal;width:20px;text-align:center;color:var(--muted)}.nav-item em{font-style:normal;font-size:13px;font-weight:650}.nav-item:hover{background:rgba(255,255,255,.045);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),rgba(255,255,255,.025));color:var(--text)}.nav-item.active:before{content:"";position:absolute;left:-14px;width:3px;height:25px;border-radius:10px;background:var(--accent);box-shadow:0 0 20px var(--accent)}.nav-item.active span{color:var(--accent)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:5px}.system-pill{margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:15px;display:flex;gap:9px;align-items:center;background:rgba(0,0,0,.15)}.system-pill div{display:flex;flex-direction:column}.system-pill b{font-size:11px}.system-pill small{font-size:9px;color:var(--muted);margin-top:2px}.pulse-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(123,245,183,.08),0 0 20px var(--good)}
.main-stage{padding:22px 30px 50px;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-title h1{font-size:18px;margin:3px 0 0;font-weight:620;letter-spacing:-.02em}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:800;color:var(--accent)}.topbar-actions{display:flex;gap:8px;align-items:center}.chip,.primary,.ghost,.icon-btn,.file-chip,.text-btn,.segmented button{border:1px solid var(--line);background:rgba(255,255,255,.045);padding:9px 13px;border-radius:13px;transition:.2s var(--ease)}.chip:hover,.icon-btn:hover,.file-chip:hover,.ghost:hover{background:rgba(255,255,255,.08);border-color:var(--line2)}.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent2) 85%,white 15%));color:#04101a;font-weight:800;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 18%,transparent)}.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.ghost{background:transparent}.icon-btn{width:40px;height:40px;padding:0;display:grid;place-items:center;font-size:19px}.text-btn{border:0;background:transparent;color:var(--accent);padding:0;font-size:10px}.route{display:none;animation:fadeIn .35s var(--ease)}.route.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-zone{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:14px}.hero,.weather-orb,.mini-card,.daystream,.calendar-panel,.future-console,.future-side,.chat-shell,.context-panel,.focus-main,.focus-history,.memory-shell,.epaper-studio,.epaper-settings{border-radius:var(--r);position:relative;overflow:hidden}.depth-card{min-height:330px}.hero{padding:34px;display:flex;flex-direction:column;justify-content:flex-end}.hero-glow{position:absolute;width:340px;height:340px;border-radius:50%;right:4%;top:-30%;background:radial-gradient(circle,rgba(114,232,255,.22),rgba(137,121,255,.08) 42%,transparent 68%);filter:blur(3px)}.hero-kicker{display:flex;align-items:center;gap:10px;position:absolute;top:29px;font-size:9px;letter-spacing:.18em;color:var(--muted)}.hero-clock{font-size:clamp(70px,8vw,112px);line-height:.85;font-weight:210;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.hero-date{font-size:14px;color:var(--muted);margin-top:14px}.hero-brief{max-width:650px;font-size:14px;line-height:1.65;color:#c9d6e5;margin:20px 0 19px}.hero-actions{display:flex;gap:9px}.hero-orbit{position:absolute;right:42px;top:38px;width:100px;height:100px;border:1px solid rgba(114,232,255,.16);border-radius:50%;animation:spin 18s linear infinite}.hero-orbit:after{content:"";position:absolute;inset:17px;border:1px dashed rgba(255,255,255,.11);border-radius:50%}.hero-orbit span,.hero-orbit i,.hero-orbit b{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.hero-orbit span{left:5px;top:29px}.hero-orbit i{right:7px;bottom:18px;background:var(--accent2)}.hero-orbit b{left:45px;bottom:-3px;width:4px;height:4px}@keyframes spin{to{transform:rotate(360deg)}}.weather-orb{padding:25px}.card-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.18em;font-weight:750;color:var(--muted)}.card-label small{font-size:9px;letter-spacing:0;font-weight:500}.weather-now{display:flex;align-items:center;gap:19px;margin:35px 0 27px}.weather-symbol{font-size:51px;color:var(--accent)}.weather-now strong{font-size:52px;font-weight:280;letter-spacing:-.06em}.weather-now p{margin:2px 0 0;color:var(--muted);font-size:12px}.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.weather-details>div{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:12px;border-radius:14px;display:flex;flex-direction:column}.weather-details span{font-size:9px;color:var(--muted)}.weather-details b{margin-top:4px;font-size:13px}.hourly-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:14px}.hour-chip{text-align:center;padding:8px 3px;border-radius:10px;background:rgba(255,255,255,.025);font-size:9px;color:var(--muted)}.hour-chip b{display:block;color:var(--text);font-size:11px;margin-top:3px}.signal-grid{display:grid;grid-template-columns:1.2fr .8fr 1.1fr .8fr;gap:14px;margin-top:14px}.mini-card{padding:20px;min-height:168px}.next-card{margin-top:24px}.next-card strong{font-size:21px}.next-card p,.mini-card p{color:var(--muted);font-size:11px;line-height:1.5}.next-time{font-size:10px;color:var(--accent);letter-spacing:.1em}.flow-score{display:flex;align-items:baseline;margin-top:18px}.flow-score strong{font-size:44px;font-weight:300}.flow-score span{font-size:13px;color:var(--muted)}.meter{height:5px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;width:80%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:99px}.future-mini{margin-top:16px;display:flex;flex-direction:column;gap:7px}.future-mini div{display:flex;gap:7px;align-items:center;font-size:10px}.future-mini i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.big-number{display:block;font-size:48px;font-weight:270;margin-top:25px}.daystream{margin-top:14px;padding:26px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-head h2{margin:5px 0 0;font-size:22px;letter-spacing:-.035em}.segmented{padding:3px;border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:13px;display:flex}.segmented button{border:0;background:transparent;padding:7px 10px;font-size:10px;color:var(--muted)}.segmented button.active{background:rgba(255,255,255,.08);color:var(--text);box-shadow:0 1px 8px rgba(0,0,0,.18)}.timeline{margin-top:26px;position:relative}.time-row{display:grid;grid-template-columns:64px 1fr;min-height:63px;border-top:1px solid rgba(255,255,255,.055)}.time-label{padding-top:10px;font-size:9px;color:var(--muted2);font-variant-numeric:tabular-nums}.time-track{position:relative;padding:7px 0}.event-pill{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),rgba(255,255,255,.025));cursor:pointer}.event-pill b{font-size:11px}.event-pill small{font-size:9px;color:var(--muted)}
.calendar-panel{padding:26px;min-height:720px}.calendar-actions{display:flex;gap:8px;justify-content:flex-end;margin:18px 0}.file-chip{font-size:11px;display:inline-flex;align-items:center}.file-chip input{display:none}.month-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.month-head div{text-align:center;font-size:9px;color:var(--muted);padding:8px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-cell{min-height:115px;border:1px solid var(--line);border-radius:15px;padding:9px;background:rgba(255,255,255,.018);transition:.2s var(--ease)}.day-cell:hover{border-color:var(--line2);background:rgba(255,255,255,.032)}.day-cell.out{opacity:.35}.day-cell.today{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.day-num{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.calendar-event{font-size:9px;margin-top:5px;padding:5px 6px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.02));border-left:2px solid var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.week-grid{display:grid;grid-template-columns:55px repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:15px;overflow:hidden}.week-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:52px}.week-head-cell{padding:9px;text-align:center;font-size:9px;color:var(--muted);min-height:auto!important}.week-time{font-size:9px;color:var(--muted2);padding:8px}.week-slot{padding:4px}.week-event{font-size:8px;padding:5px;border-radius:7px;background:color-mix(in srgb,var(--accent) 13%,rgba(255,255,255,.02));border-left:2px solid var(--accent)}.agenda-list{display:flex;flex-direction:column;gap:9px}.agenda-row{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px}.agenda-row time{color:var(--accent);font-size:10px}.agenda-row p{margin:3px 0 0;color:var(--muted);font-size:10px}
.split-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 330px;gap:14px}.future-console,.future-side{padding:28px}.lead{color:var(--muted);font-size:12px;line-height:1.7;max-width:720px}.badge{font-size:8px;letter-spacing:.13em;padding:7px 9px;border-radius:99px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.future-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;margin-top:24px}.future-controls label,.epaper-settings label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:var(--muted)}input,select,textarea{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:12px;padding:10px 11px;outline:0}textarea{resize:vertical}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.branch{padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.022);position:relative}.branch-index{color:var(--accent);font-size:9px;letter-spacing:.16em}.branch h3{margin:12px 0 7px;font-size:15px}.branch p{font-size:10px;line-height:1.6;color:var(--muted)}.branch ul{padding-left:17px;color:#c3d1e0;font-size:9px;line-height:1.8}.branch button{margin-top:8px}.future-side h3{margin-top:26px}.future-side p{font-size:11px;line-height:1.7;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:8px;margin-top:18px}.stack-row{padding:11px;border:1px solid var(--line);border-radius:12px}.stack-row b{font-size:10px}.stack-row small{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.assistant-grid{display:grid;grid-template-columns:minmax(0,1.6fr) 330px;gap:14px}.chat-shell,.context-panel{padding:26px;min-height:720px}.ai-tools{display:flex;gap:7px}.ai-tools select{padding:8px;font-size:9px}.ai-progress{height:3px;background:rgba(255,255,255,.04);margin:18px 0;border-radius:9px;overflow:hidden}.ai-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:.25s}.messages{height:510px;overflow:auto;padding:8px 3px 18px;display:flex;flex-direction:column;gap:13px}.message{max-width:82%;padding:13px 15px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.message.user{margin-left:auto;background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.03))}.message span{font-size:8px;letter-spacing:.14em;color:var(--accent);font-weight:800}.message p{font-size:11px;line-height:1.65;margin:6px 0 0;white-space:pre-wrap}.composer{display:flex;align-items:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:14px}.composer textarea{flex:1;min-height:42px;max-height:130px}.context-panel pre{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.6;color:#b9c8da;margin-top:20px}.privacy-note,.info-box{margin-top:20px;padding:13px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:9px;line-height:1.6;color:var(--muted)}
.focus-layout{display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:14px}.focus-main,.focus-history{padding:28px;min-height:630px}.focus-main{display:flex;flex-direction:column;align-items:center}.focus-main .card-label{width:100%}.focus-dial{width:310px;height:310px;position:relative;margin:48px 0 28px}.focus-dial svg{width:100%;height:100%;transform:rotate(-90deg)}.focus-dial circle{fill:none;stroke:rgba(255,255,255,.06);stroke-width:7}.focus-dial #focusArc{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:578;stroke-dashoffset:0;filter:drop-shadow(0 0 7px var(--accent))}.focus-dial>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.focus-dial strong{font-size:55px;font-weight:260;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.focus-dial span{font-size:9px;letter-spacing:.2em;color:var(--muted)}.focus-task{width:min(520px,90%);text-align:center}.focus-buttons{display:flex;gap:8px;margin-top:14px}.focus-history{align-items:stretch}.memory-shell{padding:28px;min-height:700px}.memory-toolbar{display:flex;gap:8px;margin:22px 0}.memory-toolbar input{flex:1}.memory-timeline{position:relative;margin-left:10px}.memory-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:linear-gradient(var(--accent),transparent)}.memory-item{position:relative;padding:0 0 24px 36px}.memory-item:before{content:"";position:absolute;left:3px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.memory-item time{font-size:8px;color:var(--accent);letter-spacing:.1em}.memory-item h3{margin:6px 0 3px;font-size:13px}.memory-item p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}
.epaper-grid{display:grid;grid-template-columns:minmax(0,1.5fr) 330px;gap:14px}.epaper-studio,.epaper-settings{padding:28px;min-height:680px}.epaper-device{display:grid;place-items:center;margin:38px auto 22px;position:relative}.epaper-frame{padding:16px;border-radius:22px;background:linear-gradient(145deg,#222a32,#0c1015);box-shadow:0 30px 55px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.1)}#epaperCanvas{width:min(100%,800px);aspect-ratio:5/3;background:#f0ede1;border-radius:5px;display:block}.epaper-shadow{position:absolute;width:70%;height:20px;bottom:-22px;background:rgba(0,0,0,.45);filter:blur(18px);border-radius:50%}.epaper-actions{display:flex;gap:8px;justify-content:center}.epaper-settings label{margin-top:18px}.code-line{display:block;margin-top:14px;padding:11px;border-radius:10px;background:#03070d;border:1px solid var(--line);font-size:9px;color:#b9dff0;overflow:auto}
.modal{width:min(720px,calc(100% - 28px));border:1px solid var(--line2);border-radius:24px;padding:0;background:rgba(9,17,29,.97);color:var(--text);box-shadow:0 40px 100px rgba(0,0,0,.65);backdrop-filter:blur(25px)}.modal::backdrop,.command-modal::backdrop{background:rgba(1,5,11,.72);backdrop-filter:blur(8px)}.modal form{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-head h3{margin:4px 0 0}.modal label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:var(--muted);margin-top:13px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.form-row:has(label:nth-child(2):last-child){grid-template-columns:1fr 1fr}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:24px}.danger{border:1px solid rgba(255,120,146,.3);background:rgba(255,120,146,.08);color:#ff9bae;border-radius:12px;padding:9px 12px}.check-row{flex-direction:row!important;align-items:center}.check-row input{width:auto}.accent-picker{display:flex;gap:8px}.accent{width:30px;height:30px;border-radius:50%;border:2px solid transparent}.accent[data-accent=cyan]{background:linear-gradient(135deg,#72e8ff,#8979ff)}.accent[data-accent=violet]{background:linear-gradient(135deg,#b58cff,#6c7cff)}.accent[data-accent=lime]{background:linear-gradient(135deg,#b9ff84,#45e8d2)}.accent[data-accent=sunset]{background:linear-gradient(135deg,#ffb46f,#ff6fba)}.accent.active{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.command-modal{border:0;padding:0;background:transparent;width:min(660px,calc(100% - 28px));margin-top:12vh}.command-box{border:1px solid var(--line2);border-radius:22px;background:rgba(8,15,27,.96);box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:hidden;backdrop-filter:blur(26px)}.command-input{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--line)}.command-input input{border:0;background:transparent;flex:1;font-size:14px}.command-input kbd{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:4px 6px;border-radius:6px}.command-results{max-height:420px;overflow:auto;padding:8px}.command-item{width:100%;border:0;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:12px;text-align:left}.command-item:hover{background:rgba(255,255,255,.05)}.command-item div{display:flex;flex-direction:column}.command-item b{font-size:11px}.command-item small{font-size:8px;color:var(--muted);margin-top:2px}.command-item span{font-size:9px;color:var(--muted)}.toast{position:fixed;right:25px;bottom:25px;z-index:100;padding:11px 15px;border-radius:13px;background:#0e1a2a;border:1px solid var(--line2);box-shadow:var(--shadow);font-size:10px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:1150px){.signal-grid{grid-template-columns:repeat(2,1fr)}.hero-zone,.assistant-grid,.epaper-grid,.split-layout{grid-template-columns:1fr}.future-side,.context-panel{min-height:auto}.branch-grid{grid-template-columns:1fr}.focus-layout{grid-template-columns:1fr}.rail{width:82px}.app-shell{grid-template-columns:82px 1fr}.brand-copy,.nav-item em,.system-pill div{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.nav-item.active:before{left:-14px}.system-pill{justify-content:center}.main-stage{padding-left:22px}.future-controls{grid-template-columns:1fr 1fr}.future-controls .primary{grid-column:1/-1}.hero-orbit{display:none}}@media(max-width:760px){.app-shell{display:block}.rail{position:fixed;left:10px;right:10px;bottom:10px;top:auto;width:auto;height:64px;border:1px solid var(--line);border-radius:20px;padding:7px;flex-direction:row;z-index:50}.brand,.rail-bottom{display:none}.nav-list{margin:0;display:grid;grid-template-columns:repeat(7,1fr);width:100%;gap:2px}.nav-item{padding:8px}.nav-item.active:before{display:none}.main-stage{padding:14px 14px 92px}.topbar{height:auto;padding:6px 0 14px}.topbar-title h1{font-size:14px}.topbar-actions .chip{display:none}.hero-zone{grid-template-columns:1fr}.hero{min-height:310px;padding:24px}.hero-clock{font-size:72px}.weather-orb{min-height:auto}.signal-grid{grid-template-columns:1fr 1fr}.daystream,.calendar-panel,.future-console,.future-side,.chat-shell,.context-panel,.focus-main,.focus-history,.memory-shell,.epaper-studio,.epaper-settings{padding:18px;border-radius:20px}.section-head{align-items:flex-start;flex-direction:column}.calendar-controls{display:flex;flex-wrap:wrap}.month-grid{gap:3px}.day-cell{min-height:74px;padding:5px}.calendar-event{font-size:7px}.future-controls{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr}.hourly-strip{grid-template-columns:repeat(3,1fr)}.topbar-title .eyebrow{display:none}.focus-dial{width:250px;height:250px}.focus-dial strong{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}body.no-motion .aurora,body.no-motion .hero-orbit{animation:none!important}.hidden{display:none!important}

/* === NEO Atmosphere 2026 upgrade === */
.weather-summary{isolation:isolate;min-height:420px!important;padding:24px 26px 22px!important;background:linear-gradient(160deg,rgba(12,24,43,.92),rgba(6,15,29,.9))!important}.weather-summary>*:not(.weather-sky-layer){position:relative;z-index:2}.weather-sky-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.72;transition:background 600ms var(--ease)}.weather-sky-layer:before,.weather-sky-layer:after{content:"";position:absolute;border-radius:50%;filter:blur(18px);opacity:.55}.weather-sky-layer:before{width:260px;height:260px;right:-80px;top:-80px}.weather-sky-layer:after{width:320px;height:180px;left:10%;bottom:-90px;filter:blur(36px)}.sky-clear-day{background:radial-gradient(circle at 82% 18%,rgba(255,214,102,.32),transparent 28%),linear-gradient(155deg,rgba(53,151,255,.28),rgba(9,20,42,.02) 65%)}.sky-clear-day:before{background:rgba(255,210,94,.44);box-shadow:0 0 70px rgba(255,210,94,.26)}.sky-clear-day:after{background:rgba(95,200,255,.2)}.sky-clear-night{background:radial-gradient(circle at 84% 18%,rgba(168,190,255,.2),transparent 20%),linear-gradient(155deg,rgba(37,60,132,.28),rgba(8,13,31,.02) 68%)}.sky-clear-night:before{background:rgba(183,197,255,.2);box-shadow:0 0 60px rgba(145,160,255,.16)}.sky-clear-night:after{background:rgba(87,84,210,.18)}.sky-cloudy{background:radial-gradient(circle at 82% 20%,rgba(177,199,225,.2),transparent 30%),linear-gradient(160deg,rgba(96,128,164,.2),rgba(8,17,31,.02) 70%)}.sky-cloudy:before{background:rgba(174,198,224,.2)}.sky-cloudy:after{background:rgba(88,135,179,.13)}.sky-rain{background:linear-gradient(160deg,rgba(56,100,147,.28),rgba(7,20,38,.08) 72%)}.sky-rain:before{background:rgba(98,152,205,.24);box-shadow:-90px 30px 0 rgba(81,122,164,.10)}.sky-rain:after{background:rgba(51,118,183,.16)}.sky-storm{background:radial-gradient(circle at 70% 25%,rgba(174,133,255,.22),transparent 20%),linear-gradient(160deg,rgba(62,54,119,.33),rgba(5,14,29,.08) 72%)}.sky-storm:before{background:rgba(149,118,255,.22)}.sky-storm:after{background:rgba(55,92,176,.17)}.sky-fog{background:linear-gradient(160deg,rgba(159,184,199,.18),rgba(12,25,38,.05))}.sky-fog:before,.sky-fog:after{background:rgba(189,209,218,.15)}.sky-snow{background:linear-gradient(160deg,rgba(174,219,255,.22),rgba(13,29,46,.04))}.sky-snow:before{background:rgba(215,239,255,.2)}.weather-label{margin-bottom:16px}.weather-location-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.weather-location-row>div{min-width:0}.weather-location-row strong{display:block;font-size:14px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-location-row small{display:block;color:var(--muted);font-size:9px;margin-top:4px;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-locate{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--accent);font-size:17px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.weather-now-rich{margin:18px 0 18px;gap:14px}.weather-hero-icon{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 16px 25px rgba(0,0,0,.24));margin-left:-8px}.weather-reading strong{font-size:68px!important;font-weight:240!important;line-height:.9}.weather-reading p{font-size:14px!important;color:var(--text)!important;margin:8px 0 3px!important;font-weight:650}.weather-reading span{font-size:10px;color:var(--muted)}.weather-details-rich{grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.weather-details-rich>div{padding:10px 11px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;min-width:0}.weather-details-rich b{font-size:12px!important;white-space:nowrap}.weather-details-rich small{font-size:8px;color:var(--muted2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hourly-strip-rich{display:grid!important;grid-template-columns:repeat(6,minmax(56px,1fr))!important;gap:6px!important;margin-top:12px!important}.hour-chip.rich{display:grid!important;grid-template-columns:1fr!important;place-items:center;padding:6px 4px!important;gap:1px!important;min-height:70px;border-radius:14px;background:rgba(4,12,23,.3)!important;border:1px solid rgba(190,220,255,.07)}.hour-chip.rich span{font-size:7px;color:var(--muted)}.hour-chip.rich img{width:28px;height:28px}.hour-chip.rich b{font-size:10px!important}.hour-chip.rich small{font-size:7px;color:#8fc9ff}
.weather-page{display:flex;flex-direction:column;gap:14px}.weather-hero-panel{position:relative;overflow:hidden;border-radius:30px;padding:30px;min-height:510px;isolation:isolate;background:linear-gradient(160deg,rgba(16,31,54,.94),rgba(7,16,30,.9))}.weather-hero-panel>*:not(.weather-sky-layer){position:relative;z-index:2}.weather-sky-full{opacity:.85}.weather-page-top{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.weather-page-top h2{font-size:28px;margin:6px 0 3px;letter-spacing:-.035em}.weather-page-top p{font-size:11px;color:var(--muted);margin:0;max-width:700px}.weather-page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.weather-hero-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:28px;margin-top:22px}.weather-main-reading{display:flex;align-items:center;gap:8px}.weather-full-icon{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 22px 38px rgba(0,0,0,.28));margin-left:-24px}.weather-main-reading strong{display:block;font-size:112px;font-weight:210;line-height:.86;letter-spacing:-.075em}.weather-main-reading p{font-size:20px;font-weight:650;margin:12px 0 6px}.weather-main-reading span{display:block;color:#bfd0e4;font-size:11px;line-height:1.65;max-width:640px}.weather-sun-arc{padding:18px 0 8px}.sun-track{height:82px;position:relative;border-top:1px dashed rgba(255,255,255,.11);border-radius:50% 50% 0 0 / 100% 100% 0 0;margin:0 6px}.sun-track:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.sun-track i{position:absolute;left:0;top:-1px;height:2px;border-radius:4px;background:linear-gradient(90deg,#ffcf6b,#fff2a8);box-shadow:0 0 18px rgba(255,220,108,.55);width:0}.sun-track span{position:absolute;top:-12px;left:-9px;width:22px;height:22px;display:grid;place-items:center;font-size:17px;filter:drop-shadow(0 0 10px rgba(255,219,91,.65));transition:left .5s var(--ease)}.weather-sun-arc>div:last-child{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.weather-kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:22px}.weather-kpis>div{min-height:74px;padding:12px;border:1px solid rgba(210,230,255,.1);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:center}.weather-kpis span{font-size:8px;color:var(--muted)}.weather-kpis b{font-size:14px;margin-top:5px;white-space:nowrap}.weather-kpis small{font-size:7px;color:var(--muted2);margin-top:3px}.weather-page-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:14px}.weather-hourly-panel,.rain-panel,.weather-days-panel{padding:26px;border-radius:26px}.weather-hourly-scroll{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}.weather-hour-card{scroll-snap-align:start;flex:0 0 110px;min-height:175px;border:1px solid var(--line);border-radius:18px;padding:12px 9px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;text-align:center}.weather-hour-card time{font-size:8px;color:var(--muted)}.weather-hour-card img{width:54px;height:54px;margin:4px 0}.weather-hour-card b{font-size:21px;font-weight:500}.weather-hour-card span{font-size:8px;color:#cad8e6;margin-top:4px;min-height:21px}.weather-hour-card small{font-size:7px;color:var(--muted);margin-top:auto;line-height:1.45}.rain-panel .section-head{margin-bottom:10px}.rain-bars{height:190px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);padding:22px 2px 18px}.rain-bar{height:100%;flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center}.rain-bar i{display:block;width:min(14px,70%);min-height:3px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#8bdcff,#598aff);box-shadow:0 0 12px rgba(89,138,255,.2)}.rain-bar span{position:absolute;bottom:-15px;font-size:6px;color:var(--muted2)}.rain-bar b{position:absolute;top:-10px;font-size:6px;color:var(--muted);opacity:.75}.rain-panel>p{font-size:9px;color:var(--muted);line-height:1.6;margin:24px 0 0}.weather-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:20px}.weather-day-card{min-width:0;border:1px solid var(--line);border-radius:20px;padding:13px 10px;display:flex;align-items:center;flex-direction:column;text-align:center;background:rgba(255,255,255,.02)}.weather-day-card.today{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),rgba(255,255,255,.025));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.weather-day-card>b{font-size:9px}.weather-day-card img{width:68px;height:68px}.weather-day-card>span{font-size:8px;color:var(--muted);height:25px}.weather-day-card>div{display:flex;gap:7px;align-items:baseline;margin-top:6px}.weather-day-card strong{font-size:16px}.weather-day-card small{font-size:10px;color:var(--muted)}.weather-day-card em{font-style:normal;font-size:7px;color:#8fc9ff;margin-top:5px}.weather-source-note{font-size:8px;color:var(--muted2);margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}.location-setting-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px;background:rgba(255,255,255,.02)}.location-setting-card>div{min-width:0;display:flex;flex-direction:column}.location-setting-card b{font-size:10px}.location-setting-card small{font-size:8px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-value{font-size:9px;color:var(--muted);margin-top:4px}.modal input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--accent)}
@media(max-width:1350px){.weather-kpis{grid-template-columns:repeat(4,1fr)}.weather-page-grid{grid-template-columns:1fr}.weather-hero-content{grid-template-columns:1fr}.weather-sun-arc{max-width:620px}.weather-days{grid-template-columns:repeat(4,1fr)}.weather-full-icon{width:170px;height:170px}.weather-main-reading strong{font-size:94px}}@media(max-width:900px){.weather-details-rich{grid-template-columns:repeat(2,1fr)!important}.weather-kpis{grid-template-columns:repeat(2,1fr)}.weather-days{grid-template-columns:repeat(2,1fr)}.weather-page-top{flex-direction:column}.weather-page-actions{justify-content:flex-start}.weather-main-reading{align-items:flex-start}.weather-full-icon{width:130px;height:130px}.weather-main-reading strong{font-size:74px}.weather-main-reading p{font-size:16px}.hourly-strip-rich{grid-template-columns:repeat(3,1fr)!important}.weather-summary{min-height:auto!important}}@media(max-width:760px){.nav-list{grid-template-columns:repeat(8,1fr)!important}.weather-hero-panel,.weather-hourly-panel,.rain-panel,.weather-days-panel{padding:18px;border-radius:20px}.weather-main-reading{gap:0}.weather-full-icon{width:105px;height:105px;margin-left:-14px}.weather-main-reading strong{font-size:64px}.weather-main-reading span{font-size:9px}.weather-kpis{grid-template-columns:repeat(2,1fr)}.weather-days{display:flex;overflow:auto;scroll-snap-type:x mandatory}.weather-day-card{flex:0 0 120px;scroll-snap-align:start}.weather-page-actions{width:100%}.weather-page-actions button{flex:1}.weather-location-row small{max-width:230px}}


/* ============================================================
   NEO 2026 v6 — LIVE WEATHER + SHATLYK-INSPIRED FLUID MOTION
   ============================================================ */
:root{
  --px:50vw;--py:50vh;--cursor-hue:205;
  --neo-cyan:#6ff3ff;--neo-violet:#a36bff;--neo-magenta:#ff6ad5;
}
body{
  background:
    radial-gradient(900px 700px at var(--px) var(--py),hsla(var(--cursor-hue),85%,55%,.055),transparent 62%),
    radial-gradient(1000px 700px at 15% -15%,rgba(72,130,255,.20),transparent 55%),
    radial-gradient(900px 700px at 100% 0%,rgba(130,75,255,.15),transparent 55%),
    linear-gradient(160deg,var(--bg),var(--bg2));
}
body::before{
  content:"";position:fixed;inset:-35%;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(-110deg,transparent 0 8%,rgba(102,238,255,.055) 10%,transparent 12% 19%,rgba(163,107,255,.05) 21%,transparent 24% 31%,rgba(255,106,213,.035) 34%,transparent 38%);
  filter:blur(38px);opacity:.55;mix-blend-mode:screen;
  animation:neoAuroraSweep 24s linear infinite;
}
@keyframes neoAuroraSweep{to{transform:translate3d(12%,7%,0) rotate(8deg)}}

.fluid-cursor-canvas{
  position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:1;
  opacity:.72;mix-blend-mode:screen;filter:saturate(1.35) contrast(1.08);
}
.app-shell,.main-stage,.rail{position:relative;z-index:3}
.neo-cursor-ring,.neo-cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:99999;border-radius:50%;will-change:transform}
.neo-cursor-ring{width:34px;height:34px;border:1px solid rgba(130,220,255,.5);transition:width .18s,height .18s,margin .18s,background .18s}
.neo-cursor-dot{width:6px;height:6px;box-shadow:0 0 14px currentColor}
.neo-cursor-ring.cursor-hot{width:50px;height:50px;margin:-8px;background:hsla(var(--cursor-hue),100%,65%,.06);backdrop-filter:blur(2px)}
.fluid-cursor-fallback .fluid-cursor-canvas{display:none}

.glass,.calendar-panel,.weather-hour-card,.weather-day-card{
  isolation:isolate;
}
.glass::after,.calendar-panel::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(420px circle at var(--card-x,50%) var(--card-y,0%),hsla(var(--cursor-hue),100%,72%,.075),transparent 54%);
  opacity:.8;transition:opacity .25s;
}
.glass:hover::after,.calendar-panel:hover::after{opacity:1}

.weather-live-stage{
  min-height:680px;
  background:rgba(5,12,23,.62)!important;
  border-color:rgba(154,205,255,.16)!important;
  box-shadow:0 30px 110px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05);
}
.weather-fx-canvas{
  position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;
}
.weather-live-stage::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,9,18,.68) 0%,rgba(4,9,18,.30) 48%,rgba(4,9,18,.12) 100%);
}
.weather-live-stage>.weather-sky-layer{display:none!important}
.weather-live-stage>.weather-page-top,
.weather-live-stage>.weather-hero-content,
.weather-live-stage>.weather-kpis{position:relative;z-index:2}

.weather-page-top{
  padding-bottom:16px;border-bottom:1px solid rgba(196,224,255,.08);
}
.weather-live-badge{
  height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(156,216,255,.15);
  border-radius:999px;background:rgba(4,10,20,.34);backdrop-filter:blur(14px);font-size:8px;color:#b9cce0;letter-spacing:.04em
}
.weather-live-badge i{width:7px;height:7px;border-radius:50%;background:#70ffbf;box-shadow:0 0 0 5px rgba(112,255,191,.08),0 0 18px rgba(112,255,191,.85);animation:livePulse 1.7s ease-in-out infinite}
@keyframes livePulse{50%{opacity:.45;box-shadow:0 0 0 9px rgba(112,255,191,0),0 0 24px rgba(112,255,191,.45)}}

.weather-main-reading{
  padding:34px 0 20px;align-items:center;
}
.weather-full-icon{
  width:190px!important;height:190px!important;object-fit:contain!important;
  filter:drop-shadow(0 25px 40px rgba(0,0,0,.28)) drop-shadow(0 0 26px rgba(152,207,255,.10));
  animation:weatherIconFloat 6s ease-in-out infinite;
}
@keyframes weatherIconFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-10px,0) rotate(1deg)}}
.weather-main-reading strong{
  font-size:clamp(90px,10vw,154px)!important;font-weight:180!important;
  letter-spacing:-.075em;text-shadow:0 15px 60px rgba(0,0,0,.25)
}
.weather-main-reading p{font-size:21px!important;font-weight:750!important;margin:4px 0 10px!important}
.weather-main-reading span{display:block;max-width:820px;font-size:11px!important;line-height:1.7!important;color:#c3d3e4!important}

.weather-kpis>div{
  background:linear-gradient(145deg,rgba(9,18,31,.56),rgba(11,22,37,.28))!important;
  backdrop-filter:blur(18px) saturate(130%);
  border-color:rgba(194,223,255,.12)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  transition:transform .25s var(--ease),border-color .25s,background .25s;
}
.weather-kpis>div:hover{transform:translateY(-3px);border-color:hsla(var(--cursor-hue),90%,72%,.26)!important;background:rgba(20,34,55,.55)!important}

.weather-hour-card,.weather-day-card{
  position:relative;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,background .3s;
}
.weather-hour-card::before,.weather-day-card::before{
  content:"";position:absolute;inset:-1px;pointer-events:none;
  background:radial-gradient(150px circle at var(--card-x,50%) var(--card-y,20%),hsla(var(--cursor-hue),100%,72%,.10),transparent 62%);
}
.weather-hour-card:hover,.weather-day-card:hover{transform:translateY(-5px);border-color:hsla(var(--cursor-hue),85%,72%,.22)}
.weather-hour-card img,.weather-day-card img,.hour-chip img{
  object-fit:contain!important;animation:weatherMiniFloat 5s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))
}
.weather-hour-card:nth-child(2n) img,.weather-day-card:nth-child(2n) img{animation-delay:-2.2s}
@keyframes weatherMiniFloat{50%{transform:translateY(-5px) scale(1.035)}}

.weather-source-note{
  display:flex;flex-wrap:wrap;gap:5px;line-height:1.7
}
.weather-source-note::before{content:"LIVE MODEL |";color:var(--accent);font-weight:800}

@media (prefers-reduced-motion:reduce){
  body::before,.weather-full-icon,.weather-hour-card img,.weather-day-card img,.hour-chip img,.weather-live-badge i{animation:none!important}
  .fluid-cursor-canvas,.neo-cursor-ring,.neo-cursor-dot{display:none!important}
}
@media (pointer:coarse){.neo-cursor-ring,.neo-cursor-dot{display:none}}


/* =====================================================================
   NEO AI v7 | Gemini-inspired workspace + Kokoro Live voice
   Own branding, local-first implementation.
   ===================================================================== */
body.neo-ai-mode{overflow:hidden}
body.neo-ai-mode .app-shell{display:block;min-height:100vh}
body.neo-ai-mode .rail,body.neo-ai-mode>.fluid-cursor-canvas~.app-shell>.rail{display:none!important}
body.neo-ai-mode .main-stage{padding:0!important;max-width:none!important;width:100vw;height:100vh;overflow:hidden}
body.neo-ai-mode .main-stage>.topbar{display:none!important}
body.neo-ai-mode .route[data-view="assistant"].active{height:100vh;margin:0!important;padding:0!important}
.neo-ai-route{--ai-side:#111318;--ai-bg:#0d0f12;--ai-surface:#181a20;--ai-surface2:#202228;--ai-line:rgba(255,255,255,.08);--ai-muted:#9ca3af;--ai-text:#f2f4f8;--ai-blue:#8ab4f8;--ai-purple:#c58af9;--ai-pink:#f28bca}
.light-theme .neo-ai-route{--ai-side:#f1f3f4;--ai-bg:#fff;--ai-surface:#f0f4f9;--ai-surface2:#e9eef6;--ai-line:rgba(30,45,65,.1);--ai-muted:#5f6368;--ai-text:#202124}
.neo-ai-app{height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr) 0;background:var(--ai-bg);color:var(--ai-text);overflow:hidden;transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)}
.neo-ai-app.context-open{grid-template-columns:260px minmax(0,1fr) 330px}
.neo-ai-sidebar{background:var(--ai-side);padding:14px 12px 12px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.025);min-width:0;overflow:hidden}
.neo-ai-side-top{display:flex;flex-direction:column;gap:5px}.neo-ai-logo{height:48px;display:flex;align-items:center;gap:11px;background:none;border:0;color:var(--ai-text);font-size:17px;padding:0 12px;text-align:left}.neo-spark{font-size:24px;background:linear-gradient(135deg,#8ab4f8,#c58af9,#f28bca);-webkit-background-clip:text;color:transparent}.neo-ai-new{height:48px;margin:12px 5px 10px;border:0;border-radius:24px;background:#1f2937;color:#dce8fa;display:flex;align-items:center;gap:13px;padding:0 17px;font-size:12px;font-weight:680}.light-theme .neo-ai-new{background:#dde3ea;color:#243447}.neo-ai-new span{font-size:24px;font-weight:300}.neo-ai-side-item{border:0;background:transparent;color:#c2c7d0;min-height:40px;border-radius:20px;padding:0 14px;display:flex;align-items:center;gap:13px;text-align:left;font-size:11px}.neo-ai-side-item:hover,.neo-ai-side-item.active{background:rgba(138,180,248,.09);color:#e9f2ff}.neo-ai-side-item span{width:19px;text-align:center;font-size:15px}.neo-ai-recents-wrap{flex:1;min-height:0;margin-top:20px;display:flex;flex-direction:column}.neo-ai-recents-wrap>small{padding:0 16px 9px;color:#89909b;font-size:9px;font-weight:700}.neo-ai-recents{overflow:auto;padding-right:2px}.neo-ai-recent{width:100%;border:0;background:transparent;color:#b8bec8;text-align:left;padding:10px 15px;border-radius:19px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.neo-ai-recent:hover,.neo-ai-recent.active{background:rgba(255,255,255,.055);color:#fff}.neo-ai-side-bottom{display:grid;gap:8px}.neo-ai-private{border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:10px}.neo-ai-private i{width:7px;height:7px;border-radius:50%;background:#73e6a8;box-shadow:0 0 14px rgba(115,230,168,.7)}.neo-ai-private b{display:block;font-size:9px}.neo-ai-private small{display:block;font-size:7px;color:#858d99;margin-top:2px}
.neo-ai-workspace{min-width:0;height:100vh;position:relative;display:flex;flex-direction:column;background:radial-gradient(900px 520px at 50% 100%,rgba(86,111,183,.07),transparent 58%),var(--ai-bg)}
.neo-ai-topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;padding:0 20px;gap:12px;z-index:8}.neo-ai-menu{display:none;border:0;background:transparent;color:#b7bdc7;font-size:18px;width:36px;height:36px;border-radius:50%}.neo-ai-model-wrap{display:flex;align-items:center;gap:8px}.neo-ai-model{border:0!important;background:transparent!important;color:var(--ai-text)!important;font-size:14px!important;font-weight:650;padding:8px 4px!important;max-width:285px}.neo-ai-local-badge{font-size:7px;border:1px solid rgba(138,180,248,.25);color:#9dc1fb;border-radius:99px;padding:4px 7px;letter-spacing:.08em}.neo-ai-top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.neo-ai-top-btn{border:0;background:transparent;color:#b8bec9;height:38px;border-radius:19px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:9px}.neo-ai-top-btn:hover{background:rgba(255,255,255,.06);color:white}.neo-ai-live-top{background:linear-gradient(135deg,rgba(108,124,255,.12),rgba(194,104,255,.10));border:1px solid rgba(171,142,255,.12)}.neo-ai-avatar{width:34px;height:34px;border:0;border-radius:50%;background:linear-gradient(135deg,#6149df,#c769e9);color:white;font-weight:800}.neo-ai-progress{height:2px;margin:0;background:transparent}.neo-ai-progress i{background:linear-gradient(90deg,#71b7ff,#a78bfa,#f18bd0)}
.neo-ai-conversation{flex:1;min-height:0;overflow-y:auto;padding:0 max(20px,calc((100% - 850px)/2));scrollbar-gutter:stable}.neo-ai-welcome{min-height:calc(100vh - 230px);display:flex;flex-direction:column;justify-content:center;padding:48px 0 100px}.neo-ai-welcome-mark{font-size:32px;width:max-content;background:linear-gradient(135deg,#8ab4f8 10%,#c58af9 55%,#f28bca);-webkit-background-clip:text;color:transparent;margin-bottom:18px}.neo-ai-welcome h2{font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-.055em;font-weight:560;margin:0;color:#7d838d}.neo-ai-welcome h2 span{background:linear-gradient(90deg,#8ab4f8,#c58af9 45%,#f28bca 80%);-webkit-background-clip:text;color:transparent}.neo-ai-welcome>p{max-width:620px;color:#858c97;font-size:12px;line-height:1.7;margin:20px 0 30px}.neo-ai-suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.neo-ai-suggestions button{height:124px;border:1px solid transparent;background:var(--ai-surface);color:#d8dce3;border-radius:20px;padding:15px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:.22s}.neo-ai-suggestions button:hover{background:#22252c;border-color:rgba(138,180,248,.13);transform:translateY(-2px)}.neo-ai-suggestions span{font-size:19px;margin-bottom:auto}.neo-ai-suggestions b{font-size:10px}.neo-ai-suggestions small{font-size:8px;color:#848b97;margin-top:4px}.neo-ai-messages{display:flex;flex-direction:column;padding:34px 0 20px}.neo-ai-messages:empty{display:none}.neo-ai-bottom-space{height:150px}
.neo-ai-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;margin:8px 0 24px;animation:neoMsgIn .28s ease}.neo-ai-message.user{grid-template-columns:minmax(0,1fr);margin-left:120px}.neo-ai-message.user .neo-ai-message-body{justify-self:end;background:var(--ai-surface);padding:12px 16px;border-radius:22px;max-width:82%}.neo-ai-message-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#667eea,#be73ed);color:white;font-size:13px}.neo-ai-message-content{font-size:13px;line-height:1.72;color:#e3e6eb;white-space:pre-wrap;word-break:break-word}.light-theme .neo-ai-message-content{color:#25272b}.neo-ai-message-tools{display:flex;gap:5px;margin-top:8px;opacity:0;transition:.2s}.neo-ai-message:hover .neo-ai-message-tools{opacity:1}.neo-ai-message-tools button{border:0;background:transparent;color:#858d99;border-radius:50%;width:28px;height:28px;font-size:11px}.neo-ai-message-tools button:hover{background:rgba(255,255,255,.06);color:#fff}.neo-ai-thinking{display:flex;gap:5px;align-items:center;height:24px}.neo-ai-thinking i{width:5px;height:5px;background:#9da5b0;border-radius:50%;animation:neoThink 1.2s infinite}.neo-ai-thinking i:nth-child(2){animation-delay:.16s}.neo-ai-thinking i:nth-child(3){animation-delay:.32s}@keyframes neoThink{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-5px);opacity:1}}@keyframes neoMsgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.neo-ai-composer-dock{position:absolute;left:0;right:0;bottom:0;padding:20px max(20px,calc((100% - 850px)/2)) 14px;background:linear-gradient(180deg,transparent 0,var(--ai-bg) 32%,var(--ai-bg) 100%);z-index:7}.neo-ai-composer{background:var(--ai-surface);border:1px solid rgba(255,255,255,.06);border-radius:30px;min-height:58px;padding:8px 10px 8px 12px;display:flex;align-items:flex-end;gap:8px;box-shadow:0 12px 44px rgba(0,0,0,.18)}.neo-ai-composer:focus-within{border-color:rgba(138,180,248,.22);box-shadow:0 12px 54px rgba(64,102,181,.12)}.neo-ai-composer textarea{flex:1;background:transparent!important;border:0!important;outline:0!important;color:var(--ai-text)!important;font-size:12px!important;line-height:1.55;min-height:40px;max-height:150px;resize:none;padding:10px 4px!important;box-shadow:none!important}.neo-ai-circle{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:transparent;color:#b8bec8;font-size:18px}.neo-ai-circle:hover{background:rgba(255,255,255,.07);color:#fff}.neo-ai-compose-actions{display:flex;align-items:center;gap:2px}.neo-ai-tool{height:38px;border:0;border-radius:19px;background:transparent;color:#aeb5bf;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:9px}.neo-ai-tool:hover{background:rgba(255,255,255,.06)}.neo-ai-send{width:40px;height:40px;border:0;border-radius:50%;background:#d9e7ff;color:#1a2940;display:grid;place-items:center;font-size:16px}.neo-ai-send:disabled{opacity:.35}.neo-ai-live-mini{color:#b79cff}.neo-ai-disclaimer{text-align:center;color:#666e79;font-size:7px;margin-top:7px}.neo-ai-files{display:flex;gap:7px;margin:0 0 7px;flex-wrap:wrap}.neo-ai-file{display:flex;align-items:center;gap:7px;border:1px solid var(--ai-line);background:var(--ai-surface);border-radius:14px;padding:6px 9px;font-size:8px;color:#b5bbc5}.neo-ai-file img{width:30px;height:30px;border-radius:8px;object-fit:cover}.neo-ai-file button{border:0;background:transparent;color:#858b95}.neo-ai-file small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.neo-ai-context{background:#13151a;border-left:1px solid rgba(255,255,255,.045);overflow:hidden;padding:0;min-width:0}.neo-ai-app:not(.context-open) .neo-ai-context{opacity:0;pointer-events:none}.neo-ai-context-head{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ai-line)}.neo-ai-context-head small{display:block;color:#777f89;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.neo-ai-context-head b{font-size:10px}.neo-ai-context-close{border:0;background:transparent;color:#9ba2ad;font-size:20px}.neo-ai-context pre{white-space:pre-wrap;padding:16px;font-size:9px;line-height:1.65;color:#aeb9c7;font-family:ui-monospace,monospace}.neo-ai-context-card{margin:12px;padding:13px;border-radius:15px;background:rgba(255,255,255,.035);display:flex;gap:10px}.neo-ai-context-card p{font-size:8px;line-height:1.55;color:#838b97}.neo-ai-context-action{margin:12px;width:calc(100% - 24px);border:1px solid var(--ai-line);background:transparent;color:#b8c3d0;border-radius:18px;height:39px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;font-size:9px}
/* Live voice */
.neo-live[hidden]{display:none!important}.neo-live{position:fixed;inset:0;z-index:100000;background:#0b0d13;color:#f2f5fa;display:flex;flex-direction:column;overflow:hidden}.neo-live::before,.neo-live::after{content:"";position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.neo-live::before{left:-25vw;bottom:-40vw;background:#3d63ff}.neo-live::after{right:-30vw;top:-42vw;background:#9c4cff}.neo-live-ambient{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.neo-live-head{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;position:relative;z-index:2}.neo-live-brand{display:flex;align-items:center;gap:9px}.neo-live-brand span{font-size:22px;background:linear-gradient(135deg,#8ab4f8,#c58af9,#f28bca);-webkit-background-clip:text;color:transparent}.neo-live-brand b{font-size:13px}.neo-live-brand em{font-style:normal;font-size:8px;color:#737c8a;border-left:1px solid #343843;padding-left:10px}.neo-live-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dce2eb;border-radius:50%;font-size:22px}.neo-live-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;padding:30px 20px}.neo-live-orb-wrap{width:min(820px,90vw);height:330px;display:grid;place-items:center;position:relative}.neo-live-orb{width:160px;height:160px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#b5d5ff,#7858e9 46%,#b338c4 77%,#261a57);box-shadow:0 0 80px rgba(114,95,255,.28),0 0 170px rgba(205,67,236,.10);transition:transform .2s,filter .2s}.neo-live-orb.listening{animation:orbBreathe 2.2s ease-in-out infinite}.neo-live-orb.speaking{animation:orbSpeak .75s ease-in-out infinite alternate}.neo-live-orb i{position:absolute;inset:-20px;border-radius:50%;border:1px solid rgba(173,201,255,.12);animation:orbRing 7s linear infinite}.neo-live-orb i:nth-child(2){inset:-48px;animation-duration:11s;animation-direction:reverse}.neo-live-orb i:nth-child(3){inset:-82px;animation-duration:16s}.neo-live-orb span{font-size:30px;color:white;text-shadow:0 0 20px white}.neo-live-orb-wrap canvas{position:absolute;bottom:0;width:100%;height:120px;opacity:.8}.neo-live-status{font-size:10px;color:#9ba4b2;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}.neo-live-caption{font-size:clamp(20px,3.2vw,34px);font-weight:440;max-width:800px;text-align:center;line-height:1.3;margin-top:17px;min-height:44px}.neo-live-response{font-size:11px;line-height:1.65;color:#9ea7b5;max-width:720px;text-align:center;margin-top:15px;min-height:36px}.neo-live-controls{height:105px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:2}.neo-live-controls button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);color:#dce1e9;min-width:76px;height:60px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.neo-live-controls span{font-size:16px}.neo-live-controls b{font-size:7px}.neo-live-controls .neo-live-end{background:#a83a48;border-color:#b84955}.neo-live-controls button.active{background:#e6edf8;color:#18202c}.neo-live-orb.muted{filter:grayscale(.8);opacity:.55}@keyframes orbBreathe{50%{transform:scale(1.055);box-shadow:0 0 110px rgba(114,95,255,.36),0 0 190px rgba(205,67,236,.15)}}@keyframes orbSpeak{to{transform:scale(1.08) rotate(2deg)}}@keyframes orbRing{to{transform:rotate(360deg)}}
@media(max-width:1040px){.neo-ai-app{grid-template-columns:220px minmax(0,1fr) 0}.neo-ai-app.context-open{grid-template-columns:220px minmax(0,1fr)}.neo-ai-context{position:absolute;right:0;top:0;bottom:0;width:320px;z-index:20;box-shadow:-20px 0 50px rgba(0,0,0,.35)}.neo-ai-suggestions{grid-template-columns:1fr 1fr}.neo-ai-conversation,.neo-ai-composer-dock{padding-left:35px;padding-right:35px}}
@media(max-width:720px){.neo-ai-app{grid-template-columns:1fr}.neo-ai-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:40;transform:translateX(-105%);transition:.25s;box-shadow:15px 0 40px rgba(0,0,0,.35)}.neo-ai-app.sidebar-open .neo-ai-sidebar{transform:none}.neo-ai-menu{display:grid;place-items:center}.neo-ai-top-btn b,.neo-ai-local-badge{display:none}.neo-ai-topbar{padding:0 10px}.neo-ai-conversation,.neo-ai-composer-dock{padding-left:14px;padding-right:14px}.neo-ai-welcome{padding-top:30px}.neo-ai-welcome h2{font-size:38px}.neo-ai-suggestions{grid-template-columns:1fr 1fr}.neo-ai-suggestions button{height:105px}.neo-ai-message.user{margin-left:50px}.neo-ai-context{width:min(330px,92vw)}.neo-live-brand em{display:none}.neo-live-controls{gap:7px}.neo-live-controls button{min-width:65px;height:56px}}


/* ============================================================
   NEO 2026 v8 — FIT VIEWPORT / NO RIGHT OVERFLOW
   ============================================================ */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
body.neo-ai-mode{
  width:100%;
  max-width:100%;
  overflow:hidden!important;
}
body.neo-ai-mode .app-shell{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
body.neo-ai-mode .main-stage{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100dvh!important;
  padding:0!important;
  overflow:hidden!important;
}
body.neo-ai-mode .route[data-view="assistant"].active,
.neo-ai-route{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100dvh!important;
  overflow:hidden!important;
}
.neo-ai-app{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100dvh!important;
  grid-template-columns:clamp(210px,14vw,250px) minmax(0,1fr) 0!important;
  overflow:hidden!important;
}
.neo-ai-app.context-open{
  grid-template-columns:clamp(210px,14vw,250px) minmax(0,1fr) minmax(280px,320px)!important;
}
.neo-ai-sidebar,.neo-ai-workspace,.neo-ai-context{
  min-width:0!important;
  max-width:100%!important;
}
.neo-ai-workspace{
  width:100%;
  overflow:hidden!important;
}
.neo-ai-topbar{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.neo-ai-model-wrap{min-width:0;max-width:min(46vw,350px)}
.neo-ai-model{
  min-width:0!important;
  max-width:100%!important;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
.neo-ai-top-actions{
  min-width:0;
  flex:0 1 auto;
}
.neo-ai-conversation{
  width:100%;
  max-width:100%;
  padding-inline:clamp(16px,4.5vw,72px)!important;
  overflow-x:hidden!important;
}
.neo-ai-welcome,.neo-ai-messages{
  width:min(820px,100%);
  max-width:100%;
  margin-inline:auto;
}
.neo-ai-composer-dock{
  width:100%;
  max-width:100%;
  left:0!important;
  right:0!important;
  padding:20px clamp(16px,4.5vw,72px) 14px!important;
  overflow:hidden;
}
.neo-ai-composer,.neo-ai-files,.neo-ai-disclaimer{
  width:min(820px,100%);
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.neo-ai-composer{
  min-width:0;
}
.neo-ai-composer textarea{
  min-width:0!important;
  width:100%!important;
}
.neo-ai-suggestions{
  width:100%;
  max-width:100%;
}
.neo-ai-message,
.neo-ai-message-body,
.neo-ai-message-content{
  min-width:0;
  max-width:100%;
}
.neo-ai-message.user{
  margin-left:clamp(28px,9vw,110px)!important;
}
.neo-ai-message.user .neo-ai-message-body{
  max-width:min(82%,680px)!important;
}
.neo-ai-context pre{
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:1360px){
  .neo-ai-app.context-open{
    grid-template-columns:clamp(205px,16vw,235px) minmax(0,1fr)!important;
  }
  .neo-ai-context{
    position:absolute!important;
    right:0;top:0;bottom:0;
    width:min(320px,34vw)!important;
    z-index:30;
    box-shadow:-24px 0 60px rgba(0,0,0,.42);
  }
}
@media(max-width:980px){
  .neo-ai-app{
    grid-template-columns:1fr!important;
  }
  .neo-ai-sidebar{
    position:fixed!important;
    left:0;top:0;bottom:0;
    width:min(270px,86vw)!important;
    z-index:50;
    transform:translateX(-105%);
    transition:transform .25s ease;
    box-shadow:20px 0 55px rgba(0,0,0,.4);
  }
  .neo-ai-app.sidebar-open .neo-ai-sidebar{transform:none}
  .neo-ai-menu{display:grid!important;place-items:center}
  .neo-ai-conversation,.neo-ai-composer-dock{padding-left:18px!important;padding-right:18px!important}
  .neo-ai-topbar{padding-inline:12px!important}
  .neo-ai-local-badge{display:none}
}
@media(max-width:620px){
  .neo-ai-top-btn b,.neo-ai-tool b{display:none}
  .neo-ai-top-btn{padding-inline:9px!important}
  .neo-ai-suggestions{grid-template-columns:1fr 1fr!important}
  .neo-ai-suggestions button{min-width:0}
  .neo-ai-welcome h2{font-size:clamp(34px,11vw,44px)!important}
  .neo-ai-message.user{margin-left:24px!important}
}
@media(max-width:420px){
  .neo-ai-suggestions{grid-template-columns:1fr!important}
  .neo-ai-suggestions button{height:88px!important}
  .neo-ai-model-wrap{max-width:44vw}
}

/* Weather v8: main temperature behaves like consumer weather widgets.
   Raw model precision is still shown in the LIVE telemetry line. */
.weather-main-reading strong,
#weatherFullTemp{
  font-variant-numeric:tabular-nums;
}
.weather-live-badge{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* ============================================================
   v9 — BMKG LOCAL-FIRST / GOOGLE-WEATHER-LIKE CLARITY
   ============================================================ */
.weather-live-badge.approximate-weather i{
  background:#ffd36f;
  box-shadow:0 0 0 5px rgba(255,211,111,.08),0 0 18px rgba(255,211,111,.75)
}
.weather-source-note strong{
  color:#e9f5ff;
  font-weight:850;
}
.weather-source-note{
  gap:4px;
}
#weatherPrimarySource{
  padding:3px 7px;
  border:1px solid rgba(137,219,255,.17);
  border-radius:7px;
  background:rgba(91,195,255,.06);
}
#weatherSourceDetail{
  color:#9eb0c4;
}
.weather-main-reading strong{
  font-feature-settings:"tnum" 1;
}


/* ============================================================
   v10 — GEMINI-INSPIRED NEURAL EXPRESSIVE / MEDIA WORKSPACE
   ============================================================ */
.gemini-style-spark{
  display:grid;place-items:center;width:31px;height:31px;border-radius:50%;
  color:#fff;background:
    conic-gradient(from 210deg,#5b8cff,#65d6ff,#75e39c,#ffd66b,#ff8ea5,#b685ff,#5b8cff);
  box-shadow:0 0 26px rgba(112,154,255,.25);
  animation:geminiSparkBreath 5s ease-in-out infinite;
}
@keyframes geminiSparkBreath{50%{filter:hue-rotate(24deg) saturate(1.2);transform:scale(1.06)}}
.gemini-official-link{text-decoration:none!important}
.gemini-unified-tools{
  width:min(820px,100%);margin:0 auto 8px;display:flex;gap:6px;align-items:center;overflow-x:auto;
  scrollbar-width:none;padding:2px 1px
}
.gemini-unified-tools::-webkit-scrollbar{display:none}
.gemini-unified-tools button{
  height:31px;white-space:nowrap;border:1px solid rgba(255,255,255,.06);border-radius:999px;
  background:rgba(255,255,255,.035);color:#9ea7b5;padding:0 11px;font-size:8px;display:flex;align-items:center;gap:6px
}
.gemini-unified-tools button:hover{
  color:#eef4ff;border-color:rgba(133,178,255,.2);background:linear-gradient(120deg,rgba(68,120,255,.1),rgba(187,107,255,.08))
}
.gemini-feature-dialog{width:min(1040px,94vw)!important;max-height:92dvh;overflow:auto}
.gemini-feature-note{
  border:1px solid rgba(124,176,255,.12);background:linear-gradient(125deg,rgba(78,126,255,.07),rgba(182,104,255,.045));
  color:#aab6c6;border-radius:15px;padding:11px 13px;font-size:9px;line-height:1.6;margin-bottom:13px
}
.gemini-video-stage{
  position:relative;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;background:#050609;
  box-shadow:0 24px 70px rgba(0,0,0,.32)
}
.gemini-video-stage video{display:block;width:100%;max-height:62dvh;background:#030405}
.gemini-video-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.gemini-video-toolbar label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.gemini-video-meta{font-size:9px;color:#8792a0;margin:8px 1px}
.gemini-frame-strip{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;overflow-x:auto;padding:4px 0 8px
}
.gemini-frame-strip figure{margin:0;min-width:105px}
.gemini-frame-strip img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px;border:1px solid rgba(255,255,255,.06)}
.gemini-frame-strip figcaption{text-align:center;font-size:7px;color:#768190;margin-top:3px}
.gemini-canvas-editor,.gemini-research-query{
  width:100%;min-height:48dvh;resize:vertical;background:#111318!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;padding:18px!important;color:#e9edf5!important;line-height:1.7!important;font-size:12px!important
}
.gemini-research-query{min-height:180px}
.link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.gemini-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.gemini-app-grid button,.gemini-app-grid a{
  min-height:130px;border:1px solid rgba(255,255,255,.07);background:#15171c;color:#e5e8ef;border-radius:20px;
  padding:16px;text-align:left;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:.22s
}
.gemini-app-grid button:hover,.gemini-app-grid a:hover{transform:translateY(-3px);border-color:rgba(127,180,255,.2);background:#1a1d24}
.gemini-app-grid span{font-size:22px;margin-bottom:auto}.gemini-app-grid b{font-size:11px}.gemini-app-grid small{font-size:8px;color:#838c99}
.neo-ai-file.video{min-width:220px}
.neo-ai-file video{width:50px;height:36px;border-radius:8px;object-fit:cover;background:#050607}
.neo-ai-file-meta{display:flex;flex-direction:column;min-width:0}.neo-ai-file-meta em{font-size:7px;color:#6e7886;font-style:normal}
.neo-ai-file-meta small{max-width:180px}
@media(max-width:700px){
  .gemini-app-grid{grid-template-columns:1fr 1fr}.gemini-frame-strip{grid-template-columns:repeat(7,120px)}
}

/* More cinematic rain rendering */
.weather-live-stage[data-rain="true"] .weather-fx-canvas{
  filter:saturate(1.08) contrast(1.04);
}
.weather-live-stage[data-rain="true"]::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(195,225,255,.025),transparent 35%,rgba(95,150,190,.065)),
    radial-gradient(100% 40% at 50% 100%,rgba(166,211,238,.075),transparent 70%);
  mix-blend-mode:screen;
}


/* ============================================================
   v11 — LEGIBLE TRIGGERS / ITEM BOXES / OFFICIAL GEMINI LINK
   ============================================================ */
.official-gemini-nav{
  position:relative;text-decoration:none!important;
  display:flex!important;align-items:center;gap:10px!important;
  min-height:50px!important;
  border:1px solid rgba(122,169,255,.13)!important;
  background:
    radial-gradient(160px circle at 15% 0%,rgba(92,136,255,.13),transparent 62%),
    linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
}
.official-gemini-nav:hover{
  border-color:rgba(131,185,255,.28)!important;
  background:
    radial-gradient(180px circle at 15% 0%,rgba(95,144,255,.22),transparent 64%),
    linear-gradient(135deg,rgba(101,129,255,.075),rgba(186,100,255,.04))!important;
}
.official-gemini-nav small{
  margin-left:auto;color:#7f8fa5;font-size:7px;font-weight:700;white-space:nowrap
}
.official-gemini-mark{
  color:#fff;filter:drop-shadow(0 0 10px rgba(124,178,255,.65));
}
.official-gemini-nav em{
  color:#eaf2ff!important;font-weight:780!important;letter-spacing:.005em
}

/* Buttons and trigger boxes: more tactile and more readable */
.primary,.ghost,.chip,.icon-btn,.text-btn,.weather-locate,
.segmented button,.nav-item,.hero-actions button,.focus-buttons button,
.gemini-unified-tools button,.neo-ai-top-btn,.neo-ai-tool,.neo-ai-side-item{
  font-weight:720!important;
  letter-spacing:.005em!important;
  -webkit-font-smoothing:antialiased;
}
.primary,.ghost,.chip,.hero-actions button,.focus-buttons button{
  min-height:40px!important;
  border-radius:13px!important;
  padding-inline:14px!important;
}
.primary{
  color:#f8fbff!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,white 4%),color-mix(in srgb,var(--accent) 67%,#0c1627 33%))!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px rgba(255,255,255,.20)!important;
}
.ghost,.chip{
  color:#e5ecf6!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.027))!important;
  border-color:rgba(191,215,244,.13)!important;
}
.ghost:hover,.chip:hover{
  color:#fff!important;border-color:rgba(151,197,255,.28)!important;
  background:linear-gradient(180deg,rgba(124,169,255,.10),rgba(255,255,255,.04))!important;
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 72%,white)!important;
  outline-offset:3px!important;
}

/* Dashboard item boxes */
.signal-grid{
  align-items:stretch!important;
}
.mini-card{
  min-height:174px!important;
  padding:18px!important;
  border:1px solid rgba(176,205,236,.095)!important;
  background:
    radial-gradient(260px circle at var(--card-x,70%) var(--card-y,0%),hsla(var(--cursor-hue),90%,68%,.07),transparent 60%),
    linear-gradient(150deg,rgba(19,28,42,.86),rgba(10,16,27,.88))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 38px rgba(0,0,0,.12)!important;
}
.mini-card .card-label{
  min-height:28px;display:flex;align-items:center;gap:8px;
  color:#9eacbd!important
}
.mini-card .card-label>span{
  color:#dfe9f5!important;font-weight:820!important;font-size:8px!important;
}
.mini-card p,.next-card p,.future-mini span,.flow-note,#flowNote{
  color:#b9c6d6!important;
  font-size:9px!important;line-height:1.58!important;
  overflow-wrap:anywhere;
}
.next-card{
  padding-top:7px!important;
}
.next-card strong{
  display:block;color:#f3f7fc!important;font-size:15px!important;line-height:1.28!important;
  margin:6px 0!important;overflow-wrap:anywhere
}
.next-time{
  color:#8ecbff!important;font-size:8px!important;font-weight:800!important
}
.big-number,.flow-score strong{
  color:#f3f8ff!important;text-shadow:0 0 24px rgba(111,193,255,.08)
}
.future-mini>div{
  min-height:34px!important;
  padding:7px 9px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.024)!important;
}
.future-mini>div span{
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}

/* Generic stack/list item boxes */
.stack>div,.stack>article,.memory-item,.focus-history-item,.reality-item,
.timeline-item,.event-item{
  border:1px solid rgba(189,214,242,.085)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border-radius:13px!important;
  color:#e3ebf5!important;
}
.stack b,.stack strong,.memory-item b,.timeline-item b,.event-item b{
  color:#f0f5fb!important;font-weight:760!important;
}
.stack p,.stack small,.memory-item p,.memory-item small,
.timeline-item p,.timeline-item small,.event-item p,.event-item small{
  color:#aebccd!important;line-height:1.55!important
}

/* Calendar event pills: no low-contrast tiny text */
.calendar-event{
  min-height:24px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  font-size:8px!important;
  line-height:1.25!important;
  font-weight:760!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.fc-day-cell,.calendar-day{
  min-width:0!important;
}
.fc-day-cell .day-number,.calendar-day .day-number{
  color:#cbd6e3!important;font-weight:720!important
}

/* Weather cards: larger labels */
.weather-hour-card,.weather-day-card{
  border-color:rgba(185,215,244,.095)!important;
  background:linear-gradient(155deg,rgba(17,29,43,.82),rgba(9,17,29,.75))!important;
}
.weather-hour-card time,.weather-day-card>b{
  color:#dbe7f5!important;font-weight:780!important
}
.weather-hour-card span,.weather-day-card>span{
  color:#b7c7d8!important;line-height:1.35!important
}
.weather-hour-card small,.weather-day-card em{
  color:#8ea6bf!important
}

/* Settings and control item boxes */
.location-setting-card,.info-box,.neo-ai-context-card,.neo-ai-file{
  border-color:rgba(177,208,240,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.021))!important;
}
.location-setting-card b,.neo-ai-context-card b{
  color:#eef5fd!important
}
.location-setting-card small,.neo-ai-context-card p{
  color:#aab8c8!important;white-space:normal!important
}
.voice-reference-strip{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 0;margin:4px 0 8px
}
.voice-reference-strip small{
  color:#8999ad;font-size:8px
}
.voice-reference-btn{
  border-color:rgba(129,180,255,.20)!important
}

@media(max-width:900px){
  .signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mini-card{min-height:160px!important}
}
@media(max-width:560px){
  .signal-grid{grid-template-columns:1fr!important}
  .mini-card{min-height:145px!important}
  .official-gemini-nav small{display:block!important}
}


/* ============================================================
   v12 — SAME-TAB OFFICIAL GEMINI PORTAL
   ============================================================ */
.gemini-portal-mode .topbar{display:flex}
.gemini-portal-route{
  min-height:calc(100dvh - 95px);
  overflow:auto;
}
.gemini-portal-shell{
  min-height:calc(100dvh - 120px);
  display:grid;place-items:center;
  padding:clamp(18px,4vw,52px);
}
.gemini-portal-card{
  width:min(900px,100%);
  padding:clamp(24px,5vw,56px);
  text-align:center;
  position:relative;
  overflow:hidden;
  border-color:rgba(133,180,255,.16)!important;
  background:
    radial-gradient(650px 420px at 50% -10%,rgba(84,120,255,.15),transparent 65%),
    radial-gradient(520px 360px at 85% 15%,rgba(184,105,255,.08),transparent 65%),
    linear-gradient(155deg,rgba(14,20,32,.96),rgba(7,11,19,.98))!important;
}
.gemini-portal-card::before{
  content:"";position:absolute;inset:-50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent,rgba(97,164,255,.055),transparent 28%,rgba(183,112,255,.04),transparent 58%);
  animation:geminiPortalRotate 18s linear infinite;
}
@keyframes geminiPortalRotate{to{transform:rotate(360deg)}}
.gemini-portal-card>*{position:relative;z-index:1}
.gemini-portal-orb{
  width:74px;height:74px;margin:0 auto 20px;border-radius:50%;
  display:grid;place-items:center;font-size:28px;color:#fff;
  background:conic-gradient(from 210deg,#5e8cff,#64d9ff,#79e3a3,#ffd96e,#ff92ad,#b887ff,#5e8cff);
  box-shadow:0 0 0 9px rgba(112,150,255,.035),0 20px 70px rgba(100,135,255,.22);
  animation:geminiPortalPulse 5s ease-in-out infinite;
}
@keyframes geminiPortalPulse{50%{transform:translateY(-5px) scale(1.04);filter:hue-rotate(18deg)}}
.gemini-portal-card h2{
  margin:8px 0 10px;font-size:clamp(32px,5.2vw,62px);line-height:1.02;letter-spacing:-.045em;
  color:#f2f6ff
}
.gemini-portal-lead{
  margin:0 auto;max-width:690px;color:#aab8ca;font-size:11px;line-height:1.75
}
.gemini-security-card{
  margin:28px auto 0;max-width:720px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:15px 16px;border:1px solid rgba(156,194,235,.11);border-radius:17px;
  background:rgba(255,255,255,.026);text-align:left
}
.gemini-security-card>div{display:flex;gap:12px;align-items:flex-start;min-width:0}
.security-icon{
  flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  color:#a6d0ff;background:rgba(102,168,255,.08);border:1px solid rgba(137,192,255,.12)
}
.gemini-security-card b{display:block;color:#e8f1fc;font-size:9px;margin:2px 0 4px}
.gemini-security-card small{display:block;color:#91a1b5;font-size:8px;line-height:1.55}
.status-pill{
  flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:7px;font-weight:800;
  color:#a9d4ff;border:1px solid rgba(118,188,255,.15);background:rgba(82,157,255,.06)
}
.gemini-portal-actions{
  margin:24px auto 0;max-width:760px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap
}
.gemini-same-tab-btn{min-width:260px!important}
.gemini-same-tab-note{
  margin:15px auto 0;max-width:720px;display:flex;gap:9px;justify-content:center;align-items:flex-start;
  color:#8090a5;font-size:8px;line-height:1.6
}
.gemini-same-tab-note span{color:#a9cfff;font-size:15px;line-height:1}
.gemini-same-tab-note p{margin:0}
.gemini-portal-preview{
  margin:34px auto 0;max-width:760px;border:1px solid rgba(255,255,255,.07);
  border-radius:22px;overflow:hidden;text-align:left;background:#101218;
  box-shadow:0 26px 80px rgba(0,0,0,.28)
}
.gemini-preview-top{
  display:flex;align-items:center;gap:8px;height:48px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.055);
  color:#dfe8f5
}
.gemini-preview-mark{color:#8cbaff}
.gemini-preview-top b{font-size:9px}.gemini-preview-top em{margin-left:auto;font-size:7px;color:#718095;font-style:normal}
.gemini-preview-body{
  padding:34px 30px 38px;position:relative;overflow:hidden
}
.preview-gradient-line{
  width:88px;height:4px;border-radius:99px;margin-bottom:20px;
  background:linear-gradient(90deg,#5e8cff,#61d5ff,#b487ff)
}
.gemini-preview-body h3{margin:0 0 8px;color:#edf4ff;font-size:19px}
.gemini-preview-body p{margin:0;color:#8f9caf;font-size:9px;line-height:1.6}
.preview-url{
  margin-top:20px;padding:11px 13px;border-radius:11px;
  border:1px solid rgba(255,255,255,.06);background:#0b0d12;color:#95bfff;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px
}
@media(max-width:650px){
  .gemini-security-card{align-items:flex-start;flex-direction:column}
  .gemini-portal-actions>*{width:100%;min-width:0!important}
  .gemini-preview-body{padding:26px 18px}
}
@media(prefers-reduced-motion:reduce){
  .gemini-portal-card::before,.gemini-portal-orb{animation:none!important}
}

/* v13 — embedded Gemini API chat */
.gemini-api-route.active{display:block!important;height:calc(100dvh - 92px);min-height:620px;overflow:hidden}
.gemini-api-shell{width:100%;height:100%;min-width:0;display:grid;grid-template-columns:248px minmax(0,1fr);border:1px solid rgba(184,202,226,.08);border-radius:17px;overflow:hidden;background:#131416;box-shadow:0 25px 80px rgba(0,0,0,.25)}
.gemini-api-sidebar{min-width:0;display:flex;flex-direction:column;padding:14px 10px 10px;border-right:1px solid rgba(255,255,255,.055);background:#1b1c1f}
.gemini-api-brand{display:flex;gap:10px;align-items:center;min-height:44px;padding:4px 8px 12px}.gemini-api-brand>div{min-width:0}.gemini-api-brand b{display:block;color:#e8eaed;font-size:15px;font-weight:560}.gemini-api-brand small{display:block;color:#8d929a;font-size:7px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gemini-api-star{flex:0 0 auto;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:white;font-size:14px;background:conic-gradient(from 215deg,#5f86f7,#64c9ff,#75d9b0,#d8cf69,#df84b2,#a886ef,#5f86f7);box-shadow:0 5px 24px rgba(92,127,255,.20)}.gemini-api-star.small{width:22px;height:22px;font-size:11px}
.gemini-new-chat{height:44px;border:0;border-radius:22px;display:flex;align-items:center;gap:10px;padding:0 17px;margin:4px 4px 16px;color:#dfe5ee;background:#27292d;font-size:9px;font-weight:650;text-align:left}.gemini-new-chat:hover{background:#303237}.gemini-new-chat span{font-size:16px;font-weight:300}
.gemini-side-section{min-height:0;flex:1;display:flex;flex-direction:column}.gemini-side-title{padding:6px 12px 8px;color:#8d939c;font-size:7px;font-weight:720;letter-spacing:.04em}.gemini-chat-history{min-height:0;overflow:auto;padding:0 2px}.gemini-history-empty{padding:12px;color:#6f757d;font-size:8px}
.gemini-history-item{width:100%;min-height:38px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;color:#c9cdd3;padding:6px 8px;text-align:left;font-size:8px}.gemini-history-item:hover,.gemini-history-item.active{background:#292b2f}.gemini-history-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gemini-history-item em{font-style:normal;color:#777d87;font-size:6.5px}.gemini-history-item i{font-style:normal;color:#717782;font-size:13px;opacity:0}.gemini-history-item:hover i{opacity:1}
.gemini-side-bottom{display:grid;gap:3px;padding-top:10px;border-top:1px solid rgba(255,255,255,.045)}.gemini-side-bottom button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#aeb4be;display:flex;gap:10px;align-items:center;text-align:left;padding:0 11px;font-size:8px}.gemini-side-bottom button:hover{background:#292b2f;color:#e2e6eb}
.gemini-api-main{min-width:0;position:relative;display:grid;grid-template-rows:54px minmax(0,1fr) auto;background:#111214}.gemini-api-topbar{min-width:0;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.035)}.gemini-mobile-menu{display:none}
.gemini-model-control{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px}.gemini-model-control select{max-width:190px;border:0;background:transparent;color:#d9dde4;font-size:10px;font-weight:650;outline:none}.gemini-model-control option{background:#202226;color:#e8eaed}
.gemini-connection{margin-left:auto;display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:999px;color:#a4abb5;background:#1b1d20;border:1px solid rgba(255,255,255,.055);font-size:7px;white-space:nowrap}.gemini-connection i{width:6px;height:6px;border-radius:50%;background:#f0b65a;box-shadow:0 0 11px rgba(240,182,90,.35)}.gemini-connection.connected i{background:#66d79b;box-shadow:0 0 11px rgba(102,215,155,.42)}
.gemini-search-toggle{height:30px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:999px;background:#1b1d20;color:#939aa5;font-size:7px;font-weight:700}.gemini-search-toggle.active{color:#b5ccff;border-color:rgba(118,156,235,.18);background:#1b2230}.gemini-official-mini{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#939aa5;text-decoration:none;background:#1b1d20;border:1px solid rgba(255,255,255,.055)}.gemini-official-mini:hover{color:#e9edf5}
.gemini-api-conversation{min-height:0;overflow:auto;scroll-behavior:smooth;padding:0 clamp(18px,5vw,86px) 26px}.gemini-welcome{width:min(820px,100%);margin:0 auto;padding:clamp(70px,11vh,130px) 0 26px}.gemini-welcome-star{width:44px;height:44px;display:grid;place-items:center;margin-bottom:20px;font-size:28px;color:#8ea9ff;filter:drop-shadow(0 0 18px rgba(121,157,255,.20))}
.gemini-welcome h2{margin:0;color:#d8dbe0;font-size:clamp(38px,5.5vw,66px);line-height:1.02;font-weight:430;letter-spacing:-.045em}.gemini-welcome h2 span{background:linear-gradient(90deg,#6793ff 0%,#b18fff 42%,#e78a9c 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.gemini-welcome>p{margin:12px 0 0;color:#858b95;font-size:9px}
.gemini-prompt-cards{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.gemini-prompt-cards button{min-height:124px;border-radius:17px;border:1px solid rgba(255,255,255,.052);background:#1c1e21;color:#d2d5db;padding:15px;text-align:left;display:flex;flex-direction:column;gap:5px;transition:.2s}.gemini-prompt-cards button:hover{transform:translateY(-3px);background:#24262a;border-color:rgba(136,168,231,.14)}.gemini-prompt-cards button>span{font-size:18px;margin-bottom:auto;color:#9eb5ef}.gemini-prompt-cards b{font-size:9px}.gemini-prompt-cards small{font-size:7px;color:#828994}
.gemini-message-list{width:min(840px,100%);margin:0 auto;padding-top:36px}.gemini-msg{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;margin-bottom:30px}.gemini-msg.user{grid-template-columns:1fr}.gemini-msg.user .gemini-msg-avatar{display:none}.gemini-msg.user .gemini-msg-content{justify-self:end;max-width:min(78%,680px);background:#27292d;border-radius:20px;padding:11px 15px}.gemini-msg-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1d2026;color:#94aef3;font-size:15px}.gemini-msg-content{min-width:0}.gemini-msg-label{color:#8d949e;font-size:7px;font-weight:800;margin:3px 0 7px}.gemini-msg.user .gemini-msg-label{display:none}.gemini-msg-text{color:#d9dde4;font-size:10.5px;line-height:1.72;overflow-wrap:anywhere}.gemini-msg-text h2,.gemini-msg-text h3,.gemini-msg-text h4{color:#eef1f5;margin:16px 0 7px;line-height:1.3}.gemini-msg-text pre{overflow:auto;background:#0b0c0e;border:1px solid rgba(255,255,255,.06);padding:12px;border-radius:12px}.gemini-msg-text code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#202226;border-radius:4px;padding:1px 4px}
.gemini-citations{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.gemini-citations a{max-width:240px;display:flex;align-items:center;gap:6px;text-decoration:none;color:#b4c7f3;background:#191c22;border:1px solid rgba(119,153,222,.11);border-radius:999px;padding:6px 9px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gemini-citations a span{flex:0 0 17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#252c3a;color:#aac2f6}
.gemini-msg-actions{margin-top:9px}.gemini-msg-actions button{border:0;background:transparent;color:#737a85;font-size:7px;padding:3px 0}.gemini-thinking{width:min(840px,100%);margin:0 auto 24px;padding-left:47px;display:flex;gap:4px}.gemini-thinking[hidden]{display:none}.gemini-thinking span{width:6px;height:6px;border-radius:50%;background:#8ba8ef;animation:geminiThinking 1.1s infinite ease-in-out}.gemini-thinking span:nth-child(2){animation-delay:.15s}.gemini-thinking span:nth-child(3){animation-delay:.3s}@keyframes geminiThinking{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}
.gemini-composer-area{position:relative;z-index:4;padding:10px clamp(18px,5vw,86px) 13px;background:linear-gradient(180deg,rgba(17,18,20,0),#111214 24%)}.gemini-setup-inline{width:min(800px,100%);margin:0 auto 8px;padding:9px 12px;border-radius:12px;border:1px solid rgba(240,180,90,.13);background:#201c17;display:flex;gap:12px;align-items:center;justify-content:space-between}.gemini-setup-inline[hidden]{display:none}.gemini-setup-inline b{color:#e8dfd0;font-size:8px}.gemini-setup-inline p{margin:2px 0 0;color:#a89d8c;font-size:7px}.gemini-setup-inline button{border:0;border-radius:9px;background:#30281f;color:#efcf9a;padding:7px 10px;font-size:7px;font-weight:700}
.gemini-composer{width:min(800px,100%);min-height:58px;margin:0 auto;display:grid;grid-template-columns:34px minmax(0,1fr) 34px 34px;align-items:end;gap:4px;padding:9px;border-radius:28px;background:#1d1f22;border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 35px rgba(0,0,0,.18)}.gemini-composer textarea{min-height:38px;max-height:180px;resize:none;border:0;outline:0;background:transparent;color:#e3e7ed;padding:9px 5px 7px;font:inherit;font-size:10px;line-height:1.45}.gemini-composer textarea::placeholder{color:#777e88}.gemini-plus,.gemini-mic,.gemini-send{width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;color:#a6abb4;background:transparent;font-size:14px}.gemini-plus:hover,.gemini-mic:hover{background:#2b2d31;color:#e5e8ed}.gemini-send{background:#d9e2ff;color:#25304a;font-size:12px}.gemini-send:disabled{opacity:.35}.gemini-mic.listening{color:#ff9a9a;background:#352324;box-shadow:0 0 0 5px rgba(255,120,120,.06)}
.gemini-context-chips{width:min(800px,100%);margin:6px auto 0;display:flex;gap:6px;min-height:23px}.gemini-context-chips button{height:23px;border-radius:999px;border:1px solid rgba(119,155,225,.10);background:#171a20;color:#8099ca;padding:0 9px;font-size:6.5px}.gemini-footnote{text-align:center;color:#666c76;font-size:6.5px;margin-top:7px}
.gemini-setup-modal{width:min(610px,92vw)!important}.gemini-setup-steps{display:grid;gap:8px}.gemini-setup-steps>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:10px;border-radius:12px;background:#15171b;border:1px solid rgba(255,255,255,.05)}.gemini-setup-steps span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#252b38;color:#aac2f7;font-size:8px;font-weight:800}.gemini-setup-steps p{margin:3px 0 0;color:#bdc4ce;font-size:8px;line-height:1.5}.gemini-setup-security{margin-top:10px;padding:10px 11px;border-radius:11px;background:#111f18;color:#a6cbb2;font-size:8px;line-height:1.55;border:1px solid rgba(99,190,128,.09)}
@media(max-width:1050px){.gemini-api-shell{grid-template-columns:210px minmax(0,1fr)}.gemini-prompt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.gemini-api-shell{grid-template-columns:1fr}.gemini-api-sidebar{position:absolute;z-index:20;left:0;top:0;bottom:0;width:min(270px,86vw);transform:translateX(-105%);transition:transform .22s;box-shadow:24px 0 70px rgba(0,0,0,.45)}.gemini-api-shell.sidebar-open .gemini-api-sidebar{transform:none}.gemini-mobile-menu{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:#1d1f22;color:#afb5be}.gemini-connection span,.gemini-search-toggle b{display:none}.gemini-api-conversation,.gemini-composer-area{padding-left:14px;padding-right:14px}.gemini-welcome{padding-top:68px}.gemini-msg.user .gemini-msg-content{max-width:88%}}
@media(max-width:470px){.gemini-prompt-cards{grid-template-columns:1fr}.gemini-prompt-cards button{min-height:90px}.gemini-model-control select{max-width:130px}}


/* ============================================================
   v15 — GEMINI WEB 2026-STYLE EMBEDDED API EXPERIENCE
   ============================================================ */
.gemini-api-route.active{
  display:block!important;
  height:calc(100dvh - 92px);
  min-height:620px;
  overflow:hidden;
  border-radius:18px;
}
.gemini-api-shell{
  height:100%;
  grid-template-columns:252px minmax(0,1fr)!important;
  background:#131314!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.gemini-api-sidebar{
  padding:14px 9px 10px!important;
  background:#1e1f20!important;
  border-right:0!important;
}
.gemini-api-brand{
  height:48px!important;
  padding:2px 12px 10px!important;
  gap:9px!important;
}
.gemini-api-brand b{
  font-size:17px!important;
  font-weight:500!important;
  color:#e4e6eb!important;
  letter-spacing:-.02em
}
.gemini-api-brand small{display:none!important}
.gemini-api-star{
  width:24px!important;height:24px!important;
  color:#90aaff!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:17px!important;
}
.gemini-api-star.small{width:18px!important;height:18px!important;font-size:13px!important}
.gemini-new-chat{
  width:max-content!important;
  min-width:132px!important;
  height:42px!important;
  margin:7px 5px 14px!important;
  padding:0 15px!important;
  border-radius:22px!important;
  background:#282a2c!important;
  color:#c4c7c5!important;
  font-size:12px!important;
  font-weight:500!important;
}
.gemini-new-chat:hover{background:#303134!important}
.gemini-side-tools{
  display:grid;
  gap:2px;
  padding:0 2px 10px;
  border-bottom:1px solid rgba(255,255,255,.035)
}
.gemini-side-tools button{
  min-height:37px;
  border:0;border-radius:18px;
  background:transparent;color:#c4c7c5;
  display:flex;align-items:center;gap:11px;
  padding:0 12px;font-size:11px;text-align:left
}
.gemini-side-tools button:hover{background:#282a2c}
.gemini-side-tools span{width:19px;text-align:center;color:#aeb4be}
.gemini-side-tools b{font-weight:500}
.gemini-side-title{
  padding:15px 13px 7px!important;
  color:#9aa0a6!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:0!important
}
.gemini-history-item{
  min-height:37px!important;
  border-radius:18px!important;
  padding:7px 12px!important;
  font-size:10px!important;
  color:#c4c7c5!important;
}
.gemini-history-item.active,.gemini-history-item:hover{background:#282a2c!important}
.gemini-history-item em{display:none!important}
.gemini-history-item i{font-size:15px!important}
.gemini-side-bottom{border-top:0!important}
.gemini-side-bottom button{
  min-height:38px!important;
  border-radius:19px!important;
  padding:0 12px!important;
  color:#c4c7c5!important;
  font-size:10px!important
}
.gemini-side-bottom button:hover{background:#282a2c!important}

.gemini-api-main{
  background:#131314!important;
  grid-template-rows:56px minmax(0,1fr) auto!important
}
.gemini-api-topbar{
  padding:0 17px!important;
  border-bottom:0!important;
  background:#131314
}
.gemini-model-control{
  height:38px!important;
  padding:0 9px!important;
  border-radius:19px!important;
  background:transparent!important
}
.gemini-model-control:hover{background:#1e1f20!important}
.gemini-model-control select{
  max-width:220px!important;
  color:#e3e3e3!important;
  font-size:13px!important;
  font-weight:500!important
}
.gemini-top-spacer{flex:1}
.gemini-search-toggle{
  height:34px!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  color:#aeb4be!important;
  border-radius:17px!important;
  font-size:9px!important
}
.gemini-search-toggle:hover{background:#1e1f20!important}
.gemini-search-toggle.active{
  background:#202632!important;
  color:#a8c7fa!important
}
.gemini-connection{
  margin-left:0!important;
  height:32px!important;
  padding:0 10px!important;
  border:0!important;
  background:transparent!important;
  color:#8f969e!important
}
.gemini-profile{
  width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;
  border:0;background:#724c9f;color:#fff;
  font-size:11px;font-weight:700
}

.gemini-api-conversation{
  padding:0 clamp(22px,5.5vw,96px) 24px!important;
}
.gemini-welcome{
  width:min(840px,100%)!important;
  padding:clamp(78px,12vh,138px) 0 30px!important
}
.gemini-welcome-star{
  display:none!important
}
.gemini-welcome h2{
  margin:0!important;
  font-size:clamp(44px,6vw,70px)!important;
  line-height:1.07!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
  color:#444746!important
}
.gemini-welcome h2 span{
  background:linear-gradient(90deg,#4285f4 0%,#9b72cb 45%,#d96570 88%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important
}
.gemini-welcome>p{
  margin:13px 0 0!important;
  color:#8e918f!important;
  font-size:10px!important
}
.gemini-prompt-cards{
  margin-top:32px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important
}
.gemini-prompt-cards button{
  min-height:130px!important;
  border:0!important;
  border-radius:19px!important;
  background:#1e1f20!important;
  color:#d9dadd!important;
  padding:16px!important;
  box-shadow:none!important
}
.gemini-prompt-cards button:hover{
  transform:none!important;
  background:#282a2c!important
}
.gemini-prompt-cards button>span{
  font-size:20px!important;
  color:#a8c7fa!important;
  margin-bottom:auto!important
}
.gemini-prompt-cards b{font-size:11px!important;font-weight:500!important}
.gemini-prompt-cards small{font-size:8px!important;color:#9aa0a6!important}

.gemini-message-list{
  width:min(840px,100%)!important;
  padding-top:34px!important
}
.gemini-msg{
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:14px!important;
  margin-bottom:34px!important
}
.gemini-msg.user{grid-template-columns:1fr!important}
.gemini-msg.user .gemini-msg-content{
  max-width:min(82%,680px)!important;
  padding:10px 15px!important;
  border-radius:20px!important;
  background:#282a2c!important
}
.gemini-msg-avatar{
  width:26px!important;height:26px!important;
  background:transparent!important;
  color:#8ab4f8!important;
  font-size:17px!important
}
.gemini-msg-label{
  margin:2px 0 8px!important;
  color:#9aa0a6!important;
  font-size:8px!important
}
.gemini-msg-text{
  color:#e3e3e3!important;
  font-size:11px!important;
  line-height:1.75!important
}
.gemini-msg-text pre{
  background:#0d0e0f!important;
  border:1px solid rgba(255,255,255,.05)!important
}
.gemini-citations a{
  background:#1e1f20!important;
  border:0!important;
  color:#a8c7fa!important
}
.gemini-citations a span{
  background:#2a2d31!important
}
.gemini-msg-actions button{
  color:#9aa0a6!important;
  font-size:8px!important
}
.gemini-thinking span{background:#8ab4f8!important}

.gemini-composer-area{
  padding:8px clamp(22px,5.5vw,96px) 12px!important;
  background:linear-gradient(180deg,rgba(19,19,20,0),#131314 24%)!important
}
.gemini-inline-tools{
  width:min(820px,100%);
  margin:0 auto 8px;
  display:flex;gap:6px;align-items:center;
  overflow-x:auto;scrollbar-width:none
}
.gemini-inline-tools::-webkit-scrollbar{display:none}
.gemini-inline-tools button{
  height:31px;white-space:nowrap;
  padding:0 11px;border:0;border-radius:16px;
  background:transparent;color:#9aa0a6;
  font-size:8px;display:flex;align-items:center;gap:6px
}
.gemini-inline-tools button:hover,.gemini-inline-tools button.active{
  background:#1e1f20;color:#c4c7c5
}
.gemini-composer{
  width:min(820px,100%)!important;
  min-height:64px!important;
  padding:11px 12px!important;
  grid-template-columns:38px minmax(0,1fr) 38px 38px!important;
  border-radius:31px!important;
  background:#1e1f20!important;
  border:0!important;
  box-shadow:none!important
}
.gemini-composer textarea{
  min-height:41px!important;
  color:#e3e3e3!important;
  font-size:12px!important;
  padding:10px 6px 7px!important
}
.gemini-composer textarea::placeholder{color:#9aa0a6!important}
.gemini-plus,.gemini-mic{
  width:38px!important;height:38px!important;
  color:#c4c7c5!important
}
.gemini-plus:hover,.gemini-mic:hover{background:#2b2d2f!important}
.gemini-send{
  width:38px!important;height:38px!important;
  background:#a8c7fa!important;
  color:#10233f!important
}
.gemini-attachment-tray{
  width:min(820px,100%);margin:8px auto 0;
  display:flex;gap:7px;flex-wrap:wrap
}
.gemini-attachment{
  display:grid;grid-template-columns:36px minmax(0,1fr) 23px;
  gap:7px;align-items:center;
  min-width:190px;max-width:300px;
  padding:7px;border-radius:12px;background:#1e1f20
}
.gemini-attachment img{
  width:36px;height:36px;object-fit:cover;border-radius:8px
}
.gemini-attachment>span{
  width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#282a2c;color:#a8c7fa
}
.gemini-attachment div{min-width:0}
.gemini-attachment b{
  display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  color:#e3e3e3;font-size:8px;font-weight:500
}
.gemini-attachment small{display:block;color:#8e918f;font-size:6.5px;margin-top:2px}
.gemini-attachment button{
  width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:#9aa0a6
}
.gemini-context-chips{
  width:min(820px,100%)!important;
  margin:6px auto 0!important
}
.gemini-context-chips button{
  height:24px!important;
  padding:0 10px!important;
  border:0!important;
  background:#1e1f20!important;
  color:#8ab4f8!important
}
.gemini-footnote{
  color:#737775!important;
  font-size:7px!important;
  margin-top:8px!important
}
.gemini-setup-inline{
  width:min(820px,100%)!important;
  border:0!important;
  background:#2a2018!important
}

@media(max-width:1050px){
  .gemini-api-shell{grid-template-columns:215px minmax(0,1fr)!important}
  .gemini-prompt-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .gemini-api-shell{grid-template-columns:1fr!important}
  .gemini-api-sidebar{
    position:absolute!important;z-index:20!important;
    left:0;top:0;bottom:0;width:min(280px,88vw)!important;
    transform:translateX(-105%);transition:transform .22s;
    box-shadow:20px 0 60px rgba(0,0,0,.45)
  }
  .gemini-api-shell.sidebar-open .gemini-api-sidebar{transform:none!important}
  .gemini-mobile-menu{display:grid!important}
  .gemini-connection span,.gemini-search-toggle b{display:none!important}
  .gemini-api-conversation,.gemini-composer-area{padding-left:14px!important;padding-right:14px!important}
  .gemini-welcome{padding-top:70px!important}
  .gemini-welcome h2{font-size:clamp(40px,12vw,58px)!important}
}
@media(max-width:470px){
  .gemini-prompt-cards{grid-template-columns:1fr!important}
  .gemini-prompt-cards button{min-height:96px!important}
}


/* ============================================================
   v16 — REAL GOOGLE GEMINI WINDOW / ZERO API KEY
   ============================================================ */
.gemini-real-route.active{
  display:block!important;
  min-height:calc(100dvh - 92px);
  overflow:auto;
}
.gemini-real-shell{
  min-height:calc(100dvh - 118px);
  display:grid;
  place-items:center;
  padding:clamp(16px,3.5vw,44px);
}
.gemini-real-card{
  width:min(1080px,100%);
}
.gemini-real-top{
  min-height:58px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:10px;
}
.gemini-real-brand{display:flex;align-items:center;gap:10px}
.gemini-real-brand b{display:block;color:#edf3fb;font-size:15px;font-weight:650}
.gemini-real-brand small{display:block;color:#7f8ea2;font-size:7px;margin-top:2px}
.gemini-real-star{
  width:32px;height:32px;display:grid;place-items:center;
  color:#9db7ff;font-size:20px;
}
.gemini-real-badge{
  padding:7px 10px;border-radius:999px;
  color:#8fcaad;background:rgba(72,172,116,.06);
  border:1px solid rgba(106,197,145,.12);
  font-size:7px;font-weight:750
}
.gemini-real-preview{
  overflow:hidden;border-radius:22px;
  border:1px solid rgba(179,205,237,.10);
  background:#111316;
  box-shadow:0 28px 85px rgba(0,0,0,.28)
}
.gemini-browser-chrome{
  height:46px;display:flex;align-items:center;gap:7px;padding:0 13px;
  background:#202225;border-bottom:1px solid rgba(255,255,255,.055)
}
.gemini-browser-chrome .dot{width:9px;height:9px;border-radius:50%}
.gemini-browser-chrome .red{background:#ff6d69}.gemini-browser-chrome .yellow{background:#f5bd4f}.gemini-browser-chrome .green{background:#5ecb63}
.gemini-address{
  min-width:0;flex:1;height:27px;border-radius:8px;
  display:flex;align-items:center;padding:0 10px;margin-left:4px;
  color:#aeb7c3;background:#15171a;font-size:7.5px;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis
}
.gemini-window-label{color:#707a87;font-size:7px;white-space:nowrap}
.gemini-real-preview-body{
  min-height:430px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:52px 26px;text-align:center;
  background:
    radial-gradient(500px 300px at 50% 0%,rgba(86,123,255,.10),transparent 68%),
    #131416
}
.gemini-real-logo{
  font-size:36px;color:#9eb7ff;margin-bottom:14px;
  filter:drop-shadow(0 0 24px rgba(115,153,255,.22))
}
.gemini-real-preview-body h2{
  margin:0;color:#eef3fa;font-size:clamp(32px,5vw,54px);
  line-height:1.04;letter-spacing:-.045em
}
.gemini-real-preview-body>p{
  max-width:690px;margin:13px auto 0;color:#919eaf;
  font-size:10px;line-height:1.7
}
.gemini-real-actions{
  margin-top:26px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center
}
.gemini-real-actions .primary,.gemini-real-actions .ghost{
  min-height:44px!important
}
.gemini-window-size-row{
  margin-top:22px;
  display:grid;grid-template-columns:160px 160px auto;gap:8px;align-items:end;
  text-align:left
}
.gemini-window-size-row label span{
  display:block;color:#748397;font-size:7px;margin:0 0 5px 4px
}
.gemini-window-size-row input{
  width:100%;height:38px;border-radius:11px;
  border:1px solid rgba(171,203,238,.10);
  background:#1d2024;color:#e5edf7;
  padding:0 10px;outline:0
}
.gemini-window-size-row input:focus{border-color:rgba(120,172,255,.26)}
.gemini-real-note{
  max-width:720px;margin:18px auto 0;
  display:flex;align-items:flex-start;gap:9px;text-align:left;
  color:#7f8da0;font-size:8px;line-height:1.6
}
.gemini-real-note>span{color:#9db7ff}
.gemini-real-note p{margin:0}
.gemini-no-api-features{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  margin-top:11px
}
.gemini-no-api-features>div{
  min-height:104px;padding:15px;border-radius:16px;
  border:1px solid rgba(174,205,238,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015))
}
.gemini-no-api-features span{display:block;color:#78d5a0;font-size:12px;margin-bottom:10px}
.gemini-no-api-features b{display:block;color:#e7eef8;font-size:9px;margin-bottom:5px}
.gemini-no-api-features small{display:block;color:#7f8da0;font-size:7.5px;line-height:1.5}

@media(max-width:700px){
  .gemini-window-size-row{grid-template-columns:1fr 1fr}
  .gemini-window-size-row button{grid-column:1/-1}
  .gemini-no-api-features{grid-template-columns:1fr}
}


/* ============================================================
   v17 — COMPACT VIEWPORT + FULL THEME PROPAGATION + AURA GEMINI
   ============================================================ */

/* Theme variables now propagate across the whole product, including late-added modules. */
body{
  --theme-bg:var(--bg);
  --theme-bg2:var(--bg2);
  --theme-surface:rgba(12,22,38,.78);
  --theme-surface2:rgba(20,32,50,.86);
  --theme-line:rgba(190,220,255,.11);
  --theme-muted:#8ea2ba;
  --theme-text:#f7fbff;
}
body.light-theme{
  --bg:#eef3f8;
  --bg2:#f8fbff;
  --surface:rgba(255,255,255,.78);
  --surface2:rgba(247,250,254,.92);
  --line:rgba(38,62,92,.12);
  --line2:rgba(38,62,92,.20);
  --text:#162233;
  --muted:#66768b;
  --muted2:#8593a5;
  --shadow:0 20px 55px rgba(49,69,94,.12);
  --theme-bg:#eef3f8;
  --theme-bg2:#f8fbff;
  --theme-surface:rgba(255,255,255,.83);
  --theme-surface2:rgba(248,251,255,.96);
  --theme-line:rgba(37,61,90,.13);
  --theme-muted:#65758a;
  --theme-text:#172334;
}
body.light-theme{
  background:
    radial-gradient(900px 650px at 12% -15%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 58%),
    radial-gradient(850px 600px at 100% 0%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 60%),
    linear-gradient(160deg,var(--theme-bg),var(--theme-bg2))!important;
}
body.light-theme .glass{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(246,250,255,.78))!important;
  border-color:var(--theme-line)!important;
}
.aurora-a{background:var(--accent)!important}
.aurora-b{background:var(--accent2)!important}
body.light-theme .bg-grid{opacity:.35}
body.light-theme .noise{opacity:.018}
body.light-theme .nav-item:hover,
body.light-theme .chip:hover,
body.light-theme .ghost:hover{background:rgba(18,47,79,.055)!important}
body.light-theme .system-pill,
body.light-theme .weather-details>div,
body.light-theme .hour-chip{background:rgba(21,51,82,.025)!important}

/* Compact Gemini page: no excessive vertical expansion. */
.gemini-real-route.active{
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
.gemini-real-shell{
  min-height:0!important;
  display:block!important;
  padding:4px 0 12px!important;
}
.gemini-real-card{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
}
.gemini-real-top{
  min-height:42px!important;
  margin-bottom:7px!important;
}
.gemini-real-brand b{color:var(--theme-text)!important}
.gemini-real-brand small{color:var(--theme-muted)!important}
.gemini-real-star{color:var(--accent)!important;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 48%,transparent))!important}
.gemini-real-badge{
  color:color-mix(in srgb,var(--accent) 65%,var(--theme-text))!important;
  background:color-mix(in srgb,var(--accent) 6%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent) 16%,transparent)!important
}

/* Aura browser chrome adapted directly from the uploaded Aura Browser visual system. */
.aura-browser-frame{
  --aura-bg:color-mix(in srgb,var(--theme-bg) 91%,#0e0e14 9%);
  --aura-surface:color-mix(in srgb,var(--theme-surface) 91%,#16161f 9%);
  --aura-surface2:color-mix(in srgb,var(--theme-surface2) 90%,#1e1e2a 10%);
  --aura-border:var(--theme-line);
  --aura-text:var(--theme-text);
  --aura-text2:var(--theme-muted);
  overflow:hidden;
  height:min(570px,calc(100dvh - 188px));
  min-height:430px;
  border-radius:12px;
  border:1px solid var(--aura-border);
  background:var(--aura-bg);
  box-shadow:0 24px 65px rgba(0,0,0,.22);
}
.aura-tabbar{
  height:36px;
  display:flex;align-items:center;gap:2px;
  padding:0 5px;
  background:var(--aura-bg);
  border-bottom:1px solid var(--aura-border)
}
.aura-tab{
  height:28px;min-width:125px;max-width:220px;
  display:flex;align-items:center;gap:6px;
  padding:0 9px;border-radius:6px 6px 0 0;
  color:var(--aura-text2);
  border:1px solid transparent
}
.aura-tab.active{
  background:var(--aura-surface2);
  border-color:var(--aura-border);
  border-bottom-color:var(--aura-surface2);
  color:var(--aura-text)
}
.aura-fav{color:var(--accent);font-size:12px}
.aura-tab-title{flex:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aura-tab-close{font-size:11px;color:var(--aura-text2)}
.aura-newtab{
  width:28px;height:28px;border:0;border-radius:6px;
  background:transparent;color:var(--aura-text2);font-size:17px
}
.aura-newtab:hover{background:var(--aura-surface2);color:var(--aura-text)}
.aura-window-controls{margin-left:auto;height:36px;display:flex}
.aura-window-controls span{
  width:42px;height:36px;display:grid;place-items:center;
  color:var(--aura-text2);font-size:11px
}
.aura-navbar{
  height:48px;display:flex;align-items:center;gap:4px;
  padding:0 8px;background:var(--aura-surface);
  border-bottom:1px solid var(--aura-border)
}
.aura-nav-btn{
  width:32px;height:32px;border:0;border-radius:7px;
  display:grid;place-items:center;
  background:transparent;color:var(--aura-text2);
  font-size:18px
}
.aura-nav-btn:hover{background:var(--aura-surface2);color:var(--aura-text)}
.aura-omnibox{
  height:34px;min-width:0;flex:1;
  display:flex;align-items:center;gap:7px;
  padding:0 12px;border-radius:20px;
  border:1px solid var(--aura-border);
  background:var(--aura-bg);
  transition:.2s
}
.aura-omnibox:hover{
  border-color:color-mix(in srgb,var(--accent) 55%,var(--aura-border));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)
}
.aura-lock{font-size:9px;color:#62bd8b}
.aura-address-text{
  min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-size:10px;color:var(--aura-text)
}
.aura-content{
  position:relative;
  height:calc(100% - 84px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  padding:24px 26px;
  overflow:hidden;
  background:
    radial-gradient(440px 250px at 50% -15%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),
    var(--aura-bg)
}
.aura-content-glow{
  position:absolute;width:380px;height:220px;top:-130px;left:50%;transform:translateX(-50%);
  border-radius:50%;background:color-mix(in srgb,var(--accent2) 16%,transparent);filter:blur(70px);pointer-events:none
}
.aura-gemini-logo{
  position:relative;color:var(--accent);font-size:29px;margin-bottom:7px;
  filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 35%,transparent))
}
.aura-content h2{
  position:relative;margin:0;
  color:var(--aura-text);font-size:clamp(23px,3vw,35px);
  line-height:1.05;letter-spacing:-.04em
}
.aura-content>p{
  position:relative;max-width:680px;margin:8px auto 0;
  color:var(--aura-text2);font-size:9px;line-height:1.6
}
.aura-launch-actions{
  position:relative;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:16px
}
.aura-window-controls-row{
  position:relative;display:grid;grid-template-columns:125px 125px auto;
  gap:7px;align-items:end;margin-top:14px;text-align:left
}
.aura-window-controls-row label span{
  display:block;margin:0 0 4px 3px;color:var(--aura-text2);font-size:6.5px
}
.aura-window-controls-row input{
  width:100%;height:34px;padding:0 9px;
  border:1px solid var(--aura-border);border-radius:8px;
  background:var(--aura-surface);color:var(--aura-text);outline:0
}
.aura-window-controls-row input:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)
}
.aura-inline-note{
  position:relative;max-width:650px;margin-top:11px;
  color:var(--aura-text2);font-size:7px;line-height:1.5
}
.gemini-no-api-features.compact{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;margin-top:7px!important
}
.gemini-no-api-features.compact>div{
  min-height:72px!important;padding:11px!important;border-radius:12px!important;
  border-color:var(--theme-line)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 95%,transparent),color-mix(in srgb,var(--theme-surface2) 92%,transparent))!important
}
.gemini-no-api-features.compact span{margin-bottom:5px!important;color:var(--accent)!important}
.gemini-no-api-features.compact b{color:var(--theme-text)!important}
.gemini-no-api-features.compact small{color:var(--theme-muted)!important}

/* Let the accent theme reach major cards and live weather too. */
.glass,.mini-card,.daystream,.calendar-panel,.future-console,.future-side,.focus-main,.focus-history,.memory-shell,.epaper-studio,.epaper-settings{
  border-color:var(--theme-line)!important
}
.hero-glow{
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent2) 9%,transparent) 42%,transparent 68%)!important
}
.weather-live-badge i,.pulse-dot,.live-dot{
  background:var(--accent)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 8%,transparent),0 0 18px color-mix(in srgb,var(--accent) 65%,transparent)!important
}
.meter i{
  background:linear-gradient(90deg,var(--accent2),var(--accent))!important
}
.weather-hour-card:hover,.weather-day-card:hover,
.mini-card:hover{
  border-color:color-mix(in srgb,var(--accent) 24%,var(--theme-line))!important
}

/* Compact desktop rhythm to avoid the excessively tall feel shown in the screenshot. */
@media(min-width:1000px){
  .main-stage{padding-top:16px!important;padding-bottom:24px!important}
  .topbar{height:64px!important}
  .hero{padding:28px!important}
  .depth-card{min-height:300px!important}
  .daystream{padding:21px!important}
}
@media(max-height:780px) and (min-width:760px){
  .aura-browser-frame{height:510px!important;min-height:390px!important}
  .aura-content{padding:17px 22px!important}
  .gemini-no-api-features.compact{display:none!important}
}
@media(max-width:700px){
  .aura-browser-frame{height:auto;min-height:430px}
  .aura-window-controls{display:none}
  .aura-window-controls-row{grid-template-columns:1fr 1fr}
  .aura-window-controls-row button{grid-column:1/-1}
  .gemini-no-api-features.compact{grid-template-columns:1fr!important}
}


/* ============================================================
   v18 — ROBERTO OS-STYLE GOOGLE APP WINDOWS
   ============================================================ */
.google-apps-hero{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:24px;margin-bottom:12px
}
.google-apps-hero h2{margin:4px 0 7px;color:var(--theme-text);font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}
.google-apps-hero p{max-width:740px;margin:0;color:var(--theme-muted);font-size:9px;line-height:1.65}
.google-app-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px
}
.google-app-grid>button{
  min-height:142px;padding:16px;border-radius:18px;
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;
  border:1px solid var(--theme-line);background:var(--theme-surface);color:var(--theme-text);
  transition:transform .2s,border-color .2s,background .2s
}
.google-app-grid>button:hover{
  transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 28%,var(--theme-line));
  background:color-mix(in srgb,var(--theme-surface2) 94%,var(--accent) 6%)
}
.google-app-grid b{font-size:10px;margin-top:auto}.google-app-grid small{font-size:7px;color:var(--theme-muted)}
.gapp-icon{
  width:45px;height:45px;border-radius:14px;display:grid;place-items:center;
  color:#fff;font-size:18px;font-weight:850;box-shadow:0 10px 26px rgba(0,0,0,.15)
}
.gapp-icon.search{background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0)}
.gapp-icon.gemini{background:linear-gradient(135deg,#4f80ff,#a77cff)}
.gapp-icon.gmail{background:linear-gradient(135deg,#ea4335,#f06b5c)}
.gapp-icon.drive{background:linear-gradient(135deg,#0f9d58,#4285f4)}
.gapp-icon.calendar{background:#4285f4;font-size:13px}
.gapp-icon.docs{background:#4285f4}.gapp-icon.sheets{background:#0f9d58}.gapp-icon.slides{background:#f9ab00}.gapp-icon.youtube{background:#ff0033}.gapp-icon.maps{background:linear-gradient(135deg,#4285f4,#34a853)}
.google-apps-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;margin-top:12px}
.google-apps-info>div{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--theme-surface2) 92%,transparent)}
.google-apps-info span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:8px;font-weight:800}
.google-apps-info p{margin:2px 0 0;color:var(--theme-muted);font-size:8px;line-height:1.55}.google-apps-info b{color:var(--theme-text)}

.neo-app-window-layer{
  position:fixed;inset:0;pointer-events:none;z-index:260;
}
.neo-app-window{
  position:absolute;width:min(820px,calc(100vw - 40px));height:min(570px,calc(100vh - 90px));
  min-width:520px;min-height:350px;
  display:grid;grid-template-rows:36px 46px minmax(0,1fr) 23px;
  resize:both;overflow:hidden;pointer-events:auto;
  border-radius:11px;border:1px solid var(--theme-line);
  background:var(--theme-bg);color:var(--theme-text);
  box-shadow:0 28px 95px rgba(0,0,0,.42);
}
.neo-app-window.active-window{border-color:color-mix(in srgb,var(--accent) 25%,var(--theme-line))}
.neo-app-window.maximized{
  left:12px!important;top:12px!important;width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;
  resize:none;border-radius:9px
}
.neo-app-window.minimized{
  height:36px!important;min-height:36px!important;width:260px!important;resize:none
}
.neo-app-window.minimized>:not(.neo-app-titlebar){display:none!important}
.neo-app-titlebar{
  display:flex;align-items:center;justify-content:space-between;
  background:color-mix(in srgb,var(--theme-bg) 92%,var(--accent) 8%);
  border-bottom:1px solid var(--theme-line);user-select:none;touch-action:none
}
.neo-app-tab{height:100%;display:flex;align-items:center;gap:8px;padding:0 10px;min-width:0}
.neo-app-tab span{width:18px;height:18px;display:grid;place-items:center;color:var(--accent);font-size:10px}
.neo-app-tab b{font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.neo-window-controls{margin-left:auto;height:100%;display:flex}
.neo-window-controls button{
  width:42px;height:100%;border:0;background:transparent;color:var(--theme-muted);font-size:10px
}
.neo-window-controls button:hover{background:color-mix(in srgb,var(--theme-surface2) 85%,var(--accent) 15%);color:var(--theme-text)}
.neo-window-controls [data-window-close]:hover{background:#c42b1c;color:#fff}
.neo-app-browserbar{
  display:flex;align-items:center;gap:4px;padding:0 7px;
  background:var(--theme-surface);border-bottom:1px solid var(--theme-line)
}
.neo-app-browserbar>button{
  width:31px;height:31px;border-radius:7px;border:0;background:transparent;color:var(--theme-muted);font-size:16px
}
.neo-app-browserbar>button:hover{background:var(--theme-surface2);color:var(--theme-text)}
.neo-app-address{
  flex:1;height:31px;display:flex;align-items:center;gap:7px;padding:0 10px;
  border-radius:17px;border:1px solid var(--theme-line);background:var(--theme-bg)
}
.neo-app-address span{font-size:8px;color:#6cc38b}
.neo-app-address input{
  min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--theme-text);
  font:inherit;font-size:8.5px
}
.neo-app-content{position:relative;min-height:0;background:#fff;overflow:hidden}
.neo-app-frame{width:100%;height:100%;border:0;background:#fff}
.neo-frame-help{
  position:absolute;right:10px;bottom:10px;max-width:390px;
  display:flex;align-items:center;gap:8px;padding:8px 9px;
  border-radius:10px;background:rgba(12,18,28,.92);color:#c9d5e5;
  box-shadow:0 8px 30px rgba(0,0,0,.28);font-size:7px
}
.neo-frame-help p{margin:0;line-height:1.45}.neo-frame-help b{color:#fff}
.neo-frame-help button{white-space:nowrap;border:0;border-radius:7px;background:#26334a;color:#b9d1ff;padding:6px 8px;font-size:7px}
.neo-external-app{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:28px;text-align:center;background:
    radial-gradient(500px 260px at 50% -15%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%),
    var(--theme-bg)
}
.neo-external-logo{
  width:55px;height:55px;border-radius:18px;display:grid;place-items:center;margin-bottom:12px;
  color:#fff;font-size:22px;font-weight:850;background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 18px 45px color-mix(in srgb,var(--accent) 18%,transparent)
}
.neo-external-app h3{margin:0;color:var(--theme-text);font-size:25px}.neo-external-app p{max-width:560px;margin:8px auto 16px;color:var(--theme-muted);font-size:9px;line-height:1.6}
.neo-external-app button{margin:3px}.neo-external-app small{margin-top:10px;color:var(--theme-muted);font-size:7px}
.neo-app-status{
  display:flex;align-items:center;gap:6px;padding:0 8px;
  background:var(--theme-surface);border-top:1px solid var(--theme-line);
  color:var(--theme-muted);font-size:6.5px
}
.neo-app-status-dot{width:5px;height:5px;border-radius:50%;background:#6bd79b}

@media(max-width:1000px){
  .google-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .google-apps-hero{align-items:flex-start;flex-direction:column}
  .google-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .google-apps-info{grid-template-columns:1fr}
  .neo-app-window{
    left:6px!important;top:70px!important;width:calc(100vw - 12px)!important;height:calc(100vh - 78px)!important;
    min-width:0;min-height:0;resize:none;border-radius:10px
  }
}


/* ============================================================
   v19 — GOOGLE WORKSPACE IN ONE TAB
   ============================================================ */
.gws-shell{
  height:calc(100dvh - 92px);min-height:650px;
  display:grid;grid-template-columns:214px minmax(0,1fr);
  overflow:hidden;border-radius:18px;border:1px solid var(--theme-line);
  background:var(--theme-bg);box-shadow:0 24px 70px rgba(0,0,0,.16)
}
.gws-rail{
  min-width:0;display:flex;flex-direction:column;
  background:color-mix(in srgb,var(--theme-bg) 91%,var(--theme-surface2) 9%);
  border-right:1px solid var(--theme-line);padding:11px 8px
}
.gws-brand{height:50px;display:flex;align-items:center;gap:9px;padding:0 9px 10px}
.gws-nine{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-size:14px}
.gws-brand b{display:block;color:var(--theme-text);font-size:10px}.gws-brand small{display:block;color:var(--theme-muted);font-size:6.5px;margin-top:2px}
.gws-app-list{min-height:0;overflow:auto;display:grid;gap:2px;padding-right:2px}
.gws-app-list button{
  min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--theme-muted);
  display:flex;align-items:center;gap:9px;padding:0 9px;text-align:left
}
.gws-app-list button:hover,.gws-app-list button.active{background:color-mix(in srgb,var(--theme-surface2) 90%,var(--accent) 10%);color:var(--theme-text)}
.gws-app-list b{font-size:8px;font-weight:720}
.gws-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:white;font-size:9px;font-weight:850;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.gws-icon.google{background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0)}
.gws-icon.gemini{background:linear-gradient(135deg,#4f80ff,#a77cff)}.gws-icon.gmail{background:#ea4335}.gws-icon.drive{background:linear-gradient(135deg,#0f9d58,#4285f4)}
.gws-icon.calendar,.gws-icon.docs{background:#4285f4}.gws-icon.sheets{background:#0f9d58}.gws-icon.slides{background:#f9ab00}.gws-icon.youtube{background:#ff0033}
.gws-icon.maps{background:linear-gradient(135deg,#4285f4,#34a853)}.gws-icon.keep{background:#fbbc04;color:#5f4a00}.gws-icon.photos{background:conic-gradient(#4285f4,#ea4335,#fbbc05,#34a853,#4285f4)}
.gws-icon.meet{background:#00897b}.gws-icon.forms{background:#7248b9}.gws-icon.contacts{background:#1a73e8}.gws-icon.translate{background:#4285f4}
.gws-main{min-width:0;display:grid;grid-template-rows:55px minmax(0,1fr);background:var(--theme-bg)}
.gws-topbar{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--theme-line);background:color-mix(in srgb,var(--theme-surface) 82%,transparent)}
.gws-mobile-menu{display:none}
.gws-title{min-width:0;display:flex;align-items:center;gap:9px}.gws-current-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--theme-surface2));color:var(--accent);font-weight:850}
.gws-title b{display:block;color:var(--theme-text);font-size:10px}.gws-title small{display:block;color:var(--theme-muted);font-size:6.5px;margin-top:2px}
.gws-top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.gws-local-pill{padding:5px 8px;border-radius:999px;border:1px solid var(--theme-line);color:var(--theme-muted);font-size:6px;font-weight:800}
.gws-stage{min-height:0;overflow:auto;padding:12px;background:var(--theme-bg)}
.gws-empty{padding:30px;color:var(--theme-muted);text-align:center;font-size:9px}
.gws-browser{height:100%;min-height:560px;display:grid;grid-template-rows:45px minmax(0,1fr) auto;border:1px solid var(--theme-line);border-radius:14px;overflow:hidden;background:#fff}
.gws-browserbar{display:grid;grid-template-columns:34px 34px minmax(0,1fr) 54px;gap:4px;align-items:center;padding:0 7px;background:var(--theme-surface);border-bottom:1px solid var(--theme-line)}
.gws-browserbar>button{height:31px;border:0;border-radius:7px;background:transparent;color:var(--theme-muted)}.gws-browserbar>button:hover{background:var(--theme-surface2);color:var(--theme-text)}
.gws-address{height:31px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:16px;border:1px solid var(--theme-line);background:var(--theme-bg)}.gws-address span{font-size:8px}.gws-address input{width:100%;border:0;outline:0;background:transparent;color:var(--theme-text);font-size:8px}
.gws-browser iframe{width:100%;height:100%;border:0;background:white}.gws-embed-note{padding:7px 10px;background:var(--theme-surface);border-top:1px solid var(--theme-line);color:var(--theme-muted);font-size:6.5px}
.gws-gemini{height:100%;min-height:560px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;position:relative}
.gws-gemini-welcome{width:min(800px,100%);margin:auto;padding:60px 20px}.gws-gemini-welcome[hidden]{display:none}.gws-gemini-star{color:#8ea9ff;font-size:27px;margin-bottom:15px}
.gws-gemini-welcome h2{margin:0;color:#d9dadd;font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.045em;font-weight:500}.gws-gemini-welcome h2 span{background:linear-gradient(90deg,#4285f4,#9b72cb,#d96570);-webkit-background-clip:text;background-clip:text;color:transparent}
.gws-gemini-welcome p{color:var(--theme-muted);font-size:8px;line-height:1.6}.gws-suggest{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.gws-suggest button{min-height:92px;border:0;border-radius:16px;background:var(--theme-surface);color:var(--theme-text);padding:13px;text-align:left;font-size:8px}
.gws-gemini-messages{min-height:0;overflow:auto;width:min(820px,100%);margin:0 auto;padding:26px 0}.gws-gemini-messages article{display:grid;grid-template-columns:28px 1fr;gap:10px;margin-bottom:23px}.gws-gemini-messages article.user{grid-template-columns:1fr}.gws-gemini-messages article.user .avatar{display:none}.gws-gemini-messages article.user>div:last-child{justify-self:end;max-width:78%;background:var(--theme-surface2);padding:10px 13px;border-radius:18px}
.gws-gemini-messages .avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#91aefc}.gws-gemini-messages b{font-size:7px;color:var(--theme-muted)}.gws-gemini-messages p{margin:4px 0 0;color:var(--theme-text);font-size:10px;line-height:1.65}
.gws-gemini-thinking{width:min(820px,100%);margin:0 auto 8px;display:flex;gap:4px}.gws-gemini-thinking[hidden]{display:none}.gws-gemini-thinking i{width:6px;height:6px;border-radius:50%;background:#8ea9ff;animation:gemThink 1s infinite}.gws-gemini-thinking i:nth-child(2){animation-delay:.15s}.gws-gemini-thinking i:nth-child(3){animation-delay:.3s}@keyframes gemThink{50%{transform:translateY(-4px);opacity:.45}}
.gws-gemini-composer{width:min(820px,100%);margin:0 auto;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:5px;align-items:end;padding:9px;border-radius:27px;background:var(--theme-surface);border:1px solid var(--theme-line)}.gws-gemini-composer textarea{min-height:39px;max-height:160px;border:0;outline:0;resize:none;background:transparent;color:var(--theme-text);padding:10px 5px;font:inherit;font-size:10px}.gws-gemini-composer button{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--theme-muted)}.gws-gemini-composer button:last-child{background:#a8c7fa;color:#183153}.gws-disclaimer{text-align:center;color:var(--theme-muted);font-size:6px;margin-top:7px}
.gws-mail{height:100%;min-height:560px;display:grid;grid-template-columns:165px 320px minmax(0,1fr);border:1px solid var(--theme-line);border-radius:14px;overflow:hidden}.mail-sidebar{padding:10px;background:var(--theme-surface);border-right:1px solid var(--theme-line);display:flex;flex-direction:column;gap:3px}.mail-sidebar button{min-height:36px;border:0;border-radius:18px;background:transparent;color:var(--theme-muted);text-align:left;padding:0 12px}.mail-sidebar button.active,.mail-sidebar button:hover{background:var(--theme-surface2);color:var(--theme-text)}.mail-compose{margin-bottom:10px;background:color-mix(in srgb,var(--accent) 12%,var(--theme-surface2))!important;color:var(--theme-text)!important}
.mail-list{overflow:auto;border-right:1px solid var(--theme-line)}.mail-row{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:center;padding:10px;border:0;border-bottom:1px solid var(--theme-line);background:transparent;color:var(--theme-text);text-align:left}.mail-row:hover,.mail-row.active{background:var(--theme-surface)}.mail-row div{min-width:0}.mail-row b,.mail-row strong,.mail-row small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-row b{font-size:8px}.mail-row strong{font-size:8px;margin-top:2px}.mail-row small{color:var(--theme-muted);font-size:6.5px;margin-top:2px}.mail-row time{font-size:6px;color:var(--theme-muted)}.mail-star{color:#fbbc04}.mail-reader{padding:22px;overflow:auto}.mail-reader-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mail-reader h3{margin:0;color:var(--theme-text);font-size:21px}.mail-meta{color:var(--theme-muted);font-size:7px}.mail-body{color:var(--theme-text);font-size:9px;line-height:1.7;margin-top:18px}.mail-dialog label{display:grid;gap:5px;margin:8px 0;color:var(--theme-muted);font-size:7px}.mail-dialog input,.mail-dialog textarea{background:var(--theme-surface);border:1px solid var(--theme-line);color:var(--theme-text);border-radius:10px;padding:10px;outline:0}
.gws-drive header,.gws-photos header,.gws-calendar-head,.gws-sheets header,.gws-forms header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.gws-drive h3,.gws-photos h3,.gws-calendar h3{margin:0;color:var(--theme-text);font-size:22px}.gws-drive p,.gws-photos p,.gws-calendar p{margin:3px 0 0;color:var(--theme-muted);font-size:7px}
.drive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px}.drive-file{min-height:145px;padding:14px;border-radius:14px;border:1px solid var(--theme-line);background:var(--theme-surface)}.drive-file-icon{font-size:24px;color:var(--accent);margin-bottom:16px}.drive-file b{display:block;color:var(--theme-text);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-file small{display:block;color:var(--theme-muted);font-size:6px;margin:5px 0 11px}.drive-file>div:last-child{display:flex;gap:5px}
.quick-event{display:grid;grid-template-columns:minmax(140px,1fr) 145px 105px 105px auto;gap:6px;margin:10px 0 14px}.quick-event input{height:38px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-surface);color:var(--theme-text);padding:0 9px}.gws-event-list{display:grid;gap:6px}.gws-event-list article{display:grid;grid-template-columns:160px minmax(0,1fr);gap:4px 14px;padding:11px 13px;border-radius:12px;border:1px solid var(--theme-line);background:var(--theme-surface)}.gws-event-list time{grid-row:1/3;color:var(--accent);font-size:7px}.gws-event-list b{color:var(--theme-text);font-size:9px}.gws-event-list small{color:var(--theme-muted);font-size:7px}
.gws-docs{height:100%;min-height:560px;background:#e9edf3;border-radius:13px;overflow:auto;padding-bottom:40px}.docs-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border-bottom:1px solid #dce3eb}.docs-top input{border:0;outline:0;font-size:11px;color:#1f2937}.docs-top button{height:30px;min-width:30px;border:0;border-radius:6px;background:transparent;color:#3d4755}.docs-top button:hover{background:#eef2f6}.docs-page{width:min(760px,calc(100% - 40px));min-height:900px;margin:28px auto;background:#fff;color:#202124;padding:74px 82px;box-shadow:0 3px 18px rgba(0,0,0,.12);outline:0;font-size:11px;line-height:1.7}
.gws-sheets{height:100%;min-height:560px;display:grid;grid-template-rows:43px minmax(0,1fr);background:#fff;border-radius:12px;overflow:hidden}.gws-sheets header{margin:0;padding:0 10px;background:#f8fafb;border-bottom:1px solid #dfe4e8;color:#202124}.sheet-wrap{overflow:auto}.sheet-table{border-collapse:collapse;min-width:920px;color:#202124;font-size:9px}.sheet-table th,.sheet-table td{min-width:105px;height:28px;border:1px solid #d9dee3;padding:4px 6px}.sheet-table th{min-width:38px;background:#f3f5f7;font-weight:600;text-align:center}.sheet-table td:focus{outline:2px solid #1a73e8;outline-offset:-2px}
.gws-slides{height:100%;min-height:560px;display:grid;grid-template-columns:190px minmax(0,1fr);background:#eceff3;border-radius:12px;overflow:hidden}.gws-slides>aside{overflow:auto;padding:10px;background:#f8f9fa;border-right:1px solid #d8dde2}.gws-slides>aside button{width:100%;min-height:105px;margin-bottom:8px;border:2px solid transparent;border-radius:8px;background:#fff;color:#202124;padding:9px;text-align:left}.gws-slides>aside button.active{border-color:#1a73e8}.gws-slides>aside span{font-size:7px;color:#777}.gws-slides>aside b,.gws-slides>aside small{display:block;margin-top:7px}.gws-slides>aside b{font-size:9px}.gws-slides>aside small{font-size:6.5px;color:#777}.gws-slides>main{display:grid;grid-template-rows:43px minmax(0,1fr)}.slide-toolbar{display:flex;gap:6px;align-items:center;padding:0 9px;background:#fff;border-bottom:1px solid #ddd}.slide-canvas{width:min(820px,calc(100% - 40px));aspect-ratio:16/9;margin:auto;background:#fff;box-shadow:0 4px 22px rgba(0,0,0,.14);display:flex;flex-direction:column;justify-content:center;padding:60px}.slide-canvas input,.slide-canvas textarea{border:0;outline:0;background:transparent;color:#202124;text-align:center}.slide-canvas input{font-size:31px;font-weight:600}.slide-canvas textarea{min-height:120px;margin-top:20px;font-size:17px;resize:none}
.gws-youtube{height:100%;min-height:560px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px}.youtube-load{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.youtube-load input{height:40px;border:1px solid var(--theme-line);border-radius:20px;background:var(--theme-surface);color:var(--theme-text);padding:0 14px}.youtube-player{min-height:380px;border-radius:14px;overflow:hidden;background:#070707;display:grid;place-items:center}.youtube-player iframe{width:100%;height:100%;min-height:430px;border:0}.youtube-help{color:var(--theme-muted);font-size:7px}
.gws-maps{min-height:560px;display:grid;grid-template-rows:1fr auto auto;gap:10px}.maps-visual{min-height:340px;border-radius:16px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#dae8d7,#d9e7f7)}.maps-grid{position:absolute;inset:-20px;background:linear-gradient(35deg,transparent 48%,rgba(255,255,255,.8) 49% 52%,transparent 53%),linear-gradient(145deg,transparent 48%,rgba(255,255,255,.8) 49% 52%,transparent 53%);background-size:80px 80px}.maps-pin{position:relative;font-size:42px;color:#ea4335}.maps-visual h3,.maps-visual p{position:relative;margin:4px;color:#334155}.maps-form,.maps-route{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.maps-route{grid-template-columns:1fr 1fr auto}.maps-form input,.maps-route input{height:39px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-surface);color:var(--theme-text);padding:0 10px}
.gws-keep{display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px}.gws-keep form{display:grid;align-content:start;gap:7px;padding:12px;border:1px solid var(--theme-line);border-radius:14px;background:var(--theme-surface)}.gws-keep input,.gws-keep textarea{border:0;outline:0;background:transparent;color:var(--theme-text);padding:8px;font:inherit}.gws-keep textarea{min-height:130px;resize:vertical}.keep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;align-content:start}.keep-grid article{position:relative;min-height:140px;padding:15px;border-radius:14px;background:color-mix(in srgb,var(--note) 18%,var(--theme-surface));border:1px solid color-mix(in srgb,var(--note) 30%,var(--theme-line))}.keep-grid article>button{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--theme-muted)}.keep-grid b{color:var(--theme-text);font-size:9px}.keep-grid p{color:var(--theme-text);font-size:8px;line-height:1.55}
.photos-grid{columns:4 180px;column-gap:8px}.photos-grid figure{break-inside:avoid;margin:0 0 8px;border-radius:12px;overflow:hidden;background:var(--theme-surface)}.photos-grid img{display:block;width:100%;height:auto}.photos-grid figcaption{padding:7px;color:var(--theme-muted);font-size:6.5px}
.gws-meet{min-height:560px;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.meet-preview{width:min(780px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#202124;position:relative;display:grid;place-items:center}.meet-preview video{width:100%;height:100%;object-fit:cover}.meet-avatar{position:absolute;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#5f6368;color:white;font-size:18px}.meet-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.gws-meet p{color:var(--theme-muted);font-size:7px}
.gws-forms header input{font-size:16px;border:0;outline:0;background:transparent;color:var(--theme-text)}#formQuestions{display:grid;gap:7px}.gws-forms #formQuestions article{display:grid;grid-template-columns:30px minmax(0,1fr) 160px 30px;gap:7px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--theme-line);background:var(--theme-surface)}.gws-forms input,.gws-forms select{height:35px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-bg);color:var(--theme-text);padding:0 9px}.form-preview{margin-top:16px;padding:16px;border-radius:14px;background:var(--theme-surface);border:1px solid var(--theme-line)}.form-preview h3{margin-top:0}.form-preview label{display:grid;gap:6px;margin:12px 0;color:var(--theme-text);font-size:8px}.form-preview input,.form-preview textarea{background:var(--theme-bg)}
.gws-contacts{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px}.gws-contacts form{display:grid;gap:7px;align-content:start;padding:12px;border-radius:14px;border:1px solid var(--theme-line);background:var(--theme-surface)}.gws-contacts form input{height:37px;border:1px solid var(--theme-line);border-radius:9px;background:var(--theme-bg);color:var(--theme-text);padding:0 9px}.gws-contacts #contactList{display:grid;align-content:start;gap:6px}.gws-contacts article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--theme-line);background:var(--theme-surface)}.contact-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 20%,var(--theme-surface2));color:var(--accent);font-weight:800}.gws-contacts b{display:block;color:var(--theme-text);font-size:9px}.gws-contacts small{display:block;color:var(--theme-muted);font-size:7px;margin-top:2px}
.gws-translate{min-height:560px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:10px}.translate-pane{display:grid;grid-template-rows:auto minmax(0,1fr);padding:15px;border:1px solid var(--theme-line);border-radius:14px;background:var(--theme-surface)}.translate-pane label{color:var(--theme-muted);font-size:7px}.translate-pane textarea{border:0;outline:0;resize:none;background:transparent;color:var(--theme-text);font:inherit;font-size:18px;line-height:1.6;padding:12px 0}.translate-controls{display:flex;gap:8px;justify-content:flex-end}.translate-controls select{height:39px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-surface);color:var(--theme-text);padding:0 10px}.translate-info{text-align:center;color:var(--theme-muted);font-size:7px}
@media(max-width:1050px){.gws-shell{grid-template-columns:180px minmax(0,1fr)}.gws-app-list b{font-size:7px}.gws-mail{grid-template-columns:140px 260px minmax(0,1fr)}.gws-suggest{grid-template-columns:repeat(2,1fr)}.quick-event{grid-template-columns:1fr 1fr 1fr}.quick-event button{grid-column:1/-1}}
@media(max-width:760px){.gws-shell{grid-template-columns:1fr;height:calc(100dvh - 86px)}.gws-rail{position:absolute;z-index:50;left:0;top:0;bottom:0;width:min(250px,88vw);transform:translateX(-105%);transition:.2s;box-shadow:20px 0 60px rgba(0,0,0,.35)}.gws-shell.rail-open .gws-rail{transform:none}.gws-mobile-menu{display:grid;width:30px;height:30px;border:0;border-radius:50%;place-items:center;background:var(--theme-surface2);color:var(--theme-text)}.gws-top-actions .chip{display:none}.gws-mail{grid-template-columns:110px minmax(0,1fr)}.mail-reader{display:none}.gws-docs{min-height:500px}.docs-page{padding:42px 32px}.gws-slides{grid-template-columns:120px minmax(0,1fr)}.slide-canvas{padding:30px}.gws-keep,.gws-contacts{grid-template-columns:1fr}.google-app-grid{grid-template-columns:repeat(2,1fr)}.maps-route{grid-template-columns:1fr}.photos-grid{columns:2 150px}}


/* ============================================================
   v20 — GOOGLE MATERIAL 3 UNIFIED WORKSPACE
   ============================================================ */
[data-view="apps"]{
  --g-bg:#f8fafd;
  --g-surface:#f0f4f9;
  --g-surface2:#e9eef6;
  --g-card:#ffffff;
  --g-line:#dfe3e7;
  --g-text:#1f1f1f;
  --g-muted:#5f6368;
  --g-blue:#0b57d0;
  --g-blue-soft:#c2e7ff;
}
body:not(.light-theme) [data-view="apps"]{
  --g-bg:#111315;
  --g-surface:#1b1d1f;
  --g-surface2:#25282c;
  --g-card:#1f2124;
  --g-line:#34373b;
  --g-text:#e3e3e3;
  --g-muted:#a8c0d2;
  --g-blue:#a8c7fa;
  --g-blue-soft:#28435e;
}
.gws-shell{
  grid-template-columns:220px minmax(0,1fr)!important;
  background:var(--g-bg)!important;
  border:0!important;
  box-shadow:none!important;
  font-family:Roboto,Arial,sans-serif!important
}
.gws-rail{
  background:var(--g-surface)!important;
  border-right:0!important;
  padding:10px 8px!important
}
.gws-brand{
  height:54px!important;
  padding:0 10px 10px!important
}
.gws-nine{
  width:30px!important;height:30px!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--g-blue)!important;
  font-size:20px!important;
  box-shadow:none!important
}
.gws-brand b{font-size:14px!important;font-weight:500!important;color:var(--g-text)!important}
.gws-brand small{font-size:7px!important;color:var(--g-muted)!important}
.gws-app-list{gap:1px!important}
.gws-app-list button{
  min-height:42px!important;
  border-radius:21px!important;
  padding:0 11px!important;
  color:var(--g-text)!important
}
.gws-app-list button:hover{background:var(--g-surface2)!important}
.gws-app-list button.active{
  background:var(--g-blue-soft)!important;
  color:color-mix(in srgb,var(--g-blue) 86%,var(--g-text))!important
}
.gws-app-list b{font-size:10px!important;font-weight:500!important}
.gws-app-list small{margin-left:auto;color:var(--g-muted);font-size:6px}
.gws-icon{
  width:26px!important;height:26px!important;
  border-radius:7px!important;box-shadow:none!important;
  font-size:10px!important
}
.gws-icon.chat{background:#00ac47}.gws-icon.tasks{background:#4285f4}.gws-icon.sites{background:#5f6368}
.gws-icon.vids{background:linear-gradient(135deg,#8065d6,#4a7df0)}
.gws-icon.notebook{background:linear-gradient(135deg,#36c8a3,#567cff)}
.gws-icon.script{background:#4285f4}.gws-icon.pics{background:linear-gradient(135deg,#d96570,#9b72cb)}
.gws-main{background:var(--g-bg)!important}
.gws-topbar{
  height:64px!important;
  padding:0 18px!important;
  border-bottom:0!important;
  background:var(--g-bg)!important
}
.gws-mobile-menu{
  background:transparent!important;color:var(--g-text)!important
}
.gws-title{min-width:170px}
.gws-current-icon{
  width:32px!important;height:32px!important;border-radius:8px!important;
  background:transparent!important;color:var(--g-blue)!important;
  font-size:15px!important
}
.gws-title b{font-size:15px!important;font-weight:500!important;color:var(--g-text)!important}
.gws-title small{font-size:7px!important;color:var(--g-muted)!important}
.gws-global-search{
  width:min(720px,52vw);
  height:46px;margin-left:18px;
  display:flex;align-items:center;gap:10px;
  padding:0 15px;border-radius:23px;
  background:var(--g-surface);
  color:var(--g-muted)
}
.gws-global-search span{font-size:18px}
.gws-global-search input{
  width:100%;border:0;outline:0;background:transparent;
  color:var(--g-text);font:inherit;font-size:11px
}
.gws-top-actions{gap:5px!important}
.gws-local-pill{
  border:0!important;background:transparent!important;
  color:var(--g-muted)!important;font-size:6px!important
}
.gws-local-pill[data-mode="embedded"]{color:#188038!important}
.gws-circle-btn,.gws-avatar-btn{
  width:36px;height:36px;border:0;border-radius:50%;
  display:grid;place-items:center;background:transparent;color:var(--g-muted)
}
.gws-circle-btn:hover{background:var(--g-surface)}
.gws-avatar-btn{background:#7b4da5;color:#fff;font-weight:700}
.gws-stage{
  padding:0 12px 12px!important;
  background:var(--g-bg)!important
}
.gapp-shell,.gapp-surface,.gws-drive,.gws-calendar,.gws-youtube,.gws-maps,.gws-keep,.gws-photos,.gws-meet,.gws-forms,.gws-contacts,.gws-translate,.gws-docs,.gws-sheets,.gws-slides,
.sites-app,.vids-app,.notebook-app,.script-app,.pics-app{
  color:var(--g-text)
}
.gapp-appbar,.gapp-page-head{
  min-height:58px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:0 18px;border-bottom:1px solid var(--g-line);
  background:var(--g-card)
}
.gapp-appbar b,.gapp-page-head h3{color:var(--g-text);font-weight:500}
.gapp-appbar small,.gapp-page-head p{color:var(--g-muted)}
.gapp-primary-btn,.gapp-primary-action{
  border:0;border-radius:22px;background:var(--g-blue-soft);color:var(--g-text);
  min-height:40px;padding:0 16px;font-weight:500
}
.gapp-text-btn,.gapp-round{
  border:0;background:transparent;color:var(--g-muted)
}
.gapp-round{width:34px;height:34px;border-radius:50%}.gapp-round:hover{background:var(--g-surface)}
.gapp-card-btn{
  width:100%;min-height:54px;border:1px solid var(--g-line);border-radius:14px;
  background:var(--g-card);color:var(--g-text);text-align:left;padding:10px 12px
}

/* Gmail — closer to current Gmail Material 3 */
.gws-mail{
  border:0!important;border-radius:0!important;
  grid-template-columns:190px 350px minmax(0,1fr)!important;
  background:var(--g-bg)
}
.mail-sidebar{
  background:var(--g-bg)!important;border-right:0!important;padding:8px 9px!important
}
.mail-compose{
  width:142px!important;height:54px!important;border-radius:16px!important;
  background:var(--g-blue-soft)!important;color:var(--g-text)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08);font-size:10px!important
}
.mail-sidebar button:not(.mail-compose){
  min-height:34px!important;border-radius:17px!important;
  padding:0 16px!important;font-size:9px!important
}
.mail-sidebar button.active{background:color-mix(in srgb,var(--g-blue-soft) 70%,transparent)!important}
.mail-list{
  background:var(--g-card);border-right:1px solid var(--g-line)!important;
  border-radius:16px 0 0 16px;overflow:hidden auto!important
}
.mail-row{
  min-height:46px!important;border-bottom:1px solid var(--g-line)!important;
  padding:8px 12px!important;background:var(--g-card)!important
}
.mail-row:hover,.mail-row.active{box-shadow:inset 0 0 0 999px rgba(60,64,67,.055)!important}
.mail-reader{background:var(--g-card);padding:24px!important}
.mail-reader h3{font-size:20px!important;font-weight:400!important;color:var(--g-text)!important}

/* Drive */
.gws-drive{
  min-height:560px;background:var(--g-card);border-radius:18px;padding:18px
}
.gws-drive header{height:56px;margin:0 0 10px!important}
.gws-drive h3{font-weight:400!important;font-size:22px!important;color:var(--g-text)!important}
.drive-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}
.drive-file{
  border:1px solid var(--g-line)!important;border-radius:14px!important;
  background:var(--g-surface)!important;min-height:160px!important
}

/* Calendar */
.gws-calendar{
  min-height:560px;background:var(--g-card);border-radius:18px;padding:18px
}
.gws-calendar-head h3{font-weight:400!important;color:var(--g-text)!important}
.quick-event input{
  border:1px solid var(--g-line)!important;background:var(--g-bg)!important;color:var(--g-text)!important
}
.gws-event-list article{
  border:1px solid var(--g-line)!important;background:var(--g-card)!important;
  border-left:4px solid #4285f4!important
}

/* Docs / Sheets / Slides retain product-specific white canvas but use Google-like chrome. */
.docs-top,.gws-sheets header,.slide-toolbar{
  box-shadow:0 1px 2px rgba(60,64,67,.12)
}

/* Chat */
.gapp-chat{
  height:100%;min-height:560px;display:grid;grid-template-columns:220px minmax(0,1fr);
  border-radius:18px;overflow:hidden;background:var(--g-card)
}
.gapp-left{padding:10px;background:var(--g-bg);border-right:1px solid var(--g-line)}
.gapp-left .gapp-section-label{padding:15px 10px 8px;color:var(--g-muted);font-size:8px}
.gapp-left #chatThreads{display:grid;gap:2px}
.gapp-left #chatThreads button{
  min-height:40px;border:0;border-radius:20px;background:transparent;color:var(--g-text);
  display:flex;align-items:center;gap:9px;padding:0 10px;text-align:left
}
.gapp-left #chatThreads button.active,.gapp-left #chatThreads button:hover{background:var(--g-surface)}
.gapp-left #chatThreads span{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#00ac47;color:#fff
}
.chat-main{min-width:0;display:grid;grid-template-rows:58px minmax(0,1fr) auto}
.chat-messages{overflow:auto;padding:18px}
.chat-messages article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;margin-bottom:15px}
.chat-messages article.me{justify-items:end;grid-template-columns:1fr}.chat-messages article.me>div:first-child{display:none}
.chat-messages article>div:first-child{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#00ac47;color:#fff}
.chat-messages p{margin:0;max-width:650px;padding:10px 12px;border-radius:14px;background:var(--g-surface);color:var(--g-text);font-size:9px;line-height:1.55}
.chat-messages p b{display:block;font-size:7px;margin-bottom:3px;color:var(--g-muted)}
.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:5px;padding:10px 14px}
.chat-compose input{height:42px;border:1px solid var(--g-line);border-radius:21px;background:var(--g-bg);color:var(--g-text);padding:0 14px}
.chat-compose button{border:0;border-radius:50%;background:var(--g-blue);color:white}

/* Tasks */
.tasks-app{min-height:560px;border-radius:18px;background:var(--g-card);padding-bottom:18px}
.tasks-list{width:min(760px,100%);margin:16px auto}
.tasks-list article{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--g-line)}
.task-check{width:24px;height:24px;border-radius:50%;border:2px solid #4285f4;background:transparent;color:#4285f4}
.tasks-list article.done b{text-decoration:line-through;color:var(--g-muted)}
.tasks-list b{display:block;color:var(--g-text);font-size:10px}.tasks-list small{display:block;color:var(--g-muted);font-size:7px;margin-top:3px}

/* Sites */
.sites-app{height:100%;min-height:560px;background:var(--g-bg);border-radius:18px;overflow:hidden}
.sites-bar input{border:0;outline:0;background:transparent;color:var(--g-text);font-size:14px}
.sites-layout{height:calc(100% - 58px);display:grid;grid-template-columns:180px minmax(0,1fr)}
.sites-tools{padding:14px;background:var(--g-card);border-right:1px solid var(--g-line);display:grid;align-content:start;gap:5px}
.sites-tools button{height:38px;border:0;border-radius:8px;background:transparent;color:var(--g-text);text-align:left;padding:0 9px}.sites-tools button:hover{background:var(--g-surface)}
.sites-canvas{overflow:auto;padding:28px}.sites-canvas section{min-height:520px;background:var(--g-card);border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.13);padding:70px}
.sites-canvas input,.sites-canvas textarea{width:100%;border:0;outline:0;background:transparent;color:var(--g-text)}.sites-canvas input{font-size:34px}.sites-canvas textarea{min-height:260px;font-size:14px;line-height:1.65}

/* Vids */
.vids-app{height:100%;min-height:560px;background:#111827;border-radius:18px;overflow:hidden;color:white}
.vids-app .gapp-appbar{background:#171c28;border-color:#2a3140}.vids-app .gapp-appbar b{color:white}
.vids-body{height:calc(100% - 58px);display:grid;grid-template-columns:200px 1fr}.vids-body>aside{padding:10px;background:#161b26;overflow:auto}.vids-body>aside button{width:100%;min-height:90px;margin-bottom:7px;border:1px solid #2c3444;border-radius:10px;background:#202737;color:#eef2ff;text-align:left;padding:10px}.vids-body>aside button.active{border-color:#8ea9ff}
.vid-stage{width:min(820px,calc(100% - 50px));aspect-ratio:16/9;margin:45px auto;background:#202633;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:55px}.vid-stage input,.vid-stage textarea{border:0;outline:0;background:transparent;color:white;text-align:center}.vid-stage input{font-size:30px}.vid-stage textarea{min-height:140px;margin-top:15px;resize:none}

/* NotebookLM */
.notebook-app{height:100%;min-height:560px;border-radius:18px;overflow:hidden;background:var(--g-card)}
.notebook-grid{height:calc(100% - 58px);display:grid;grid-template-columns:220px minmax(0,1fr) 220px}
.notebook-grid>aside{padding:15px;background:var(--g-bg);border-right:1px solid var(--g-line);overflow:auto}.notebook-grid>aside:last-child{border-right:0;border-left:1px solid var(--g-line)}
.notebook-grid h4{margin:0 0 12px;color:var(--g-text);font-size:10px}.notebook-grid article{padding:10px;border-radius:10px;background:var(--g-card);border:1px solid var(--g-line);margin-bottom:7px}.notebook-grid article b{display:block;font-size:8px}.notebook-grid article small{display:block;color:var(--g-muted);font-size:6.5px;margin-top:4px}
.notebook-grid main{padding:18px}.notebook-grid textarea{width:100%;height:100%;resize:none;border:0;outline:0;background:transparent;color:var(--g-text);font:inherit;font-size:11px;line-height:1.7}

/* Apps Script */
.script-app{height:100%;min-height:560px;border-radius:18px;overflow:hidden;background:var(--g-card)}
.script-layout{height:calc(100% - 58px);display:grid;grid-template-columns:170px minmax(0,1fr)}.script-layout aside{padding:10px;background:var(--g-bg);border-right:1px solid var(--g-line)}.script-layout aside button{width:100%;height:36px;border:0;border-radius:8px;text-align:left;background:var(--g-surface);color:var(--g-text);padding:0 10px}
.script-layout main{display:grid;grid-template-rows:minmax(0,1fr) 110px}.script-layout textarea{border:0;outline:0;resize:none;background:#202124;color:#e8eaed;padding:18px;font:12px/1.6 ui-monospace,Consolas,monospace}.script-layout pre{margin:0;padding:10px;background:#f8f9fa;color:#3c4043;border-top:1px solid #dadce0;font:9px ui-monospace,monospace}

/* Pics */
.pics-app{height:100%;min-height:560px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#f8f4ff,#f1f7ff)}
body:not(.light-theme) .pics-app{background:linear-gradient(145deg,#1f1a27,#17202a)}
.pics-canvas{min-height:500px;padding:28px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:18px;overflow:auto}
.pics-canvas figure{width:min(270px,30%);margin:0;padding:10px;border-radius:16px;background:white;box-shadow:0 8px 30px rgba(0,0,0,.14)}.pics-canvas img{width:100%;display:block;border-radius:10px}.pics-canvas figcaption{padding:8px 2px 2px;color:#3c4043;font-size:7px}

/* Keep */
.gws-keep form,.keep-grid article{background:var(--g-card)!important;border-color:var(--g-line)!important}
.gws-keep form{border-radius:16px!important;box-shadow:0 1px 3px rgba(60,64,67,.2)}
.keep-grid article{border-radius:12px!important}

/* Meet */
.meet-preview{background:#202124!important}
.meet-actions .primary{background:#0b57d0!important}

/* Forms */
.gws-forms{background:linear-gradient(#f0ebf8 0 150px,var(--g-bg) 150px);min-height:560px;padding:18px;border-radius:18px}
body:not(.light-theme) .gws-forms{background:linear-gradient(#2a2235 0 150px,var(--g-bg) 150px)}
.gws-forms header{background:var(--g-card);border-top:8px solid #7248b9;border-radius:10px;padding:14px;margin-top:40px!important}
.gws-forms #formQuestions article,.form-preview{background:var(--g-card)!important}

/* Contacts */
.gws-contacts #contactList article,.gws-contacts form{background:var(--g-card)!important;border-color:var(--g-line)!important}
.contact-avatar{background:#d2e3fc!important;color:#174ea6!important}

/* Google Search */
.gws-browser{border:0!important;border-radius:18px!important;overflow:hidden!important}
.gws-browserbar{background:var(--g-card)!important;border-color:var(--g-line)!important}
.gws-address{background:var(--g-surface)!important;border:0!important}
.gws-embed-note{background:var(--g-card)!important;border-color:var(--g-line)!important;color:var(--g-muted)!important}

/* Remove legacy local-Gemini styling from visual flow. */
.gws-gemini,.gws-gemini-welcome,.gws-gemini-messages,.gws-gemini-composer,.gws-gemini-thinking,.gws-disclaimer{display:none!important}

@media(max-width:1050px){
  .gws-shell{grid-template-columns:190px minmax(0,1fr)!important}
  .gws-global-search{width:min(540px,45vw)}
  .gws-mail{grid-template-columns:150px 290px minmax(0,1fr)!important}
  .notebook-grid{grid-template-columns:180px minmax(0,1fr) 180px}
}
@media(max-width:760px){
  .gws-global-search{display:none}
  .gws-title{min-width:0}
  .gws-shell{grid-template-columns:1fr!important}
  .gapp-chat,.sites-layout,.vids-body,.notebook-grid,.script-layout{grid-template-columns:1fr}
  .gapp-left,.sites-tools,.vids-body>aside,.notebook-grid>aside,.script-layout aside{display:none}
  .gws-mail{grid-template-columns:105px minmax(0,1fr)!important}
  .pics-canvas figure{width:46%}
}