/* TERROR OS / Edición 0.5 — sistema de diseño premium oscuro */
:root{
  --accent:#bf2435;--accent2:#651b26;--bg:#08080a;--panel:#121115;--panel2:#19171b;
  --edge:rgba(198,190,192,.18);--soft:#aea7aa;--white:#f2edf0;
  --steel:#323036;--outline:rgba(208,201,202,.19);
}
html,body{background:#08080a;color:#f2edf0;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e05561;outline-offset:2px}
::selection{background:#a12a3e;color:#fff}
/* Window chrome: crisp geometry over restrained macOS materiality. */
.window,.window.is-active{
  background:#131216f7;color:#f0eaee;border:1px solid #696066a3;border-radius:15px;
  box-shadow:0 2px 9px #000b,0 35px 105px #000e,inset 0 1px #ffffff09;
  backdrop-filter:blur(29px) saturate(82%);-webkit-backdrop-filter:blur(29px) saturate(82%);
}
.window.is-active{border-color:#8a767d;box-shadow:0 3px 12px #000b,0 42px 118px #000e,inset 0 1px #ffffff0c}
.window-head{
  height:48px;background:linear-gradient(180deg,#201e22fc,#171619fa);
  border-bottom:1px solid #524b50;padding:0 16px;
}
.window-title{font-size:12px;font-weight:670;letter-spacing:-.005em;color:#e9e3e7}
.window-head-actions{color:#898389}
.window-body{background:#121115f5;color:#eee9eb;padding:0;scrollbar-color:#65535b transparent}
.window:not(:has(.admin-layout)) .window-body{padding:27px 30px 34px}
.window-head .window-controls button{filter:saturate(.64)}
.window-head .window-controls button:hover{filter:saturate(1)}
.content-header{padding-bottom:17px;border-bottom:1px solid #393439;margin-bottom:22px}
.content-header h2{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.045em;color:#f4eef1}
.content-header p,.content-card p,.finder-toolbar p,.admin-home>p,.muted{color:#a7a0a5!important}
.eyebrow,.meta,.sidebar-title,.admin-brand small,.reading-label{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.115em;text-transform:uppercase;font-size:10px;color:#a49ba1;
}
/* Vertical rhythm & surfaces */
.content-card,.quick-card,.admin-item,.admin-feature-row,.admin-bottom-row,.admin-stats .stat{
  background:#19181c;border:1px solid #413a40;border-radius:11px;box-shadow:none;
}
.content-card:hover,.quick-card:hover,.admin-item:hover{border-color:#66555e;background:#201d22}
.content-card h3,.admin-item strong,.quick-card strong{color:#eee8eb}
.btn{background:#222024;border:1px solid #554c53;color:#e9e4e8;border-radius:8px;box-shadow:none;transition:background .15s,border-color .15s}
.btn:hover{background:#30282d;border-color:#8d777d}
.btn.primary{background:#aa2534;color:#fff;border:1px solid #d54f5d;box-shadow:inset 0 1px #ffffff13}
.btn.primary:hover{background:#c22b3b}
.btn.subtle{background:transparent;color:#cbc3c9}
.note,.warning,.empty{background:#19171b;color:#bcb3ba;border-color:#4a3e45;border-radius:9px}
.chip{border-color:#544850;background:#242025;color:#c8bdc5}
/* Tight macOS structure for finder and administration */
.finder-layout{min-height:100%;background:#141318}
.finder-sidebar{background:#111014;border-right:1px solid #3c363b}
.finder-main{background:#17161a}
.finder-toolbar{border-bottom:1px solid #393439;padding-bottom:14px}
.finder-toolbar h2{font-size:27px;letter-spacing:-.04em}
.finder-grid .desktop-tile{border:1px solid #3f363d;background:#1b191d;border-radius:11px}
.finder-grid .desktop-tile:hover{background:#242025;border-color:#66505b}
.admin-layout{grid-template-columns:197px minmax(0,1fr);gap:0;background:#121115;min-height:100%}
.admin-nav{background:#101013;border-right:1px solid #39343a;gap:3px;padding:20px 13px;min-width:0}
.admin-section{min-width:0;background:#151418;padding:26px 30px 32px}
.admin-brand{border-bottom:1px solid #3e393e;padding:3px 6px 20px;margin-bottom:15px}
.admin-brand-mark{color:#dc394c}
.admin-brand strong{letter-spacing:.09em;font-size:12px}
.admin-nav button{font-size:12px;border-radius:7px;padding:10px 12px;color:#aaa2a8}
.admin-nav button:hover{background:#252027;color:#f1ecf0}
.admin-nav button.selected{background:#292025;color:#f7eeee;box-shadow:inset 2px 0 #d44151}
.admin-side-foot{color:#8f858d;border-top:1px solid #383238}
.admin-home>h2,.admin-collection-header h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.048em;color:#f1ecef}
.admin-stats .stat{padding:19px 14px}
.admin-stats .stat strong{color:#f1eaef;font-size:32px}
.admin-stats .stat span{color:#aaa1a9}
.admin-feature-row,.admin-bottom-row{padding:21px}
.admin-pulse{background:#18251f;border:1px solid #3b6650;color:#a2d1b3}
.quick-card{padding:16px 14px;min-height:112px}
.quick-card span{color:#d6a7a7}
.admin-collection-header{padding-bottom:14px;border-bottom:1px solid #3b363a}
.admin-search-label{border-radius:8px;border:1px solid #51454e;background:#0f0e11;color:#ad9da5}
.admin-search-label:focus-within{border-color:#b63a4d}
.admin-item{padding:11px 13px}
.item-glyph{width:46px;height:46px;flex:0 0 46px;background:#0f0d10;border-color:#4c3842;border-radius:10px;overflow:hidden}
.item-glyph .os-icon{width:41px;height:41px;flex:0 0 41px;border-radius:9px}
.item-badges{margin-left:58px}
.admin-actions .btn{font-size:11px;border-radius:6px}
.state-badge{background:#221e22;border:1px solid #423640;color:#ada3ab}
.state-badge.is-live{background:#17241c;color:#a1d9ad;border-color:#3b6947}
.editor-form label{color:#d0c9ce}
.editor-form input:not([type="checkbox"]),.editor-form textarea,.editor-form select,
#settings-form input,.admin-search-label input{
 background:#0e0d11!important;color:#eae4e8!important;border:1px solid #534b52!important;border-radius:8px!important;box-shadow:none!important;
}
.editor-form textarea{line-height:1.65;resize:vertical}
.editor-form select{min-height:42px}
.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:#c84d61!important;outline:1px solid #c84d61!important}
/* Unified dark reading surfaces: never white paper. */
.deathly-app{color:#ece6e9;min-height:100%}
.deathly-app .content-header{margin-bottom:0}
.deathly-app .content-header h2{font-size:34px}
.deathly-list{background:#121115;border:1px solid #3a363a;border-top:0}
.deathly-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid #3c363c;padding:25px 22px;min-width:0;transition:background .15s}
.deathly-row:first-child{border-top:0}
.deathly-row:hover{background:#1b191d}
.deathly-index{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#a2555f;font-size:13px;align-self:start;padding-top:4px}
.deathly-info{min-width:0}
.deathly-info .meta{font-size:10px;color:#a59aa2}
.deathly-row h3{color:#f0ebed;font-size:19px;letter-spacing:-.03em;margin:8px 0}
.deathly-row p{color:#afa6ab;font-size:13px;line-height:1.6;margin:0}
.deathly-read{white-space:nowrap;align-self:center}
.deathly-reader{background:#121115;min-height:100%;padding-bottom:44px}
.reading-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #3d373e;padding:0 0 17px;margin-bottom:38px}
.reading-top .btn{padding:9px 12px;font-size:12px}
.reading-paper{max-width:690px;margin:0 auto;background:#121115;color:#e7e0e3}
.reading-symbol{font-size:21px;text-align:center;color:#bd4857;margin-bottom:20px}
.reading-paper h2{text-align:center;font:600 clamp(30px,3.8vw,47px)/1.13 Georgia,"Times New Roman",serif;letter-spacing:-.035em;color:#f0eaec;margin:0 0 20px}
.reading-deck{max-width:560px;margin:0 auto;text-align:center;color:#a9a0a5;font:italic 16px/1.8 Georgia,"Times New Roman",serif}
.reading-divider{width:48px;height:1px;background:#8b3a47;margin:34px auto 36px}
.reading-prose{font:17px/1.95 Georgia,"Times New Roman",serif;color:#ddd6d9;max-width:670px;margin:0 auto;white-space:normal;overflow-wrap:break-word}
.reading-prose p{margin:0 0 1.5em;color:#ddd6d9;background:transparent!important;border:0!important}
/* Icon system: deep stone, oxidized metal, enamel and gothic detailing */
.os-icon.terror-icon{position:relative;border:1px solid #74625e;border-radius:16px;
 background:radial-gradient(circle at 42% 19%,#7066666b 0%,transparent 45%),linear-gradient(145deg,#44363c,#180f17 55%,#100d11);
 box-shadow:inset 0 1px #ffffff29,inset 0 -3px 7px #000b,0 6px 14px #0008;overflow:hidden;filter:none!important;color:#e3c5b4}
.terror-icon::before{content:"";position:absolute;inset:5px;border-radius:12px;border:1px solid rgba(228,193,169,.17);box-shadow:inset 0 0 9px #0007;pointer-events:none}
.terror-icon::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff2 0,transparent 27%,transparent 70%,#0008 100%);pointer-events:none}
.terror-icon svg{width:80%;height:80%;position:relative;z-index:2;filter:drop-shadow(0 2px 3px #000e);stroke-width:2.2}
.terror-icon svg .icon-inner-ring{stroke:#e7bcb01a;stroke-width:1}
.terror-icon .icon-grain{position:absolute;inset:0;opacity:.17;pointer-events:none;background:repeating-linear-gradient(29deg,transparent 0 3px,#0003 4px 5px)}
.terror-icon.art-codex,.terror-icon.art-mirror,.terror-icon.art-mask{background:radial-gradient(circle at 28% 15%,#a66e5052,transparent 52%),linear-gradient(145deg,#51322a,#140d10 73%);color:#eacda0;border-color:#806047}
.terror-icon.art-lantern,.terror-icon.art-candle,.terror-icon.art-fortress,.terror-icon.art-key,.terror-icon.art-gravestone{background:radial-gradient(circle at 50% 27%,#b8792e45,transparent 55%),linear-gradient(145deg,#45321d,#141013 73%);color:#e2b35d;border-color:#7d603d}
.terror-icon.art-oracle,.terror-icon.art-eye,.terror-icon.art-moth,.terror-icon.art-moon,.terror-icon.art-compass{background:radial-gradient(circle at 39% 24%,#72758655,transparent 50%),linear-gradient(145deg,#323547,#101017 75%);color:#c3c5da;border-color:#676e7c}
.terror-icon.art-terminal,.terror-icon.art-radio,.terror-icon.art-hourglass,.terror-icon.art-reel{background:radial-gradient(circle at 40% 15%,#78685b52,transparent 47%),linear-gradient(145deg,#383436,#101012 75%);color:#d3c3b4;border-color:#656061}
.terror-icon.art-skull,.terror-icon.art-spider,.terror-icon.art-dagger,.terror-icon.art-coffin,.terror-icon.art-raven,.terror-icon.art-backrooms{background:radial-gradient(circle at 35% 23%,#a42c3c66,transparent 56%),linear-gradient(145deg,#3f1823,#0c0a0e 73%);color:#e4a7a9;border-color:#793e4c}
.terror-icon.art-musicbox{background:radial-gradient(circle at 36% 18%,#7d63804e,transparent 53%),linear-gradient(145deg,#34273b,#100d14);color:#d1b5d8;border-color:#685472}
.os-icon:not(.folder-art):not(.terror-icon){filter:brightness(.9) saturate(.73)}
/* Curated icon library in admin editor */
.icon-picker{min-width:0;border:1px solid #4b4148;background:#111015;border-radius:12px;margin:4px 0 17px;padding:18px}
.icon-picker legend{padding:0 8px;color:#eee4e8;font-size:12px;font-weight:650}
.icon-picker-help{font-size:12px;color:#a79da4;margin:0 0 12px}
.icon-picker select{width:100%;margin:0 0 14px;max-width:380px}
.icon-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:345px;overflow:auto;scrollbar-color:#6e4850 transparent;padding:2px 3px 7px}
.icon-choice{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;border:1px solid #363237;border-radius:10px;background:#19171b;color:#bfb4ba;padding:10px 5px 8px;transition:border-color .15s,background .15s}
.icon-choice .os-icon{width:57px;height:57px;flex:0 0 57px;border-radius:14px}
.icon-choice>span:last-child{font-size:10px;text-align:center;line-height:1.3;overflow-wrap:anywhere}
.icon-choice:hover{background:#262125;border-color:#8d5862}
.icon-choice.is-selected{background:#291b22;border-color:#d24659;box-shadow:0 0 0 1px #d2465940}
.folder-card-icon{margin-bottom:13px}
.folder-card-icon .os-icon{width:60px;height:60px}
/* system icon controls */
.dock-body{background:#141216ed!important;border:1px solid #776b71a3!important;box-shadow:0 16px 65px #000c,inset 0 1px #ffffff20!important;backdrop-filter:blur(28px) saturate(85%)!important}
.desktop .topbar{border-color:#4d3038;background:#09080bc7}
.tile-name{border:1px solid #3c282f;color:#f0e9eb;background:#0a0709da}
.signin-card{background:linear-gradient(145deg,#141115ee,#09070af7);border:1px solid #765d67;border-radius:15px}
.signin-primary{background:#a92335;border:1px solid #c74d5b}
.signin-actions button{border-radius:7px;background:#1d171d;border-color:#57454f}
.lockscreen::before{background:linear-gradient(180deg,#0007 0%,transparent 43%,#0008 100%)}
@media(min-width:741px){
 .window:not(.maximized):has(.admin-layout){height:min(700px,calc(100svh - 163px))}
 .admin-section{overflow-y:auto}
}
@media(max-width:740px){
 .window,.window.is-active{border-radius:12px}
 .window:not(:has(.admin-layout)) .window-body{padding:18px 18px 27px}
 .admin-layout{grid-template-columns:1fr}
 .admin-nav{background:#111014;border-right:0;border-bottom:1px solid #3a3339;padding:8px 12px;gap:6px}
 .admin-section{padding:19px 15px 26px}
 .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .deathly-row{grid-template-columns:23px minmax(0,1fr);padding:19px 12px;gap:9px}
 .deathly-row .deathly-read{grid-column:2;justify-self:start}
 .deathly-row h3{font-size:16px}
 .reading-top{margin-bottom:27px}
 .reading-paper h2{font-size:31px}
 .reading-prose{font-size:16px;line-height:1.85}
 .reading-label{font-size:9px}
 .icon-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .icon-choice{padding:9px 3px 6px}
 .icon-choice .os-icon{width:48px;height:48px;flex-basis:48px}
 .item-glyph{width:40px;height:40px;flex-basis:40px}
 .item-glyph .os-icon{width:38px;height:38px;flex-basis:38px}
 .item-badges{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.window{animation:none}.icon-choice,.quick-card,.btn{transition:none}}
/* Native utilities retain recognizable glyphs, but now share the visual finish. */
.dock .os-icon:not(.folder-art):not(.terror-icon){
  background:radial-gradient(circle at 38% 19%,#7d68704b,transparent 47%),linear-gradient(145deg,#393036,#101013 72%)!important;
  border:1px solid #76616d!important;color:#e3ccd1!important;filter:none!important;
  box-shadow:inset 0 1px #ffffff28,inset 0 -3px 8px #000a,0 6px 15px #0008!important;
}
.dock .os-icon:not(.folder-art):not(.terror-icon)::after{background:linear-gradient(145deg,#fff2,transparent 33%,transparent 68%,#0008)!important}