.os{--os-frame:0 -3px var(--fg), 0 3px var(--fg), -3px 0 var(--fg), 3px 0 var(--fg);max-width:62rem;margin:1.5rem 3px 2rem}.os-desk{background:var(--bg-elev);min-height:34rem;box-shadow:var(--os-frame), inset 0 0 0 4px var(--bg-elev), inset 0 0 0 6px var(--border-strong);padding:1rem;position:relative;overflow:hidden}.os-icons{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.os-icon{min-height:5.25rem;color:var(--fg);text-align:center;border:2px solid #0000;align-content:start;justify-items:center;gap:.25rem;padding:.4rem .25rem;text-decoration:none;display:grid}.os-icon:hover,.os-icon:focus-visible{border-color:var(--accent);background:var(--glow)}.os-glyph{font-size:1.9rem;line-height:2.2rem}.os-label{font-family:var(--font-mono);font-size:var(--step--1);overflow-wrap:anywhere;line-height:1.2}.os-win{background:var(--bg);width:min(34rem,100% - 1rem);height:26rem;box-shadow:var(--os-frame), 6px 6px 0 var(--border-strong);flex-direction:column;display:flex;position:absolute}.os-win[hidden]{display:none}.os-bar{background:var(--accent);color:var(--bg);cursor:grab;touch-action:none;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;padding:0 0 0 .75rem;display:flex}.os-title{font-family:var(--font-mono);font-size:var(--step-0);color:inherit;margin:0}.os-x{background:var(--fg);min-width:2.75rem;min-height:2.75rem;color:var(--bg);cursor:pointer;border:0;font-size:1.5rem;line-height:1}.os-x:hover,.os-x:focus-visible{outline:2px solid var(--fg);outline-offset:-4px;background:var(--bg);color:var(--fg)}.os-body{flex:1;padding:.75rem;overflow:auto}.os-tray{background:var(--bg-elev);box-shadow:var(--os-frame);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:.35rem;display:flex;position:relative}.os-start{background:var(--accent);min-height:2.75rem;color:var(--bg);font-family:var(--font-label);box-shadow:3px 3px 0 var(--border-strong);cursor:pointer;border:0;padding:0 1rem}.os-clock{font-family:var(--font-mono);text-align:center;min-width:4.5rem;padding:0 .75rem}.os-menu{z-index:5;background:var(--bg-elev);width:min(16rem,100%);max-height:60vh;box-shadow:var(--os-frame);margin:0 0 6px;padding:.25rem;list-style:none;position:absolute;bottom:100%;left:0;overflow:auto}.os-menu[hidden]{display:none}.os-menu a{min-height:2.75rem;color:var(--fg);align-items:center;gap:.5rem;padding:0 .5rem;text-decoration:none;display:flex}.os-menu a:hover,.os-menu a:focus-visible{background:var(--accent);color:var(--bg)}@media (width<=640px){.os-win{z-index:1000;width:auto;height:auto;box-shadow:none;position:fixed;inset:0;top:0!important;left:0!important}.os-bar{cursor:default}}