/* FRECUENCIA X — Real HTML interface over optimized cinematic background plates. */
:root{--fx-gold:#d4ac68;--fx-cream:#f0e0b8;--fx-night:#0c1614;--fx-serif:Georgia,'Times New Roman',serif}
[hidden]{display:none!important}
body{background:linear-gradient(#0002,#0004),url('../assets/fx-desk.webp') center/cover fixed,#101914;color:var(--fx-cream)}
.fx-brand{text-align:center;color:var(--fx-cream);position:relative;z-index:1;font-family:var(--fx-serif)}
.fx-brand img{display:block;margin:0 auto 6px;filter:drop-shadow(0 2px 4px #000)}
.fx-brand h1{font-family:var(--fx-serif);font-variant:small-caps;text-transform:uppercase;font-weight:900;font-size:clamp(48px,7.4vw,112px);line-height:.94;letter-spacing:-.055em;margin:0;text-shadow:1px 2px #604725,0 5px 16px #000;white-space:nowrap}
.fx-brand h1 b{font-size:1.24em;color:#d4a45b;line-height:.6;font-weight:900}
.fx-brand p{font-family:var(--fx-serif);text-transform:uppercase;letter-spacing:.25em;font-weight:bold;font-size:clamp(10px,1vw,15px);margin:17px 0 12px}
.fx-morse{color:#d4af73;font:600 12px/1.5 'Courier New',monospace;letter-spacing:5px;text-align:center;opacity:.9}
.fx-brand-small{display:flex;align-items:center;gap:10px;text-align:left}
.fx-brand-small img{width:36px;height:43px;margin:0}
.fx-brand-small h1{font-size:29px}
.fx-brand-small p{font-size:7px;margin:5px 0 0;letter-spacing:.19em}
.fx-login #main{max-width:none;width:100%;margin:0;padding:26px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:22px;min-height:100svh;justify-content:center}
.fx-login .fx-brand img{width:57px;height:66px;margin-bottom:8px}
.fx-login-paper{width:min(650px,calc(100vw - 36px));background:linear-gradient(105deg,#1d140dd9,#241a10e8,#140f0be8),url('../assets/paper-grain.svg');padding:28px 44px 22px;border:1px solid #9a6b32;box-shadow:0 0 0 5px #291b0be6,0 0 0 7px #87603680,0 15px 35px #000a,inset 0 0 50px #c0903b20;border-radius:8px 30px 10px 21px;position:relative}
.fx-login-paper::before,.fx-login-paper::after{content:'';position:absolute;left:-14px;right:-14px;height:14px;background:linear-gradient(#25170b,#a0753c,#20150b);border:1px solid #84602f;border-radius:50%;box-shadow:0 3px 8px #0009;pointer-events:none}
.fx-login-paper::before{top:-8px}.fx-login-paper::after{bottom:-9px}
.fx-login-paper .form-stack{gap:12px}.fx-login-paper label{color:#efddb3;font-family:'Courier New',monospace;font-size:18px;font-weight:bold;margin-top:4px}
.fx-field{display:flex;align-items:center;gap:12px;background:#100f0bbf;border:1px solid #b98d4f;border-radius:6px;padding:0 14px;color:#eddaab;min-height:55px}
.fx-field input{width:100%;min-width:0;border:0;background:none;color:#f8e9c4;box-shadow:none;padding:13px 0;font:17px var(--fx-serif);border-radius:0}
.fx-field input::placeholder{color:#aa9a7d}.fx-field input:focus{outline:none}.fx-field:focus-within{outline:3px solid #edc780;outline-offset:3px}
.fx-eye{background:transparent!important;color:#f0dfba!important;border:0;box-shadow:none;min-width:44px;padding:6px;font-size:24px}
.fx-enter{border:1px solid #e5b665;border-radius:7px;font:bold 28px var(--fx-serif);padding:14px 26px;color:#211a0d;background:linear-gradient(120deg,#b47b32,#eed39a,#c5934c),url('../assets/paper-grain.svg');box-shadow:inset 0 0 0 3px #5e3e1c44,0 5px 12px #0007;width:100%}
.fx-enter span{float:right}.fx-enter:hover{filter:brightness(1.1)}.fx-error{color:#ffd0b3;min-height:0;font-size:14px;margin:0}.fx-error:not(:empty){min-height:20px}
.fx-access-help{font-size:12px;color:#cbb690;margin-top:16px}.fx-access-help summary{cursor:pointer}.fx-access-help p{line-height:1.5}
body.fx-portal{background:linear-gradient(#0002,#0003),url('../assets/fx-desk.webp') center/cover fixed,#111813}
body.fx-portal #main{width:100%;max-width:none;min-height:100svh;padding:22px 4vw 100px;margin:0}
.fx-cover{max-width:1450px;margin:auto}.fx-cover .fx-brand img{width:58px;height:68px}.fx-cover .fx-brand h1{font-size:clamp(52px,7vw,105px)}
.fx-cover .archive-cards{width:100%;max-width:none;margin:34px 0 0;gap:42px;display:grid;grid-template-columns:1fr 1fr}
.fx-cover .archive-card{width:100%;max-width:none;min-height:0;border:2px solid #b28d55;border-radius:5px;background:#e4c898;box-shadow:0 7px 16px #0009,inset 0 0 0 8px #f8e3bc30;transform:rotate(-.5deg);padding:12px 15px 0}
.fx-cover .archive-card:nth-child(2){transform:rotate(.5deg)}.fx-cover .archive-card:hover{transform:translateY(-5px) rotate(0deg);box-shadow:0 16px 25px #000a}
.fx-cover .archive-picture{height:clamp(190px,24vw,335px);margin:0;display:block;overflow:hidden;filter:sepia(.25)}
.fx-cover .archive-picture img{width:100%;height:100%;object-fit:cover}.fx-cover .archive-label{font-size:clamp(17px,2vw,30px);padding:16px 6px;text-align:center;display:block;font-family:'Courier New',monospace;color:#1e281e}
.fx-cover .archive-registration,.fx-cover .archive-card-foot,.fx-cover .card-fastener{display:none}
.fx-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(#10110ef5,#080d0cfb);border-top:1px solid #a98648;box-shadow:0 -8px 30px #0003;padding:15px 28px;z-index:5;color:#edddb8;min-height:76px}
.fx-portal .fx-bottom{position:fixed;bottom:0;left:0;right:0}.fx-bottom .row{gap:12px}.fx-bottom button,.fx-bottom a{border:1px solid #a98e5d80;background:transparent;box-shadow:none;color:#efddb4;font:16px var(--fx-serif);padding:9px 14px;border-radius:4px;text-decoration:none}.fx-bottom a:hover,.fx-bottom button:hover{background:#b8a16b20}
.fx-user{font:14px var(--fx-serif);color:#dfcca2}.fx-session-note{color:#d6c39b!important;font-size:12px;text-align:center;margin:14px 0 0}
body.fx-welcome{background:linear-gradient(#0001,#0003),url('../assets/fx-welcome.webp') center/cover fixed}
.fx-welcome #main{display:grid;place-items:center;padding:32px;min-height:100svh;max-width:none}
.fx-welcome-paper{padding:32px 50px;max-width:630px;width:100%;text-align:center;background:linear-gradient(115deg,#f2ddb0,#d7b67c);color:#262417;border:2px solid #986d31;border-radius:8px 16px 7px 18px;box-shadow:0 14px 70px #0009,inset 0 0 30px #8b5a2340}
.fx-welcome-paper .fx-brand{color:#332b17}.fx-welcome-paper .fx-brand h1{font-size:50px}.fx-welcome-paper .fx-brand p{font-size:10px}.fx-welcome-paper h2{margin:24px 0 14px;font:700 30px 'Courier New',monospace}.fx-welcome-name{background:linear-gradient(#674722,#2b2115);border:2px solid #b99051;box-shadow:0 3px 7px #74522288;color:#f7dfad;font:700 24px var(--fx-serif);padding:14px;margin-bottom:28px;letter-spacing:.08em}
body.fx-lab{background:#171b13}.fx-lab #main{max-width:none;margin:0;padding:0;min-height:100svh}.fx-lab .site-header,.fx-lab .site-footer{display:none}
.fx-room{height:calc(100svh - 76px);min-height:580px;position:relative;overflow:auto;background:url('../assets/fx-classroom.webp') center/cover}
.fx-room-head{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:18px 24px;position:sticky;left:0;top:0;z-index:3;background:linear-gradient(#0009,transparent)}
.fx-room-title{background:#0d1513e8;color:#efd9a9;border:1px solid #bb9757;border-radius:5px;padding:10px 20px;text-align:center;box-shadow:0 4px 12px #0005}.fx-room-title h1{font:700 19px var(--fx-serif);letter-spacing:.06em;margin:0}.fx-room-title small{font:13px 'Segoe UI',sans-serif;display:block;margin-top:6px;color:#c3ad7f}
.fx-presence{font:18px var(--fx-serif);color:#f6e1b4;border:1px solid #a2834f;border-radius:6px;background:#07110fee;padding:12px 18px;white-space:nowrap}.fx-presence strong{color:#d9b968;font-size:25px}
.fx-stations{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px 20px;align-content:center;position:relative;min-width:950px;min-height:calc(100% - 120px);padding:25px 8% 30px}
.fx-station{position:relative;min-height:138px;min-width:0;display:flex;align-items:end;justify-content:center;padding:0 4px 7px;background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate;transition:filter .2s,transform .2s;overflow:visible}
.fx-station img{width:100%;height:146px;object-fit:contain;display:block;filter:brightness(.57) saturate(.6);transition:filter .3s}
.fx-station .fx-operator{position:absolute;top:4px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;justify-content:center;max-width:150px;min-width:85px;padding:6px 9px;border:1px solid #b59357;background:#10120dea;border-radius:5px;color:#f4dfaf;font:14px var(--fx-serif);white-space:nowrap;box-shadow:0 2px 7px #000b}
.fx-station small{position:absolute;bottom:8px;font:11px 'Segoe UI',sans-serif;color:#d4c098;padding:2px 5px;background:#10120de8;border-radius:2px;max-width:90%;white-space:nowrap}
.fx-led{width:10px;height:10px;border-radius:50%;background:#5d6159;flex-shrink:0;border:1px solid #b6ab8f}
.fx-station[data-state=available] .fx-led{background:#74d270;box-shadow:0 0 9px #60ef69}.fx-station[data-state=pending] .fx-led{background:#f0b848;box-shadow:0 0 11px #ffd56f}.fx-station[data-state=busy] .fx-led{background:#bd8261}.fx-station[data-self=true] .fx-led{background:#64bce9;box-shadow:0 0 10px #64bce9}
.fx-station[data-state=available] img,.fx-station[data-state=pending] img,.fx-station[data-self=true] img{filter:brightness(1.08) drop-shadow(0 0 10px #ffc55b40)}
.fx-station:disabled{opacity:1!important;cursor:default}.fx-station:enabled:hover{transform:translateY(-4px);filter:brightness(1.2)}.fx-station:focus-visible{outline:3px solid #ffda89!important;outline-offset:3px;border-radius:8px}
.fx-empty-message{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#ffe2ac;background:#102019e8;border:1px solid #9f8659;border-radius:5px;max-width:85%;padding:10px 18px;font:14px var(--fx-serif);text-align:center;z-index:2}
.fx-list .fx-stations{min-width:0;padding:28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;align-content:start}.fx-list .fx-station{min-height:88px;border:1px solid #b5935770!important;background:#102019e8!important;border-radius:5px;padding:12px;display:flex}.fx-list .fx-station img{display:none}.fx-list .fx-operator{position:static;transform:none;background:none;box-shadow:none;border:0}.fx-list .fx-station small{bottom:9px}
.fx-invitation{position:fixed;right:25px;bottom:94px;z-index:8;max-width:420px;background:#eddaae;color:#2c281d;border:2px solid #c59951;border-radius:5px;padding:18px 24px;box-shadow:0 12px 40px #000a}.fx-invitation h2{font:700 19px 'Courier New',monospace;margin:0 0 8px}.fx-invitation .row{margin-top:16px}.fx-invitation p{line-height:1.5;margin:6px 0}
.fx-private .station-grid{margin-top:16px}.fx-private #telegram-history{max-height:210px;min-height:100px;overflow:auto;display:flex;flex-direction:column;gap:8px;background:#091814c9;border:1px solid #ae8c53;padding:16px 20px;border-radius:5px}
.fx-telegram{background:#ead6ab;color:#2a2c20;padding:10px 16px;border:1px solid #b3945b;border-left:4px solid #ab8854;border-radius:2px;max-width:82%;box-shadow:0 2px 8px #0003;font-family:'Courier New',monospace}.fx-telegram.sent{align-self:flex-end;background:#d5ccb0}.fx-telegram small{font:11px 'Segoe UI',sans-serif;color:#625637}.fx-telegram code{display:block;letter-spacing:2px;white-space:normal;overflow-wrap:anywhere;font-size:17px;margin:6px 0}.fx-telegram button{font-size:12px;min-height:32px;padding:4px 10px;background:#335449;color:#f4e8c6}.fx-private .receiver{min-height:400px}.fx-private .signal-screen{min-height:180px}
.fx-lab-admin{margin-top:24px;padding:20px;border:1px solid #b0945d;background:#0d211bdc;border-radius:5px}.fx-lab-admin h2{font:700 24px var(--fx-serif)}.fx-lab-admin .hint{color:#d5c49e}.fx-lab-admin li{margin:10px 0;line-height:1.6}.fx-lab-admin li button{margin-left:12px}.fx-notice{background:#efe0b6;color:#443118;border-left:4px solid #b26f36;padding:12px 18px;border-radius:3px}
@media(min-width:1600px){.fx-station{min-height:170px}.fx-station img{height:180px}.fx-stations{padding-left:11%;padding-right:10%}}
@media(max-width:900px){.fx-room-head .fx-brand-small h1{font-size:22px}.fx-room-head .fx-brand-small p{display:none}.fx-room-head{padding:12px}.fx-presence{font-size:14px;padding:10px}.fx-room-title{padding:10px}.fx-room-title h1{font-size:15px}.fx-bottom{padding:10px 14px;min-height:76px;gap:8px}.fx-bottom button,.fx-bottom a{font-size:13px;padding:6px 9px}.fx-bottom .fx-user{font-size:11px}.fx-cover .archive-cards{gap:22px}.fx-cover .archive-label{font-size:18px}.fx-brand h1{font-size:64px}}
@media(max-width:600px){.fx-login #main{padding:22px 12px;justify-content:start}.fx-login .fx-brand img{width:42px;height:50px}.fx-brand h1{font-size:46px}.fx-brand p{font-size:9px;letter-spacing:.12em}.fx-morse{font-size:8px;letter-spacing:2px}.fx-login-paper{padding:26px 22px}.fx-login-paper label{font-size:16px}.fx-field input{font-size:16px}.fx-cover .archive-cards{grid-template-columns:1fr;margin-top:24px;gap:24px}.fx-cover .archive-picture{height:185px}.fx-cover .fx-brand h1{font-size:49px}.fx-cover .fx-brand img{width:40px;height:48px}.fx-portal .fx-bottom{position:static;margin:25px -4vw -100px;flex-direction:column;align-items:stretch}.fx-room-head .fx-brand-small{display:none}.fx-room{height:calc(100svh - 140px);min-height:480px}.fx-invitation{left:12px;right:12px;bottom:125px;max-width:none}.fx-welcome-paper{padding:25px 20px}.fx-welcome-paper .fx-brand h1{font-size:38px}.fx-telegram{max-width:95%}}
@media(prefers-reduced-motion:reduce){.fx-station,.fx-station img,.fx-cover .archive-card{transition:none!important;animation:none!important}}

.fx-field>svg{flex-shrink:0}.fx-eye[aria-pressed=true] .fx-eye-slash{display:none}

.fx-room[data-stale=true] .fx-station img{filter:brightness(.4) saturate(.3)}
.fx-portal #main{display:block}.fx-cover{width:100%}.fx-cover .card-fastener{display:block;z-index:2;pointer-events:none;background:#c0ae8266;border-color:#d7c59866}
@media(max-height:760px) and (min-width:601px){.fx-cover .fx-brand img{width:42px;height:48px;margin-bottom:2px}.fx-cover .fx-brand h1{font-size:clamp(46px,5.8vw,84px)}.fx-cover .fx-brand p{font-size:10px;margin:10px 0 8px}.fx-cover .fx-morse{font-size:10px}.fx-cover .archive-cards{margin-top:22px}}

@media(max-width:600px){body{background-attachment:scroll}}