:root{color:#f8f4ec;background:#121212;font-family:Trebuchet MS,Gill Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}.app{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(255,255,255,.14),transparent 42%),linear-gradient(180deg,#172132,#101723);overflow:hidden}.background-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:blur(10px);opacity:.3;transform:scale(1.04)}.secret-trigger{position:absolute;top:0;right:0;z-index:3;width:96px;height:96px;border:0;padding:0;background:transparent;cursor:pointer}.secret-trigger:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:-10px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at top,rgba(255,255,255,.1),transparent 36%),linear-gradient(180deg,#0b132b38,#0b132bb8)}.content{position:relative;z-index:2;width:min(92vw,860px);padding:clamp(28px,5vw,56px);border:1px solid rgba(255,255,255,.22);border-radius:32px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090e1966;box-shadow:0 24px 90px #00000052}.image-frame{display:grid;place-items:center;margin:0 0 24px;padding:clamp(12px,2vw,18px);border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#ffffff0f}.status-image{display:block;width:100%;max-height:min(52vh,460px);object-fit:contain;object-position:center;border-radius:16px}.eyebrow{margin:0 0 12px;font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.28em;text-transform:uppercase}.status-title{margin:0;font-family:Baskerville Old Face,Palatino Linotype,serif;font-size:clamp(5rem,18vw,11rem);line-height:.92;text-shadow:0 8px 28px rgba(0,0,0,.4)}.status-title--long{font-size:clamp(3.4rem,9.8vw,6.3rem);line-height:.98}.status-title--very-long{font-size:clamp(2.6rem,7.4vw,5rem);line-height:1.02}.status{margin:18px 0 0;font-size:clamp(1.1rem,2.4vw,1.5rem)}.override-badge{display:inline-block;margin:18px 0 0;padding:10px 16px;border:1px solid rgba(244,195,111,.34);border-radius:999px;background:#f4c36f1f;color:#ffe2a6;font-size:.96rem}.status-message{margin:18px auto 0;max-width:34rem;color:#ffd6bf;font-size:.98rem;line-height:1.45}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#03070ead;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal{position:relative;width:min(92vw,420px);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(180deg,#111928f5,#080c14f5);box-shadow:0 24px 80px #0000006b}.modal--wide{width:min(92vw,760px)}.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:999px;background:#ffffff14;color:#f8f4ec;font-size:1rem;cursor:pointer}.modal-label{margin:0 0 10px;color:#f4c36f;font-size:.82rem;letter-spacing:.24em;text-transform:uppercase}.modal h2{margin:0;font-family:Baskerville Old Face,Palatino Linotype,serif;font-size:clamp(2rem,6vw,3rem)}.modal-copy{margin:12px 0 0;color:#f8f4eccc;font-size:1rem;line-height:1.5}.pin-display{display:flex;justify-content:center;gap:12px;margin:24px 0 12px}.pin-dot{width:16px;height:16px;border:2px solid rgba(255,255,255,.32);border-radius:999px;background:transparent}.pin-dot.filled{border-color:#f4c36f;background:#f4c36f;box-shadow:0 0 18px #f4c36f66}.error-message{min-height:24px;margin:0 0 12px;color:#ffb0a1;text-align:center}.admin-section{margin-top:22px}.admin-heading{margin:0;font-size:1.2rem}.helper-copy,.empty-copy{margin:10px 0 0;color:#f8f4ecc7;line-height:1.45}.override-form{display:grid;gap:14px;margin-top:18px}.field{display:grid;gap:8px}.field-label{font-size:.92rem;color:#f8f4ecd9}.field-input{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#ffffff14;color:#f8f4ec;font:inherit}.field-input::placeholder{color:#f8f4ec70}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.add-button{margin-top:4px}.action-row{display:flex;gap:12px;margin-top:18px}.action-row .primary-button{margin-top:0}.override-list{display:grid;gap:12px;margin-top:18px}.override-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff0f}.override-copy{min-width:0}.override-name,.override-meta{margin:0}.override-name{font-size:1rem;font-weight:700}.override-meta{margin-top:6px;color:#f8f4ecbd;font-size:.94rem}.danger-button{flex:none;min-height:42px;padding:0 14px;border:0;border-radius:12px;background:#ff78782e;color:#ffd6d6;font:inherit;cursor:pointer}.status-grid{display:grid;gap:12px;margin-top:18px}.status-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff12;color:#f8f4ec;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.status-option:hover{transform:translateY(-1px);background:#ffffff1f}.status-option.active{border-color:#f4c36fcc;background:#f4c36f24;box-shadow:0 10px 30px #d98e3a2e}.status-option:disabled,.danger-button:disabled,.field-input:disabled,.keypad-button:disabled,.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.status-option-name{font-size:1.05rem;font-weight:700}.status-option-description{color:#f8f4ecc7;font-size:.95rem;line-height:1.35}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.keypad-button,.primary-button{border:0;border-radius:18px;color:#f8f4ec;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.keypad-button{min-height:64px;background:#ffffff14;font-size:1.2rem}.keypad-button--secondary{font-size:.92rem}.primary-button{width:100%;margin-top:16px;padding:16px 18px;background:linear-gradient(135deg,#f4c36f,#d98e3a);color:#16110b;font-size:1rem;font-weight:700}.secondary-action{background:#ffffff1a;color:#f8f4ec}.keypad-button:hover,.primary-button:hover{transform:translateY(-1px)}.keypad-button:hover{background:#ffffff24}.primary-button:hover{box-shadow:0 16px 30px #d98e3a3d}.secondary-action:hover{box-shadow:none;background:#ffffff24}@media (max-width: 640px){.content{border-radius:24px}.eyebrow{letter-spacing:.18em}.secret-trigger{width:84px;height:84px}.background-image{transform:scale(1.02)}.modal{max-height:calc(100vh - 24px);padding:24px 20px 20px}.override-item{flex-direction:column;align-items:flex-start}.action-row{flex-direction:column}.danger-button{width:100%}.keypad-button{min-height:58px}}