:root{
  --bg:#05090c;
  --panel:#0c141a;
  --ink:#cbe3ef;
  --ink-2:#8fb3c7;
  --accent:#2cffbb;
  --accent-2:#79bfff;
  --alert:#ff6565;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:#000;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
#scene{position:fixed;inset:0}

/* OS interne à l'écran (CSS3D) — NE PAS display:none */
#screen-dom{
  position:absolute; top:-9999px; left:-9999px;
  width:1000px; height:620px; overflow:hidden;
  background:linear-gradient(180deg,#0c1218,#0a0f14);
  border:2px solid #1e2b34; border-radius:6px;
  box-shadow:inset 0 0 0 1px #0b161b;
}

.os{display:flex;flex-direction:column;height:100%}
.os-top{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #1b2630;background:#0f151c}
.os-title{font-weight:700;color:#9dc5d8;font-size:12px}
.tabs{display:flex;gap:6px}
.tabs button{font:700 11px ui-monospace;letter-spacing:.08em;border:1px solid #223746;border-radius:4px;background:#0f1b22;color:#bcd8e7;padding:6px 10px;cursor:pointer}
.tabs button:hover{background:#13232b}
#os-main{flex:1;padding:10px;overflow:auto}
.os-bottom{display:flex;justify-content:space-between;align-items:center;height:26px;border-top:1px solid #1b2630;background:#0f151c;padding:0 8px}
.chip{font-size:10px;color:var(--accent);border:1px solid #22443f;padding:2px 6px;border-radius:3px;background:#0d1717}

/* Lecteur minimal */
.player{width:440px;background:#0c141a;border:1px solid #223543;border-radius:6px;padding:10px;color:#bfe4f0}
.row{display:flex;align-items:center;gap:6px}
.btn{font:700 10px ui-monospace;padding:4px 8px;border:1px solid #344b59;background:#0b1a20;color:#def; border-radius:4px;cursor:pointer}
.btn:hover{background:#10252d}
.slider{width:180px}
.list{margin-top:8px;border:1px solid #263846;border-radius:5px;padding:6px;max-height:150px;overflow:auto;background:#0d141a}
.list button{display:flex;justify-content:space-between;width:100%;padding:5px 6px;border:none;background:transparent;color:#a9c7d8;cursor:pointer;border-radius:4px}
.list button:hover{background:#111c23}
.active{background:#17242c!important}