/* Terror OS 0.3 · Identity layer. All graphical assets self-hosted. */
:root{
  --accent:#c48d9c;--accent2:#80636e;--bg:#0d0b10;--panel:#211b23;--panel2:#30252e;
  --edge:rgba(245,216,225,.15);--soft:#b9abb7;--white:#fcf4f8;
}
html,body{background:#0d0a10}
.desktop:not(.legacy),.lockscreen{background-color:#100b10;background-image:url('./assets/wallpaper-craneos.webp');background-size:cover;background-position:center center;background-repeat:no-repeat}
.desktop:not(.legacy):after{background:linear-gradient(180deg,#16050a45 0%,transparent 19%,transparent 66%,#05030740 100%)!important}
.lockscreen:before{background:linear-gradient(180deg,#14060aaa 0%,#11070a20 27%,#0a020517 52%,#050307d9 100%)}
.lock-brand{color:#f5dce5c7}.lock-center{top:13.5%}
.beta-mark{background:#27161a66;border-color:#ffc5d236;color:#f3d7e1}
.account-tile{background:linear-gradient(160deg,#271a27d2,#0d0b13dc);border-color:#f1b3bd4f;box-shadow:0 20px 65px #03010485,inset 0 1px #fff3}
.account-tile:hover{background:linear-gradient(160deg,#3b2632e8,#17111ce8);border-color:#ffc5d299}
.guest-avatar{background:linear-gradient(135deg,#bb869e,#554158)}.admin-avatar{background:linear-gradient(135deg,#dc989d,#5e374c)}
.desktop .topbar{background:#140d18a6;border-bottom-color:#f3cadb22}
.desktop-watermark{color:#fff7}
.os-icon:not(.folder-art){border-color:#fff7;box-shadow:inset 0 1px #fff6,inset 0 -3px 6px #0005,0 7px 15px #0009}
.icon-journal{background:linear-gradient(150deg,#a86d80,#53334f 90%)}
.icon-videos{background:linear-gradient(150deg,#b27b8d,#4c344c 95%)}
.icon-music{background:linear-gradient(150deg,#b18b7c,#563349 95%)}
.icon-terminal{background:linear-gradient(145deg,#484052,#15101e 85%);color:#d8e8da}
.icon-finder{background:linear-gradient(145deg,#899ab8,#3b537d)}
.icon-settings{background:linear-gradient(145deg,#bca7b9,#654d64)}
.icon-search{background:linear-gradient(145deg,#b1aab8,#575267)}
.tile-name{background:#0d0914bb}
.dock-body{background:linear-gradient(140deg,#dec8d82b,#73687d32);border-color:#ffdde57e}
.window{background:#1b1723f0;border:1px solid #fbe1ec56;box-shadow:0 36px 110px #040108cb,0 2px 6px #0005,inset 0 1px #fff2}
.window.is-active{border-color:#f4d4de78}
.window-head{background:linear-gradient(180deg,#e6c4d616,#fcdeed05);border-color:#f3d5dc27}
.window:not(.is-active) .window-head{filter:brightness(.87)}
.window .window-title{color:#ede3eb}
.window-body{background:linear-gradient(155deg,#241b251e,#17121c24)}
.window.narrow{max-width:calc(100vw - 20px)}
.btn.primary{background:linear-gradient(135deg,#dfb6c3,#ab8599);color:#21151e;border-color:#fadce577}
.btn.primary:hover{filter:brightness(1.06)}
.eyebrow{color:#d4abb8}
input,textarea,select{background:#110e18c7}
.content-card{background:linear-gradient(135deg,#fff8,#f4dce606);border-color:#edc8da24}
.note{background:#b58aa319;border-color:#cda4bd3b;color:#eed7e4}
.finder-sidebar{background:linear-gradient(145deg,#e0b6d01c,#64546919)}
.finder-grid .desktop-tile:hover{background:#cda4b12a}
.admin-layout{grid-template-columns:195px minmax(0,1fr);gap:29px}
.admin-section{min-width:0;padding-bottom:20px}
.admin-nav{padding-right:17px}
.admin-brand{display:flex;gap:11px;align-items:center;margin:0 0 14px;padding:0 9px 18px;border-bottom:1px solid #f7d2df21}
.admin-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(130deg,#aa778c,#604459);font-size:21px;box-shadow:inset 0 1px #fff7}
.admin-brand strong{display:block;font-size:11px;letter-spacing:.1em}.admin-brand small{display:block;margin-top:3px;font-size:10px}
.admin-nav button{min-height:38px;padding:10px 13px;font-size:12px}
.admin-nav button.selected{color:#fff;background:#e2adba28;box-shadow:inset 2px 0 #d5a4b4}
.admin-side-foot{font-size:10px;line-height:1.7;color:#998999;padding:15px 10px;border-top:1px solid #f7d2df18;margin-top:18px}
.admin-home>h2{font-size:31px;letter-spacing:-.05em;margin:8px 0 8px}.admin-home>p{max-width:590px;margin:0;line-height:1.65}
.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:24px 0}
.admin-stats .stat{min-width:0;padding:16px 12px;background:linear-gradient(145deg,#fee4ed12,#ffffff04);border:1px solid #fce9f228}
.admin-stats .stat strong{font-size:29px;letter-spacing:-.05em}.admin-stats .stat span{font-size:10px}
.admin-feature-row,.admin-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:linear-gradient(130deg,#71384930,#ffffff05);border:1px solid #f7bdc72c;border-radius:15px}
.admin-feature-row h3,.admin-bottom-row h3{font-size:15px;margin:7px 0 5px;letter-spacing:-.02em}
.admin-feature-row h3 span{font-size:11px;font-weight:500}
.admin-feature-row p,.admin-bottom-row p{margin:0;font-size:11px;max-width:460px;line-height:1.5}
.admin-pulse{font-size:10px;font-weight:850;letter-spacing:.09em;color:#8cdeb7;background:#17544135;border:1px solid #68cc9438;border-radius:999px;padding:8px 12px;white-space:nowrap}
.admin-heading{margin:24px 0 13px;font-size:15px}
.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.quick-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:15px 12px;color:#f9f4f9;background:#ffffff0a;border:1px solid #f7c8d021;border-radius:13px;min-width:0;transition:transform .15s,background .15s}
.quick-card:hover{transform:translateY(-3px);background:#f0c5d124;border-color:#f1c8d366}
.quick-card span{font-size:26px;line-height:1.4;color:#e3b5c3}.quick-card strong{font-size:11px;line-height:1.3}
.quick-card small{font-size:9.5px;line-height:1.3}
.admin-bottom-row{margin-top:18px;background:#ffffff06}
.admin-bottom-row .btn{white-space:nowrap}
.admin-collection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.admin-collection-header h2{font-size:28px;letter-spacing:-.05em;margin:4px 0}
.admin-collection-header p{margin:0}
.admin-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.admin-search-label{flex:1;display:flex;align-items:center;gap:11px;font-size:23px;padding:0 14px;border-radius:12px;border:1px solid #f7e0ed32;background:#0e0c1399;color:#bba8b6}
.admin-search-label input{border:0;padding:11px 0;background:none;outline:none!important;font-size:12px;color:#fff}
.admin-count{font-size:11px;color:#baadbb;white-space:nowrap}
.admin-item{padding:13px 14px;gap:13px;border-color:#f6dbe526;background:#ffffff07}
.admin-item:hover{border-color:#f0c9dd46;background:#ffffff0d}
.admin-item[hidden],#admin-no-results[hidden]{display:none!important}
.admin-item .item-info{min-width:160px;flex:1}
.item-lead{display:flex;align-items:center;gap:12px;min-width:0}
.item-lead>div{min-width:0}.item-lead strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.item-lead small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px;font-size:11px}
.item-glyph{width:35px;height:35px;flex:0 0 35px;border:1px solid #e5c9d528;border-radius:10px;background:#a180912b;display:grid;place-items:center;font-size:18px}
.item-badges{display:flex;gap:6px;margin-top:8px;margin-left:47px}
.state-badge{font-size:9px;line-height:1.3;padding:3px 7px;background:#ffffff0f;border:1px solid #ffffff16;color:#afa8b6;border-radius:6px}
.state-badge.is-live{background:#267c5630;border-color:#70dca536;color:#a3e6c1}
.admin-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}
.admin-actions .btn{border-radius:7px;padding:6px 8px;font-size:11px}
.admin-actions .subtle{background:transparent;border-color:transparent;color:#d0bbcb}
.admin-actions .subtle:hover{background:#f5c3d51e;border-color:#f5c3d533;color:#fff}
.admin-actions button:disabled{opacity:.2}
.os-context{position:fixed;z-index:200;min-width:208px;padding:6px;background:#221c27ef;border:1px solid #fbe1ed4c;border-radius:11px;box-shadow:0 20px 70px #000c;backdrop-filter:blur(30px)}
.os-context button{display:block;width:100%;padding:10px 11px;text-align:left;background:transparent;border:0;border-radius:7px;font-size:12px;color:#f8f3fa}
.os-context button:hover{background:#ddb5c229}
/* Mac-style multitasking: all windows are independently visible and may overlap. */
.window{transition:box-shadow .15s,border-color .15s}
.window.is-active{box-shadow:0 42px 125px #000d,0 2px 8px #0007,inset 0 1px #fff2}
@media (max-width:1150px){
 .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .admin-item{flex-wrap:wrap}.admin-actions{width:100%;justify-content:flex-end}
}
@media(max-width:740px){
 .window-layer>.window:not(.is-active){display:none}
 .admin-layout{grid-template-columns:1fr;gap:8px}
 .admin-nav{display:flex;align-items:center;border:0;border-bottom:1px solid #fff2;min-height:42px;padding:0 0 8px;overflow-x:auto}
 .admin-brand,.admin-side-foot{display:none}
 .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-card{padding:11px}
 .admin-feature-row,.admin-bottom-row{padding:13px;gap:9px;align-items:flex-start;flex-wrap:wrap}
 .admin-home>h2{font-size:24px}
 .admin-collection-header h2{font-size:24px}
 .admin-collection-header{align-items:center}
 .admin-item{align-items:stretch;gap:8px}
 .item-badges{margin-left:0}
 .admin-actions{justify-content:flex-start;flex-wrap:wrap}
 .admin-actions .btn{font-size:11px}
 .window.maximized,.window.narrow,.window{transition:none}
}
@media(prefers-reduced-motion:reduce){.quick-card{transition:none}}