
:root{--amber:#d8ad2c;--green:#8fa47e;--dark:#080b08;--panel:#111610;--line:#3c4739;--text:#d6dbd1;--muted:#7f897b;--red:#b4322b}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050705;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body{overflow:hidden;background:radial-gradient(circle at 70% 20%,#182018 0,#080b08 45%,#030403 100%)}
body:after{content:"";pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.drive-boot{height:100%;display:grid;place-items:center;padding:24px}.boot-box{width:min(690px,100%);border:1px solid #53604e;background:rgba(5,8,5,.94);padding:38px;box-shadow:0 0 80px rgba(100,140,80,.08)}
.boot-box p,.eyebrow{color:var(--amber);font-size:11px;letter-spacing:.18em}.boot-box h1{font-family:Arial Narrow,Impact,sans-serif;font-size:48px;margin:8px 0 26px}
.boot-lines{height:170px;border:1px solid #283025;background:#020302;padding:15px;color:#82917c;font-size:12px;line-height:1.7;overflow:hidden}
#mount-drive{margin-top:18px;width:100%;padding:14px;background:var(--amber);border:0;font-weight:900;letter-spacing:.12em;cursor:pointer}
.desktop{height:100%}.topbar{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#090c09;padding:0 16px;font-size:11px;color:#8c9688}.topbar span:last-child{text-align:right}.back-link{color:var(--amber);text-decoration:none}
.explorer{height:calc(100% - 44px);display:grid;grid-template-columns:220px minmax(430px,1fr) 340px}.sidebar,.preview-pane,.file-pane{min-height:0}
.sidebar{border-right:1px solid var(--line);background:rgba(12,16,12,.96);padding:18px 12px;display:flex;flex-direction:column}.drive-id{padding:12px;border:1px solid #3c4739;margin-bottom:17px}.drive-id b,.drive-id span{display:block}.drive-id span{color:var(--green);font-size:10px;margin-top:4px}
#folder-tree{flex:1}.tree-item{display:flex;gap:8px;width:100%;border:0;background:none;color:#9ba696;text-align:left;padding:9px 8px;cursor:pointer;font:11px inherit}.tree-item:hover,.tree-item.active{background:#242c21;color:white}.tree-item.locked{color:#885c58}
.level7-button{border:1px solid #70443f;background:#1c0d0c;color:#d87970;padding:12px;cursor:pointer;font:10px inherit;letter-spacing:.12em}
.file-pane{display:flex;flex-direction:column;background:rgba(8,11,8,.94)}.addressbar{height:54px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}.addressbar button{height:34px;width:34px;background:#141914;border:1px solid #394335;color:white}.addressbar div{flex:1;border:1px solid #394335;background:#060806;padding:9px 12px;color:#a4aea0;font-size:11px}.addressbar input{width:220px;background:#050705;border:1px solid #394335;color:white;padding:10px}
.column-head,.file-row{display:grid;grid-template-columns:minmax(200px,1.4fr) .65fr .72fr .5fr;gap:10px;align-items:center}.column-head{padding:10px 14px;color:#6e786b;border-bottom:1px solid #293126;font-size:9px}.file-list{flex:1;overflow:auto}.file-row{width:100%;border:0;border-bottom:1px solid #20271f;background:transparent;color:#bdc4b9;padding:11px 14px;text-align:left;cursor:pointer;font:11px inherit}.file-row:hover,.file-row.selected{background:#1b231a}.file-row .name{color:#e0e4dc}.file-row .type,.file-row .date,.file-row .status{font-size:9px;color:#798375}.file-row .status.restricted{color:#ca6961}.icon{display:inline-block;width:20px;color:var(--amber)}
.file-pane footer{height:34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 14px;color:#697364;font-size:9px}
.preview-pane{border-left:1px solid var(--line);background:#0c100c;padding:18px;overflow:auto}.preview-empty{height:100%;display:grid;place-items:center;color:#5f695b;font-size:10px}.preview-card img{width:100%;height:180px;object-fit:cover;filter:grayscale(.45) contrast(1.15);border:1px solid #465043}.preview-card h2{font-family:Arial Narrow,Impact,sans-serif;font-size:25px;margin:14px 0 4px}.preview-card .meta{color:var(--amber);font-size:9px}.preview-card p{font-size:11px;line-height:1.6;color:#9fa89b}.preview-data{border:1px solid #354032;margin:14px 0}.preview-data div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #293126;font-size:9px}.preview-data div:last-child{border:0}.preview-actions{display:flex;gap:8px}.preview-actions a,.preview-actions button{flex:1;text-align:center;text-decoration:none;background:var(--amber);color:#111;padding:11px;border:0;font:bold 9px inherit;cursor:pointer}.preview-actions button{background:#273024;color:white}
.preview-terminal{background:#020302;border:1px solid #354032;color:#7fa075;padding:12px;white-space:pre-wrap;font-size:10px;line-height:1.7}
dialog{width:min(500px,calc(100% - 30px));border:1px solid #664a45;background:#0d100d;color:white;padding:0}dialog::backdrop{background:rgba(0,0,0,.88)}dialog form{padding:28px}dialog h2{font:34px Arial Narrow,Impact,sans-serif;margin:6px 0}dialog p{font-size:11px;color:#a5ada1}dialog input{width:100%;background:#040604;border:1px solid #54604f;color:white;padding:14px;margin:10px 0}#password-status{height:18px;color:#cf6961;font-size:10px}.dialog-actions{display:flex;gap:8px}.dialog-actions button{flex:1;padding:11px;background:#252c23;color:white;border:1px solid #4a5546}.dialog-actions button:last-child{background:var(--red)}
body.level7{--amber:#dc3d34;background:radial-gradient(circle at 70% 20%,#2b0c0b 0,#080605 50%,#030303 100%)}body.level7 .topbar{background:#170706}body.level7 .level7-button{background:#9d211c;color:white}body.level7:before{content:"LEVEL 7 ACCESS GRANTED";position:fixed;z-index:20;top:54px;right:16px;color:#ef554b;border:1px solid #a52a24;background:#1a0706;padding:8px 12px;font-size:9px;letter-spacing:.15em}
@media(max-width:980px){.explorer{grid-template-columns:190px 1fr}.preview-pane{display:none}}@media(max-width:680px){body{overflow:auto}.desktop{height:auto;min-height:100%}.explorer{height:auto;display:block}.sidebar{border-right:0}.file-pane{min-height:650px}.addressbar{height:auto;flex-wrap:wrap}.addressbar div{order:3;flex-basis:100%}.addressbar input{flex:1}.column-head,.file-row{grid-template-columns:1fr .5fr}.column-head span:nth-child(3),.column-head span:nth-child(4),.file-row .date,.file-row .status{display:none}}

.drive-sound-toggle{justify-self:end;margin-right:12px;border:1px solid #3d4739;background:#0c100c;color:#8f9a8a;padding:7px 10px;font:9px inherit;cursor:pointer}
.drive-audio-visual{display:flex;align-items:center;justify-content:center;gap:10px;height:150px;border:1px solid #3e493a;background:#060806}
.drive-audio-visual span{width:8px;height:38%;background:var(--amber);animation:drive-bars 1.1s ease-in-out infinite}
.drive-audio-visual span:nth-child(2){height:65%;animation-delay:.12s}
.drive-audio-visual span:nth-child(3){height:90%;animation-delay:.24s}
.drive-audio-visual span:nth-child(4){height:58%;animation-delay:.36s}
.drive-audio-visual span:nth-child(5){height:32%;animation-delay:.48s}
.drive-audio-player{width:100%;margin-top:12px;filter:grayscale(1) contrast(1.15)}
@keyframes drive-bars{0%,100%{transform:scaleY(.45);opacity:.45}50%{transform:scaleY(1);opacity:1}}
