:root{
  --bg:#111;
  --fg:#0f0;
  --win:#222;
  --bar:#333;
  --accent:#0ff;
  font-family:Consolas,monospace;
}
* {box-sizing:border-box;margin:0;padding:0;}
.hidden{display:none;}
body,html{height:100%;overflow:hidden;background:var(--bg);color:var(--fg);}
.screen{position:absolute;inset:0;display:flex;flex-direction:column;}

/* boot */
#boot{justify-content:center;align-items:center;font-size:14px;}
#bootText{white-space:pre;}

/* desktop */
#desktop{background:url('wallpaper.jpg') center/cover;}
#taskbar{height:32px;background:var(--bar);display:flex;align-items:center;justify-content:space-between;padding:0 8px;}
#startBtn{cursor:pointer;padding:4px 8px;border:1px solid var(--accent);}
#clock{margin-left:auto;}

/* иконки */
.icon{position:absolute;width:80px;text-align:center;cursor:pointer;user-select:none;}
.icon:nth-child(1){top:20px;left:20px;}
.icon:nth-child(2){top:20px;left:120px;}
.icon:nth-child(3){top:20px;left:220px;}

/* окна */
.window{position:absolute;width:400px;height:300px;background:var(--win);border:1px solid var(--accent);display:flex;flex-direction:column;top:50px;left:50px;}
.titlebar{background:var(--bar);padding:4px;display:flex;justify-content:space-between;cursor:move;}
.close{cursor:pointer;color:#f00;}
.content{flex:1;padding:8px;display:flex;flex-direction:column;}
.term-output{flex:1;overflow-y:auto;background:#000;padding:4px;font-size:13px;}
.term-input{background:#000;border:none;color:var(--fg);outline:none;padding:4px;}
.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}
.calc-display{grid-column:1/-1;background:#000;border:1px solid var(--accent);color:var(--fg);padding:4px;text-align:right;}
button{background:var(--bar);border:1px solid var(--accent);color:var(--fg);cursor:pointer;padding:8px;}
button:hover{background:var(--accent);color:#000;}
.editor-area{flex:1;background:#000;border:1px solid var(--accent);color:var(--fg);resize:none;padding:4px;}
.editor-bar{display:flex;gap:4px;margin-top:4px;}