:root{--bg:#101211;--panel:#181b19;--panel2:#222623;--text:#f3f1ea;--muted:#c5cbc4;--line:#ffffff20;--accent:#d7ddd2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font:14px Inter,system-ui,sans-serif;color:var(--text);background:#101210}button,input,textarea{font:inherit}.hidden{opacity:0;visibility:hidden;pointer-events:none}.stage{position:fixed;inset:0;display:grid;place-content:center;text-align:center;transition:opacity .32s cubic-bezier(.22,1,.36,1);background:radial-gradient(circle at 50% 35%,#3b413c,#101210 68%)}.brand-mark{width:132px;height:132px;display:block;margin:0;filter:drop-shadow(0 26px 32px #0009)}.brand-mark-mini{width:24px;height:24px;display:block;object-fit:contain}.stage h1{font:28px Georgia;margin:24px}.stage small,.date{color:var(--muted)}.bootline{width:240px;height:3px;background:#ffffff20;margin-bottom:16px}.bootline i{display:block;width:100%;height:100%;background:#eee;transform-origin:left;animation:boot .55s cubic-bezier(.22,1,.36,1) forwards}@keyframes boot{from{transform:scaleX(0)}to{transform:scaleX(1)}}#lock-screen{background:linear-gradient(#10151566,#101515aa),url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=2000&q=85') center/cover}#lock-time{font:200 88px Georgia;margin:0}#profile{margin:50px auto 0;background:transparent;border:0;color:white;display:grid;gap:8px;place-items:center;cursor:pointer}#profile span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#eeeae2;color:#202320;font:24px Georgia;border:3px solid #ffffff80}#desktop{position:fixed;inset:0;background-position:center;background-size:cover}#desktop[data-wallpaper=coast]{background-image:linear-gradient(#10151444,#10151477),url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=2000&q=88')}#desktop[data-wallpaper=ridge]{background-image:linear-gradient(#10151444,#10151477),url('https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=2000&q=88')}#menu-bar{position:absolute;z-index:1000;inset:0 0 auto;height:40px;padding:0 18px;display:flex;align-items:center;gap:30px;background:#101210e8;border-bottom:1px solid var(--line)}#menu-bar button{background:none;border:0;color:white;font-weight:700}#menu-bar aside{margin-left:auto;display:flex;gap:20px}.mini-mark{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #879088;border-radius:7px}.welcome{position:absolute;top:14%;left:12%;text-shadow:0 2px 20px #000}.welcome small{letter-spacing:.2em}.welcome h2{font:400 clamp(50px,6vw,86px) Georgia;margin:15px 0}.welcome p{font-size:16px}#desktop-icons{position:absolute;left:20px;top:68px;display:grid;gap:16px}#desktop-icons button{width:78px;background:none;border:0;color:white;text-shadow:0 2px 8px #000;display:grid;place-items:center;gap:5px}#desktop-icons .app-icon-wrap{/* tile styled in app icons block */}#task-switcher{position:absolute;z-index:1090}#launcher{position:absolute;z-index:1100;top:48px;left:12px;width:350px;padding:20px;background:#151817;border:1px solid var(--line);border-radius:15px;box-shadow:0 24px 70px #000}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.app-grid button{background:#242825;border:1px solid var(--line);color:white;border-radius:12px;padding:14px 8px;display:grid;gap:8px}.app-grid span.app-icon-wrap{/* icon tile */}#dock{position:absolute;z-index:1001;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:9px;background:#101210e8;border:1px solid #ffffff30;border-radius:20px;box-shadow:0 20px 50px #000}#dock button{width:58px;height:58px;border:0;border-radius:14px;background:#ece9e1;color:#1b1e1c;font-size:27px;position:relative;transition:transform .18s cubic-bezier(.22,1,.36,1)}#dock small{display:none}#dock i{position:absolute;bottom:-6px;left:50%;width:5px;height:5px;border-radius:50%;background:#ddd;opacity:0}#dock .active-app i{opacity:1}#dock .current{outline:2px solid #fff;outline-offset:2px}#dock button:hover{transform:translateY(-5px)}.window{position:absolute;min-width:320px;min-height:240px;background:var(--panel);color:var(--text);border:1px solid #ffffff30;border-radius:15px;box-shadow:0 28px 80px #000b;overflow:hidden;resize:none}.window.focused{border-color:#ffffff70;box-shadow:0 35px 100px #000}.window.maximized{inset:40px 0 0!important;width:100%!important;height:calc(100% - 40px)!important;border-radius:0;resize:none}.window.minimized{display:none}.titlebar{height:46px;background:var(--panel2);display:flex;align-items:center;padding:0 14px;cursor:move;border-bottom:1px solid var(--line)}.traffic{display:flex;gap:8px}.traffic button{width:13px;height:13px;border:0;border-radius:50%;background:#8b918c}.traffic .close{background:#c96861}.traffic .min{background:#c5a35e}.traffic .max{background:#71966d}.titlebar strong{margin:auto;font-size:13px}.content{height:calc(100% - 46px);overflow:auto;padding:24px}.resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize}.projects{display:grid;gap:10px}.project{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:11px;background:#222623}.project .icon{width:42px;height:42px;border-radius:10px;background:#e9e6de;color:#222;display:grid;place-items:center}.project b,.track b{display:block}.project small,.track small,.content p,.content small{color:var(--muted)}.tag{font-size:11px;border:1px solid #7c857d;padding:4px 8px;border-radius:20px}.music-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.music-meta{background:linear-gradient(#3a403b,#202421);padding:22px;border-radius:14px}.music-meta h2{font:27px Georgia}.track{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:9px;border-bottom:1px solid var(--line);cursor:pointer}.track:hover{background:#292e2a}.cover{width:48px;height:48px;object-fit:cover;border-radius:7px;background:#303530}.playing{color:#dce9d8}.mail{display:grid;grid-template-columns:210px 1fr;gap:22px;height:100%}.mail aside{border-right:1px solid var(--line);padding-right:16px}.mail button,#browser-form button,fieldset button{padding:9px 12px;background:#e8e5dd;color:#171917;border:0;border-radius:8px}.mail form,.mail label{display:grid;gap:8px}.mail form{gap:15px}.mail input,.mail textarea,#browser-form input,.content textarea{width:100%;background:#101311;color:white;border:1px solid #656b66;border-radius:8px;padding:10px}.mail textarea,.content>textarea{min-height:150px;resize:vertical}#draft-list{display:grid;gap:6px;margin-top:12px}#draft-list button{text-align:left;background:#292d2a;color:white}#browser-form{max-width:650px;margin:30px auto}#browser-form>div{display:flex;gap:8px;margin:10px 0}#browser-form input{flex:1}fieldset{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:16px}.switch{display:flex;gap:10px;align-items:center}@media(max-width:600px){#menu-bar{padding-top:env(safe-area-inset-top);height:calc(42px + env(safe-area-inset-top))}#menu-bar nav,#menu-bar aside span,.welcome,#desktop-icons{display:none}#launcher{left:8px;right:8px;width:auto;top:calc(48px + env(safe-area-inset-top))}.window,.window.maximized{position:fixed!important;inset:calc(42px + env(safe-area-inset-top)) 0 calc(82px + env(safe-area-inset-bottom))!important;width:100%!important;height:auto!important;min-width:0;border-radius:0;resize:none}.content{padding:16px}.music-layout,.mail{grid-template-columns:1fr}.music-meta{display:none}.mail aside{border:0;border-bottom:1px solid var(--line);padding-bottom:10px}.project{grid-template-columns:38px 1fr}.tag{display:none}#dock{bottom:calc(7px + env(safe-area-inset-bottom));max-width:calc(100% - 12px)}#dock button{width:50px;height:50px}#lock-time{font-size:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
html[data-power=low] *,html[data-power=low] *:before,html[data-power=low] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
html[data-power=low] .window:not(.focused){filter:none!important}
html,body,#desktop,.stage{height:100dvh;min-height:100dvh}
button,input,textarea{min-height:44px}
#desktop{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
#launcher-button{min-width:126px;border:1px solid #ffffff35!important;border-radius:9px;padding:0 10px}
.window-control{width:30px!important;height:30px!important;border:0!important;background:transparent!important;color:#eef0eb;font-size:16px;line-height:1}.traffic{padding:3px;border:1px solid #ffffff24;border-radius:10px;background:#292e2b}.window:not(.focused){filter:saturate(.55) brightness(.72);box-shadow:0 8px 24px #0008}.window :focus-visible{outline:2px solid #d7ddd2;outline-offset:2px}
.traffic{gap:5px}.music-controls{position:sticky;bottom:-24px;margin:18px -24px -24px;padding:12px 20px;display:grid;grid-template-columns:minmax(120px,1fr) 44px 44px 44px minmax(100px,2fr) auto 44px 100px;gap:8px;align-items:center;background:#111412f5;border-top:1px solid var(--line)}
#tracks{padding-bottom:76px}.now-playing{min-width:0}.now-playing b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-controls button{width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#e8ebe4;color:#171a18}.music-controls input{min-width:0}.track span,.project span{min-width:0}.track b,.track small,.project b,.project small{overflow-wrap:anywhere}
@media(max-width:600px){html,body,#desktop,#workspace{inset:0;width:100%;height:100dvh;min-height:100dvh;background-color:var(--bg)}body{padding-top:env(safe-area-inset-top)}#desktop{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#menu-bar{display:none}.window,.window.maximized{inset:env(safe-area-inset-top) env(safe-area-inset-right) calc(78px + env(safe-area-inset-bottom)) env(safe-area-inset-left)!important;height:auto!important;border-radius:0}.titlebar{height:52px}.traffic{display:none}.content{height:calc(100% - 52px);padding:14px 14px;padding-bottom:calc(86px + env(safe-area-inset-bottom));font-size:14px;color:#e5e9e3;overflow:auto}.music-controls{bottom:-20px;margin:12px -14px -20px;padding:8px 12px;grid-template-columns:1fr 44px 44px 44px}.music-controls .now-playing{grid-column:1/-1}.music-controls #music-progress{grid-column:1/4}.music-controls #music-volume{display:none}.music-controls #music-mute{grid-column:4}#dock{box-sizing:border-box;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px);max-width:374px;padding:7px;justify-content:space-around}#dock button{width:48px;height:48px;min-height:48px}.project{min-height:64px}.track{min-height:66px}}

#desktop-icons[aria-hidden=true]{opacity:0;pointer-events:none}
.project small{color:#cfd5ce}
#dock button.active-app i{width:7px;height:7px;background:#d9ded7;box-shadow:0 0 0 2px #101311,0 0 7px #fff8}
#dock button.current i{width:18px;border-radius:5px;background:#fff;box-shadow:0 0 8px #fff8}
#dock button:not(.active-app) i{display:none}
#snap-preview{position:absolute;z-index:9;pointer-events:none;opacity:0;border:2px solid #eef2eb80;border-radius:14px;background:#d9e1d21f;box-shadow:inset 0 0 0 1px #18201980;transition:opacity .14s cubic-bezier(.22,1,.36,1)}
#snap-preview[data-visible=true]{opacity:1}
#task-switcher{position:fixed;z-index:1001;left:50%;top:46%;display:flex;gap:8px;max-width:calc(100vw - 32px);padding:8px;border:1px solid #d7ddd236;border-radius:18px;background:#151816f2;box-shadow:0 24px 72px #000b;transform:translate(-50%,-50%);transition:opacity .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1)}
#task-switcher.hidden{transform:translate(-50%,calc(-50% + 8px))}.task-switcher-item{display:grid;place-items:center;gap:8px;min-width:104px;padding:16px 12px;border:1px solid transparent;border-radius:12px;color:var(--muted)}.task-switcher-item span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--panel2);font-size:24px}.task-switcher-item.selected{border-color:#d7ddd259;background:#d7ddd214;color:var(--text)}
#dock button:hover{transform:translateY(-5px) scale(1.12)}
html[data-dock-magnification=off] #dock button:hover,html[data-motion=off] #dock button:hover,html[data-power=low] #dock button:hover{transform:none}
@media(prefers-reduced-motion:reduce){#dock button:hover{transform:none}}
@media(hover:none),(max-width:600px){#dock button:hover{transform:none}}
@media(max-width:600px){body{padding-top:max(env(safe-area-inset-top), 44px)}#desktop{padding-top:max(env(safe-area-inset-top), 44px);padding-bottom:max(env(safe-area-inset-bottom), 24px)}.window,.window.maximized{top:max(env(safe-area-inset-top), 44px)!important;bottom:calc(78px + max(env(safe-area-inset-bottom), 24px))!important}.content{padding-bottom:calc(86px + max(env(safe-area-inset-bottom), 24px))}#dock{bottom:max(env(safe-area-inset-bottom), 24px)}}
@media(max-width:600px){#desktop:before{content:"";position:fixed;z-index:1000;inset:0 0 auto;height:max(env(safe-area-inset-top), 44px);background:var(--bg);pointer-events:none}#dock{overflow-x:auto;justify-content:flex-start;bottom:calc(max(env(safe-area-inset-bottom), 24px) + 4px);scrollbar-width:none}#dock button{flex:0 0 48px}}
@media(max-width:600px){
  #dock{overflow:visible;justify-content:center;gap:12px;}
  #dock button{display:none !important;}
  #dock .dock-pinned { display: flex; gap: 8px; width: 100%; justify-content: space-around; }
  #dock .dock-pinned [data-app=projects],
  #dock .dock-pinned [data-app=music],
  #dock .dock-pinned [data-app=files],
  #dock .dock-pinned [data-app=settings] {display:flex !important;}
  #dock .dock-pinned [data-app=browser] {display:none !important;}
  
  #dock .spotlight-dock-btn {
    display: flex !important;
    flex: 0 0 54px !important;
    height: 54px !important;
    background: #181b19 !important;
    border: 1px solid #c78b5566 !important;
    border-radius: 16px !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5) !important;
  }
}
.spotlight-dock-btn {
  display: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media(max-width:600px){
  .spotlight-dock-btn { display: flex !important; }
}
.window[data-window=music] .content{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.music-layout{min-height:0;overflow:hidden}.music-layout>section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}#tracks{min-height:0;overflow-y:auto;padding-bottom:12px;scroll-padding-bottom:12px}.music-controls{position:relative;bottom:auto;margin:18px -24px -24px;background:#111412}
@media(max-width:600px){.window[data-window=music] .content{padding:14px;overflow:hidden}.music-layout{display:grid;min-height:0}.music-controls{margin:12px -14px -14px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#111412}#tracks{padding-bottom:calc(16px + max(env(safe-area-inset-bottom), 24px));scroll-padding-bottom:calc(16px + max(env(safe-area-inset-bottom), 24px))}}

/* Music product surface: warm graphite, parchment, copper accent. */
.window[data-window=music]{--music-bg:#111312;--music-panel:#181b19;--music-text:#f4f0e7;--music-muted:#afb6ad;--music-accent:#c78b55;min-width:680px;min-height:500px}.window[data-window=music] .content{padding:0;background:var(--music-bg);color:var(--music-text)}.music-shell{position:relative;height:100%;min-height:0;display:grid;grid-template-columns:clamp(184px,24%,240px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 88px;background:var(--music-bg)}.music-sidebar{grid-row:1;display:flex;flex-direction:column;padding:24px 16px;border-right:1px solid #c78b5529;background:#161917}.music-brand{display:flex;align-items:center;gap:12px;margin:0 8px 32px;font:600 17px Georgia,serif;letter-spacing:.01em}.music-brand>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c78b5580;border-radius:10px;color:#e7bc91;font:italic 19px Georgia,serif}.music-sidebar nav{display:grid;gap:4px}.music-sidebar button,.music-mobile-nav button{border:0;background:transparent;color:var(--music-muted);cursor:pointer}.music-sidebar button{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:9px;text-align:left}.music-sidebar button:hover,.music-sidebar button.selected{color:var(--music-text);background:#c78b5517}.music-sidebar svg,.music-mobile-nav svg,.player-transport svg,.player-volume svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.music-sidebar>small{margin:auto 12px 0;color:#8d958d;font-size:10px;letter-spacing:.14em}.music-main{min-width:0;min-height:0;overflow-y:auto;scrollbar-color:#c78b5566 transparent}.music-main h2,.music-main h3{font-family:Georgia,serif;font-weight:500}.music-main h2{font-size:clamp(28px,4vw,48px);line-height:1.02}.music-main h3{font-size:23px;margin:4px 0 0}.music-main header>small,.music-hero small{color:#d5a578;font-size:10px;font-weight:700;letter-spacing:.15em}.music-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:32px;align-items:end;min-height:232px;padding:40px 40px 32px;background:radial-gradient(circle at 92% 8%,#c78b5533,transparent 42%),linear-gradient(145deg,#252a26,#161917)}.music-hero h2{max-width:620px;margin:12px 0 16px}.music-hero p{color:var(--music-muted);margin:0}.music-hero p b{color:var(--music-text)}.hero-art{display:grid;grid-template-columns:repeat(2,1fr);aspect-ratio:1;max-width:200px;margin-left:auto;transform:rotate(2deg);box-shadow:0 20px 50px #0008}.hero-art img,.hero-art>span{width:100%;height:100%;object-fit:cover;background:#2b302c;display:grid;place-items:center;font-size:28px}.music-shelf,.music-track-section{padding:32px 40px 0}.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:16px;margin-top:20px}.music-card{min-width:0;padding:0;border:0;background:transparent;color:var(--music-text);text-align:left;cursor:pointer}.music-card:hover .music-art{transform:translateY(-4px);box-shadow:0 15px 30px #0008}.music-art{position:relative;display:block;aspect-ratio:1;margin-bottom:12px;border-radius:7px;overflow:hidden;background:#242925;box-shadow:0 8px 20px #0006;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.music-art img{width:100%;height:100%;object-fit:cover}.music-art>span{display:grid;height:100%;place-items:center;font-size:32px}.music-art i{position:absolute;right:6px;bottom:6px;padding:4px 6px;border:1px solid #efd0b05c;border-radius:5px;background:#171915e8;color:#efd0b0;font:normal 700 9px system-ui}.music-card b,.music-card small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-card small{margin-top:4px;color:var(--music-muted)}.music-track-section{padding-bottom:32px}.music-track-section header{margin-bottom:16px}.music-track-section header p{color:var(--music-muted)}#tracks{display:grid;padding:0}.track{display:grid;grid-template-columns:34px minmax(0,1fr) auto 40px;gap:12px;align-items:center;min-height:58px;padding:6px 10px;border:0;border-bottom:1px solid #ffffff0d;border-radius:7px;background:transparent;color:var(--music-text);text-align:left;cursor:pointer}.track:hover,.track.playing{background:#ffffff0a}.track.playing{box-shadow:inset 2px 0 var(--music-accent)}.track-index{color:#b8bfb6;font-variant-numeric:tabular-nums}.track b,.track small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track small{color:var(--music-muted)}.track em{padding:3px 6px;border:1px solid #c78b5547;border-radius:4px;color:#d9ae87;font:normal 700 9px system-ui}.music-search{position:sticky;z-index:2;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:32px 40px 20px;background:#111312f5}.music-search label{grid-column:1/-1;font:26px Georgia,serif}.music-search input{width:100%;padding:0 14px;border:1px solid #c78b554d;border-radius:10px;background:#202421;color:var(--music-text)}.music-search small{align-self:center;color:var(--music-muted)}.music-empty{padding:48px;color:var(--music-muted)}.music-controls{grid-column:1/-1;grid-row:2;z-index:3;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(220px,1.2fr) minmax(130px,.7fr);gap:16px;align-items:center;margin:0;padding:10px 18px;border-top:1px solid #c78b5529;background:#0d0f0e;box-shadow:0 -10px 30px #0004}.now-playing{display:flex;align-items:center;gap:10px}.player-cover{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#252a26;color:#d5a578}.player-cover img{width:100%;height:100%;object-fit:cover}.now-playing small{color:#d5a578;font-size:9px;letter-spacing:.12em}.player-transport{display:flex;align-items:center;gap:4px}.music-controls button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;border:0;background:transparent;color:var(--music-text)}.music-controls #music-play{border:1px solid #c78b5566;background:#eee7da;color:#161816}.music-controls button:hover{background:#c78b5526}.player-timeline{display:grid;grid-template-columns:minmax(80px,1fr) auto;gap:10px;align-items:center}.player-volume{display:flex;align-items:center}.player-volume input{min-width:50px}.music-controls input{height:24px;accent-color:var(--music-accent)}.music-controls #music-time{color:var(--music-muted);font-size:11px;font-variant-numeric:tabular-nums}.music-mobile-nav{display:none}
@media(max-width:800px) and (min-width:601px){.window[data-window=music]{min-width:600px}.music-shell{grid-template-columns:184px minmax(0,1fr)}.music-hero,.music-shelf,.music-track-section{padding-left:24px;padding-right:24px}.player-volume input,#music-mute{display:none}.music-controls{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto}}
@media(max-width:600px){.window[data-window=music]{min-width:0;min-height:0}.window[data-window=music] .content{padding:0}.music-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 70px 58px}.music-sidebar{display:none}.music-main{grid-row:1}.music-hero{grid-template-columns:1fr;min-height:200px;padding:32px 20px 24px}.music-hero h2{font-size:32px}.hero-art{display:none}.music-shelf,.music-track-section{padding:24px 20px 0}.music-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}.music-card{flex:0 0 138px;scroll-snap-align:start}.track{grid-template-columns:26px minmax(0,1fr) 34px;padding-left:4px}.track em{display:none}.music-search{padding:24px 20px 16px}.music-search small{display:none}.music-controls{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr) auto;margin:0;padding:8px 14px}.music-controls .now-playing{grid-column:auto;min-width:0}.player-cover{width:48px;height:48px;flex-basis:48px}.player-transport #music-prev,.player-transport #music-next,.player-timeline,.player-volume{display:none}.music-mobile-nav{grid-row:3;display:flex;justify-content:space-around;padding:4px 12px calc(4px + env(safe-area-inset-bottom));border-top:1px solid #ffffff12;background:#0d0f0e}.music-mobile-nav button{display:grid;place-items:center;gap:2px;min-width:72px;min-height:48px;font-size:10px}.music-mobile-nav button.selected{color:#e0ad7f}.music-mobile-nav svg{width:18px;height:18px}}
.music-queue{position:absolute;z-index:4;top:0;right:0;bottom:88px;width:min(320px,42%);padding:24px 16px;overflow-y:auto;border-left:1px solid #c78b5538;background:#141715;box-shadow:-18px 0 36px #0006}.music-queue[hidden]{display:none}.music-queue header{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:0 8px 16px;border-bottom:1px solid #ffffff12}.music-queue header small,.queue-track>small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-queue h3{margin:6px 0 0;font:22px Georgia,serif}#music-queue-close{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--music-text)}#music-queue-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.queue-track{display:grid;gap:4px;padding:14px 8px;border-bottom:1px solid #ffffff0d}.queue-track b,.queue-track span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.queue-track span{color:var(--music-muted);font-size:12px}.queue-track[data-current=true]{box-shadow:inset 2px 0 var(--music-accent);background:#c78b550e}.music-controls button.selected{color:#e7bc91;background:#c78b5526}.music-controls #music-repeat[data-repeat=one]:after{content:"1";position:absolute;margin:13px 0 0 14px;font-size:8px;font-weight:800}.music-controls #music-repeat{position:relative}
@media(max-width:600px){.music-queue{position:absolute;z-index:8;inset:0;width:auto;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:#141715}.music-controls{grid-template-columns:minmax(0,1fr) auto auto!important}.player-transport{gap:0}.player-transport #music-shuffle,.player-transport #music-prev,.player-transport #music-next,.player-transport #music-repeat,.player-timeline,.player-volume input,#music-mute{display:none!important}.player-volume{display:flex!important}.player-volume #music-queue-toggle{display:grid}.music-mobile-nav{z-index:5}}
.music-detail-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.music-detail-links>div{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border:1px solid #c78b5529;border-radius:10px;background:#181b19}.music-detail-links small{flex-basis:100%;color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-detail-links button,.music-back{min-height:44px;border:1px solid #c78b5540;border-radius:8px;background:transparent;color:var(--music-text);cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.music-detail-links button{padding:8px 12px}.music-detail-links button:hover,.music-back:hover{transform:translateY(-2px);background:#c78b5517}.music-detail{min-height:100%;padding:32px 40px}.music-detail header{margin:24px 0 16px;padding-bottom:24px;border-bottom:1px solid #c78b5529}.music-detail h2{margin:8px 0}.music-detail p{color:var(--music-muted)}.music-back{display:grid;place-items:center;width:44px;padding:0}.music-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.music-detail-links{grid-template-columns:1fr}.music-detail{padding:24px 20px}.music-detail h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.music-art,.music-detail-links button,.music-back{transition:none}}
html[data-motion=off] .music-detail-links button,html[data-motion=off] .music-back,html[data-power=low] .music-detail-links button,html[data-power=low] .music-back{transition:none}
html[data-motion=off] .music-art,html[data-power=low] .music-art{transition:none}
.music-error{position:absolute;z-index:6;right:16px;bottom:96px;left:calc(clamp(184px,24%,240px) + 16px);display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #c78b5570;border-radius:10px;background:#2b201af5;color:#f4f0e7;box-shadow:0 12px 32px #0008}.music-error:empty{display:none}.music-error svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#e7bc91;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.music-error{right:8px;bottom:136px;left:8px;padding:8px 12px}}
.music-now-playing{display:none}.music-now-playing[hidden]{display:none!important}
@media(max-width:600px){.music-now-playing{position:absolute;z-index:7;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:16px;align-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow:auto;touch-action:pan-y;background:radial-gradient(circle at 50% 20%,#c78b5529,transparent 42%),#111312;color:var(--music-text);opacity:0;transform:translateY(16px);transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1)}.music-now-playing[data-visible=true]{opacity:1;transform:none}.music-now-playing>button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--music-text)}#music-now-playing-close{justify-self:start}.music-now-playing-cover{justify-self:center;width:min(72vw,320px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #c78b5538;border-radius:12px;background:#202421;color:#d5a578;font-size:64px;box-shadow:0 24px 56px #0009}.music-now-playing-cover img{width:100%;height:100%;object-fit:cover}.music-now-playing-copy{min-width:0;text-align:center}.music-now-playing-copy small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-now-playing-copy h2{margin:8px 0 4px;overflow:hidden;font:32px/1.08 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.music-now-playing-copy p{margin:0;overflow:hidden;color:var(--music-muted);text-overflow:ellipsis;white-space:nowrap}.music-now-playing-timeline{display:grid;grid-template-columns:1fr auto;gap:8px 12px;width:100%}.music-now-playing-timeline input{grid-column:1/-1;width:100%;accent-color:var(--music-accent)}.music-now-playing-timeline span{grid-column:2;color:var(--music-muted);font-size:11px;font-variant-numeric:tabular-nums}.music-now-playing-transport{display:flex;justify-content:center;gap:24px}.music-now-playing-transport button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--music-text)}.music-now-playing-transport svg,.music-now-playing>button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#music-full-play{background:#eee7da;color:#161816;transform:scale(1.15)}#music-full-queue{position:absolute;top:max(24px,env(safe-area-inset-top));right:24px}#music-now-playing-open{width:auto;height:auto;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--music-text);text-align:left}}
@media(prefers-reduced-motion:reduce){.music-now-playing{transition:none}}
html[data-motion=off] .music-now-playing,html[data-power=low] .music-now-playing{transition:none}

/* Settings product surface: graphite, parchment, copper accent; 8px rhythm. */
#desktop[data-wallpaper=coast]{background-image:linear-gradient(#10151444,#10151477),url('/assets/wallpapers/coast.svg')}
#desktop[data-wallpaper=ridge]{background-image:linear-gradient(#10151433,#10151466),url('/assets/wallpapers/ridge.svg')}
#desktop[data-wallpaper=atelier]{background-image:linear-gradient(#10151422,#10151455),url('/assets/wallpapers/atelier.svg')}
#desktop{background-image:none!important;background-color:#101211}#wallpaper-layer{--wallpaper-blur:0px;--wallpaper-opacity:1;--wallpaper-crop-desktop:center;--wallpaper-crop-mobile:center;position:absolute;inset:-16px;pointer-events:none;background-position:var(--wallpaper-crop-desktop);background-size:cover;filter:blur(var(--wallpaper-blur));opacity:var(--wallpaper-opacity)}#desktop[data-wallpaper=coast] #wallpaper-layer{background-image:linear-gradient(#10151444,#10151477),url('/assets/wallpapers/coast.svg')}#desktop[data-wallpaper=ridge] #wallpaper-layer{background-image:linear-gradient(#10151433,#10151466),url('/assets/wallpapers/ridge.svg')}#desktop[data-wallpaper=atelier] #wallpaper-layer{background-image:linear-gradient(#10151422,#10151455),url('/assets/wallpapers/atelier.svg')}
.window[data-window=settings]{--settings-bg:#111312;--settings-panel:#181b19;--settings-text:#f4f0e7;--settings-muted:#afb6ad;--settings-accent:#c78b55;min-width:680px;min-height:500px}.window[data-window=settings] .content{padding:0;overflow:hidden;background:var(--settings-bg);color:var(--settings-text)}.settings-layout{height:100%;display:grid;grid-template-columns:184px minmax(0,1fr);overflow:hidden}.settings-sidebar{padding:32px 16px;border-right:1px solid #c78b5529;background:#161917}.settings-sidebar>p,.settings-main>header>small{margin:0 8px;color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.16em}.settings-sidebar h2{margin:8px 8px 32px;font:32px Georgia,serif}.settings-sidebar nav{display:grid;gap:4px}.settings-sidebar a{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:8px;color:var(--settings-muted);text-decoration:none}.settings-sidebar a:hover,.settings-sidebar a:focus-visible{color:var(--settings-text);background:#c78b5517}.settings-main{min-width:0;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#c78b5566 transparent}.settings-main>header{padding:40px 40px 32px;background:radial-gradient(circle at 92% 8%,#c78b5533,transparent 44%),linear-gradient(145deg,#252a26,#161917)}.settings-main>header>small{margin:0}.settings-main>header h2{max-width:520px;margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.settings-main>header p,.settings-main section p{margin:0;color:var(--settings-muted)}.settings-main>section{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;margin:0 40px;padding:32px 0;border-bottom:1px solid #c78b5529;scroll-margin-top:16px}.settings-main>section>small{padding-top:5px;color:#e7bc91;font-size:9px;font-weight:700;letter-spacing:.14em}.settings-main h3{margin:0 0 8px;font:24px Georgia,serif}.settings-main fieldset{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));gap:16px;margin:24px 0 0;padding:0;border:0}.settings-main fieldset legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.settings-main [data-wall]{position:relative;min-height:112px;padding:0;overflow:hidden;border:1px solid #c78b5538;border-radius:10px;background-position:center;background-size:cover;color:var(--settings-text);cursor:pointer;box-shadow:0 10px 24px #0006;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1)}.settings-main [data-wall]:hover{transform:translateY(-3px)}.settings-main [data-wall][aria-pressed=true]{border-color:#e7bc91;box-shadow:0 0 0 2px #111312,0 0 0 4px #c78b55}.settings-main [data-wall] span{position:absolute;right:0;bottom:0;left:0;padding:24px 12px 10px;background:linear-gradient(transparent,#0b0d0ce6);font-weight:700;text-align:left}.settings-main [data-wall] small{display:block;margin-top:2px;color:#d4d9d2;font-size:10px;font-weight:400}.settings-main .switch{justify-content:space-between;min-height:64px;padding:8px 0;border-bottom:1px solid #ffffff0d;cursor:pointer}.settings-main .switch input{order:2;width:42px;accent-color:var(--settings-accent)}.settings-main .switch span{display:grid;gap:4px}.settings-main .switch small{color:var(--settings-muted);font-size:11px;font-weight:400}.system-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}.system-metrics article{display:grid;gap:8px;padding:16px;border:1px solid #c78b5529;border-radius:9px;background:#181b19}.system-metrics article small{color:var(--settings-muted)}.system-metrics article b{font:20px Georgia,serif}.system-services{display:grid;gap:8px;padding:0;list-style:none}.system-services li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff0d}.reachable{color:#bad0ad}.unreachable,.unavailable{color:#e0b286}
.wallpaper-tuning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.wallpaper-tuning label{display:grid;gap:8px;padding:12px;border:1px solid #c78b5529;border-radius:10px;background:#181b19;color:var(--settings-text);font-weight:700}.wallpaper-tuning input,.wallpaper-tuning select{width:100%;accent-color:var(--settings-accent);background:#111312;color:var(--settings-text)}.wallpaper-tuning small{color:var(--settings-muted);font-size:11px;font-weight:400}.wallpaper-upload{display:grid;gap:8px;margin-top:24px;padding:16px;border:1px dashed #c78b5566;border-radius:10px;background:#181b19;color:var(--settings-text);font-weight:700}.wallpaper-upload input{width:100%;padding:8px;border:1px solid #c78b554d;border-radius:8px;background:#111312;color:var(--settings-text)}.wallpaper-upload small{color:var(--settings-muted);font-size:11px;font-weight:400}#wallpaper-upload-status{min-height:24px;margin-top:8px!important}#wallpaper-upload-status[data-state=error]{color:#f0bd8a}#wallpaper-upload-status[data-state=success]{color:#bad0ad}.sound-control{display:grid;gap:16px;margin-top:24px;padding:16px;border:1px solid #c78b5529;border-radius:10px;background:#181b19;color:var(--settings-text);font-weight:700}.sound-control small{color:var(--settings-muted);font-size:11px;font-weight:400}#settings-volume{width:100%;accent-color:var(--settings-accent)}.security-boundaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}.security-boundaries article{display:grid;gap:8px;padding:16px;border:1px solid #c78b5529;border-radius:9px;background:#181b19}.security-boundaries small{color:var(--settings-muted)}.security-sources{display:grid;gap:0;margin:16px 0;padding:0;list-style:none}.security-sources li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff0d}.security-sources b{color:#bad0ad}.service-policy{padding:12px 16px;border-left:2px solid var(--settings-accent);background:#c78b550d}.about-identity{margin-top:24px;padding:24px;border:1px solid #c78b5529;border-radius:10px;background:radial-gradient(circle at 90% 10%,#c78b5529,transparent 50%),#181b19}.about-identity small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.about-identity h4{margin:8px 0 0;font:28px Georgia,serif}.about-identity h4 span{color:var(--settings-muted);font:12px system-ui,sans-serif}.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}.about-facts>div{display:grid;gap:6px;padding:16px;border:1px solid #c78b5529;border-radius:9px;background:#181b19}.about-facts dt,.about-facts small{color:var(--settings-muted);font-size:11px}.about-facts dd{display:grid;gap:4px;margin:0}.about-facts code{color:#e7bc91}
@media(prefers-reduced-motion:reduce){.settings-main{scroll-behavior:auto}.settings-main [data-wall]{transition:none}}
html[data-motion=off] .settings-main,html[data-power=low] .settings-main{scroll-behavior:auto}html[data-motion=off] .settings-main [data-wall],html[data-power=low] .settings-main [data-wall]{transition:none}
html[data-power=low] #wallpaper-layer{filter:none}
@media(max-width:600px){#wallpaper-layer{background-position:var(--wallpaper-crop-mobile)}}
@media(max-width:600px){.window[data-window=settings]{min-width:0;min-height:0}.window[data-window=settings] .content{padding:0}.settings-layout{display:block;overflow-y:auto}.security-boundaries{grid-template-columns:1fr}.settings-sidebar{padding:24px 20px 8px;border:0;border-bottom:1px solid #c78b5529}.settings-sidebar h2{margin-bottom:16px}.settings-sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding:0 0 10px}.settings-sidebar a{min-width:0;padding:6px;justify-content:center;text-align:center;white-space:normal;font-size:11px;line-height:1.2}.settings-main{overflow:visible}.settings-main>header{padding:32px 20px 24px}.settings-main>header h2{font-size:36px}.settings-main>section{grid-template-columns:32px minmax(0,1fr);gap:8px;margin:0 20px;padding:24px 0}.settings-main fieldset,.wallpaper-tuning{grid-template-columns:1fr;gap:16px}.settings-main [data-wall]{min-height:136px}.system-metrics,.about-facts{grid-template-columns:1fr}}

/* Projects: live Git inventory, graphite/parchment/copper brand. */
.window[data-window=projects]{--projects-bg:#111312;--projects-panel:#181b19;--projects-text:#f4f0e7;--projects-muted:#afb6ad;--projects-accent:#c78b55;min-width:560px;min-height:430px}.window[data-window=projects] .content{padding:0;overflow:auto;background:var(--projects-bg);color:var(--projects-text)}.projects-shell{min-height:100%;padding:40px;background:radial-gradient(circle at 90% 4%,#c78b5529,transparent 38%),var(--projects-bg)}.projects-shell>header{max-width:680px;margin-bottom:32px}.projects-shell>header small,.project-card header span,.project-card section small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.projects-shell h2{max-width:620px;margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.projects-shell>header p{margin:0;color:var(--projects-muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{display:grid;gap:24px;min-width:0;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--projects-panel);box-shadow:0 18px 40px #0004}.project-card[data-dirty=true]{border-color:#c78b5566}.project-card header{display:grid;gap:8px}.project-card header b{font:24px Georgia,serif}.project-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.project-card dl div{min-width:0;padding:12px;border-left:2px solid var(--projects-accent);background:#111312}.project-card dt{color:var(--projects-muted);font-size:10px}.project-card dd{margin:6px 0 0;overflow-wrap:anywhere;font-weight:700}.project-card section{padding-top:16px;border-top:1px solid #ffffff0d}.project-card section p{margin:8px 0 0;overflow-wrap:anywhere}.project-card footer{color:var(--projects-muted);font-size:11px}.project-service{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #ffffff0d}.project-service span,.project-service small{display:grid;gap:4px}.project-service b{color:#e0b286}.project-service[data-reachable=true] b{color:#bad0ad}.project-service a{display:grid;place-items:center;min-height:44px;padding:0 16px;border:1px solid #c78b5566;border-radius:8px;color:var(--projects-text);text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.project-service a:hover{transform:translateY(-2px);background:#c78b5517}
.project-logs{min-width:0}.project-logs>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-logs>header b{font:16px Georgia,serif}.project-logs>header small{color:var(--projects-muted)}.project-logs ol{display:grid;gap:8px;max-height:240px;margin:16px 0 0;padding:0;overflow:auto;list-style:none;scrollbar-color:#c78b5566 transparent}.project-log{display:grid;grid-template-columns:112px 48px minmax(0,1fr);gap:8px;padding:8px;border-left:2px solid #778078;background:#111312;color:var(--projects-muted);font-size:11px}.project-log time{font-variant-numeric:tabular-nums}.project-log b{color:#bad0ad}.project-log[data-level=warning]{border-color:#c78b55}.project-log[data-level=warning] b{color:#e0b286}.project-log[data-level=error]{border-color:#bd6d62}.project-log[data-level=error] b{color:#e9a59b}.project-log span{min-width:0;overflow-wrap:anywhere}
.project-operations{display:grid;gap:16px;padding:16px!important;border:1px solid #c78b5538!important;border-radius:10px;background:#111312}.project-operations[data-operations-enabled=false]{border-left:2px solid #c78b55!important}.project-operations>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-operations>header b{font:16px Georgia,serif}.project-operations dl{grid-template-columns:repeat(2,minmax(0,1fr))}.project-operations dl div{border-left-color:#778078}.project-operations p{margin:0!important;color:var(--projects-muted);font-size:11px}
@media(prefers-reduced-motion:reduce){.project-service a{transition:none}}html[data-motion=off] .project-service a,html[data-power=low] .project-service a{transition:none}
@media(max-width:600px){.window[data-window=projects]{min-width:0;min-height:0}.window[data-window=projects] .content{padding:0}.projects-shell{padding:32px 20px}.projects-shell h2{font-size:36px}.projects-grid{grid-template-columns:1fr}.project-card{padding:24px}.project-card dl{grid-template-columns:1fr}.project-service{align-items:stretch;flex-direction:column}.project-service a{width:100%}}

/* Hermes: live read-only gateway and task inventory. */
.window[data-window=hermes]{--hermes-bg:#111312;--hermes-panel:#181b19;--hermes-text:#f4f0e7;--hermes-muted:#afb6ad;--hermes-accent:#c78b55;min-width:620px;min-height:460px}.window[data-window=hermes] .content{padding:0;overflow:auto;background:var(--hermes-bg);color:var(--hermes-text)}.hermes-shell{min-height:100%;padding:40px;background:radial-gradient(circle at 88% 6%,#c78b5529,transparent 38%),var(--hermes-bg)}.hermes-shell>header{max-width:680px;margin-bottom:32px}.hermes-shell>header small,.hermes-overview>header small,.hermes-tasks>header small,.hermes-task header span{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.hermes-shell h2{max-width:620px;margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.hermes-shell>header p{margin:0;color:var(--hermes-muted)}.hermes-grid{display:grid;grid-template-columns:minmax(224px,.75fr) minmax(320px,1.25fr);gap:16px}.hermes-overview,.hermes-unavailable,.hermes-tasks{min-width:0;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--hermes-panel);box-shadow:0 18px 40px #0004}.hermes-overview[data-running=true]{border-top:2px solid #7c9a78}.hermes-overview>header{display:grid;gap:8px}.hermes-overview>header b{font:25px Georgia,serif}.hermes-overview>header span{color:var(--hermes-muted)}.hermes-overview dl,.hermes-task dl{display:grid;gap:8px;margin:24px 0}.hermes-overview dl div,.hermes-task dl div{padding:12px;border-left:2px solid var(--hermes-accent);background:#111312}.hermes-overview dt,.hermes-task dt{color:var(--hermes-muted);font-size:10px}.hermes-overview dd,.hermes-task dd{margin:6px 0 0;overflow-wrap:anywhere;font-weight:700}.hermes-platforms{display:grid;gap:8px}.hermes-platforms article{display:flex;align-items:center;gap:12px;padding:12px;background:#111312}.hermes-platforms article>span{width:8px;height:8px;border-radius:50%;background:#b57468}.hermes-platforms article[data-state=connected]>span{background:#8fb087}.hermes-platforms article div{display:grid;gap:2px}.hermes-platforms small{color:var(--hermes-muted)}.hermes-tasks>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.hermes-tasks h3{margin:6px 0 0;font:24px Georgia,serif}.hermes-tasks>header>span{align-self:start;padding:6px 8px;border:1px solid #c78b5540;border-radius:999px;color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.12em}.hermes-tasks>div{display:grid;gap:8px}.hermes-task{padding:16px;border:1px solid #ffffff0d;border-radius:9px;background:#141715}.hermes-task header{display:grid;gap:6px}.hermes-task header b{font:18px Georgia,serif}.hermes-task dl{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.hermes-task[data-enabled=false]{opacity:.7}.hermes-empty{color:var(--hermes-muted)}
.hermes-processes{min-width:0}.hermes-processes,.hermes-logs{padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--hermes-panel);box-shadow:0 18px 40px #0004}.hermes-processes header,.hermes-logs header{margin-bottom:16px}.hermes-processes header small,.hermes-logs header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.hermes-processes h3,.hermes-logs h3{margin:6px 0 0;font:24px Georgia,serif}.hermes-processes>div{display:grid;gap:8px}.hermes-process{display:grid;grid-template-columns:8px minmax(120px,1fr) minmax(160px,1.3fr);gap:12px;align-items:center;padding:16px;background:#111312}.hermes-process>span{width:8px;height:8px;border-radius:50%;background:#b57468}.hermes-process[data-state=running]>span{background:#8fb087}.hermes-process>div{display:grid;gap:3px}.hermes-process small{color:var(--hermes-muted)}.hermes-process dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.hermes-process dt{color:var(--hermes-muted);font-size:10px}.hermes-process dd{margin:4px 0 0;font-weight:700}.hermes-logs{grid-column:1/-1}.hermes-logs ol{display:grid;gap:8px;max-height:240px;margin:0;padding:0;overflow:auto;list-style:none;scrollbar-color:#c78b5566 transparent}.hermes-log{display:grid;grid-template-columns:112px 48px minmax(0,1fr);gap:8px;padding:8px;border-left:2px solid #778078;background:#111312;color:var(--hermes-muted);font-size:11px}.hermes-log time{font-variant-numeric:tabular-nums}.hermes-log b{color:#bad0ad}.hermes-log[data-level=warning]{border-color:#c78b55}.hermes-log[data-level=warning] b{color:#e0b286}.hermes-log[data-level=error]{border-color:#bd6d62}.hermes-log[data-level=error] b{color:#e9a59b}.hermes-log p{min-width:0;margin:0;overflow-wrap:anywhere}
.hermes-chat{min-width:0}.hermes-operations{min-width:0}.hermes-chat,.hermes-operations{display:grid;align-content:start;gap:16px;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--hermes-panel);box-shadow:0 18px 40px #0004}.hermes-chat header small,.hermes-operations header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.hermes-chat h3,.hermes-operations h3{margin:6px 0 0;font:24px Georgia,serif}.hermes-chat p,.hermes-operations p{margin:0;color:var(--hermes-muted)}.hermes-chat a{display:grid;place-items:center;min-height:44px;padding:0 16px;border:1px solid #c78b5566;border-radius:8px;color:var(--hermes-text);text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.hermes-chat a:hover{transform:translateY(-2px);background:#c78b5517}.hermes-chat>span{color:#d5a578;font-size:11px}.hermes-operations[data-operations-enabled=false]{border-left:2px solid var(--hermes-accent)}
@media(prefers-reduced-motion:reduce){.hermes-chat a{transition:none}}html[data-motion=off] .hermes-chat a,html[data-power=low] .hermes-chat a{transition:none}
@media(max-width:600px){.window[data-window=hermes]{min-width:0;min-height:0}.window[data-window=hermes] .content{padding:0}.hermes-shell{padding:32px 20px}.hermes-shell h2{font-size:36px}.hermes-grid{grid-template-columns:1fr}.hermes-overview,.hermes-unavailable,.hermes-tasks,.hermes-processes,.hermes-chat,.hermes-operations,.hermes-logs{padding:24px}.hermes-task dl{grid-template-columns:1fr}.hermes-process{grid-template-columns:8px minmax(0,1fr)}.hermes-process dl{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.hermes-log{grid-template-columns:96px 44px minmax(0,1fr)}}

/* Fit: real production summary, read-only desktop companion. */
.window[data-window=fit]{--fit-bg:#111312;--fit-panel:#181b19;--fit-text:#f4f0e7;--fit-muted:#afb6ad;--fit-accent:#c78b55;min-width:560px;min-height:440px}.window[data-window=fit] .content{padding:0;overflow:auto;background:var(--fit-bg);color:var(--fit-text)}.fit-shell{min-height:100%;padding:40px;background:radial-gradient(circle at 86% 4%,#c78b5529,transparent 38%),var(--fit-bg)}.fit-shell>header{max-width:620px;margin-bottom:32px}.fit-shell>header small,.fit-grid section>header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.fit-shell h2{margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.fit-shell>header p{margin:0;color:var(--fit-muted)}.fit-grid{display:grid;grid-template-columns:minmax(216px,.72fr) minmax(320px,1.28fr);gap:16px}.fit-today,.fit-recent,.fit-strength,.fit-walks,.fit-history,.fit-unavailable{min-width:0;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--fit-panel);box-shadow:0 18px 40px #0004}.fit-strength{grid-column:1/-1}.fit-today{border-top:2px solid #8fb087}.fit-today header,.fit-recent>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.fit-today header span,.fit-recent>header>span{color:var(--fit-muted);font-size:11px}.fit-today dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0 0}.fit-today dl div{padding:16px;border-left:2px solid var(--fit-accent);background:#111312}.fit-today dt{color:var(--fit-muted);font-size:10px}.fit-today dd{margin:6px 0 0;font:22px Georgia,serif}.fit-grid h3{margin:6px 0 0;font:24px Georgia,serif}.fit-recent>div,.fit-walks>div{display:grid;gap:8px;margin-top:24px}.fit-workout{padding:16px;background:#111312}.fit-walk{padding:16px;background:#111312}.fit-workout header{display:flex;justify-content:space-between;gap:16px;color:var(--fit-muted);font-size:11px}.fit-workout>div{display:grid;gap:8px;margin-top:12px}.fit-workout p{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0}.fit-workout p b{overflow-wrap:anywhere}.fit-workout p span{flex:0 0 auto;color:#d5a578;font-variant-numeric:tabular-nums}.fit-walk>time{color:var(--fit-muted);font-size:11px}.fit-walk dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.fit-walk dt{color:var(--fit-muted);font-size:10px}.fit-walk dd{margin:4px 0 0;color:#d5a578;font-weight:700;font-variant-numeric:tabular-nums}.fit-history table{width:100%;margin-top:24px;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums}.fit-history th,.fit-history td{padding:12px 8px;border-bottom:1px solid #ffffff0d}.fit-history th:first-child{text-align:left}.fit-history thead th{color:var(--fit-muted);font-size:10px;font-weight:500}.fit-history tbody th{font-weight:500}.fit-history tbody td:last-child{color:#d5a578}.fit-strength>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:8px;margin-top:24px}.fit-strength-exercise{padding:16px;background:#111312}.fit-strength-exercise h4{margin:0 0 12px;font:18px Georgia,serif}.fit-strength-exercise ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.fit-strength-exercise li{display:flex;justify-content:space-between;gap:16px;padding-top:8px;border-top:1px solid #ffffff0d}.fit-strength-exercise time{color:var(--fit-muted);font-size:11px}.fit-strength-exercise b{color:#d5a578;font-variant-numeric:tabular-nums}.fit-strength aside{margin-top:16px;padding:12px 16px;border-left:2px solid var(--fit-accent);background:#111312}.fit-strength aside small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.fit-strength aside p{margin:6px 0 0;color:var(--fit-muted)}.fit-empty,.fit-unavailable p{color:var(--fit-muted)}
@media(max-width:600px){.window[data-window=fit]{min-width:0;min-height:0}.window[data-window=fit] .content{padding:0}.fit-shell{padding:32px 20px}.fit-shell h2{font-size:36px}.fit-grid{grid-template-columns:1fr}.fit-today,.fit-recent,.fit-strength,.fit-walks,.fit-history,.fit-unavailable{padding:24px}.fit-workout p{align-items:flex-start;flex-direction:column;gap:4px}.fit-walk dl{grid-template-columns:1fr}.fit-history{overflow-x:auto}}

/* Mail: honest local drafts, no fabricated inbox. */
.window[data-window=mail]{--mail-bg:#111312;--mail-panel:#181b19;--mail-text:#f4f0e7;--mail-muted:#afb6ad;--mail-accent:#c78b55;min-width:620px;min-height:460px}.window[data-window=mail] .content{padding:0;overflow:hidden;background:var(--mail-bg);color:var(--mail-text)}.mail-shell{height:100%;display:grid;grid-template-columns:minmax(224px,.72fr) minmax(360px,1.28fr);background:var(--mail-bg)}.mail-sidebar{min-width:0;padding:32px 24px;border-right:1px solid #c78b5529;background:radial-gradient(circle at 16% 0,#c78b5524,transparent 36%),#161917}.mail-sidebar>small,.mail-editor header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.mail-sidebar h2{margin:12px 0 8px;font:32px/1.05 Georgia,serif}.mail-sidebar>p,.mail-editor header p{margin:0;color:var(--mail-muted)}#mail-new-draft,.mail-editor button{min-height:44px;border:1px solid #c78b5566;border-radius:8px;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}#mail-new-draft{width:100%;margin:24px 0 16px;background:var(--mail-accent);color:#111312;font-weight:700}.mail-search{display:grid;gap:8px;margin:0 0 16px;color:var(--mail-muted);font-size:11px;font-weight:700}.mail-search input{width:100%;padding:0 12px;border:1px solid #c78b5540;border-radius:8px;background:#111312;color:var(--mail-text);accent-color:var(--mail-accent)}#mail-export-draft{border-color:#c78b554d}.mail-draft-list{display:grid;gap:8px;max-height:calc(100% - 272px);overflow-y:auto;scrollbar-color:#c78b5566 transparent}.mail-draft-list>p{color:var(--mail-muted)}.mail-draft-list button{display:grid;gap:4px;min-width:0;min-height:56px;padding:10px 12px;border:1px solid #c78b5529;border-radius:8px;background:#111312;color:var(--mail-text);text-align:left;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.mail-draft-list b,.mail-draft-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-draft-list small{color:var(--mail-muted);font-size:10px}.mail-draft-list button:hover,#mail-new-draft:hover,.mail-editor button:hover{transform:translateY(-2px);background:#c78b5526}.mail-editor{min-width:0;min-height:0;padding:40px;overflow:auto}.mail-editor header{padding-bottom:24px;border-bottom:1px solid #c78b5529}.mail-editor h3{margin:8px 0;font:32px Georgia,serif}.mail-editor form{display:grid;gap:16px;margin-top:24px}.mail-editor label{display:grid;gap:8px;color:var(--mail-muted);font-size:11px;font-weight:700}.mail-editor input,.mail-editor textarea{width:100%;padding:12px;border:1px solid #c78b5540;border-radius:8px;background:var(--mail-panel);color:var(--mail-text);resize:vertical}.mail-editor textarea{min-height:208px;line-height:1.55}.mail-editor form>div{display:flex;gap:8px}.mail-editor button{padding:0 16px;background:transparent;color:var(--mail-text)}.mail-editor button[type=submit]{background:var(--mail-accent);color:#111312;font-weight:700}.mail-editor button:disabled{opacity:.45;cursor:not-allowed;transform:none}#mail-draft-status{min-height:24px;color:var(--mail-muted);font-size:11px}@media(prefers-reduced-motion:reduce){.mail-draft-list button,.mail-editor button{transition:none}}html[data-motion=off] .mail-draft-list button,html[data-motion=off] .mail-editor button,html[data-power=low] .mail-draft-list button,html[data-power=low] .mail-editor button{transition:none}@media(max-width:600px){.window[data-window=mail]{min-width:0;min-height:0}.window[data-window=mail] .content{padding:0}.mail-shell{height:auto;min-height:100%;grid-template-columns:1fr}.mail-sidebar{padding:24px 20px;border-right:0;border-bottom:1px solid #c78b5529}.mail-sidebar h2{font-size:30px}.mail-draft-list{max-height:176px}.mail-editor{padding:24px 20px}.mail-editor form>div{display:grid}.mail-editor button{width:100%}}

/* Web: safe external navigation with browser-local history and favorites. */
.window[data-window=browser]{--web-bg:#111312;--web-panel:#181b19;--web-text:#f4f0e7;--web-muted:#afb6ad;--web-accent:#c78b55;min-width:620px;min-height:460px}.window[data-window=browser] .content{padding:0;overflow:auto;background:var(--web-bg);color:var(--web-text)}.web-shell{min-height:100%;padding:40px;background:radial-gradient(circle at 88% 5%,#c78b5529,transparent 38%),var(--web-bg)}.web-shell>header{max-width:680px;margin-bottom:32px}.web-shell>header small,.web-collections header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.web-shell h2{margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.web-shell>header p{margin:0;color:var(--web-muted)}#web-form{display:grid;gap:12px;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--web-panel);box-shadow:0 18px 40px #0004}#web-form>label{color:var(--web-muted);font-size:11px;font-weight:700}#web-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}#web-url{min-width:0;padding:0 14px;border:1px solid #c78b554d;border-radius:8px;background:#111312;color:var(--web-text)}.web-shell button,.web-shell a{min-height:44px;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}#web-form button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #c78b5566;border-radius:8px;background:transparent;color:var(--web-text);cursor:pointer}#web-form button[type=submit]{background:var(--web-accent);color:#111312;font-weight:700}.web-shell button:hover,.web-shell a:hover{transform:translateY(-2px);background:#c78b5517}.web-shell button:disabled{opacity:.45;cursor:not-allowed;transform:none}.web-shell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.web-private{display:flex;align-items:center;gap:8px;min-height:44px}.web-private input{width:18px;height:18px;accent-color:var(--web-accent)}#web-status{min-height:24px;color:#d5a578}.web-mode{margin:24px 0 8px;color:var(--web-muted);font-size:10px;font-weight:700;letter-spacing:.11em}.web-mode[data-private=true]{color:#e0b286}.web-collections{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:16px}.web-history,.web-favorites{min-width:0;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--web-panel)}.web-collections header{display:flex;justify-content:space-between;gap:16px}.web-collections header span,.web-collections time{color:var(--web-muted);font-size:10px}.web-collections ol{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.web-collections li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 8px 8px 12px;background:#111312}.web-collections a{display:grid;align-content:center;min-width:0;color:var(--web-text);text-decoration:none}.web-collections a span,.web-collections a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-collections a small{color:var(--web-muted);font-size:10px}.web-collections button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c78b554d;border-radius:8px;background:transparent;color:#e0b286}.web-empty{display:block!important;padding:16px!important;color:var(--web-muted)}@media(prefers-reduced-motion:reduce){.web-shell button,.web-shell a{transition:none}}html[data-motion=off] .web-shell button,html[data-motion=off] .web-shell a,html[data-power=low] .web-shell button,html[data-power=low] .web-shell a{transition:none}@media(max-width:600px){.window[data-window=browser]{min-width:0;min-height:0}.window[data-window=browser] .content{padding:0}.web-shell{padding:32px 20px}.web-shell h2{font-size:36px}#web-form{padding:16px}#web-form>div{grid-template-columns:minmax(0,1fr) 44px 44px}#web-form button{padding:0}#web-form button span{position:absolute;width:1px;height:1px;overflow:hidden}.web-collections{grid-template-columns:1fr}.web-history,.web-favorites{padding:16px}.web-collections li{grid-template-columns:minmax(0,1fr) 44px}.web-history li{grid-template-columns:minmax(0,1fr)}.web-history time{display:none}}

/* Files: allowlisted virtual roots and real read-only listing. */
.window[data-window=files]{--files-bg:#111312;--files-panel:#181b19;--files-text:#f4f0e7;--files-muted:#afb6ad;--files-accent:#c78b55;min-width:560px;min-height:440px}.window[data-window=files] .content{padding:0;overflow:auto;background:var(--files-bg);color:var(--files-text)}.files-shell{min-height:100%;display:grid;grid-template-columns:184px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);background:var(--files-bg)}.files-shell>header{grid-column:1/-1;padding:40px;background:radial-gradient(circle at 86% 4%,#c78b5529,transparent 38%),var(--files-bg)}.files-shell>header small,.file-list header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.files-shell h2{margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.files-shell>header p{max-width:620px;margin:0;color:var(--files-muted)}.file-roots{display:grid;align-content:start;gap:8px;padding:24px 16px;border-right:1px solid #c78b5529;background:#161917}.file-roots a,.file-roots>span{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid #c78b5529;border-radius:8px;color:var(--files-text);text-decoration:none}.file-roots a{transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.file-roots a:hover{transform:translateY(-2px);background:#c78b5517}.file-roots small{color:var(--files-muted);font-size:10px}.file-roots>span[data-available=false]{opacity:.65}.file-list{min-width:0;padding:24px 32px}.file-list>header{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #c78b5529}.file-list h3{margin:6px 0 0;font:26px Georgia,serif}.file-list>header>span{color:var(--files-muted)}.file-breadcrumbs{display:flex;align-items:center;gap:8px;min-width:0;margin-top:16px;overflow-x:auto;scrollbar-width:none}.file-breadcrumbs a{display:grid;place-items:center;flex:0 0 auto;min-height:44px;padding:0 10px;border-radius:7px;color:var(--files-text);text-decoration:none}.file-breadcrumbs a:hover{background:#c78b5517}.file-breadcrumbs span{color:var(--files-muted)}.file-list ol{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.file-list li{display:grid;grid-template-columns:32px minmax(0,1fr) 72px 136px 44px;gap:12px;align-items:center;min-width:0;padding:12px;border-left:2px solid #778078;background:var(--files-panel)}.file-list li[data-kind=directory]{border-left-color:var(--files-accent)}.file-list li b{min-width:0;overflow-wrap:anywhere}.file-list li small,.file-list li time{color:var(--files-muted);font-size:11px}.file-kind{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c78b554d;border-radius:7px;color:#d5a578;font:14px Georgia,serif}.file-empty{grid-template-columns:1fr!important;color:var(--files-muted)}@media(prefers-reduced-motion:reduce){.file-roots a{transition:none}}html[data-motion=off] .file-roots a,html[data-power=low] .file-roots a{transition:none}@media(max-width:600px){.window[data-window=files]{min-width:0;min-height:0}.window[data-window=files] .content{padding:0}.files-shell{display:block}.files-shell>header{padding:32px 20px}.files-shell h2{font-size:36px}.file-roots{display:flex;overflow-x:auto;padding:16px 20px;border-right:0;border-bottom:1px solid #c78b5529}.file-roots a,.file-roots>span{flex:0 0 152px}.file-list{padding:24px 20px}.file-list li{grid-template-columns:32px minmax(0,1fr) 64px}.file-list li time{display:none}}

/* Notes: browser-local writing, autosave and explicit archive transfer. */
.window[data-window=notes]{--notes-bg:#111312;--notes-panel:#181b19;--notes-text:#f4f0e7;--notes-muted:#afb6ad;--notes-accent:#c78b55;min-width:620px;min-height:460px}.window[data-window=notes] .content{padding:0;overflow:hidden;background:var(--notes-bg);color:var(--notes-text)}.notes-shell{height:100%;display:grid;grid-template-columns:minmax(224px,.72fr) minmax(360px,1.28fr);background:var(--notes-bg)}.notes-sidebar{min-width:0;padding:32px 24px;border-right:1px solid #c78b5529;background:#161917}.notes-sidebar>small,.notes-editor header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.notes-sidebar h2{margin:12px 0 8px;font:32px/1.05 Georgia,serif}.notes-sidebar>p{margin:0;color:var(--notes-muted)}.notes-sidebar>label{display:grid;gap:8px;margin:16px 0;color:var(--notes-muted);font-size:11px;font-weight:700}.notes-sidebar input,.notes-editor input,.notes-editor textarea{width:100%;border:1px solid #c78b5540;border-radius:8px;background:#111312;color:var(--notes-text);accent-color:var(--notes-accent)}.notes-sidebar input{min-height:44px;padding:0 12px}.notes-shell button,.notes-import{min-height:44px;border:1px solid #c78b5566;border-radius:8px;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.notes-shell button{background:transparent;color:var(--notes-text);cursor:pointer}.notes-shell button:hover,.notes-import:hover{transform:translateY(-2px);background:#c78b5517}#notes-new{width:100%;margin-top:24px;background:var(--notes-accent);color:#111312;font-weight:700}.notes-list{display:grid;gap:8px;max-height:calc(100% - 360px);overflow-y:auto;scrollbar-color:#c78b5566 transparent}.notes-list>p{color:var(--notes-muted)}.notes-list button{display:grid;gap:4px;min-width:0;min-height:56px;padding:10px 12px;text-align:left;background:#111312}.notes-list b,.notes-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-list small{color:var(--notes-muted)}.notes-archive{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.notes-import{display:grid;place-items:center;padding:0 8px;color:var(--notes-text);cursor:pointer;text-align:center}.notes-import input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.notes-editor{min-width:0;min-height:0;padding:32px 40px;background:radial-gradient(circle at 92% 0,#c78b5524,transparent 38%),var(--notes-bg)}.notes-editor header{margin-bottom:24px}.notes-editor h3{margin:8px 0 0;font:32px Georgia,serif}.notes-editor form,.notes-editor form>label{display:grid;gap:8px}.notes-editor form{gap:16px;height:calc(100% - 64px)}.notes-editor form>label{color:var(--notes-muted);font-size:11px;font-weight:700}.notes-editor input{min-height:44px;padding:0 12px}.notes-editor textarea{min-height:160px;height:100%;padding:14px;resize:none;line-height:1.6}.notes-editor form>div{display:flex;flex-wrap:wrap;gap:8px}.notes-editor form>div button{padding:0 16px}.notes-editor form>div button:first-child{background:var(--notes-accent);color:#111312;font-weight:700}.notes-editor output{min-height:20px;color:#d5a578;font-size:11px}.notes-shell button:focus-visible,.notes-import:focus-within,.notes-shell input:focus-visible,.notes-shell textarea:focus-visible{outline:2px solid #f4f0e7;outline-offset:2px}@media(prefers-reduced-motion:reduce){.notes-shell button,.notes-import{transition:none}}html[data-motion=off] .notes-shell button,html[data-power=low] .notes-shell button,html[data-motion=off] .notes-import,html[data-power=low] .notes-import{transition:none}@media(max-width:600px){.window[data-window=notes]{min-width:0;min-height:0}.window[data-window=notes] .content{padding:0;overflow:auto}.notes-shell{height:auto;min-height:100%;grid-template-columns:1fr}.notes-sidebar{padding:32px 20px;border-right:0;border-bottom:1px solid #c78b5529}.notes-list{max-height:208px}.notes-editor{padding:32px 20px calc(112px + env(safe-area-inset-bottom))}.notes-editor form{height:auto}.notes-editor textarea{min-height:240px}.notes-archive{grid-template-columns:1fr}}

/* Music Tools: real manifest search and honest Cockpit endpoint inventory. */
.window[data-window=music-tools]{--tools-bg:#111312;--tools-panel:#181b19;--tools-text:#f4f0e7;--tools-muted:#afb6ad;--tools-accent:#c78b55;min-width:680px;min-height:500px}.window[data-window=music-tools] .content{padding:0;overflow:auto;background:var(--tools-bg);color:var(--tools-text)}.music-tools-shell{min-height:100%;padding:40px;background:radial-gradient(circle at 88% 5%,#c78b5529,transparent 38%),var(--tools-bg)}.music-tools-shell>header{max-width:680px;margin-bottom:32px}.music-tools-shell>header small,.music-tools-library header small,.music-tools-endpoints header small,#music-tools-search>label{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-tools-shell h2{margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.music-tools-shell>header p,.music-tools-library header p,.music-tools-endpoints>p{margin:0;color:var(--tools-muted)}#music-tools-search{display:grid;gap:8px;margin-bottom:16px;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--tools-panel)}#music-tools-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#music-tools-query{min-width:0;padding:0 14px;border:1px solid #c78b554d;border-radius:8px;background:#111312;color:var(--tools-text)}.music-tools-shell button,.music-tool-result{min-height:44px;border:1px solid #c78b5566;border-radius:8px;cursor:pointer;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}#music-tools-search button{padding:0 20px;background:var(--tools-accent);color:#111312;font-weight:700}.music-tools-shell button:hover,.music-tool-result:hover{transform:translateY(-2px);background:#d5a578}.music-tools-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:16px}.music-tools-library,.music-tools-endpoints{min-width:0;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--tools-panel);box-shadow:0 18px 40px #0004}.music-tools-library h3,.music-tools-endpoints h3{margin:6px 0 4px;font:24px Georgia,serif}.music-tool-results{display:grid;gap:8px;margin-top:24px}.music-tool-result{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:8px;background:#111312;color:var(--tools-text);text-align:left}.music-tool-cover{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:8px;background:#252a26;color:#d5a578}.music-tool-cover img{width:100%;height:100%;object-fit:cover}.music-tool-result>span{min-width:0}.music-tool-result b,.music-tool-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-tool-result small,.music-tool-result em{color:var(--tools-muted);font-size:11px;font-style:normal}.music-tools-empty{color:var(--tools-muted)}.music-tools-endpoints ul{display:grid;gap:8px;margin:24px 0;padding:0;list-style:none}.music-tools-endpoints li{display:flex;justify-content:space-between;gap:12px;padding:12px;border-left:2px solid #778078;background:#111312}.music-tools-endpoints li[data-available=true]{border-left-color:#8fb087}.music-tools-endpoints li span{display:grid;gap:4px}.music-tools-endpoints li small{color:var(--tools-muted)}.music-tools-endpoints li strong{max-width:112px;color:#e0b286;font-size:11px;text-align:right}.music-tools-endpoints li[data-available=true] strong{color:#bad0ad}@media(prefers-reduced-motion:reduce){.music-tools-shell button,.music-tool-result{transition:none}}html[data-motion=off] .music-tools-shell button,html[data-motion=off] .music-tool-result,html[data-power=low] .music-tools-shell button,html[data-power=low] .music-tool-result{transition:none}@media(max-width:600px){.window[data-window=music-tools]{min-width:0;min-height:0}.window[data-window=music-tools] .content{padding:0}.music-tools-shell{padding:32px 20px}.music-tools-shell h2{font-size:36px}#music-tools-search{padding:16px}#music-tools-search>div,.music-tools-grid{grid-template-columns:1fr}.music-tools-library,.music-tools-endpoints{padding:24px}.music-tool-result{grid-template-columns:48px minmax(0,1fr)}.music-tool-result em{grid-column:2}}

/* Music Tools: real quality-version comparison from same-title manifest records. */
.music-tools-comparison{display:grid;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #c78b5529}.music-tools-comparison>header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-tools-comparison>header h3{margin:6px 0 0}.music-tools-comparison>p{margin:0;color:var(--tools-muted);line-height:1.6}.music-tools-comparison article{display:grid;gap:12px;padding:16px;border-left:2px solid var(--tools-accent);background:#111312}.music-tools-comparison article>header{display:grid;gap:4px}.music-tools-comparison article>header small{color:var(--tools-muted)}.music-tools-comparison ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.music-tools-comparison li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid #ffffff0d}.music-tools-comparison li strong{color:#e0b286;font-size:11px}.music-tools-comparison li small{color:var(--tools-muted);font-variant-numeric:tabular-nums}@media(max-width:600px){.music-tools-comparison li{grid-template-columns:44px minmax(0,1fr)}.music-tools-comparison li small{grid-column:2}}

/* Music Tools: verified quality passports read from real audio headers. */
.music-tools-passport{display:grid;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #c78b5529}.music-tools-passport>header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-tools-passport>header h3{margin:6px 0 0}.music-tools-passport>p{margin:0;color:var(--tools-muted);line-height:1.6}.music-tools-passport article{display:grid;gap:12px;padding:16px;border-left:2px solid var(--tools-accent);background:#111312}.music-tools-passport article>header{display:grid;gap:4px}.music-tools-passport article>header small{color:var(--tools-muted)}.music-tools-passport dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.music-tools-passport dl div{min-width:0;padding:8px;border-top:1px solid #ffffff0d}.music-tools-passport dt{color:var(--tools-muted);font-size:10px}.music-tools-passport dd{margin:4px 0 0;color:#e0b286;font-variant-numeric:tabular-nums}@media(max-width:600px){.music-tools-passport dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Music Tools: real bounded batch queue from live manifest. */
.music-tools-batch{display:grid;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #c78b5529}.music-tools-batch>header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-tools-batch>header h3{margin:6px 0}.music-tools-batch>header p,.music-tools-batch>p{margin:0;color:var(--tools-muted);line-height:1.6}.music-tools-batch ol{display:grid;gap:8px;max-height:360px;margin:0;padding:0;overflow-y:auto;list-style:none}.music-tools-batch li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 16px;border-left:2px solid #778078;background:#111312}.music-tools-batch li[data-state=completed]{border-left-color:#8fb087}.music-tools-batch li[data-state=failed]{border-left-color:#c96861}.music-tools-batch li span{display:grid;gap:4px;min-width:0}.music-tools-batch li b,.music-tools-batch li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-tools-batch li small{color:var(--tools-muted)}.music-tools-batch li strong{flex:0 0 auto;color:#e0b286;font-size:11px}@media(max-width:600px){.music-tools-batch ol{max-height:320px}.music-tools-batch li{align-items:flex-start;flex-direction:column;gap:6px}}

/* Music Tools: persisted acoustic fingerprint facts; no raw digest or path. */
.music-tools-fingerprints{display:grid;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #c78b5529}.music-tools-fingerprints>header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-tools-fingerprints>header h3{margin:6px 0}.music-tools-fingerprints>header p,.music-tools-fingerprints>p{margin:0;color:var(--tools-muted);line-height:1.6}.music-tools-fingerprints ol{display:grid;gap:8px;max-height:360px;margin:0;padding:0;overflow-y:auto;list-style:none}.music-tools-fingerprints li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 16px;border-left:2px solid #778078;background:#111312}.music-tools-fingerprints li[data-state=ok]{border-left-color:#8fb087}.music-tools-fingerprints li[data-state=error]{border-left-color:#c96861}.music-tools-fingerprints li span{display:grid;gap:4px;min-width:0}.music-tools-fingerprints li b,.music-tools-fingerprints li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-tools-fingerprints li small{color:var(--tools-muted)}.music-tools-fingerprints li strong{flex:0 0 auto;color:#e0b286;font-size:11px}@media(max-width:600px){.music-tools-fingerprints ol{max-height:320px}.music-tools-fingerprints li{align-items:flex-start;flex-direction:column;gap:6px}}

/* Music Tools: live Telegram help, intentionally read-only. */
.music-tools-telegram{display:grid;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #c78b5529}.music-tools-telegram>header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.music-tools-telegram>header h3{margin:6px 0}.music-tools-telegram>header p,.music-tools-telegram>p{margin:0;color:var(--tools-muted);line-height:1.6}.music-tools-telegram ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.music-tools-telegram li{display:grid;gap:6px;min-height:72px;padding:12px 16px;border-left:2px solid var(--tools-accent);background:#111312}.music-tools-telegram code{color:#e0b286;overflow-wrap:anywhere}.music-tools-telegram li span{color:var(--tools-muted);line-height:1.45}@media(max-width:600px){.music-tools-telegram ol{grid-template-columns:1fr}}

/* VDS: honest local hypervisor inventory; no simulated VM. */
.window[data-window=vds]{--vds-bg:#111312;--vds-panel:#181b19;--vds-text:#f4f0e7;--vds-muted:#afb6ad;--vds-accent:#c78b55;min-width:580px;min-height:440px}.window[data-window=vds] .content{padding:0;overflow:auto;background:var(--vds-bg);color:var(--vds-text)}.vds-shell{min-height:100%;padding:40px;background:radial-gradient(circle at 86% 4%,#c78b5529,transparent 38%),var(--vds-bg)}.vds-shell>header{max-width:620px;margin-bottom:32px}.vds-shell>header small,.vds-grid section>header small,.vds-empty>small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.vds-shell h2{margin:12px 0 8px;font:clamp(32px,5vw,52px)/1.02 Georgia,serif}.vds-shell>header p,.vds-empty p,.vds-policy p{margin:0;color:var(--vds-muted);line-height:1.6}.vds-grid{display:grid;grid-template-columns:minmax(216px,.72fr) minmax(320px,1.28fr);gap:16px}.vds-hypervisors{min-width:0}.vds-empty,.vds-machines,.vds-hypervisors,.vds-policy{min-width:0;padding:24px;border:1px solid #c78b5529;border-radius:12px;background:var(--vds-panel);box-shadow:0 18px 40px #0004}.vds-empty{border-top:2px solid var(--vds-accent)}.vds-empty h3,.vds-hypervisors h3{margin:8px 0;font:24px Georgia,serif}.vds-hypervisors>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.vds-hypervisors>header span{color:var(--vds-muted);font-size:10px}.vds-hypervisors>article{display:grid;grid-template-columns:minmax(0,1fr) 1.4fr;gap:16px;padding:16px;background:#111312}.vds-hypervisors>article+article{margin-top:8px}.vds-hypervisors article small{color:#d5a578;font-size:9px;text-transform:uppercase}.vds-hypervisors dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.vds-hypervisors dt{color:var(--vds-muted);font-size:9px}.vds-hypervisors dd{margin:4px 0 0;overflow-wrap:anywhere}.vds-policy{grid-column:1/-1;border-left:2px solid #778078}.vds-policy b{color:#d5a578}.vds-policy p{margin-top:6px}@media(max-width:600px){.window[data-window=vds]{min-width:0;min-height:0}.vds-shell{padding:32px 20px}.vds-shell h2{font-size:36px}.vds-grid{grid-template-columns:1fr}.vds-empty,.vds-machines,.vds-hypervisors,.vds-policy{padding:24px}.vds-hypervisors>article{grid-template-columns:1fr}.vds-hypervisors dl{grid-template-columns:1fr}.vds-policy{grid-column:auto}}

/* Notification center: real local app events, graphite/parchment/copper. */
#notification-button{position:fixed;z-index:1002;top:4px;right:126px;display:flex;align-items:center;justify-content:center;gap:5px;width:48px;height:32px;min-height:32px;border:0;border-radius:8px;background:transparent;color:#f4f0e7;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}#notification-button:hover{transform:translateY(-1px);background:#ffffff14}#notification-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#notification-button span{min-width:16px;color:#d5a578;font-size:10px;font-weight:700}#notification-center{position:fixed;z-index:1003;top:40px;right:16px;width:min(360px,calc(100vw - 32px));max-height:min(560px,calc(100dvh - 136px));padding:16px;overflow-y:auto;border:1px solid #c78b5540;border-radius:12px;background:#181b19;color:#f4f0e7;box-shadow:0 24px 72px #000b}#notification-center[hidden]{display:none}#notification-center>p{margin:0;padding:24px;color:#afb6ad;text-align:center}.notification-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.notification-list li{position:relative;display:grid;gap:5px;padding:16px 72px 16px 16px;border-left:2px solid #c78b55;background:#111312}.notification-list small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.12em}.notification-list b,.notification-list p{overflow-wrap:anywhere}.notification-list p{margin:0;color:#afb6ad}.notification-list button{position:absolute;top:10px;right:8px;min-height:44px;padding:0 10px;border:1px solid #c78b554d;border-radius:8px;background:transparent;color:#f4f0e7;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.notification-list button:hover{transform:translateY(-2px);background:#c78b5517}@media(prefers-reduced-motion:reduce){#notification-button,.notification-list button{transition:none}}html[data-motion=off] #notification-button,html[data-power=low] #notification-button,html[data-motion=off] .notification-list button,html[data-power=low] .notification-list button{transition:none}@media(max-width:600px){#notification-button{top:max(env(safe-area-inset-top),6px);right:max(env(safe-area-inset-right),8px);height:36px;min-height:36px;background:#181b19}#notification-center{top:max(calc(env(safe-area-inset-top) + 44px),52px);right:max(env(safe-area-inset-right),8px);left:max(env(safe-area-inset-left),8px);width:auto;max-height:calc(100dvh - 152px - max(env(safe-area-inset-bottom),24px))}}

#connection-status{position:fixed;z-index:1002;top:4px;right:174px;min-height:32px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#bad0ad;cursor:pointer}#connection-status:before{content:'●';margin-right:6px}#connection-status[data-state=checking]{color:#d5a578}#connection-status[data-state=offline],#connection-status[data-state=disconnected]{color:#e9a59b}.app-error{display:grid;place-content:center;gap:12px;min-height:100%;padding:32px;text-align:center;background:#111312;color:#f4f0e7}.app-error small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.app-error b{font:28px Georgia,serif}.app-error p{max-width:440px;margin:0;color:#afb6ad}.app-error button{justify-self:center;min-height:44px;padding:0 16px;border:1px solid #c78b5566;border-radius:8px;background:#c78b55;color:#111312;font-weight:700;cursor:pointer}

/* Fit desktop widget: same live read-only source, compact hierarchy. */
#command-palette{position:fixed;z-index:1100;inset:0;display:grid;place-items:start center;padding:12vh 16px 16px;background:#080a09b8;color:#f4f0e7}#command-palette[hidden]{display:none}
/* Brand boot gate: deterministic framebuffer centering, no compositing seams. */
#boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101210}
#boot-screen>small{color:#cbd1ca}
/* Final AA gate: preserve depth without dimming readable window content. */
.window:not(.focused){filter:none;border-color:#ffffff28;box-shadow:0 12px 36px #000a}
.music-sidebar button:hover,.music-sidebar button.selected{background:#25211d}
.track:hover,.track.playing,.queue-track[data-current=true]{background:#202421}
.settings-main [data-wall] span{background:#111312}
.service-policy{background:#1b1815;color:var(--settings-text)}.command-panel{width:min(640px,100%);max-height:min(620px,76dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:16px;border:1px solid #c78b5566;border-radius:14px;background:#181b19;box-shadow:0 32px 90px #000d}.command-panel>header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px;padding:0 0 12px 4px}.command-panel label{color:#d5a578;font-size:11px;font-weight:700;letter-spacing:.08em}.command-panel kbd{padding:4px 7px;border:1px solid #ffffff24;border-radius:6px;color:#afb6ad;background:#111312;font:10px ui-monospace,monospace}#command-close{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:#f4f0e7;font-size:22px;cursor:pointer}#command-close:hover{background:#c78b5524}#command-input{width:100%;min-height:48px;padding:0 14px;border:1px solid #c78b554d;border-radius:9px;background:#111312;color:#f4f0e7;outline:none}#command-input:focus{border-color:#c78b55;box-shadow:0 0 0 2px #c78b5526}#command-results{min-height:0;margin-top:12px;overflow-y:auto;scrollbar-color:#c78b5566 transparent}#command-results button{width:100%;min-height:44px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#f4f0e7;text-align:left;cursor:pointer}#command-results button[aria-selected=true]{background:#c78b5524;box-shadow:inset 2px 0 #c78b55}#command-results button>small{color:#d5a578;font-size:9px;font-weight:700;text-transform:uppercase}#command-results button>span{display:grid;gap:3px;min-width:0}#command-results b,#command-results em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#command-results em{color:#afb6ad;font-size:11px;font-style:normal}.command-empty{margin:0;padding:32px;color:#afb6ad;text-align:center}@media(max-width:600px){#command-palette{place-items:start stretch;padding:max(52px,env(safe-area-inset-top)) 8px max(24px,env(safe-area-inset-bottom))}.command-panel{width:100%;max-height:calc(100dvh - max(76px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));padding:12px;border-radius:12px}.command-panel kbd{display:none}#command-results button{grid-template-columns:64px minmax(0,1fr);min-height:48px}}

/* Fit desktop widget: same live read-only source, compact hierarchy. */
.fit-widget{position:absolute;z-index:2;top:40px;right:88px;width:304px;color:#f4f0e7}.fit-widget-card{display:grid;gap:16px;padding:24px;border:1px solid #c78b5540;border-radius:12px;background:#181b19;box-shadow:0 18px 40px #0005}.fit-widget-card>header{display:flex;justify-content:space-between;gap:16px}.fit-widget-card small,.fit-widget-card>header span{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.fit-widget-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.fit-widget-card dl div{min-width:0;padding-left:8px;border-left:2px solid #c78b55}.fit-widget-card dt{color:#afb6ad;font-size:9px}.fit-widget-card dd{margin:6px 0 0;font:17px Georgia,serif}.fit-widget-card p{margin:0;color:#afb6ad}.fit-widget-analysis{display:grid;gap:4px;padding-top:12px;border-top:1px solid #ffffff0d;font-size:11px}.fit-widget-analysis b{color:#d5a578;font-size:9px;letter-spacing:.12em}.fit-widget-card a{display:grid;place-items:center;min-height:44px;border:1px solid #c78b5566;border-radius:8px;color:#f4f0e7;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.fit-widget-card a:hover{transform:translateY(-2px);background:#c78b5517}@media(prefers-reduced-motion:reduce){.fit-widget-card a{transition:none}}html[data-motion=off] .fit-widget-card a,html[data-power=low] .fit-widget-card a{transition:none}@media(max-width:600px){.fit-widget{display:none}}

/* Files upload, preview and safe native download. */
.files-shell{grid-template-rows:auto auto minmax(0,1fr)}.file-roots{grid-row:2/4}.file-upload{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:16px 32px 0}.file-upload label{display:grid;gap:8px;color:var(--files-muted);font-size:11px}.file-upload input{min-width:0;color:var(--files-text)}.file-upload button{min-height:44px;padding:0 16px;border:1px solid #c78b5566;border-radius:8px;background:#c78b55;color:#111312;font-weight:700;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.file-upload button:hover{transform:translateY(-2px);background:#d5a578}.file-upload p{grid-column:1/-1;margin:0;color:var(--files-muted);font-size:10px}.file-list{grid-column:2}@media(prefers-reduced-motion:reduce){.file-upload button{transition:none}}html[data-motion=off] .file-upload button,html[data-power=low] .file-upload button{transition:none}@media(max-width:600px){.files-shell{grid-template-rows:auto auto auto minmax(0,1fr)}.file-roots{grid-row:auto}.file-upload{grid-column:1;padding:16px 20px;grid-template-columns:1fr}.file-upload p{grid-column:auto}.file-list{grid-column:1}}

.file-list li a{min-width:0;color:var(--files-text);text-decoration:none}.file-list li:has(.file-rename){grid-template-columns:32px minmax(0,1fr) 72px 136px 44px 44px 44px}.file-rename,.file-trash-button,.file-download{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:1px solid #c78b554d;border-radius:8px;color:var(--files-text);background:transparent;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.file-rename:hover,.file-trash-button:hover,.file-download:hover{transform:translateY(-2px);background:#c78b5517}.file-rename svg,.file-trash-button svg,.file-download svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.file-preview{display:grid;gap:16px;margin-top:24px;padding:24px;border:1px solid #c78b5540;border-radius:12px;background:#161917}.file-preview>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.file-preview>header small,.file-preview>header span{color:var(--files-muted);font-size:10px}.file-preview h3{margin:6px 0 0}.file-preview pre{max-height:320px;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--files-text);font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.file-preview img{display:block;max-width:100%;max-height:360px;margin:auto;border-radius:8px;object-fit:contain}.file-preview audio{width:100%;min-height:44px;accent-color:var(--files-accent)}.file-trash{grid-column:2;margin:0 32px 24px;padding:24px;border:1px solid #c78b5540;border-radius:12px;background:#161917}.file-trash>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.file-trash h3{margin:6px 0 0;font:24px Georgia,serif}.file-trash header small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}.file-trash header span,.file-trash li small{color:var(--files-muted);font-size:10px}.file-trash ol{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.file-trash li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:#111312}.file-trash li div{display:grid;gap:4px;min-width:0}.file-trash li small{overflow-wrap:anywhere}.file-trash button{flex:0 0 auto;min-height:44px;padding:0 16px;border:1px solid #c78b5566;border-radius:8px;background:transparent;color:var(--files-text);transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.file-trash button:hover{transform:translateY(-2px);background:#c78b5517}@media(prefers-reduced-motion:reduce){.file-roots a,.file-rename,.file-trash-button,.file-download,.file-trash button{transition:none}}html[data-motion=off] .file-rename,html[data-motion=off] .file-trash-button,html[data-motion=off] .file-download,html[data-motion=off] .file-trash button,html[data-power=low] .file-rename,html[data-power=low] .file-trash-button,html[data-power=low] .file-download,html[data-power=low] .file-trash button{transition:none}@media(max-width:600px){.file-list li,.file-list li:has(.file-rename){grid-template-columns:32px minmax(0,1fr) 44px 44px 44px}.file-list li>small{display:none}.file-preview{padding:16px}.file-preview img{max-height:280px}.file-trash{grid-column:1;margin:0 20px 24px;padding:16px}}

/* app icons: monoline family A */
.app-icon-wrap{display:grid;place-items:center;line-height:0}
.app-icon{display:block;flex:0 0 auto;color:currentColor}
#dock button{font-size:0;color:#1b1e1c}
#dock .app-icon{width:28px;height:28px}
#desktop-icons button{font-size:0}
#desktop-icons .app-icon-wrap{
  width:52px;height:52px;background:#202521e8;border:1px solid #ffffff40;border-radius:14px;
  box-shadow:0 8px 20px #0007;color:#f2eee5
}
#desktop-icons span:not(.app-icon-wrap){/* legacy no-op */}
#desktop-icons .app-icon{width:26px;height:26px;color:#f2eee5}
#desktop-icons small{font-size:11px}
.app-grid button{font-size:0;color:#f2eee5}
.app-grid .app-icon-wrap{
  width:44px;height:44px;margin:0 auto;border-radius:12px;background:#1a1e1b;
  border:1px solid #ffffff18;color:#f2eee5
}
.app-grid .app-icon{width:24px;height:24px}
.app-grid small{font-size:12px;color:#e8ebe6}
#task-switcher .app-icon-wrap{width:28px;height:28px;border-radius:8px;background:#ece9e1;color:#1b1e1c}
#task-switcher .app-icon{width:18px;height:18px}
/* Token / Kota app */
.window[data-window=tokens]{min-width:760px;min-height:520px}
.tokens-shell{display:grid;gap:20px;color:var(--text)}
.tokens-shell.tokens-loading{opacity:.92}
.tokens-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.tokens-hero small{color:#c5cbc4;letter-spacing:.14em;font-weight:700;font-size:11px}
.tokens-hero h2{margin:8px 0 8px;font:400 clamp(28px,3.4vw,42px)/1.05 Georgia,serif}
.tokens-hero p{margin:0;max-width:540px;color:var(--muted);line-height:1.5}
.tokens-actions{display:grid;gap:10px;justify-items:end}
.tokens-refresh{border:0;border-radius:10px;padding:10px 14px;background:#ece9e1;color:#171917;cursor:pointer;font-weight:600}
.tokens-refresh:disabled{opacity:.6;cursor:wait}
.tokens-auto{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.tokens-updated{color:#aeb5ad;font-size:12px}
.tokens-overview,.tokens-critical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tokens-overview article,.token-account,.tokens-stats,.tokens-other,.tokens-unavailable,.tokens-critical{border:1px solid var(--line);border-radius:16px;background:#1a1e1b;padding:16px}
.tokens-overview small,.token-account>header small,.tokens-stats small,.tokens-other small,.tokens-critical small{color:#aeb5ad;letter-spacing:.12em;font-size:10px;font-weight:700}
.tokens-overview b{display:block;margin-top:10px;font:28px Georgia,serif}
.tokens-overview span{color:var(--muted);font-size:13px}
.tokens-critical{display:grid;gap:14px}
.tokens-critical h3,.tokens-stats h3,.token-account h3,.tokens-other h3{margin:6px 0 0;font:24px Georgia,serif;font-weight:400}
.tokens-critical article{padding:14px;border-radius:14px;background:#141816;border:1px solid #ffffff12}
.tokens-critical article b{display:block;margin:8px 0 12px;font-size:15px}
.tokens-critical footer{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:12px}
.tokens-critical footer strong{color:var(--text)}
.tokens-stats header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:end}
.tokens-stats dl{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:10px;margin:0}
.tokens-stats dt{color:#aeb5ad;font-size:11px}
.tokens-stats dd{margin:4px 0 0;font:18px Georgia,serif}
.tokens-models{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.tokens-models li{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#141816;border:1px solid #ffffff10}
.tokens-models b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tokens-models span,.tokens-models small{color:var(--muted);font-size:12px}
.tokens-accounts{display:grid;gap:16px}
.token-account header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}
.token-account h3{margin:6px 0 4px}
.token-account p{margin:0;color:var(--muted);font-size:13px}
.token-account-side{display:grid;gap:10px;justify-items:end}
.token-account-summary{min-width:148px;padding:10px 12px;border-radius:12px;background:#141816;border:1px solid #ffffff12;text-align:right}
.token-account-summary span{display:block;color:#aeb5ad;font-size:10px;letter-spacing:.1em;font-weight:700}
.token-account-summary b{display:block;margin-top:6px;font:20px Georgia,serif}
.token-account-summary em{color:var(--muted);font-style:normal;font-size:12px}
.token-account-summary[data-tone=ok] b{color:#cfe0cb}
.token-account-summary[data-tone=mid] b{color:#e2d0a4}
.token-account-summary[data-tone=low] b{color:#e0c2a0}
.token-account-summary[data-tone=critical] b{color:#e2b0ab}
.token-badge{padding:6px 10px;border-radius:999px;border:1px solid #ffffff22;font-size:11px;letter-spacing:.08em;font-weight:700}
.token-badge[data-badge=CANLI]{background:#dce9d822;color:#dce9d8}
.token-badge[data-badge=DOLU]{background:#c9686122;color:#e2b0ab}
.token-badge[data-badge=YOK]{background:#ffffff10;color:#aeb5ad}
.token-quota-list{display:grid;gap:12px}
.token-quota{padding:14px 14px 12px;border-radius:14px;background:linear-gradient(180deg,#171b18,#141816);border:1px solid #ffffff12;box-shadow:inset 0 1px 0 #ffffff08}
.token-quota-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.token-quota-title{min-width:0}
.token-quota-title b{display:block;font-size:15px;line-height:1.3}
.token-quota-id{display:block;margin-top:4px;color:#7f8780;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}
.token-quota-pcts{display:flex;gap:10px;flex:0 0 auto}
.token-pct{min-width:84px;padding:8px 10px;border-radius:12px;background:#101311;border:1px solid #ffffff10;text-align:right}
.token-pct small{display:block;color:#aeb5ad;font-size:10px;letter-spacing:.08em;font-weight:700}
.token-pct strong{display:block;margin-top:4px;font:22px/1 Georgia,serif}
.token-pct.used strong{color:#d7c7a8}
.token-pct.remain strong{color:#dce6d8}
.token-quota[data-tone=ok] .token-pct.remain strong{color:#cfe0cb}
.token-quota[data-tone=mid] .token-pct.remain strong{color:#e2d0a4}
.token-quota[data-tone=low] .token-pct.remain strong{color:#e0c2a0}
.token-quota[data-tone=critical] .token-pct.remain strong{color:#e2b0ab}
.token-bar-stack{display:grid;gap:7px}
.token-bar{height:10px;border-radius:999px;overflow:hidden;background:#ffffff10;position:relative}
.token-bar i{display:block;height:100%;width:0;border-radius:inherit;transition:width .55s cubic-bezier(.22,1,.36,1)}
.token-bar.remain{background:#ffffff0d}
.token-bar.remain i{background:linear-gradient(90deg,#8fa58b,#c5d4c1)}
.token-bar.remain[data-tone=mid] i{background:linear-gradient(90deg,#a9925d,#d8c28a)}
.token-bar.remain[data-tone=low] i{background:linear-gradient(90deg,#b48758,#d8b08a)}
.token-bar.remain[data-tone=critical] i{background:linear-gradient(90deg,#b56a64,#d9a29d)}
.token-bar.used{height:6px;background:#ffffff08}
.token-bar.used i{background:linear-gradient(90deg,#6f6758,#b7a88a)}
.token-bar-legend{display:flex;gap:14px;margin-top:8px;color:#8d958d;font-size:11px}
.token-bar-legend span{display:inline-flex;align-items:center;gap:6px}
.token-bar-legend .sw{width:10px;height:10px;border-radius:999px;display:inline-block}
.token-bar-legend .sw.remain{background:#b7c8b4}
.token-bar-legend .sw.used{background:#b7a88a}
.token-quota footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.token-quota footer small{color:#aeb5ad;font-size:12px;line-height:1.35}
.token-reset{font-variant-numeric:tabular-nums}
.tokens-other ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.tokens-other li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 12px;border-radius:12px;background:#141816}
.tokens-other small{grid-column:1/-1;color:#aeb5ad}
.tokens-empty,.tokens-unavailable p{color:var(--muted);line-height:1.5}
.tokens-unavailable b{display:block;margin-bottom:8px;font:22px Georgia,serif}
@media(max-width:980px){
  .tokens-overview,.tokens-critical-grid,.tokens-stats dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .token-quota-top{flex-direction:column}
  .token-quota-pcts{width:100%}
  .token-pct{flex:1}
  .tokens-models li{grid-template-columns:1fr;gap:4px}
}
@media(max-width:600px){
  .tokens-overview,.tokens-critical-grid{grid-template-columns:1fr 1fr}
  .token-account-side{justify-items:start}
}

/* Shell chrome + Hermes chat + Jobs + project actions */
.menu-right{margin-left:auto;display:flex;align-items:center;gap:12px}
#menubar-extras{position:relative;display:flex;align-items:center}
.menubar-chips{display:flex;gap:8px;align-items:center}
.menu-chip{border:1px solid #ffffff22;background:#1a1e1bcc;color:#e8ebe6;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-chip[data-tone=critical]{border-color:#c9686188;color:#e2b0ab}
.menu-chip[data-tone=low]{border-color:#c78b5588;color:#e0c2a0}
.menu-chip[data-tone=ok]{border-color:#9fba9a55}
.shell-pop{position:absolute;top:34px;right:0;z-index:1200;width:260px;padding:14px;border-radius:14px;background:#151817;border:1px solid #ffffff22;box-shadow:0 20px 50px #000a;display:grid;gap:10px}
.shell-pop header b{font:16px Georgia,serif}
.shell-pop .switch{display:flex;gap:8px;align-items:center;color:var(--muted)}
.shell-pop label{display:grid;gap:4px;color:var(--muted);font-size:12px}
.shell-pop button{border:0;border-radius:10px;padding:9px 10px;background:#ece9e1;color:#171917;cursor:pointer;text-align:left}
.shell-pop hr{border:0;border-top:1px solid #ffffff14;margin:2px 0}
.window[data-window=hermes]{min-width:860px;min-height:560px}
/* Hermes chat — minimal graphite */
html[data-mobile-mode=true] #task-switcher { display: none !important; }
html[data-mobile-mode=true] #desktop-icons { display: none !important; }
html[data-mobile-mode=true] #dock { 
  display: flex !important; 
  position: fixed; 
  bottom: 0 !important; 
  left: 0; right: 0; 
  transform: none; 
  width: 100%; 
  max-width: 100%; 
  border-radius: 0; 
  background: #101210; 
  border-top: 1px solid #333; 
  border-bottom: none; border-left: none; border-right: none; 
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 9999;
}
html[data-mobile-mode=true] .window {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: calc(100vh - 60px - env(safe-area-inset-bottom)) !important;
  min-width: 0 !important; min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 100 !important;
}
html[data-mobile-mode=true] .titlebar { display: none !important; }
html[data-mobile-mode=true] #menu-bar { 
  display: flex !important; 
  position: fixed; 
  top: 0; left: 0; right: 0; 
  height: max(44px, env(safe-area-inset-top)); 
  padding-top: env(safe-area-inset-top);
  background: rgba(16, 18, 17, 0.85); 
  backdrop-filter: blur(12px); 
  border-bottom: 1px solid rgba(255,255,255,0.05); 
  z-index: 10001; 
  justify-content: flex-end; 
}
html[data-mobile-mode=true] #menu-bar nav, 
html[data-mobile-mode=true] #menu-bar aside span { display: none !important; }
html[data-mobile-mode=true] .content { 
  height: 100% !important; 
  padding: 0 !important;
  padding-top: max(44px, env(safe-area-inset-top)) !important;
}

/* Motion/Animasyon Sınıfları */
.card-enter {
  animation: cardEnter 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.card-exit {
  animation: cardExit 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes cardEnter {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes cardExit {
  from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(20px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .card-enter, .card-exit { animation: none !important; }
}

.window[data-window=hermes]{min-width:880px;min-height:580px}
.window[data-window=hermes] .content{padding:0;overflow:hidden;background:#101210}
.hermes-shell.hermes-chat-app{padding:0;min-height:100%;background:#101210}
.hermes-chat-app{
  display:grid;grid-template-columns:260px minmax(0,1fr);height:100%;min-height:520px;
  color:#ebe8e1;background:#101210;
}
.hermes-sidebar{
  display:flex;flex-direction:column;min-height:0;
  border-right:1px solid #ffffff0f;background:#121412;
}
.hermes-side-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:20px 16px 12px;
}
.hermes-side-head small{
  display:block;color:#8f968f;font-size:10px;font-weight:600;letter-spacing:.16em;
}
.hermes-side-head h2{
  margin:6px 0 0;font:22px/1.1 Georgia,"Times New Roman",serif;font-weight:400;color:#f2efe8;
}
.hermes-ghost{
  width:32px;height:32px;border-radius:10px;border:1px solid #ffffff18;
  background:transparent;color:#d8d4cb;font-size:20px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:background .15s ease,border-color .15s ease;
}
.hermes-ghost:hover{background:#ffffff0a;border-color:#ffffff2a}
.hermes-session-list{
  overflow:auto;padding:4px 10px 12px;display:flex;flex-direction:column;gap:2px;min-height:0;flex:1;
  scrollbar-width:thin;scrollbar-color:#ffffff18 transparent;
}
.hermes-session{
  appearance:none;width:100%;border:0;border-radius:10px;padding:10px 12px;
  background:transparent;color:#e7e3db;text-align:left;cursor:pointer;
  display:grid;gap:3px;transition:background .15s ease;
}
.hermes-session:hover{background:#ffffff08}
.hermes-session.active{background:#1c1f1c;box-shadow:inset 0 0 0 1px #ffffff14}
.hermes-session-title{
  display:block;font-size:13px;font-weight:500;color:#f0ece4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hermes-session-sub{
  display:block;font-size:11px;color:#7e857e;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hermes-side-empty,.hermes-status{color:#7e857e;font-size:12px}
.hermes-side-empty{padding:12px;margin:0}
.hermes-side-foot{
  display:flex;align-items:center;gap:8px;padding:12px 16px 16px;
  border-top:1px solid #ffffff0c;color:#8a918a;font-size:12px;
}
.hermes-dot{
  width:7px;height:7px;border-radius:50%;background:#6a716a;flex:0 0 auto;
}
.hermes-dot[data-on=true]{background:#9bb296;box-shadow:0 0 0 3px #9bb29622}
.hermes-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;background:#101210}
.hermes-main-head{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:18px 22px 14px;border-bottom:1px solid #ffffff0c;
}
.hermes-title-block h3{
  margin:0;font:22px/1.15 Georgia,"Times New Roman",serif;font-weight:400;color:#f3efe7;
}
.hermes-title-block small{display:block;margin-top:4px;color:#7e857e;font-size:12px}
.hermes-main-actions{display:flex;align-items:center;gap:14px}
.hermes-yolo{
  display:inline-flex;align-items:center;gap:6px;color:#8a918a;font-size:11px;
  letter-spacing:.04em;user-select:none;cursor:pointer;
}
.hermes-yolo input{accent-color:#c4b49a}
.hermes-link{color:#b9b3a7;font-size:12px;text-decoration:none}
.hermes-link:hover{color:#ece8e0}
.hermes-messages{
  overflow:auto;padding:28px 22px 18px;display:grid;gap:14px;align-content:start;
  scrollbar-width:thin;scrollbar-color:#ffffff18 transparent;
}
.hermes-empty-state{
  place-self:center;text-align:center;padding:48px 20px;color:#8a918a;
}
.hermes-empty-state p{margin:0 0 6px;font:22px/1.2 Georgia,serif;color:#d9d4cb}
.hermes-empty-state span{font-size:13px}
.hermes-bubble{max-width:min(720px,94%);display:grid}
.hermes-bubble[data-role=user]{justify-self:end}
.hermes-bubble[data-role=assistant],.hermes-bubble[data-role=tool]{justify-self:start}
.hermes-bubble-body{
  padding:12px 14px;border-radius:16px;line-height:1.5;font-size:14px;
  white-space:pre-wrap;overflow-wrap:anywhere;
}
.hermes-bubble[data-role=user] .hermes-bubble-body{
  background:#1d211e;color:#f2efe8;border:1px solid #ffffff10;border-bottom-right-radius:6px;
}
.hermes-bubble[data-role=assistant] .hermes-bubble-body{
  background:#151816;color:#e8e4dc;border:1px solid #ffffff0a;border-bottom-left-radius:6px;
}
.hermes-bubble[data-role=tool] .hermes-bubble-body{
  background:transparent;color:#8f968f;border:1px dashed #ffffff14;font-size:12px;
}
.hermes-composer{padding:10px 18px 16px;background:linear-gradient(180deg,transparent,#101210 28%)}
.hermes-composer-box{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;
  padding:10px 10px 10px 14px;border-radius:16px;background:#161916;
  border:1px solid #ffffff12;box-shadow:0 10px 30px #0005;
}
.hermes-composer textarea{
  width:100%;min-height:44px;max-height:140px;resize:none;border:0;outline:none;
  background:transparent;color:#f0ece4;padding:8px 4px;font:14px/1.45 Inter,system-ui,sans-serif;
}
.hermes-composer textarea::placeholder{color:#6f766f}
#hermes-send{
  width:36px;height:36px;border:0;border-radius:11px;cursor:pointer;
  background:#e8e4db;color:#141614;font-size:16px;font-weight:600;
  display:grid;place-items:center;transition:opacity .15s ease,transform .15s ease;
}
#hermes-send:hover{transform:translateY(-1px)}
#hermes-send:disabled{opacity:.45;cursor:wait;transform:none}
.hermes-status{display:block;margin-top:8px;padding-left:4px;font-size:11px;color:#6f766f}
/* decouple generic ivory button rule from hermes sidebar */
.project-action-row button,#jobs-refresh{
  border:0;border-radius:10px;padding:10px 12px;background:#ece9e1;color:#171917;cursor:pointer;font-weight:600;
}
@media(max-width:980px){
  .hermes-chat-app{grid-template-columns:1fr}
  .hermes-sidebar{max-height:200px;border-right:0;border-bottom:1px solid #ffffff0f}
}
.project-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.project-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.project-action-status{margin:8px 0 0;color:#aeb5ad;font-size:12px}
.window[data-window=jobs]{min-width:680px}
.jobs-shell header{display:flex;flex-wrap:wrap;gap:12px;align-items:end;justify-content:space-between;margin-bottom:16px}
.jobs-shell h2{margin:6px 0;font:32px Georgia,serif;font-weight:400;width:100%}
.jobs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jobs-grid section{border:1px solid var(--line);border-radius:14px;background:#1a1e1b;padding:14px}
.jobs-grid ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;max-height:420px;overflow:auto}
.jobs-grid li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px;border-radius:10px;background:#141816;border:1px solid #ffffff10}
.jobs-grid small{grid-column:1/-1;color:#aeb5ad}
@media(max-width:980px){
  .hermes-chat-app{grid-template-columns:1fr}
  .hermes-sidebar{max-height:220px}
  .jobs-grid{grid-template-columns:1fr}
  .menubar-chips{max-width:42vw;overflow:auto}
}

/* Shell polish pack — control center, widgets, dock recent, cheatsheet, md */
.desktop-widgets{
  position:absolute;right:24px;top:72px;display:grid;gap:10px;width:min(220px,28vw);z-index:4;
}
.dw-card{
  padding:14px 14px 12px;border-radius:14px;background:#151816ee;border:1px solid #ffffff12;
  box-shadow:0 12px 28px #0005;backdrop-filter:blur(12px);cursor:pointer;color:#ece8e0;
  transition:transform .15s ease,border-color .15s ease;
}
.dw-card:hover{transform:translateY(-1px);border-color:#ffffff22}
.dw-card small{display:block;color:#8a918a;font-size:10px;letter-spacing:.14em;font-weight:600}
.dw-card b{display:block;margin-top:8px;font:22px/1.1 Georgia,serif;font-weight:400}
.dw-card span{display:block;margin-top:4px;color:#9aa19a;font-size:12px}
.dw-card[data-tone=critical] b{color:#d2a39a}
.dw-card[data-tone=low] b{color:#d2c2a0}
.dw-card[data-playing=true] b{color:#c9d2c4}
.dock-recent{display:flex;gap:2px;align-items:center}
.dock-sep{width:1px;height:36px;background:#ffffff22;margin:0 8px;align-self:center}
.dock-pinned{display:flex;gap:2px;align-items:center}
#dock{display:flex;align-items:center;justify-content:center;gap:0}
.dock-recent-item{opacity:.92}
.menu-player{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-player .mp-dot{width:6px;height:6px;border-radius:50%;background:#6f766f;display:inline-block;margin-right:6px}
.menu-player[data-playing=true] .mp-dot{background:#a8b8a6;box-shadow:0 0 0 3px #a8b8a622}
.control-center{
  position:absolute;top:44px;right:12px;width:min(360px,92vw);z-index:80;
  padding:14px;border-radius:16px;background:#141714f2;border:1px solid #ffffff14;
  box-shadow:0 24px 60px #000a;color:#ece8e0;backdrop-filter:blur(16px);
}
.control-center header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.control-center header small{display:block;color:#8a918a;font-size:10px;letter-spacing:.14em}
.control-center header b{font:20px Georgia,serif;font-weight:400}
.cc-ghost{border:0;background:transparent;color:#c9c4bb;font-size:20px;cursor:pointer;width:32px;height:32px}
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.cc-tile{padding:12px;border-radius:12px;background:#101311;border:1px solid #ffffff10}
.cc-tile small{display:block;color:#8a918a;font-size:10px;letter-spacing:.12em}
.cc-tile b{display:block;margin-top:6px;font:18px Georgia,serif;font-weight:400}
.cc-tile span{display:block;margin-top:4px;color:#8f968f;font-size:11px}
.cc-tile[data-tone=critical] b{color:#d2a39a}
.cc-links{display:grid;gap:6px}
.cc-links button,.cc-scene-row button,.cc-player-row button,.cc-import{
  border:1px solid #ffffff16;background:#1a1d1a;color:#e8e4dc;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:12px
}
.cc-links button:hover,.cc-scene-row button:hover,.cc-player-row button:hover{background:#222622}
.cc-sliders{display:grid;gap:10px;margin:10px 0}
.cc-sliders label{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;color:#aeb5ad;font-size:12px}
.cc-sliders input[type=range]{width:100%;accent-color:#c4b49a}
.cc-toggles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.cc-switch{display:inline-flex;gap:6px;align-items:center;color:#aeb5ad;font-size:12px;cursor:pointer}
.cc-player-row,.cc-scene-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cc-scenes,.cc-backup{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff10}
.cc-scenes>small,.cc-backup>small{color:#8a918a;font-size:10px;letter-spacing:.12em}
.cc-import{display:inline-grid;place-items:center}
.cheatsheet-panel{
  position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#0b0c0bcc;backdrop-filter:blur(8px);
}
.cheatsheet-panel[hidden]{display:none!important}
.cheatsheet-panel>header,.cheatsheet-grid{width:min(520px,92vw)}
.cheatsheet-panel>header{
  display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;
  padding:18px 18px 0;color:#ece8e0
}
.cheatsheet-panel h2{margin:6px 0 0;font:28px Georgia,serif;font-weight:400}
.cheatsheet-panel small{color:#8a918a;letter-spacing:.14em;font-size:10px}
.cheatsheet-grid{
  display:grid;gap:8px;padding:12px 18px 18px;border-radius:16px;background:#151816;border:1px solid #ffffff14;
}
.cheatsheet-grid div{display:flex;align-items:center;gap:8px;color:#d9d4cb;font-size:13px;padding:8px 4px}
.cheatsheet-grid kbd{
  min-width:28px;padding:4px 8px;border-radius:8px;border:1px solid #ffffff18;background:#101311;color:#ece8e0;
  font:12px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center
}
.cheatsheet-grid span{margin-left:auto;color:#9aa19a}
#cheatsheet-close{border:0;background:transparent;color:#c9c4bb;font-size:22px;cursor:pointer}
.hermes-typing{display:inline-flex;gap:5px;align-items:center;min-height:18px;padding:4px 2px!important;background:transparent!important;border:0!important}
.hermes-typing i{width:6px;height:6px;border-radius:50%;background:#8f968f;opacity:.45;animation:hermesDot 1s infinite ease-in-out}
.hermes-typing i:nth-child(2){animation-delay:.15s}
.hermes-typing i:nth-child(3){animation-delay:.3s}
@keyframes hermesDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.md-code{position:relative;margin:10px 0;padding:14px 12px 12px;border-radius:12px;background:#0d0f0d;border:1px solid #ffffff12;overflow:auto}
.md-code code{font:12.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dfe6d8;white-space:pre}
.md-copy{position:absolute;top:8px;right:8px;border:1px solid #ffffff18;background:#1a1d1a;color:#d8d4cb;border-radius:8px;padding:4px 8px;font-size:11px;cursor:pointer}
.md-inline{padding:1px 5px;border-radius:6px;background:#ffffff10;font:12px ui-monospace,Menlo,monospace}
.hermes-bubble-body p{margin:0 0 .6em}
.hermes-bubble-body p:last-child{margin:0}
.hermes-bubble-body a{color:#cfc6b4}
.notes-editor.notes-drop,.files-drop{outline:1px dashed #c4b49a66;outline-offset:-6px;background:#c4b49a0d}
.menu-chip[data-tone=critical]{color:#e2b4aa}
.menu-chip[data-tone=low]{color:#e0d0ad}
@media(max-width:900px){
  .desktop-widgets{right:12px;top:56px;width:min(160px,42vw)}
  .dw-card{padding:10px}
  .dw-card b{font-size:18px}
  .control-center{right:8px;top:48px}
}

/* ===== macOS-style menu bar ===== */
#menu-bar.mac-menubar,
#menu-bar{
  position:absolute;z-index:1000;inset:0 0 auto;height:28px;padding:0 10px 0 8px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:rgba(22,24,22,.72);border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);
  color:#f2f0ea;font:13px/1 Inter,system-ui,-apple-system,sans-serif;
  box-shadow:none;
}
#menu-bar .mb-left{display:flex;align-items:center;gap:2px;min-width:0}
#menu-bar .mb-right{display:flex;align-items:center;gap:2px;margin-left:auto}
#menu-bar .mb-menus{display:flex;align-items:center;gap:0}
#menu-bar .mb-menu{position:relative}
#menu-bar .mb-item,
#menu-bar #launcher-button{
  appearance:none;border:0;background:transparent;color:inherit;
  height:22px;padding:0 9px;margin:0;border-radius:4px;
  font:600 13px/22px Inter,system-ui,-apple-system,sans-serif;
  display:inline-flex;align-items:center;gap:6px;cursor:default;
}
#menu-bar #launcher-button{
  min-width:0!important;border:0!important;border-radius:4px!important;padding:0 8px!important;font-weight:700!important;
}
#menu-bar #launcher-button .brand-mark-mini{width:14px;height:14px;opacity:.95}
#menu-bar .mb-item:hover,
#menu-bar .mb-menu.open>.mb-item,
#menu-bar #launcher-button:hover,
#menu-bar #launcher-button[aria-expanded=true]{
  background:rgba(255,255,255,.12);
}
#menu-bar .mb-dropdown{
  position:absolute;top:calc(100% + 3px);left:0;min-width:220px;z-index:1100;
  padding:5px;border-radius:8px;
  background:rgba(36,38,36,.94);border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 40px rgba(0,0,0,.45), 0 0 0 0.5px rgba(0,0,0,.3);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
#menu-bar .mb-dropdown[hidden]{display:none!important}
#menu-bar .mb-dropdown button{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  border:0;background:transparent;color:#f0ece4;text-align:left;
  padding:5px 10px;border-radius:5px;font:13px/1.25 Inter,system-ui,sans-serif;cursor:default;
}
#menu-bar .mb-dropdown button:hover{background:#5b7cfa;color:#fff}
#menu-bar .mb-dropdown button:hover kbd{color:rgba(255,255,255,.85)}
#menu-bar .mb-dropdown kbd{
  color:#9aa19a;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;
}
#menu-bar .mb-sep{height:1px;margin:5px 8px;background:rgba(255,255,255,.10)}

/* status cluster — flat, not pills */
#menu-bar .mb-status{display:flex;align-items:center;gap:1px}
#menu-bar .mb-chip,
#menu-bar .menu-chip{
  border:0!important;background:transparent!important;color:#ece8e0!important;
  border-radius:4px!important;padding:0 8px!important;height:22px;max-width:160px;
  font:12.5px/22px Inter,system-ui,sans-serif!important;font-weight:500!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;
}
#menu-bar .mb-chip:hover,
#menu-bar .menu-chip:hover{background:rgba(255,255,255,.12)!important}
#menu-bar .mb-chip[data-tone=critical],
#menu-bar .menu-chip[data-tone=critical]{color:#e2b4aa!important}
#menu-bar .mb-chip[data-tone=low],
#menu-bar .menu-chip[data-tone=low]{color:#e0d0ad!important}
#menu-bar .mb-player .mp-dot{width:5px;height:5px;border-radius:50%;background:#6f766f;display:inline-block;margin-right:5px;vertical-align:middle}
#menu-bar .mb-player[data-playing=true] .mp-dot{background:#a8b8a6}

#menu-bar .mb-status-btn,
#menu-bar #connection-status,
#menu-bar #notification-button{
  position:static!important;top:auto!important;right:auto!important;
  width:auto!important;min-height:22px!important;height:22px!important;
  padding:0 7px!important;border:0!important;border-radius:4px!important;
  background:transparent!important;color:#ece8e0!important;display:inline-flex!important;
  align-items:center;gap:4px;cursor:default;box-shadow:none!important;transform:none!important;
  font:12px/1 Inter,system-ui,sans-serif;
}
#menu-bar .mb-status-btn:hover,
#menu-bar #connection-status:hover,
#menu-bar #notification-button:hover{background:rgba(255,255,255,.12)!important;transform:none!important}
#menu-bar #connection-status:before{content:none}
#menu-bar #connection-status[data-state=checking]{color:#d5a578!important}
#menu-bar #connection-status[data-state=offline],
#menu-bar #connection-status[data-state=disconnected]{color:#e9a59b!important}
#menu-bar #connection-status[data-state=online],
#menu-bar #connection-status[data-state=connected]{color:#bad0ad!important}
#menu-bar #notification-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#menu-bar #notification-button span{min-width:0;color:#cfc6b4;font-size:11px;font-weight:600}
#menu-bar .mb-clock,
#menu-bar time{
  height:22px;padding:0 8px;border-radius:4px;display:inline-flex;align-items:center;
  font:12.5px/1 Inter,system-ui,sans-serif;color:#f0ece4;font-variant-numeric:tabular-nums;
}
#menu-bar .mb-clock:hover{background:rgba(255,255,255,.10)}

/* control center under menubar, slightly less bubble */
.control-center.mac-cc,
#control-center{
  top:32px!important;right:10px!important;border-radius:12px!important;
  background:rgba(28,30,28,.94)!important;border:1px solid rgba(255,255,255,.10)!important;
}
#notification-center{
  top:32px!important;right:10px!important;border-radius:12px!important;
  background:rgba(28,30,28,.94)!important;border:1px solid rgba(255,255,255,.10)!important;
}

/* windows a bit less chubby to match */
.window{border-radius:10px}
.titlebar{height:38px}
.window.maximized{inset:28px 0 0!important;height:calc(100% - 28px)!important}

@media(max-width:900px){
  #menu-bar .mb-menus .mb-menu:nth-child(n+3){display:none}
  #menu-bar .mb-chip#chip-system{display:none}
}
@media(max-width:600px){
  /* Phone workspace: desktop rules remain untouched above this boundary. */
  html,body{overflow:hidden;-webkit-text-size-adjust:100%}
  #desktop-icons,#desktop-widgets,.fit-widget,#launcher{display:none!important}
  #workspace{position:fixed;inset:0;z-index:3}
  .window,.window.maximized{display:none;min-width:0!important;min-height:0!important;box-shadow:none!important}
  .window.focused,.window[data-mobile-open=true]{display:block;position:fixed!important;z-index:10!important;inset:max(env(safe-area-inset-top),44px) 0 calc(76px + max(env(safe-area-inset-bottom),12px)) 0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important}
  .window .titlebar{position:sticky;top:0;z-index:12;height:52px;padding:0 12px;border-bottom:1px solid #ffffff18;background:#161917}
  .window .titlebar .title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .window .titlebar .min,.window .titlebar .max{display:none}
  .window .titlebar .close{display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin-left:auto;border:0;border-radius:8px;background:transparent;color:#f4f0e7;font-size:0}
  .window .titlebar .close:after{content:'Kapat';font-size:12px}
  .content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .window[data-window=tokens] .content{padding:20px;overflow:auto}
  .tokens-overview,.tokens-critical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tokens-stats dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .token-account header,.token-quota-top{align-items:stretch;flex-direction:column}
  .token-account-side{justify-items:stretch}.token-account-summary{text-align:left}.token-pcta{min-width:0}
  .token-quota-pcts{width:100%}.token-pct{flex:1;min-width:0}
  .tokens-models li{grid-template-columns:minmax(0,1fr) auto}.tokens-models li small{grid-column:1/-1}
  .window[data-window=mail] .mail-shell,.window[data-window=notes] .notes-shell{height:auto;min-height:100%;grid-template-columns:1fr}
  .mail-sidebar,.notes-sidebar{padding:24px 20px 12px;border-right:0;border-bottom:1px solid #c78b5529}
  .mail-draft-list,.notes-list{max-height:180px}
  .mail-editor,.notes-editor{min-height:480px;padding:24px 20px}
  .window[data-window=files] .files-shell{display:block}.files-shell>header{padding:32px 20px}.file-roots{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 20px}.file-list,.file-trash{margin:0;padding:24px 20px}.file-list li,.file-list li:has(.file-rename){grid-template-columns:28px minmax(0,1fr) 44px!important}.file-list li>small,.file-list li>time,.file-rename,.file-trash-button{display:none}
  .window[data-window=browser] .web-shell,.window[data-window=music-tools] .music-tools-shell{padding:32px 20px}
  #web-form>div,#music-tools-search>div{grid-template-columns:1fr}.web-collections,.music-tools-grid{grid-template-columns:1fr}
  .music-tools-endpoints{display:none}
  #notification-button,#connection-status{display:none!important}
  /* Mobile player stays above app navigation; no clipped controls. */
  .window[data-window=music] .content{padding:0!important}
  .music-shell{grid-template-rows:minmax(0,1fr) 72px 60px}
  .music-controls{min-height:72px;grid-template-columns:minmax(0,1fr) 48px 44px!important;gap:8px;padding:8px 14px!important;border-top:1px solid #ffffff18}
  .music-controls .now-playing{display:flex;align-items:center;gap:10px;min-width:0;text-align:left}
  .music-controls .now-playing>span:last-child{min-width:0}.music-controls .now-playing small{display:block;font-size:9px}.music-controls .now-playing b{max-width:100%;font-size:12px}
  .music-controls #music-play{display:grid!important;grid-column:2;width:48px!important;height:48px!important;min-height:48px!important}
  .music-controls .player-transport{display:contents}.music-controls .player-volume{grid-column:3!important;display:flex!important}.music-controls #music-queue-toggle{display:grid!important;width:44px;height:44px}.music-controls #music-mute{display:none!important}
  .music-mobile-nav{min-height:60px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
  .music-mobile-nav button{min-height:52px}
  .window[data-window=tokens] .content{padding:16px!important}
  .tokens-shell{gap:14px}.tokens-hero{gap:12px}.tokens-hero h2{font-size:32px}.tokens-actions{width:100%;justify-items:stretch}.tokens-refresh{width:100%;min-height:48px}
  .tokens-overview,.tokens-critical-grid{gap:8px}.tokens-overview article,.token-account,.tokens-stats,.tokens-other,.tokens-unavailable,.tokens-critical{padding:12px;border-radius:12px}.tokens-overview b{font-size:23px}.tokens-overview span{font-size:11px}
  .token-account header{margin-bottom:12px}.token-account h3{font-size:21px}.token-account-summary{min-width:0}.token-quota{padding:12px}.token-pct{padding:8px}.token-pct strong{font-size:18px}.token-quota footer{font-size:11px}.token-bar-legend{gap:8px;font-size:10px}
  /* Phone dock: pinned apps only. Recent strip caused duplicated, clipped icons. */
  #dock{z-index:30;left:8px;right:8px;width:auto;max-width:none;height:64px;min-height:64px;padding:6px;border:1px solid #ffffff1c;border-radius:14px;background:#161917f2;backdrop-filter:blur(18px);box-shadow:0 10px 28px #0009;transform:none!important}
  #dock .dock-recent,#dock .dock-sep{display:none!important}
  #dock .dock-pinned{display:flex;width:100%;align-items:center;justify-content:space-around;gap:0}
  #dock .dock-pinned button{display:none!important;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:0;border:0;border-radius:10px;background:transparent;color:#e9e5dc}
  #dock .dock-pinned [data-app=projects],#dock .dock-pinned [data-app=music],#dock .dock-pinned [data-app=live],#dock .dock-pinned [data-app=files],#dock .dock-pinned [data-app=browser],#dock .dock-pinned [data-app=settings]{display:grid!important;place-items:center}
  #dock .dock-pinned button.current,#dock .dock-pinned button.active-app{background:#c78b5530;color:#f4f0e7}
  #dock .dock-pinned button i{display:none!important}
  #dock .dock-pinned .app-icon{width:24px;height:24px}
}

/* Hermes live voice */
.hermes-live-toggle,.hermes-mic,.hermes-live-mic{
  border:1px solid #ffffff18;border-radius:11px;background:#1a1d1a;color:#ece8e0;cursor:pointer;
  min-height:36px;padding:0 12px;font:12.5px/1 Inter,system-ui,sans-serif;font-weight:600;
}
.hermes-live-toggle[aria-pressed=true],.hermes-live-mic[data-state=listening],.hermes-live-mic[data-state=speaking]{
  background:#c78b5530;border-color:#c78b5566;color:#f0e2d2;
}
.hermes-mic{width:36px;height:36px;padding:0;display:grid;place-items:center}
.hermes-composer-box{grid-template-columns:minmax(0,1fr) auto auto}
.hermes-live-panel{
  display:grid;justify-items:center;gap:10px;padding:14px 18px 4px;border-top:1px solid #ffffff0d;
  background:linear-gradient(180deg,#141714,#101210);
}
.hermes-live-panel[hidden]{display:none!important}
.hermes-live-orb{
  width:64px;height:64px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#e7c7a0,#8a6340 55%,#2a241f 100%);
  box-shadow:0 0 0 1px #ffffff14,0 12px 28px #0008;opacity:.85;transition:transform .2s ease,box-shadow .2s ease;
}
.hermes-live-orb[data-state=listening]{box-shadow:0 0 0 4px #c78b5533,0 12px 28px #0008;transform:scale(1.04)}
.hermes-live-orb[data-state=speaking]{box-shadow:0 0 0 6px #d5a57844,0 12px 28px #0008;animation:hermes-live-pulse 1.1s ease-in-out infinite}
.hermes-live-orb[data-state=thinking],.hermes-live-orb[data-state=connecting]{opacity:.7}
@keyframes hermes-live-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
#hermes-live-state{margin:0;font:18px/1.2 Georgia,serif;color:#f0ece4}
.hermes-live-partial{min-height:18px;margin:0;color:#9aa19a;font-size:12px;text-align:center;max-width:92%}
.hermes-live-mic{min-width:180px;min-height:48px;border-radius:999px;font-size:14px}
.hermes-live-panel>small{color:#7e857e;font-size:11px;letter-spacing:.04em}
@media(max-width:600px){
  .window[data-window=hermes] .content{overflow:hidden}
  .hermes-chat-app{height:100%;grid-template-columns:1fr}
  .hermes-sidebar{display:none}
  .hermes-main{height:100%}
  .hermes-main-actions .hermes-link,.hermes-yolo{display:none}
  .hermes-live-panel{padding-bottom:8px}
  .hermes-composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .hermes-composer-box{grid-template-columns:minmax(0,1fr) 44px 44px}
  .hermes-mic,#hermes-send{width:44px;height:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.hermes-live-orb[data-state=speaking]{animation:none}}

/* Full-screen live conversation stage */
.live-stage{
  position:fixed;inset:0;z-index:1400;display:grid;
  grid-template-rows:auto minmax(180px,.9fr) minmax(220px,1.1fr) auto;
  padding:max(16px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));
  color:#f4f0e7;opacity:0;transform:translateY(18px) scale(.985);
  transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);
}
.live-stage[hidden]{display:none!important}
.live-stage[data-open=true]{opacity:1;transform:none}
.live-stage-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(circle at 50% 18%,#c78b5540,transparent 34%),
    radial-gradient(circle at 50% 80%,#1c2420,transparent 42%),
    linear-gradient(180deg,#0c0e0c,#121512 48%,#0b0d0b);
}
.live-stage-top,.live-stage-center,.live-stage-feed-wrap,.live-stage-bottom{position:relative;z-index:1}
.live-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.live-stage-top small{display:block;color:#d5a578;font-size:10px;font-weight:700;letter-spacing:.16em}
.live-stage-top b{display:block;margin-top:4px;font:22px/1.1 Georgia,serif;font-weight:500}
.live-stage-close{
  min-height:44px;padding:0 14px;border:1px solid #ffffff18;border-radius:12px;
  background:#171a17cc;color:#f0ece4;cursor:pointer
}
.live-stage-center{display:grid;place-content:center;justify-items:center;gap:14px}
.live-stage-orb-wrap{position:relative;width:168px;height:168px;display:grid;place-items:center}
.live-stage-orb{
  width:104px;height:104px;border-radius:50%;
  background:
    radial-gradient(circle at 32% 28%,#f0d2b0,#c78b55 46%,#5b4030 78%,#1a1714 100%);
  box-shadow:0 18px 48px #000a, inset 0 1px 0 #ffffff55;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.live-stage-ring{
  position:absolute;inset:0;border-radius:50%;border:1px solid #c78b5540;opacity:.35;
  animation:live-ring 3.2s ease-out infinite;
}
.live-stage-ring[data-ring="2"]{animation-delay:.7s}
.live-stage-ring[data-ring="3"]{animation-delay:1.4s}
@keyframes live-ring{
  0%{transform:scale(.55);opacity:.45}
  70%{opacity:.12}
  100%{transform:scale(1.15);opacity:0}
}
.live-stage[data-state=listening] .live-stage-orb{box-shadow:0 0 0 8px #c78b5528,0 18px 48px #000a}
.live-stage[data-state=speaking] .live-stage-orb{
  transform:scale(1.06);
  box-shadow:0 0 0 12px #d5a57833,0 22px 56px #000b;
  animation:live-orb-breathe 1.05s ease-in-out infinite;
}
.live-stage[data-state=thinking] .live-stage-orb,.live-stage[data-state=connecting] .live-stage-orb{filter:saturate(.8) brightness(.9)}
@keyframes live-orb-breathe{0%,100%{transform:scale(1.02)}50%{transform:scale(1.09)}}
.live-stage-state{margin:0;font:28px/1.1 Georgia,serif;letter-spacing:.01em}
.live-stage-bars{display:flex;align-items:flex-end;gap:4px;height:34px}
.live-stage-bars i{
  width:5px;height:100%;border-radius:999px;background:linear-gradient(180deg,#e7c7a0,#8a6340);
  transform-origin:center bottom;transform:scaleY(.3);opacity:.45;
}
.live-stage-feed-wrap{
  min-height:0;border:1px solid #ffffff12;border-radius:18px;background:#121512d9;
  box-shadow:0 18px 48px #0007;overflow:hidden;
}
.live-stage-feed{height:100%;overflow:auto;padding:16px;display:grid;gap:10px;align-content:start}
.live-feed-empty{place-self:center;text-align:center;padding:28px 12px;color:#8d958d}
.live-feed-empty p{margin:0 0 6px;font:22px Georgia,serif;color:#e8e2d8}
.live-line{display:grid;gap:4px;max-width:min(720px,100%)}
.live-line[data-role=user]{justify-self:end;text-align:right}
.live-line[data-role=assistant]{justify-self:start}
.live-line small{color:#d5a578;font-size:10px;font-weight:700;letter-spacing:.12em}
.live-line p{
  margin:0;padding:12px 14px;border-radius:16px;line-height:1.45;font-size:15px;
  background:#181b19;border:1px solid #ffffff10;overflow-wrap:anywhere
}
.live-line[data-role=user] p{background:#232826;border-bottom-right-radius:6px}
.live-line[data-role=assistant] p{border-bottom-left-radius:6px}
.live-line[data-live="1"] p{box-shadow:inset 0 0 0 1px #c78b5533}
.live-error p{color:#e9a59b;border-color:#bd6d6240}
.live-stage-bottom{display:grid;justify-items:center;gap:10px;padding-top:8px}
.live-stage-toggle{
  min-width:min(320px,92vw);min-height:54px;border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(180deg,#ece6dc,#d7c7b1);color:#171411;font:600 15px/1 Inter,system-ui,sans-serif;
  box-shadow:0 12px 28px #0007;
}
.live-stage-toggle[aria-pressed=true]{background:linear-gradient(180deg,#3a2a22,#2a201b);color:#f2e8dc;border:1px solid #c78b5555}
.live-stage-bottom small{color:#8d958d;font-size:11px;letter-spacing:.03em;text-align:center}
html[data-live-stage=on] #dock,html[data-live-stage=on] #menu-bar,html[data-live-stage=on] #workspace{pointer-events:none}
@media(max-width:600px){
  .live-stage{grid-template-rows:auto minmax(160px,.8fr) minmax(240px,1.2fr) auto;padding-left:14px;padding-right:14px}
  .live-stage-orb-wrap{width:148px;height:148px}
  .live-stage-orb{width:92px;height:92px}
  .live-stage-state{font-size:24px}
  .live-line p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .live-stage,.live-stage-orb,.live-stage-ring{transition:none;animation:none!important}
}

/* Dedicated Live app card */
.window[data-window=live]{min-width:420px;min-height:420px}
.window[data-window=live] .content{padding:0;overflow:hidden;background:#101210}
.live-app-shell{min-height:100%;display:grid;place-items:center;padding:28px;background:
  radial-gradient(circle at 70% 10%,#c78b5533,transparent 34%),
  linear-gradient(165deg,#151816,#101210 60%,#0d0f0d)}
.live-app-hero{max-width:420px;display:grid;gap:14px;justify-items:start}
.live-app-hero small{color:#d5a578;font-size:10px;font-weight:700;letter-spacing:.16em}
.live-app-hero h2{margin:0;font:clamp(34px,6vw,48px)/1.02 Georgia,serif;color:#f4f0e7}
.live-app-hero p{margin:0;color:#aeb5ad;line-height:1.55}
.live-app-open{
  min-height:48px;padding:0 18px;border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(180deg,#ece6dc,#d7c7b1);color:#171411;font-weight:700
}
.live-app-points{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:8px;color:#8d958d;font-size:13px}
.live-app-points li{padding-left:14px;position:relative}
.live-app-points li:before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#c78b55}
.live-stage-caption{margin:0;color:#8d958d;font-size:12px;text-align:center;max-width:280px}
.live-stage-glow{
  position:absolute;inset:18% 10% auto;height:42%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,#c78b5530,transparent 70%);filter:blur(8px);
  animation:live-glow 4.8s ease-in-out infinite;
}
@keyframes live-glow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
.hermes-composer-box{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:600px){
  .window[data-window=live]{min-width:0;min-height:0}
  .live-app-shell{padding:24px 20px}
  .live-app-hero h2{font-size:36px}
  .hermes-composer-box{grid-template-columns:minmax(0,1fr) 44px}
}

/* Tool-use animations on live stage */
.live-tool-orbit{
  position:absolute;inset:10px;border-radius:50%;pointer-events:none;opacity:0;
  transition:opacity .2s ease;
}
.live-stage[data-tool=on] .live-tool-orbit{opacity:1;animation:live-orbit-spin 2.4s linear infinite}
.live-tool-orbit span{
  position:absolute;width:9px;height:9px;border-radius:50%;
  background:#e0b286;box-shadow:0 0 12px #c78b5588;
}
.live-tool-orbit span[data-node="1"]{top:-3px;left:50%;transform:translateX(-50%)}
.live-tool-orbit span[data-node="2"]{right:-3px;top:50%;transform:translateY(-50%)}
.live-tool-orbit span[data-node="3"]{bottom:-3px;left:50%;transform:translateX(-50%)}
.live-tool-orbit span[data-node="4"]{left:-3px;top:50%;transform:translateY(-50%)}
@keyframes live-orbit-spin{to{transform:rotate(360deg)}}
.live-stage[data-state=thinking] .live-stage-orb,
.live-stage[data-tool=on] .live-stage-orb{
  filter:none;
  background:radial-gradient(circle at 32% 28%,#f4e0c4,#c78b55 42%,#4a6b58 78%,#152019 100%);
  animation:live-tool-pulse 1.1s ease-in-out infinite;
  box-shadow:0 0 0 10px #8fb08722,0 18px 48px #000a;
}
@keyframes live-tool-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.live-tool-chip{
  display:flex;align-items:center;gap:10px;min-width:min(320px,92vw);
  padding:10px 14px;border-radius:14px;border:1px solid #c78b554d;
  background:#1a221dcc;box-shadow:0 10px 28px #0006;
}
.live-tool-chip[hidden]{display:none!important}
.live-tool-chip strong{display:block;color:#f0e8dc;font-size:13px}
.live-tool-chip small{display:block;margin-top:3px;color:#aeb5ad;font-size:11px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-tool-spinner{
  width:18px;height:18px;border-radius:50%;flex:0 0 auto;
  border:2px solid #ffffff22;border-top-color:#d5a578;animation:live-spin .7s linear infinite;
}
@keyframes live-spin{to{transform:rotate(360deg)}}
.live-tool-line p{display:grid;gap:4px}
.live-tool-line b{color:#e0b286;font-size:13px}
.live-tool-line span{color:#aeb5ad;font-size:12px;line-height:1.4}
.live-tool-line[data-state=start] p{border-color:#c78b5566;box-shadow:inset 2px 0 #c78b55}
.live-tool-line[data-state=done] p{border-color:#8fb08755;box-shadow:inset 2px 0 #8fb087}
.live-stage[data-tool=on] .live-stage-bars i{background:linear-gradient(180deg,#d5e2cf,#7c9a78)}
.live-stage[data-state=thinking] .live-stage-state{color:#d5a578}
@media(prefers-reduced-motion:reduce){
  .live-tool-orbit,.live-tool-spinner,.live-stage[data-tool=on] .live-stage-orb{animation:none!important}
}

/* ===== Live Stage premium polish ===== */
.live-stage{
  position:fixed;inset:0;z-index:1400;display:grid;
  grid-template-rows:auto 1fr auto auto;
  gap:0;
  padding:max(14px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));
  color:#f4f0e7;opacity:0;transform:translateY(22px) scale(.978);
  transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1);
}
.live-stage[hidden]{display:none!important}
.live-stage[data-open=true]{opacity:1;transform:none}
.live-stage-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 70% 45% at 50% 38%,#c78b5525,transparent 55%),
    radial-gradient(ellipse 80% 50% at 50% 100%,#1a2420aa,transparent 58%),
    linear-gradient(165deg,#080a08 0%,#0e100e 46%,#090b09 100%);
}
.live-stage-noise{
  position:absolute;inset:0;z-index:0;opacity:.03;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.live-stage-vignette{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at center,transparent 35%,#0009 100%);
}
.live-stage-top,.live-stage-center,.live-stage-feed-wrap,.live-stage-bottom{position:relative;z-index:1}
.live-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.live-stage-brand{display:flex;align-items:center;gap:10px;min-width:0}
.live-stage-mark{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  border:1px solid #c78b5555;background:#1a1e1bcc;color:#e7c7a0;font-size:16px;
  box-shadow:inset 0 1px 0 #ffffff14;
}
.live-stage-brand small{display:block;color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.18em}
.live-stage-brand b{display:block;margin-top:3px;font:20px/1.05 Georgia,serif;font-weight:500;letter-spacing:.01em}
.live-stage-top-meta{display:flex;align-items:center;gap:8px}
.live-stage-timer{
  min-width:54px;padding:0 10px;height:32px;border-radius:999px;display:inline-grid;place-items:center;
  border:1px solid #ffffff14;background:#0e100ecc;color:#cfd5ce;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  font-variant-numeric:tabular-nums
}
.live-stage-pill{
  height:32px;padding:0 12px;border-radius:999px;display:inline-grid;place-items:center;
  border:1px solid #ffffff16;background:#141714cc;color:#ece8e0;font:11px/1 Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase
}
.live-stage-pill[data-state=listening]{border-color:#c78b554d;color:#e7c7a0}
.live-stage-pill[data-state=speaking]{border-color:#d5a57866;color:#f0d8b8;box-shadow:0 0 0 3px #c78b5520}
.live-stage-pill[data-state=thinking]{border-color:#8fb08766;color:#cfe0cb}
.live-stage-pill[data-state=connecting]{border-color:#ffffff22;color:#aeb5ad}
.live-stage-close{
  min-height:40px;padding:0 14px;border:1px solid #ffffff16;border-radius:12px;
  background:#0e110fdd;color:#f0ece4;cursor:pointer;font:12.5px/1 Inter,system-ui,sans-serif;font-weight:600
}
.live-stage-close:hover{background:#181c19}

/* Center area — orb dominant */
.live-stage-center{display:grid;place-content:center;justify-items:center;gap:16px;min-height:0}
.live-stage-orb-wrap{
  --level-scale:1;
  position:relative;width:220px;height:220px;display:grid;place-items:center;
  transform:scale(var(--level-scale)); transition:transform .12s ease-out
}
.live-stage-halo{
  position:absolute;inset:-28px;border-radius:50%;
  background:radial-gradient(circle,#c78b5525,transparent 68%);
  filter:blur(10px);opacity:.7;animation:live-halo 4.5s ease-in-out infinite
}
@keyframes live-halo{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.75;transform:scale(1.06)}}
.live-stage-orb{
  position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;
  background:
    radial-gradient(circle at 32% 26%,#f6e4cb 0%,#d7a66c 28%,#8a5d3c 58%,#2a221c 86%,#12100e 100%);
  box-shadow:
    0 28px 60px #000c,
    inset 0 1px 0 #ffffff66,
    inset 0 -20px 34px #0006;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease, background .3s ease;
}
.live-stage-orb-shine{
  position:absolute;left:18%;top:12%;width:44%;height:30%;border-radius:50%;
  background:linear-gradient(180deg,#fff9,#fff0);filter:blur(1.5px);pointer-events:none
}
.live-stage-ring{
  position:absolute;inset:8px;border-radius:50%;border:1px solid #c78b5540;opacity:.28;
  animation:live-ring 3.4s ease-out infinite
}
.live-stage-ring[data-ring="2"]{inset:0;animation-delay:.85s}
.live-stage-ring[data-ring="3"]{inset:-14px;animation-delay:1.7s}
@keyframes live-ring{0%{transform:scale(.55);opacity:.42}70%{opacity:.1}100%{transform:scale(1.2);opacity:0}}

.live-stage[data-state=listening] .live-stage-orb{box-shadow:0 0 0 12px #c78b5522,0 28px 60px #000c,inset 0 1px 0 #ffffff55}
.live-stage[data-state=speaking] .live-stage-orb{
  transform:scale(1.06);
  animation:live-orb-breathe 1.05s ease-in-out infinite;
  box-shadow:0 0 0 16px #d5a57828,0 30px 64px #000d,inset 0 1px 0 #ffffff66
}
.live-stage[data-state=connecting] .live-stage-orb{filter:saturate(.75) brightness(.92)}
@keyframes live-orb-breathe{0%,100%{transform:scale(1.03)}50%{transform:scale(1.1)}}

.live-stage-state{
  margin:2px 0 0;font:clamp(28px,6vw,42px)/1.05 Georgia,serif;letter-spacing:.005em;
  text-shadow:0 12px 36px #0009
}
.live-stage-sub{margin:0;max-width:320px;text-align:center;color:#7d857d;font-size:13px;line-height:1.45}
.live-stage-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:40px;margin-top:4px}
.live-stage-bars i{
  width:3.5px;height:100%;border-radius:999px;
  background:linear-gradient(180deg,#f0d8b8,#8a6340);
  transform-origin:center bottom;transform:scaleY(.25);opacity:.4;
  transition:background .25s ease
}
.live-stage-now{
  max-width:min(420px,92vw);margin:4px 0 0;padding:10px 16px;border-radius:14px;
  border:1px solid #ffffff0d;background:#0e110fcc;backdrop-filter:blur(12px);
  display:grid;gap:4px;text-align:center
}
.live-stage-now[hidden]{display:none!important}
.live-stage-now small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.14em}
.live-stage-now span{color:#efe9df;font-size:14px;line-height:1.4}

/* Transcript feed — compact overlay style */
.live-stage-feed-wrap{
  min-height:0;max-height:180px;display:grid;grid-template-rows:auto minmax(0,1fr);
  border:1px solid #ffffff0a;border-radius:16px;
  background:linear-gradient(180deg,#0e100ee0,#0b0d0be8);
  box-shadow:0 16px 40px #0006;overflow:hidden;
  margin-top:8px;
}
.live-stage-feed-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 14px;border-bottom:1px solid #ffffff08
}
.live-stage-feed-head small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.16em}
.live-stage-feed-head span{color:#6d756d;font-size:11px}
.live-stage-feed{
  min-height:0;overflow:auto;padding:10px 12px 12px;display:grid;gap:10px;align-content:start;
  scrollbar-width:thin;scrollbar-color:#ffffff14 transparent
}
.live-feed-empty{place-self:center;text-align:center;padding:18px 16px;color:#6d756d;display:grid;justify-items:center;gap:6px}
.live-feed-empty-orb{
  width:32px;height:32px;border-radius:50%;margin-bottom:2px;
  background:radial-gradient(circle at 35% 30%,#e7c7a0,#8a6340 60%,#1a1714);
  opacity:.6;box-shadow:0 8px 18px #0006
}
.live-feed-empty p{margin:0;font:18px Georgia,serif;color:#e8e2d8}
.live-feed-empty span{max-width:280px;font-size:12px;line-height:1.45}

.live-line{display:grid;gap:4px;max-width:min(720px,100%);animation:live-line-in .28s cubic-bezier(.22,1,.36,1) both}
.live-line[data-role=user]{justify-self:end}
.live-line[data-role=assistant],.live-tool-line{justify-self:start}
@keyframes live-line-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.live-line-meta{display:flex;align-items:center;gap:6px}
.live-line[data-role=user] .live-line-meta{justify-content:flex-end}
.live-line-meta small{color:#d5a578;font-size:9px;font-weight:700;letter-spacing:.12em}
.live-avatar{
  width:20px;height:20px;border-radius:6px;display:grid;place-items:center;
  font:9px/1 Inter,system-ui,sans-serif;font-weight:700;border:1px solid #ffffff12;background:#141714;color:#e8e2d8
}
.live-avatar[data-role=user]{background:#1d211e;color:#f0ece4}
.live-avatar[data-role=assistant]{background:#161c19;color:#d5a578;border-color:#c78b5528}
.live-avatar[data-kind=tool]{background:#181f1b;color:#cfe0cb;border-color:#8fb08740}
.live-line p{
  margin:0;padding:10px 12px;border-radius:14px;line-height:1.45;font-size:13.5px;
  background:#141714;border:1px solid #ffffff0a;overflow-wrap:anywhere;box-shadow:0 6px 16px #0003
}
.live-line[data-role=user] p{background:linear-gradient(180deg,#1e2320,#181c19);border-bottom-right-radius:5px}
.live-line[data-role=assistant] p{border-bottom-left-radius:5px}
.live-line[data-live="1"] p{box-shadow:inset 0 0 0 1px #c78b5530,0 6px 16px #0003}

/* Bottom controls — big centered mic */
.live-stage-bottom{display:grid;justify-items:center;gap:8px;padding-top:8px}
.live-stage-toggle{
  width:72px;height:72px;border:0;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;
  background:linear-gradient(180deg,#f0ebe3,#d8c8b2);color:#171411;
  font:600 0/0 Inter,system-ui,sans-serif;
  box-shadow:0 16px 40px #0009, inset 0 1px 0 #fff8;
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease
}
.live-stage-toggle:hover{transform:translateY(-2px)}
.live-stage-toggle-dot{
  width:22px;height:22px;border-radius:50%;background:#3a2a1e;
  box-shadow:inset 0 1px 0 #0003;
  transition:background .2s ease, box-shadow .2s ease, width .15s ease, height .15s ease, border-radius .15s ease
}
.live-stage-toggle[aria-pressed=true]{
  background:linear-gradient(180deg,#e04040,#b83030);color:#fff;
  box-shadow:0 16px 40px #0009, 0 0 0 4px #e0404020, inset 0 1px 0 #ffffff30
}
.live-stage-toggle[aria-pressed=true] .live-stage-toggle-dot{
  width:20px;height:20px;border-radius:4px;background:#fff;box-shadow:none
}
.live-stage-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.live-stage-bottom>small{color:#6d756d;font-size:10.5px;letter-spacing:.03em;text-align:center}

/* tool motion */
.live-tool-orbit{
  position:absolute;inset:14px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s ease
}
.live-stage[data-tool=on] .live-tool-orbit{opacity:1;animation:live-orbit-spin 2.8s linear infinite}
.live-tool-orbit span{
  position:absolute;width:8px;height:8px;border-radius:50%;
  background:#e0b286;box-shadow:0 0 14px #c78b5588
}
.live-tool-orbit span[data-node="1"]{top:-2px;left:50%;transform:translateX(-50%)}
.live-tool-orbit span[data-node="2"]{top:18%;right:2px}
.live-tool-orbit span[data-node="3"]{right:-2px;top:50%;transform:translateY(-50%)}
.live-tool-orbit span[data-node="4"]{bottom:18%;right:2px}
.live-tool-orbit span[data-node="5"]{bottom:-2px;left:50%;transform:translateX(-50%)}
.live-tool-orbit span[data-node="6"]{left:-2px;top:50%;transform:translateY(-50%)}
@keyframes live-orbit-spin{to{transform:rotate(360deg)}}
.live-stage[data-state=thinking] .live-stage-orb,
.live-stage[data-tool=on] .live-stage-orb{
  background:radial-gradient(circle at 32% 26%,#f4e0c4,#c78b55 36%,#4a6b58 72%,#152019 100%);
  animation:live-tool-pulse 1.1s ease-in-out infinite;
  box-shadow:0 0 0 12px #8fb08722,0 22px 50px #000b,inset 0 1px 0 #ffffff55
}
@keyframes live-tool-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.live-tool-chip{
  display:flex;align-items:center;gap:12px;min-width:min(340px,92vw);
  padding:12px 14px;border-radius:16px;border:1px solid #c78b554d;
  background:linear-gradient(180deg,#1d2620ee,#161c19ee);box-shadow:0 14px 32px #0007
}
.live-tool-chip[hidden]{display:none!important}
.live-tool-copy{min-width:0;flex:1}
.live-tool-chip strong{display:block;color:#f0e8dc;font-size:13.5px}
.live-tool-chip small{display:block;margin-top:4px;color:#aeb5ad;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-tool-tag{
  flex:0 0 auto;padding:5px 8px;border-radius:999px;border:1px solid #8fb08744;
  color:#cfe0cb;font:10px/1 Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.08em
}
.live-tool-spinner{
  width:18px;height:18px;border-radius:50%;flex:0 0 auto;
  border:2px solid #ffffff22;border-top-color:#d5a578;animation:live-spin .7s linear infinite
}
@keyframes live-spin{to{transform:rotate(360deg)}}
.live-tool-line p{display:grid;gap:5px}
.live-tool-line b{color:#e0b286;font-size:13px}
.live-tool-line span{color:#aeb5ad;font-size:12px;line-height:1.4}
.live-tool-line[data-state=start] p{border-color:#c78b5566;box-shadow:inset 2px 0 #c78b55,0 8px 20px #0003}
.live-tool-line[data-state=done] p{border-color:#8fb08755;box-shadow:inset 2px 0 #8fb087,0 8px 20px #0003}
.live-stage[data-tool=on] .live-stage-bars i{background:linear-gradient(180deg,#d5e2cf,#7c9a78)}
.live-stage[data-state=thinking] .live-stage-state{color:#d5a578}

html[data-live-stage=on] #dock,html[data-live-stage=on] #menu-bar,html[data-live-stage=on] #workspace{pointer-events:none}

/* Live app card */
.window[data-window=live]{min-width:440px;min-height:460px}
.window[data-window=live] .content{padding:0;overflow:hidden;background:#101210}
.live-app-shell{min-height:100%;display:grid;place-items:center;padding:32px;background:
  radial-gradient(circle at 78% 8%,#c78b5536,transparent 34%),
  linear-gradient(165deg,#161916,#101210 58%,#0c0e0c)}
.live-app-hero{max-width:440px;display:grid;gap:16px;justify-items:start}
.live-app-badge{
  display:inline-grid;place-items:center;height:28px;padding:0 10px;border-radius:999px;
  border:1px solid #c78b554d;color:#e7c7a0;font:10px/1 Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.16em
}
.live-app-hero h2{margin:0;font:clamp(36px,6vw,52px)/1.02 Georgia,serif;color:#f4f0e7}
.live-app-hero p{margin:0;color:#aeb5ad;line-height:1.55;max-width:36ch}
.live-app-open{
  min-height:48px;padding:0 18px;border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(180deg,#f0ebe3,#d8c8b2);color:#171411;font-weight:700;
  box-shadow:0 12px 28px #0006
}
.live-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:4px}
.live-app-grid article{
  padding:12px;border-radius:12px;border:1px solid #ffffff12;background:#151816;display:grid;gap:6px
}
.live-app-grid small{color:#8d958d;font-size:9px;letter-spacing:.12em;font-weight:700}
.live-app-grid b{color:#ece8e0;font:14px/1.2 Georgia,serif;font-weight:500}

@media(max-width:600px){
  .live-stage{
    grid-template-rows:auto 1fr auto auto;
    padding-left:12px;padding-right:12px;gap:0
  }
  .live-stage-orb-wrap{width:180px;height:180px}
  .live-stage-orb{width:110px;height:110px}
  .live-stage-state{font-size:28px}
  .live-stage-brand b{font-size:18px}
  .live-stage-timer{display:none}
  .live-line p{font-size:13px}
  .live-stage-feed-wrap{max-height:160px}
  .live-stage-toggle{width:64px;height:64px}
  .window[data-window=live]{min-width:0;min-height:0}
  .live-app-shell{padding:24px 20px}
  .live-app-hero h2{font-size:36px}
  .live-app-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .live-stage,.live-stage-orb,.live-stage-ring,.live-tool-orbit,.live-tool-spinner,.live-halo,.live-line{transition:none!important;animation:none!important}
}

/* Live camera dock */
.live-cam-dock{
  position:absolute;z-index:3;right:14px;bottom:calc(96px + env(safe-area-inset-bottom));
  width:min(148px,34vw);display:grid;gap:8px;justify-items:stretch;
}
.live-cam-frame{
  position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;
  border:1px solid #ffffff18;background:#101311;box-shadow:0 16px 36px #0009;
}
.live-cam-video{
  width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .2s ease;
  background:#0d0f0d;
}
.live-cam-video.on{opacity:1}
.live-cam-empty{
  position:absolute;inset:0;display:grid;place-items:center;color:#8d958d;font-size:11px;
  background:linear-gradient(180deg,#171b18,#101311);letter-spacing:.04em
}
.live-cam-empty[hidden]{display:none!important}
.live-cam-badge{
  position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:999px;
  background:#1a241ecc;border:1px solid #c78b5555;color:#e7c7a0;
  font:9px/1 Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.1em
}
.live-cam-badge[hidden]{display:none!important}
.live-cam-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.live-cam-btn{
  min-height:36px;border-radius:11px;border:1px solid #ffffff16;background:#171b18cc;
  color:#f0ece4;cursor:pointer;font:11.5px/1 Inter,system-ui,sans-serif;font-weight:600
}
.live-cam-btn[aria-pressed=true]{background:#c78b5530;border-color:#c78b5566;color:#f0e2d2}
.live-cam-btn.ghost{background:transparent}
.live-cam-dock[data-on=true] .live-cam-frame{box-shadow:0 0 0 1px #c78b5540,0 16px 36px #0009}
@media(max-width:600px){
  .live-cam-dock{right:10px;bottom:calc(108px + env(safe-area-inset-bottom));width:118px}
  .live-cam-actions{grid-template-columns:1fr}
  .live-cam-btn.ghost{min-height:32px}
}

/* Optimize: Smooth dom element updates inside feed (prevent hard flicker) */
.live-line {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.live-line p {
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Redesign Camera dock: Move actions/buttons above the video view, use a clean overlay style */
.live-cam-dock {
  position: absolute;
  z-index: 30;
  right: 18px;
  bottom: calc(108px + env(safe-area-inset-bottom));
  width: min(156px, 36vw);
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
.live-cam-frame {
  position: relative;
  aspect-ratio: 4/3; /* landscape proportion fit */
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #111412;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7);
  transition: aspect-ratio 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.live-cam-dock[data-on=true] .live-cam-frame {
  aspect-ratio: 4/3;
  border-color: rgba(199, 139, 85, 0.45);
  box-shadow: 0 0 0 1px rgba(199, 139, 85, 0.25), 0 20px 48px rgba(0,0,0,0.8);
}
.live-cam-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.live-cam-video.on {
  opacity: 1;
}
.live-cam-empty {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #7d857d;
  font-size: 11px;
  font-weight: 500;
  background: #151916;
  letter-spacing: .02em;
}
.live-cam-badge {
  position: absolute;
  right: 8px;
  top: 8px;
  left: auto;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(199, 139, 85, 0.85);
  color: #000;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.live-cam-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
.live-cam-btn {
  flex: 1;
  min-height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(23, 27, 24, 0.8);
  backdrop-filter: blur(8px);
  color: #efece5;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.live-cam-btn:active {
  transform: scale(0.97);
}
.live-cam-btn[aria-pressed=true] {
  background: rgba(199, 139, 85, 0.28);
  border-color: rgba(199, 139, 85, 0.5);
  color: #ffeedc;
}
.live-cam-btn.ghost {
  flex: 0 0 42px;
  width: 42px;
  display: grid;
  place-items: center;
  font-size: 14px;
}

@media(max-width: 600px) {
  .live-cam-dock {
    right: 12px;
    bottom: calc(108px + env(safe-area-inset-bottom));
    width: 124px;
    gap: 8px;
  }
  .live-cam-btn {
    min-height: 34px;
    font-size: 11px;
    border-radius: 10px;
  }
  .live-cam-btn.ghost {
    flex: 0 0 34px;
    width: 34px;
  }
}

/* Multi-choice clarify overlay for Live stage */
.live-clarify-box {
  position: absolute;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(10, 12, 10, 0.88);
  backdrop-filter: blur(14px);
  animation: live-clarify-in 0.28s cubic-bezier(.22,1,.36,1) both;
}
.live-clarify-box[hidden] {
  display: none !important;
}
@keyframes live-clarify-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.live-clarify-content {
  width: min(380px, 100%);
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid rgba(199, 139, 85, 0.35);
  background: #171b18;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8);
}
.live-clarify-content h4 {
  margin: 0;
  font: 18px/1.25 Georgia, serif;
  color: #efe9df;
  text-align: center;
}
.live-clarify-opts {
  display: grid;
  gap: 8px;
}
.live-clarify-btn {
  min-height: 46px;
  padding: 8px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #e8e2d8;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  line-height: 1.4;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.live-clarify-btn:active {
  transform: scale(0.98);
}
.live-clarify-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(199, 139, 85, 0.25);
}
.live-clarify-btn.opt {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.live-clarify-btn.cancel {
  background: rgba(189, 109, 98, 0.12);
  border-color: rgba(189, 109, 98, 0.25);
  color: #e9a59b;
  text-align: center;
  font-weight: 600;
  margin-top: 4px;
}
.live-clarify-btn.cancel:hover {
  background: rgba(189, 109, 98, 0.2);
}

/* Bottom controls action buttons for Camera */
.live-stage-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.live-stage-action-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: #efece5;
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 18px;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.live-stage-action-btn:active {
  transform: scale(0.95);
}
.live-stage-action-btn.active {
  background: rgba(199, 139, 85, 0.28);
  border-color: rgba(199, 139, 85, 0.50);
  color: #ffeedc;
}
.live-stage-action-btn.ghost {
  background: transparent;
  border-color: transparent;
}

/* Picture in Picture camera dock styling */
.live-cam-dock {
  position: absolute;
  z-index: 30;
  right: 18px;
  top: 18px;
  bottom: auto;
  width: 108px;
  pointer-events: auto;
}
.live-cam-dock[data-on=false] {
  display: none !important;
}
.live-cam-frame {
  position: relative;
  aspect-ratio: 4/3;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(199, 139, 85, 0.35);
  background: #111412;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.8);
}
.live-cam-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.live-cam-video.on {
  opacity: 1;
}
.live-cam-badge {
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(199, 139, 85, 0.85);
  color: #000;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .06em;
}