:root{
  --desktop:#008080;--desktop-deep:#006f78;--desktop-grid:rgba(255,255,255,.055);
  --window:#c0c0c0;--window-light:#fff;--window-mid:#dfdfdf;--window-dark:#808080;--window-deep:#404040;
  --title-a:#000080;--title-b:#1084d0;--text:#111;--mono:"Lucida Console","Courier New",monospace;--ui:Tahoma,"MS Sans Serif",Arial,sans-serif;
  --cursor-arrow:url("../assets/cursors/Cursor79.cur"),default;
  --cursor-hand:url("../assets/cursors/Cursor107.cur"),pointer;
}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;cursor:var(--cursor-arrow)}body{font-family:var(--ui);font-size:12px;color:var(--text);background:var(--desktop);user-select:none}button,a,.desktop-icon,.task-button,.start-button,.tray-button,.win-btn,.start-row,label,input,select,textarea{cursor:var(--cursor-hand)}
.desktop{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.16)),linear-gradient(90deg,var(--desktop-grid) 1px,transparent 1px),linear-gradient(var(--desktop-grid) 1px,transparent 1px),linear-gradient(135deg,var(--desktop),var(--desktop-deep));background-size:auto,24px 24px,24px 24px,auto}.desktop-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 12%,rgba(255,174,224,.18),transparent 30%),radial-gradient(circle at 20% 88%,rgba(124,255,218,.13),transparent 26%),repeating-linear-gradient(0deg,rgba(255,255,255,.018),rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px);opacity:.85}.desktop:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px rgba(0,0,0,.18)}
.desktop-icons{position:fixed;top:12px;left:10px;display:grid;gap:12px;z-index:2;width:82px}.desktop-icon{width:78px;min-height:76px;border:0;background:transparent;color:#fff;text-align:center;font-size:12px;text-shadow:1px 1px 0 #000;display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px 2px}.desktop-icon:hover .icon-label,.desktop-icon:focus .icon-label{background:rgba(0,0,128,.72);outline:1px dotted #fff}.icon-img{width:36px;height:36px;object-fit:contain;image-rendering:auto}.icon-symbol{width:36px;height:36px;display:grid;place-items:center;background:var(--window-mid);border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:1px 1px 0 rgba(0,0,0,.35);color:#111;font:bold 15px var(--mono);text-shadow:none}.icon-label{display:inline-block;max-width:78px;line-height:1.15;padding:1px 3px;word-break:break-word}
.window-layer{position:absolute;inset:18px 16px 38px 108px;z-index:5;pointer-events:none}.os-window{position:absolute;display:flex;flex-direction:column;min-width:280px;min-height:190px;background:var(--window);border-top:2px solid var(--window-light);border-left:2px solid var(--window-light);border-right:2px solid var(--window-deep);border-bottom:2px solid var(--window-deep);box-shadow:1px 1px 0 var(--window-dark),3px 3px 0 rgba(0,0,0,.18);pointer-events:auto;overflow:hidden}.os-window.active{box-shadow:1px 1px 0 var(--window-dark),4px 4px 0 rgba(0,0,0,.25)}.os-window.maximized{left:0!important;top:0!important;width:100%!important;height:100%!important}.titlebar{height:28px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,var(--title-a),var(--title-b));color:#fff;font-weight:700;padding:5px 4px 5px 8px;cursor:var(--cursor-hand)}.os-window:not(.active) .titlebar{background:linear-gradient(90deg,#777,#aaa)}.title-left{display:flex;align-items:center;gap:7px;min-width:0}.title-icon{width:16px;height:16px;object-fit:contain}.title-symbol{display:grid;place-items:center;background:#dcdcdc;color:#111;font:bold 10px var(--mono);border:1px solid #fff}.title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-buttons{display:flex;gap:2px}.win-btn{width:22px;height:20px;padding:0;background:var(--window);border:0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;color:#000;font:bold 12px var(--ui);line-height:1}.win-btn:active{border-top-color:#404040;border-left-color:#404040;border-right-color:#fff;border-bottom-color:#fff}.addressbar{display:flex;align-items:center;gap:6px;padding:4px 5px;border-top:1px solid #eee;border-bottom:1px solid #909090;background:#c9c9c9;font:11px var(--ui)}.addr-label{color:#555}.addr-path{flex:1;min-width:0;background:#fff;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff;padding:2px 5px;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-content{flex:1;min-height:0;background:#c0c0c0;border-top:1px solid #f3f3f3;overflow:hidden}.window-content iframe{display:block;width:100%;height:100%;border:0;background:#c0c0c0}.statusbar{height:21px;display:flex;align-items:center;gap:8px;padding:2px 6px;border-top:1px solid #808080;background:#d0d0d0;color:#333;font:11px var(--mono)}.resize-grip{margin-left:auto;color:#777}.system-doc{font-family:var(--mono);padding:18px;background:#f7f7ef;min-height:100%;line-height:1.5}
.taskbar{position:absolute;left:0;right:0;bottom:0;height:34px;z-index:20;display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--window);border-top:2px solid #fff}.start-button,.task-button,.tray-button{height:26px;background:var(--window);border:0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;color:#000;font:12px var(--ui);box-shadow:1px 1px 0 #808080}.start-button{min-width:78px;font-weight:700}.start-glyph{font-size:14px;color:#146d4c}.start-button.active,.task-button.active,.tray-button:active{border-top-color:#404040;border-left-color:#404040;border-right-color:#fff;border-bottom-color:#fff;box-shadow:none}.task-list{display:flex;gap:4px;flex:1;min-width:0}.task-button{display:flex;align-items:center;gap:6px;min-width:132px;max-width:220px;padding:0 7px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-button img,.task-button span{width:16px;height:16px;display:inline-grid;place-items:center;flex:0 0 auto}.task-button b{font-weight:400;overflow:hidden;text-overflow:ellipsis}.task-button.minimized{font-style:italic;opacity:.72}.tray{height:26px;min-width:168px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:2px 8px;background:#d5d5d5;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff}.tray-button{height:18px;padding:0 6px;font:10px var(--mono);box-shadow:none}.clock{min-width:44px;text-align:right;font:12px var(--mono)}
.start-menu{position:absolute;left:4px;bottom:34px;width:305px;max-height:min(460px,calc(100vh - 42px));z-index:30;display:none;background:var(--window);border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px 0 rgba(0,0,0,.3)}.start-menu.open{display:flex}.start-side{width:42px;background:linear-gradient(180deg,#000080,#111);color:#fff;font:bold 20px var(--ui);letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:flex-end;padding:10px 5px}.start-body{flex:1;min-width:0;padding:8px;overflow:auto}.start-header{font:bold 12px var(--mono);padding:7px;margin-bottom:8px;background:#efefef;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff}.start-row{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;color:#111;font:12px var(--ui);padding:5px 7px}.start-row:hover{background:#000080;color:#fff}.start-icon{width:24px;height:24px;display:grid;place-items:center;background:#dfdfdf;color:#111;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;font:bold 11px var(--mono);flex:0 0 24px}.start-row:hover .start-icon{color:#111}.start-divider{height:1px;background:#808080;border-bottom:1px solid #fff;margin:7px 0}
.boot-screen{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#000;color:#c0c0c0;font-family:var(--mono)}.boot-screen.done{opacity:0;pointer-events:none;transition:opacity .55s ease}.boot-card{width:min(620px,88vw);padding:18px;background:#000;border:2px solid #808080;box-shadow:0 0 0 1px #fff inset}.boot-logo{font-family:var(--ui);font-size:30px;color:#fff;font-weight:700;letter-spacing:.03em}.boot-sub{font-family:var(--ui);font-size:13px;color:#c8c8c8;margin:6px 0 14px}.boot-log{height:160px;margin:0;overflow:hidden;white-space:pre-wrap;line-height:1.5;color:#b9ffd2}.boot-log:after{content:"_";animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:0}}.is-opening{animation:win98Open 210ms steps(12,end)}.is-closing{animation:win98Close 160ms steps(8,end) forwards}.is-minimizing{animation:win98Minimize 180ms steps(9,end) forwards}@keyframes win98Open{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes win98Close{to{opacity:0;transform:scale(.15)}}@keyframes win98Minimize{to{opacity:0;transform:translateY(36px) scale(.88)}}
@media(max-width:760px){.desktop-icons{left:8px;right:8px;top:8px;width:auto;display:flex;gap:8px;overflow:auto}.window-layer{inset:98px 6px 34px 6px}.os-window{left:0!important;top:0!important;width:100%!important;height:100%!important}.addressbar{display:none}.task-button{min-width:80px}.start-menu{width:min(305px,calc(100vw - 12px))}}

/* M98 PRIORITY 1: restore the older handmade desktop feel on the new kernel */
body.crt-on::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:95;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.055) 0 1px, rgba(0,0,0,.035) 1px 3px),
    radial-gradient(circle at center, transparent 58%, rgba(0,0,0,.22) 100%);
  mix-blend-mode:soft-light;
  opacity:.72;
}
body.crt-on::after{
  content:"";
  position:fixed;
  inset:-2%;
  z-index:96;
  pointer-events:none;
  border-radius:2.5%;
  box-shadow:inset 0 0 90px rgba(0,0,0,.22), inset 0 0 18px rgba(255,255,255,.05);
  opacity:.8;
}
.desktop{
  background:
    linear-gradient(rgba(255,255,255,.05), rgba(0,0,0,.08)),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(180deg, #008080 0%, #0b6b6b 100%) !important;
  background-size:auto,24px 24px,24px 24px,auto !important;
}
.desktop-shade{opacity:.55 !important}
.desktop-icons{top:12px!important;left:10px!important;width:84px!important;gap:12px!important;z-index:2!important}
.desktop-icon{width:78px!important;min-height:auto!important;padding:0!important;gap:0!important;color:#fff!important;font-size:12px!important;text-shadow:1px 1px 0 #000!important;background:transparent!important}
.icon-symbol,
.icon-img,
.start-icon,
.title-symbol{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
  text-shadow:1px 1px 0 #000!important;
}
.icon-symbol{width:44px!important;height:38px!important;font:bold 28px/1 var(--ui)!important;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.8));margin:0 auto 4px!important}
.icon-label{max-width:78px!important;line-height:1.15!important;padding:1px 3px!important}
.desktop-icon:hover .icon-label,.desktop-icon:focus .icon-label{background:rgba(0,0,128,.55)!important;outline:1px dotted #fff!important}
.window-layer{inset:18px 16px 38px 108px!important}
.os-window{border-top:2px solid #fff!important;border-left:2px solid #fff!important;border-right:2px solid #404040!important;border-bottom:2px solid #404040!important;box-shadow:1px 1px 0 #808080,2px 2px 0 rgba(0,0,0,.28)!important;background:#c0c0c0!important}
.titlebar{height:28px!important;padding:0 4px 0 8px!important;font-size:13px!important;background:linear-gradient(90deg,#000080,#1084d0)!important}
.title-icon{width:18px!important;height:18px!important;display:inline-grid!important;place-items:center!important;font-size:14px!important;text-shadow:none!important;color:#fff!important}
.title-symbol{font:bold 14px var(--ui)!important;filter:none!important}
.win-btn{background:#dfdfdf!important;width:22px!important;height:20px!important;font-size:12px!important}
.addressbar{height:26px!important;background:#c9c9c9!important;font-size:11px!important}
.taskbar{height:34px!important;background:#c0c0c0!important;border-top:2px solid #fff!important;gap:6px!important;padding:4px 6px!important}
.start-button,.task-button,.tray-button,.m98-control-button{background:#c0c0c0!important;border:0!important;border-top:2px solid #fff!important;border-left:2px solid #fff!important;border-right:2px solid #404040!important;border-bottom:2px solid #404040!important;box-shadow:1px 1px 0 #808080!important;color:#000!important}
.start-button{font-weight:700!important;min-width:78px!important}.start-glyph{color:#146d4c!important}.task-button span{font-size:15px}.tray{background:#d5d5d5!important}
.start-menu{width:328px!important;background:#c0c0c0!important}.start-side{background:linear-gradient(180deg,#000080,#111)!important}.start-row{min-height:32px!important}.start-icon{width:24px!important;height:24px!important;font-size:18px!important;text-shadow:none!important;filter:none!important;color:#111!important}.start-row:hover .start-icon{background:transparent!important;color:#fff!important;text-shadow:1px 1px 0 #000!important}.start-header{font-family:"Lucida Console","Courier New",monospace!important}
.start-controls{display:grid;gap:7px;padding:7px;margin-top:6px;background:#dfdfdf;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff;font:11px var(--mono)}
.control-row{display:grid;grid-template-columns:76px 1fr 34px;gap:6px;align-items:center}.control-row input[type="range"]{width:100%}.m98-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:0;text-align:left;font:12px var(--ui);padding:5px 7px}.m98-toggle:hover{background:#000080;color:#fff}.m98-toggle .box{width:14px;height:14px;display:inline-grid;place-items:center;background:#fff;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff;color:#000;font:11px var(--mono)}
@keyframes win98Open{0%{opacity:0;transform:scale(.12)}55%{opacity:1;transform:scale(.88)}100%{opacity:1;transform:scale(1)}}
@keyframes win98Minimize{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.16) translateY(120px)}}
@media(max-width:760px){.desktop-icons{left:8px!important;right:8px!important;top:8px!important;width:auto!important;display:flex!important;gap:8px!important}.window-layer{inset:98px 6px 34px 6px!important}}

/* M98 PRIORITY 2: coherent icon language, colder terminal chrome, stronger OS behavior */
:root{
  --m98-amber:#ffd36a;
  --m98-green:#9cffc7;
  --m98-blue:#000080;
  --m98-shadow:rgba(0,0,0,.34);
}
body{letter-spacing:.01em}
.boot-card{border:2px solid #8a8a8a!important;background:#050708!important;color:#9cffc7!important;box-shadow:0 0 0 2px #000, 0 18px 80px rgba(0,0,0,.55)!important}
.boot-logo{font-family:var(--mono)!important;letter-spacing:.18em!important;color:#fff!important;text-shadow:0 0 12px rgba(156,255,199,.45)!important}
.boot-sub,.boot-log{font-family:var(--mono)!important;color:#9cffc7!important}
.desktop-icon .icon-symbol{font-family:"Apple Color Emoji","Segoe UI Emoji",var(--ui)!important}
.desktop-icon:hover .icon-symbol,.desktop-icon:focus .icon-symbol{transform:translateY(-1px);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(255,255,255,.24))}
.icon-label{background:rgba(0,0,0,.12);border-radius:1px}
.desktop-icon:hover .icon-label,.desktop-icon:focus .icon-label{background:#000080!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.os-window.active{box-shadow:1px 1px 0 #808080,2px 2px 0 rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.22)!important}
.os-window:not(.active) .titlebar{background:linear-gradient(90deg,#666,#aaa)!important;color:#ddd!important}
.titlebar{letter-spacing:.01em}.title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-left{min-width:0}.title-symbol{font-family:"Apple Color Emoji","Segoe UI Emoji",var(--ui)!important}
.addressbar{font-family:var(--mono)!important;color:#111}.addr-label{text-transform:uppercase;color:#333}.addr-path{background:#fff;border-top:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #fff;border-bottom:1px solid #fff;padding:2px 6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statusbar{font-family:var(--mono)!important;font-size:10px!important;color:#1d1d1d!important;background:#c7c7c7!important;border-top:1px solid #808080!important}.statusbar span:first-child::before{content:"SYS: ";color:#000080;font-weight:700}
.window-content iframe{background:#f4f4f4}.win-btn:active,.start-button:active,.task-button:active,.tray-button:active{border-top-color:#404040!important;border-left-color:#404040!important;border-right-color:#fff!important;border-bottom-color:#fff!important;box-shadow:inset 1px 1px 0 #808080!important;transform:translate(1px,1px)}
.start-menu{box-shadow:2px 2px 0 rgba(0,0,0,.45),0 20px 60px rgba(0,0,0,.26)!important}.start-header{background:#111;color:#9cffc7;border:1px solid #555;padding:5px 7px;margin:5px 5px 6px 5px;text-transform:uppercase;letter-spacing:.08em}.start-group-label{font:10px var(--mono);color:#333;background:#ababab;border-top:1px solid #808080;border-bottom:1px solid #fff;padding:3px 8px;margin-top:3px;letter-spacing:.08em}.start-row{grid-template-columns:30px 1fr!important;position:relative}.start-row small{grid-column:2;display:block;font:9px var(--mono);opacity:.58;margin-top:-2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-row:hover small{opacity:.82;color:#d8e8ff}.start-controls::before{content:"SYSTEM MIXER";font:10px var(--mono);letter-spacing:.08em;color:#000080}.control-row output{font-variant-numeric:tabular-nums}.control-row input[type="range"]{accent-color:#000080}
.task-list{gap:4px}.task-button{font-family:var(--ui)!important}.task-button b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-button.active b{font-weight:700}.task-button.minimized{opacity:.72}.tray{position:relative}.tray::before{content:attr(data-status);display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px var(--mono);color:#003b3b;padding:0 6px;border-right:1px solid #808080;margin-right:3px}
.system-doc,.app-shell{font-family:var(--mono)!important;color:#111}.system-doc h1,.app-shell h1{font-size:16px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #808080;padding-bottom:6px}.system-doc code,.app-shell code{background:#111;color:#9cffc7;padding:1px 4px}
@media(max-width:900px){.tray::before{display:none}.start-row small{display:none}}

/* M98 PRIORITY 3: stronger OS truthiness */
.os-window{min-width:320px;min-height:220px;will-change:left,top,width,height,transform;resize:none}
.os-window.dragging,.os-window.resizing{user-select:none;box-shadow:1px 1px 0 #808080,2px 2px 0 rgba(0,0,0,.38),0 0 0 2px rgba(255,211,106,.28),0 24px 60px rgba(0,0,0,.3)!important}
.os-window.dragging iframe,.os-window.resizing iframe{pointer-events:none}.titlebar{cursor:move}.resize-grip{cursor:nwse-resize;font-size:13px;padding:0 3px}.os-window.maximized{left:0!important;top:0!important;width:100%!important;height:100%!important}.os-window.maximized .titlebar{cursor:default}.window-content{min-height:0}.desktop-context{position:fixed;z-index:9999;width:205px;display:none;background:#c0c0c0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px 0 rgba(0,0,0,.35);padding:3px;font:12px var(--ui)}.desktop-context.open{display:block}.desktop-context button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:5px 8px;color:#111;font:12px var(--ui)}.desktop-context button:hover{background:#000080;color:#fff}.desktop-context hr{border:0;border-top:1px solid #808080;border-bottom:1px solid #fff;margin:3px}.task-button.minimized{box-shadow:inset 1px 1px 0 #808080!important;background:#aaa!important}.boot-log::after{content:"_";animation:m98blink .8s steps(1) infinite}@keyframes m98blink{50%{opacity:0}}

/* M.I.N.D. Program app identity */
.desktop-icon .icon-img {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  image-rendering: pixelated !important;
  border-radius: 3px !important;
  background: #eee8d7 !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 1px 1px 0 #000, 0 0 0 1px rgba(0,0,0,.55) !important;
  margin: 0 auto 4px !important;
}
.start-row .start-icon {
  object-fit: cover !important;
  image-rendering: pixelated !important;
  border-radius: 2px !important;
  background: #eee8d7 !important;
  border: 1px solid #555 !important;
}
.title-icon[src], .task-button img {
  width: 18px !important;
  height: 18px !important;
  object-fit: cover !important;
  image-rendering: pixelated !important;
  border-radius: 2px !important;
}
.task-button img { margin-right: 2px; }

/* M.I.N.D. active atmosphere layer */
body.mind-active .desktop{background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.54)),linear-gradient(90deg,rgba(156,255,199,.035) 1px,transparent 1px),linear-gradient(rgba(156,255,199,.03) 1px,transparent 1px),linear-gradient(135deg,#002f35,#041012)!important;background-size:auto,24px 24px,24px 24px,auto!important}
body.mind-active .desktop-shade{background:radial-gradient(circle at 70% 12%,rgba(105,22,18,.22),transparent 32%),radial-gradient(circle at 20% 88%,rgba(0,0,0,.44),transparent 30%),repeating-linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.18) 1px,transparent 1px,transparent 4px)!important;opacity:.92!important}
body.mind-active .desktop:after{box-shadow:inset 0 0 190px rgba(0,0,0,.72),inset 0 0 38px rgba(156,255,199,.08)!important}
body.mind-active .desktop-icons .desktop-icon:not([data-app="archive"]){filter:brightness(.72) saturate(.65)}

/* Desktop folders: persistent Win98-style shortcut containers. */
.desktop-folder-icon .folder-symbol{background:transparent!important;border:0!important;box-shadow:none!important;font-size:36px!important;line-height:38px!important;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.75))!important}
.desktop-folder-icon.folder-drop-target .folder-symbol{filter:drop-shadow(0 0 5px #fff) drop-shadow(2px 2px 0 #000)!important;transform:translateY(-2px)}
.desktop-folder-icon.folder-drop-target .icon-label{background:#000080!important;outline:1px dotted #fff!important}
.folder-name-input{display:block;width:78px;height:19px;margin:0;padding:1px 2px;background:#fff;color:#000;border:1px solid #000;font:11px var(--ui);text-align:center;text-shadow:none;user-select:text}
.folder-view{position:relative;height:100%;display:grid;grid-template-rows:34px 1fr 22px;background:#fff;overflow:hidden}
.folder-view.folder-drop-target{box-shadow:inset 0 0 0 3px #000080}
.folder-toolbar{display:flex;align-items:center;gap:5px;padding:4px 6px;background:#c0c0c0;border-bottom:1px solid #808080}
.folder-toolbar button,.shell-dialog button{min-height:23px;padding:2px 8px;background:#c0c0c0;border:0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;font:11px var(--ui)}
.folder-toolbar button:active,.shell-dialog button:active{border-top-color:#404040;border-left-color:#404040;border-right-color:#fff;border-bottom-color:#fff}
.folder-toolbar button:disabled{color:#777;text-shadow:1px 1px #fff}
.folder-object-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fill,92px);grid-auto-rows:88px;align-content:start;gap:8px;padding:12px;overflow:auto;background:#fff}
.folder-object{width:88px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:5px 3px;background:transparent;border:1px solid transparent;color:#111;font:11px var(--ui);text-align:center;touch-action:none}
.folder-object:hover,.folder-object.selected{border:1px dotted #000080}.folder-object.selected .folder-item-label{background:#000080;color:#fff}
.folder-item-icon{width:40px;height:40px;display:grid;place-items:center;object-fit:contain;font-size:28px;color:#111;text-shadow:none}
.folder-item-label{display:inline-block;max-width:84px;padding:1px 3px;line-height:1.12;word-break:break-word}
.folder-empty{grid-column:1/-1;padding:22px;color:#666;font:12px var(--mono)}
.folder-object-status{padding:3px 7px;background:#c0c0c0;border-top:1px solid #808080;font:10px var(--mono);color:#333}
.folder-item-context{position:fixed;z-index:10050;display:none;width:165px;padding:3px;background:#c0c0c0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px rgba(0,0,0,.35)}
.folder-item-context.open{display:block}.folder-item-context button{display:block;width:100%;border:0;background:transparent;padding:5px 8px;text-align:left;font:11px var(--ui)}.folder-item-context button:hover{background:#000080;color:#fff}.folder-item-context hr{border:0;border-top:1px solid #808080;border-bottom:1px solid #fff;margin:3px}
.shell-dialog-backdrop{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;background:rgba(0,0,0,.18)}
.shell-dialog{width:min(410px,calc(100vw - 28px));background:#c0c0c0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:5px 5px rgba(0,0,0,.4)}
.shell-dialog>header{padding:5px 7px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700}.shell-dialog-body{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:16px}.shell-dialog-body p{margin:0;line-height:1.4;user-select:text}.shell-dialog-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffd600;border:2px solid #111;font:bold 22px var(--ui)}.shell-dialog>footer{display:flex;justify-content:flex-end;gap:7px;padding:0 14px 13px}.shell-dialog>footer button{min-width:72px}
@media(max-width:768px){.folder-view{grid-template-rows:38px 1fr 24px}.folder-object-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));padding:8px}.folder-object{width:100%;height:78px}}
body.mind-active .os-window.active[data-app="archive"],body.mind-active .os-window.active[data-app="editor"]{box-shadow:1px 1px 0 #111,2px 2px 0 rgba(0,0,0,.65),0 0 0 2px rgba(155,45,28,.34),0 0 46px rgba(0,0,0,.75)!important}
body.mind-active .taskbar{filter:brightness(.86) contrast(1.08)}
body.mind-active .tray::before{color:#7a1d14!important;content:"M.I.N.D. ENVIRONMENT ACTIVE"!important}

/* M98 CLOCK WEATHER/CALENDAR PANEL */
.clock{cursor:pointer;min-width:54px;text-align:center;user-select:none}
.clock:hover{background:#000080;color:#fff;box-shadow:inset 1px 1px 0 #000}
.clock-menu{position:fixed;right:10px;bottom:34px;width:330px;z-index:9000;background:#c0c0c0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px 0 rgba(0,0,0,.45),0 16px 48px rgba(0,0,0,.35);display:none;font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;color:#111}
.clock-menu.open{display:block;animation:clockMenuOpen .08s steps(2,end)}
@keyframes clockMenuOpen{from{transform:translateY(8px);opacity:.65}to{transform:translateY(0);opacity:1}}
.clock-menu-title{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700;font-size:16px;padding:7px 9px;text-align:center;text-shadow:1px 1px 0 #000;border-bottom:2px solid #808080}
.clock-weather{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;padding:12px 13px 10px;background:#d7d7d7;border-bottom:1px solid #808080}
.weather-icon{width:72px;height:72px;display:grid;place-items:center;font-size:48px;background:#eee;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #808080;border-bottom:2px solid #808080;filter:saturate(.9) contrast(1.05)}
.weather-temp{font-size:28px;font-weight:700;line-height:1;color:#111}.weather-desc{font-size:14px;font-weight:700;margin-top:4px}.weather-meta{font:10px "Lucida Console","Courier New",monospace;color:#333;margin-top:5px;line-height:1.35}.clock-calendar{padding:10px 12px 8px;background:#cfcfcf;border-top:1px solid #fff;border-bottom:1px solid #808080}.clock-section-label{text-transform:uppercase;color:#000080;font-weight:700;font-size:12px;margin-bottom:6px}.calendar-head{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;text-align:center;margin-bottom:5px;font-size:13px}.calendar-head span{font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center;font:12px "Lucida Console","Courier New",monospace}.calendar-grid.labels{font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;font-size:11px;margin-bottom:3px;color:#222}.calendar-grid span{padding:4px 0;background:#e2e2e2;border:1px solid #d0d0d0}.calendar-grid span.muted{color:#888;background:#d2d2d2}.calendar-grid span.today{background:#000080;color:#fff;border-color:#fff;box-shadow:inset 0 0 0 1px #1084d0}.calendar-date{text-align:center;margin-top:8px;padding-top:7px;border-top:1px solid #808080;font-size:12px;line-height:1.35}.clock-menu-footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 11px;background:#c0c0c0}.clock-menu-footer button{background:#c0c0c0;border:0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;padding:6px 7px;font:12px Tahoma,"MS Sans Serif",Arial,sans-serif}.clock-menu-footer button:active{border-top-color:#404040;border-left-color:#404040;border-right-color:#fff;border-bottom-color:#fff;transform:translate(1px,1px)}


/* Mobile layout improvements */
@media (max-width: 768px){
  html,body{
    overflow:hidden;
    touch-action:manipulation;
  }

  .desktop-icons{
    top:10px;
    left:8px;
    right:8px;
    width:auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(68px,1fr));
    gap:10px 8px;
    padding-bottom:90px;
    justify-items:center;
  }

  .desktop-icon{
    width:70px;
    min-height:70px;
    font-size:11px;
  }

  .icon-label{
    max-width:70px;
    font-size:10px;
  }

  .window-layer{
    inset:8px 4px 56px 4px;
  }

  .os-window{
    max-width:calc(100vw - 8px) !important;
    max-height:calc(100vh - 64px) !important;
    min-width:0;
    min-height:0;
    border-width:2px;
  }

  .window-content,
  .app-content,
  iframe{
    max-width:100%;
  }

  .taskbar{
    height:48px;
    padding:4px;
  }

  .task-buttons{
    overflow-x:auto;
    scrollbar-width:none;
  }

  .start-menu{
    width:min(320px,96vw);
    max-height:70vh;
    overflow:auto;
  }
}

/* MERGED AH2: M.I.N.D. wallpaper fade overlay, fixed so it never affects layout/taskbar */
.desktop::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:url('../assets/mind-wallpaper.jpeg') center center / cover no-repeat;
  opacity:0;
  transition:opacity 1.45s ease-in-out, filter 1.45s ease-in-out;
  filter:saturate(.85) contrast(1.06) brightness(.78);
  z-index:0;
}
body.mind-active .desktop::before{opacity:.74;}
body.mind-active .desktop-icons{z-index:2;}
body.mind-active .window-layer{z-index:5;}
body.mind-active .taskbar{z-index:20;}

/* MERGED: keep desktop icons in multiple columns on desktop; mobile grid below remains unchanged */
@media (min-width: 769px) {
  .desktop-icons{
    top:12px!important;
    left:10px!important;
    width:180px!important;
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:repeat(8,76px)!important;
    grid-auto-columns:82px!important;
    gap:8px 10px!important;
    align-items:start!important;
  }
  .desktop-icon{width:78px!important;min-height:72px!important;}
}

/* AN2: draggable desktop shortcuts. Desktop only; mobile keeps grid layout. */
@media (min-width: 769px) {
  .desktop-icons{
    position:fixed!important;
    inset:0 0 34px 0!important;
    width:auto!important;
    height:auto!important;
    display:block!important;
    z-index:2!important;
    pointer-events:none!important;
    padding:0!important;
  }
  .desktop-icon{
    position:absolute!important;
    width:78px!important;
    min-height:72px!important;
    pointer-events:auto!important;
    touch-action:none!important;
    will-change:left,top!important;
  }
  .desktop-icon.dragging{
    opacity:.86!important;
    z-index:4!important;
    filter:drop-shadow(3px 3px 0 rgba(0,0,0,.75))!important;
  }
}


/* M98 V1.2.2 logo refresh */
.boot-card{width:min(820px,90vw)!important;padding:18px 20px!important}
.boot-brand{display:flex;align-items:center;justify-content:center;margin:0 0 8px}
.boot-splash-logo{display:block;width:min(640px,82vw);height:auto;image-rendering:auto;filter:drop-shadow(0 0 14px rgba(75,245,222,.25))}
.boot-sub{text-align:center!important;letter-spacing:.12em!important}
.boot-release{margin:0 0 14px;padding:7px 10px;text-align:center;border:1px solid #4bf5de;color:#07110f;background:#4bf5de;font:700 13px var(--mono);letter-spacing:.16em;box-shadow:0 0 18px rgba(75,245,222,.30)}
.start-glyph{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;margin-right:3px!important;color:transparent!important}
.start-glyph img{width:16px;height:16px;display:block;image-rendering:pixelated}

/* V213: ASCII coastal fly-by boot sequence. */
.boot-screen{
  overflow:hidden;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),
    radial-gradient(ellipse at 50% 44%,#38203d 0,#160d21 38%,#020307 78%)!important;
  color:#ffdca1!important;
}
.boot-screen::before{
  content:"";
  position:absolute;
  inset:-12%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.76) 100%);
  animation:bootVignette 3.45s ease-out forwards;
}
.boot-card.boot-voyage-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:minmax(300px,1fr) auto;
  width:min(1000px,94vw)!important;
  height:min(690px,91vh);
  padding:0!important;
  overflow:hidden;
  border:1px solid #7ce7d5!important;
  background:#020307!important;
  box-shadow:0 0 0 2px #000,0 0 0 3px #805a69,0 24px 100px rgba(0,0,0,.72),inset 0 0 44px rgba(0,0,0,.62)!important;
}
.boot-voyage{
  --amber:#ffd36a;
  --rose:#ff859f;
  --aqua:#79f5dd;
  position:relative;
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(180deg,#08091d 0%,#291532 43%,#b45358 68%,#ec9b69 74%,#153c48 75%,#06151c 100%);
  font-family:"Lucida Console","Courier New",monospace;
  transform-origin:50% 72%;
  animation:bootCameraApproach 3.45s cubic-bezier(.18,.61,.24,1) forwards;
}
.boot-voyage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen;
}
.boot-voyage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:21;
  pointer-events:none;
  box-shadow:inset 0 0 80px rgba(0,0,0,.64);
}
.boot-stars{
  position:absolute;
  top:7%;
  left:-8%;
  width:116%;
  color:#ffd9d9;
  white-space:pre;
  text-align:center;
  letter-spacing:1.2vw;
  opacity:.76;
  animation:bootStars 3.45s linear forwards;
}
.boot-sun{
  position:absolute;
  z-index:2;
  top:16%;
  left:50%;
  margin:0;
  color:#ffe398;
  font:700 clamp(9px,1.15vw,15px)/1.05 var(--mono);
  text-align:center;
  text-shadow:0 0 7px #ffcc72,0 0 22px #ff738d;
  transform:translateX(-50%) scale(.58);
  animation:bootSunset 3.45s cubic-bezier(.22,.6,.2,1) forwards;
}
.boot-horizon{
  position:absolute;
  z-index:3;
  top:62%;
  left:-8%;
  width:116%;
  overflow:hidden;
  color:#ffd47f;
  font:700 13px/1 var(--mono);
  letter-spacing:2px;
  white-space:nowrap;
  text-shadow:0 0 8px rgba(255,186,106,.8);
  animation:bootHorizon 3.45s ease-out forwards;
}
.boot-island{
  position:absolute;
  z-index:4;
  top:51%;
  left:50%;
  width:920px;
  margin:0 0 0 -460px;
  color:#171b20;
  font:700 11px/1.05 var(--mono);
  text-align:center;
  text-shadow:0 -1px #b95f5b;
  transform:scale(.54) translateY(28px);
  transform-origin:50% 100%;
  animation:bootIslandApproach 3.45s cubic-bezier(.14,.64,.2,1) forwards;
}
.boot-water{
  position:absolute;
  z-index:5;
  left:50%;
  width:1200px;
  margin:0 0 0 -600px;
  color:#77dfd7;
  text-align:center;
  white-space:pre;
  text-shadow:0 0 8px rgba(121,245,221,.5);
  transform-origin:50% 50%;
}
.water-one{top:70%;font:11px/1 var(--mono);animation:bootWaterOne 3.45s ease-out forwards}
.water-two{top:79%;font:13px/1 var(--mono);color:#b2f7e9;animation:bootWaterTwo 3.45s ease-out forwards}
.boot-shore{
  position:absolute;
  z-index:6;
  top:88%;
  left:50%;
  width:1100px;
  margin:0 0 0 -550px;
  color:#e8bd78;
  font:11px/1 var(--mono);
  text-align:center;
  text-shadow:0 0 7px rgba(255,201,111,.5);
  transform-origin:50% 0;
  animation:bootShoreApproach 3.45s ease-out forwards;
}
.boot-palm{
  position:absolute;
  z-index:9;
  margin:0;
  color:#06120f;
  font:700 12px/1.02 var(--mono);
  text-shadow:1px 0 #20443a;
  transform-origin:50% 100%;
  will-change:transform,opacity;
}
.palm-far{left:52%;bottom:20%;opacity:.65;animation:bootPalmFar 3.45s cubic-bezier(.12,.54,.2,1) forwards}
.palm-left{left:44%;bottom:5%;animation:bootPalmLeft 3.45s cubic-bezier(.12,.56,.18,1) forwards}
.palm-right{left:55%;bottom:2%;animation:bootPalmRight 3.45s cubic-bezier(.12,.56,.18,1) forwards}
.boot-title{
  position:absolute;
  z-index:14;
  top:31%;
  left:50%;
  display:flex;
  justify-content:center;
  gap:.035em;
  width:min(94%,840px);
  color:#fff5d1;
  font:900 clamp(32px,7vw,86px)/1 var(--mono);
  letter-spacing:.04em;
  text-shadow:3px 3px 0 #7b1f4d,-2px -2px 0 #194957,0 0 18px rgba(255,211,106,.6);
  opacity:0;
  transform:translate(-50%,26px) scale(.5);
  animation:bootTitleApproach 1.85s 1.18s cubic-bezier(.11,.68,.18,1) forwards;
}
.boot-title span{display:inline-block;opacity:0;animation:bootSignal .34s steps(2,end) forwards}
.boot-title span:nth-child(1){animation-delay:1.26s}.boot-title span:nth-child(2){animation-delay:1.36s}.boot-title span:nth-child(3){animation-delay:1.46s}.boot-title span:nth-child(4){animation-delay:1.56s}.boot-title span:nth-child(5){animation-delay:1.66s}.boot-title span:nth-child(6){animation-delay:1.76s}.boot-title span:nth-child(7){animation-delay:1.86s}.boot-title span:nth-child(8){animation-delay:1.96s}
.boot-title-sub{
  position:absolute;
  z-index:15;
  top:53%;
  left:50%;
  width:92%;
  color:#a9fff0;
  text-align:center;
  font:700 clamp(8px,1.12vw,13px)/1 var(--mono);
  letter-spacing:.32em;
  opacity:0;
  transform:translateX(-50%);
  animation:bootSubReveal .7s 2.15s steps(6,end) forwards;
}
.boot-travel{
  position:absolute;
  z-index:18;
  left:12px;
  bottom:9px;
  color:#bbf9e8;
  font:9px/1 var(--mono);
  letter-spacing:.1em;
  text-shadow:1px 1px #000;
}
.boot-travel span{display:inline-block;color:#ffd36a;animation:bootTravelBlink .46s steps(2,end) infinite}
.boot-console{
  position:relative;
  z-index:30;
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(340px,1.28fr);
  gap:14px;
  min-height:132px;
  padding:11px 14px 12px;
  background:#030807;
  border-top:1px solid #4ac6b3;
  box-shadow:0 -12px 35px rgba(0,0,0,.56);
}
.boot-console .boot-sub{margin:3px 0 9px!important;color:#9cffc7!important;text-align:left!important;font:9px/1.5 var(--mono)!important;letter-spacing:.09em!important}
.boot-console .boot-release{margin:0!important;padding:6px 7px!important;border:1px solid #4bf5de!important;color:#4bf5de!important;background:#07110f!important;text-align:left!important;font:700 10px var(--mono)!important;letter-spacing:.08em!important;box-shadow:0 0 12px rgba(75,245,222,.14)!important}
.boot-console .boot-log{height:106px!important;margin:0!important;padding:6px 8px!important;overflow:hidden!important;border:1px solid #173f37;color:#9cffc7!important;background:#020504;font:9px/1.35 var(--mono)!important;white-space:pre-wrap}
@keyframes bootVignette{from{transform:scale(.9);opacity:1}to{transform:scale(1.08);opacity:.72}}
@keyframes bootCameraApproach{0%{filter:brightness(.68) saturate(.72)}34%{filter:brightness(.86) saturate(.9)}100%{filter:brightness(1.04) saturate(1.08)}}
@keyframes bootStars{0%{transform:scale(.72);opacity:.78}65%{opacity:.58}100%{transform:scale(1.22) translateY(-12px);opacity:.14}}
@keyframes bootSunset{0%{transform:translateX(-50%) scale(.48);top:12%;opacity:.58}48%{opacity:1}100%{transform:translateX(-50%) scale(1.12);top:40%;opacity:.92}}
@keyframes bootHorizon{0%{transform:scaleX(.72);opacity:.48}100%{transform:scaleX(1.4);opacity:.92}}
@keyframes bootIslandApproach{0%{transform:scale(.46) translateY(40px);opacity:.5}100%{transform:scale(1.16) translateY(0);opacity:1}}
@keyframes bootWaterOne{0%{transform:scale(.62) translateY(-20px);opacity:.38}100%{transform:scale(1.5) translateY(18px);opacity:.9}}
@keyframes bootWaterTwo{0%{transform:scale(.48) translateY(-32px);opacity:.2}100%{transform:scale(1.7) translateY(20px);opacity:.92}}
@keyframes bootShoreApproach{0%{transform:scale(.32) translateY(-80px);opacity:.08}64%{opacity:.42}100%{transform:scale(1.9) translateY(10px);opacity:.88}}
@keyframes bootPalmFar{0%{transform:translate(-50%,12%) scale(.1);opacity:.15}100%{transform:translate(-410px,54px) scale(1.55);opacity:.83}}
@keyframes bootPalmLeft{0%{transform:translate(-50%,15%) scale(.08);opacity:.08}21%{opacity:.72}100%{transform:translate(-650px,190px) scale(3.7);opacity:.97}}
@keyframes bootPalmRight{0%{transform:translate(-50%,18%) scale(.06);opacity:.05}30%{opacity:.76}100%{transform:translate(560px,210px) scale(3.9);opacity:.98}}
@keyframes bootTitleApproach{0%{opacity:0;transform:translate(-50%,26px) scale(.5);filter:blur(2px)}18%{opacity:.78}100%{opacity:1;transform:translate(-50%,0) scale(1);filter:none}}
@keyframes bootSignal{0%{opacity:0;transform:translateY(7px)}35%{opacity:.35}55%{opacity:0}100%{opacity:1;transform:none}}
@keyframes bootSubReveal{from{opacity:0;letter-spacing:.55em}to{opacity:.92;letter-spacing:.32em}}
@keyframes bootTravelBlink{50%{opacity:.28}}
@media(max-width:800px){
  .boot-card.boot-voyage-shell{height:min(640px,94vh);grid-template-rows:minmax(280px,1fr) auto}
  .boot-console{grid-template-columns:1fr;gap:7px;min-height:166px}.boot-console .boot-log{height:70px!important}
  .boot-title-sub{letter-spacing:.13em}.palm-left{left:38%}.palm-right{left:60%}
}

/* AT2: taskbar music player */
.music-tray{
  height:26px;
  min-width:250px;
  max-width:420px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:2px 5px;
  background:#d5d5d5;
  border-top:2px solid #808080;
  border-left:2px solid #808080;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  overflow:hidden;
}
.music-play-button,.music-name-button{
  height:18px;
  background:#c0c0c0;
  border:0;
  border-top:2px solid #fff;
  border-left:2px solid #fff;
  border-right:2px solid #404040;
  border-bottom:2px solid #404040;
  font:10px "Lucida Console","Courier New",monospace;
  color:#000;
  padding:0 5px;
}
.music-play-button{width:30px;min-width:30px;text-align:center}
.music-name-button{min-width:0;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000080}
.music-time{min-width:40px;text-align:right;font:10px "Lucida Console","Courier New",monospace;color:#111}
.music-menu{
  position:fixed;
  right:10px;
  bottom:34px;
  width:390px;
  max-height:min(560px,calc(100vh - 52px));
  z-index:9100;
  background:#c0c0c0;
  border-top:2px solid #fff;
  border-left:2px solid #fff;
  border-right:2px solid #404040;
  border-bottom:2px solid #404040;
  box-shadow:2px 2px 0 rgba(0,0,0,.45),0 16px 48px rgba(0,0,0,.35);
  display:none;
  font-family:Tahoma,"MS Sans Serif",Arial,sans-serif;
  color:#111;
}
.music-menu.open{display:grid;grid-template-rows:auto auto auto auto minmax(120px,1fr);animation:clockMenuOpen .08s steps(2,end)}
.music-menu-title{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700;font-size:14px;padding:7px 9px;text-align:center;text-shadow:1px 1px 0 #000;border-bottom:2px solid #808080;letter-spacing:.04em}
.music-menu-now{padding:10px;background:#d7d7d7;border-bottom:1px solid #808080}.music-album{font:10px "Lucida Console","Courier New",monospace;color:#333;text-transform:uppercase;margin-bottom:6px}.music-current{font:12px "Lucida Console","Courier New",monospace;color:#000080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-progress{height:12px;margin-top:7px;background:#fff;border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff}.music-progress span{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#000080 0 8px,#1084d0 8px 12px)}
.music-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:6px;padding:8px 10px;background:#cfcfcf;border-bottom:1px solid #808080}.music-controls button,.music-track-list button{background:#c0c0c0;border:0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;font:12px Tahoma,"MS Sans Serif",Arial,sans-serif;padding:5px 6px}.music-controls button:active,.music-track-list button:active,.music-play-button:active,.music-name-button:active{border-top-color:#404040;border-left-color:#404040;border-right-color:#fff;border-bottom-color:#fff;transform:translate(1px,1px)}
.music-volume{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#d7d7d7;border-bottom:1px solid #808080;font:11px "Lucida Console","Courier New",monospace}.music-volume input{flex:1}
.music-track-list{overflow:auto;max-height:300px;padding:8px 10px;background:#c0c0c0;display:grid;gap:4px}.music-track-list button{display:grid;grid-template-columns:34px 1fr;gap:7px;text-align:left;align-items:center}.music-track-list button span{font:10px "Lucida Console","Courier New",monospace;color:#555}.music-track-list button b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-list button.active{background:#000080;color:#fff}.music-track-list button.active span{color:#b8d7ff}
@media(max-width:900px){.music-tray{min-width:120px;max-width:35vw}.music-name-button{max-width:120px}.music-menu{right:6px;bottom:54px;width:min(390px,calc(100vw - 12px))}}
@media(max-width:560px){.music-tray{display:none}.music-menu{display:none!important}}


/* AT3: compact unified right taskbar cluster */
.tray::before{display:none!important;content:none!important}
.taskbar{gap:6px!important}
.music-tray{
  height:26px!important;
  min-width:clamp(210px,30vw,390px)!important;
  max-width:390px!important;
  margin-right:-6px!important;
  border-right:0!important;
  padding-right:6px!important;
}
.tray{
  height:26px!important;
  min-width:138px!important;
  gap:6px!important;
  border-left:0!important;
  padding-left:6px!important;
}
.tray .tray-button{min-width:76px!important;text-align:center!important}
#icloudButton{min-width:92px!important}
.clock{min-width:48px!important}
@media(max-width:1100px){
  .music-tray{min-width:190px!important;max-width:270px!important}
  .music-name-button{max-width:170px!important}
  .tray{min-width:126px!important}
}
@media(max-width:900px){
  .music-tray{min-width:155px!important;max-width:210px!important}
  .music-time{display:none!important}
  .tray .tray-button{min-width:68px!important}
}

/* v162: Library Mode is another physical view of the same live OS session. */
#desktop{
  transform-origin:50% 48%;
  transition:transform 900ms cubic-bezier(.2,.75,.2,1),opacity 620ms ease,filter 620ms ease;
}
.library-mode{
  position:fixed;
  inset:0;
  z-index:20000;
  background:#050807;
  opacity:0;
  pointer-events:none;
  transition:opacity 520ms ease;
}
.library-mode.open{opacity:1;pointer-events:auto}
.library-mode.returning{opacity:0;pointer-events:none}
.library-mode iframe{display:block;width:100%;height:100%;border:0;background:#050807}
body.library-mode-active #desktop{transform:scale(.16);opacity:.08;filter:brightness(.38) saturate(.72)}
body.library-mode-returning #desktop{transform:none;opacity:1;filter:none}
body.library-mode-active::before,body.library-mode-active::after{display:none!important}

/* V211 Control Panel98: system-wide appearance and accessibility preferences. */
body[data-m98-theme="teal-solid"] .desktop{
  background:linear-gradient(180deg,#008080 0%,#006f70 100%)!important;
  background-size:auto!important;
}
body[data-m98-theme="midnight"] .desktop{
  background:linear-gradient(rgba(255,255,255,.025),rgba(0,0,0,.18)),linear-gradient(90deg,rgba(104,155,210,.045) 1px,transparent 1px),linear-gradient(rgba(104,155,210,.04) 1px,transparent 1px),linear-gradient(145deg,#07192d,#02070f)!important;
  background-size:auto,24px 24px,24px 24px,auto!important;
}
body[data-m98-theme="plum"] .desktop{
  background:linear-gradient(rgba(255,255,255,.035),rgba(0,0,0,.19)),linear-gradient(90deg,rgba(255,225,245,.04) 1px,transparent 1px),linear-gradient(rgba(255,225,245,.04) 1px,transparent 1px),linear-gradient(145deg,#5e3157,#261525)!important;
  background-size:auto,24px 24px,24px 24px,auto!important;
}
body.m98-reduced-motion *,body.m98-reduced-motion *::before,body.m98-reduced-motion *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  scroll-behavior:auto!important;
  transition-duration:.001ms!important;
}
body.m98-large-shell-text{font-size:14px}
body.m98-large-shell-text .start-row,body.m98-large-shell-text .task-button,body.m98-large-shell-text .start-button{font-size:14px!important}
body.m98-large-shell-text .titlebar{font-size:14px!important}
body.m98-large-shell-text .addressbar,body.m98-large-shell-text .statusbar{font-size:11px!important}
body.m98-high-contrast{--title-a:#000;--title-b:#000080;--window:#d8d8d8;--window-mid:#eee;--text:#000}
body.m98-high-contrast .desktop-icon{font-weight:700!important;text-shadow:2px 2px 0 #000!important}
body.m98-high-contrast .os-window{outline:1px solid #000!important}
body.m98-high-contrast .titlebar{background:#000080!important}
body.m98-high-contrast .start-menu,body.m98-high-contrast .taskbar{filter:contrast(1.16)}
body.m98-safe-mode::before,body.m98-safe-mode::after{display:none!important}
body.m98-safe-mode .desktop-shade{display:none!important}
body.m98-safe-mode .desktop::after{box-shadow:inset 0 0 40px rgba(0,0,0,.12)!important}
