@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap";:root{--bg: #0b0d10;--panel: rgba(255, 255, 255, .06);--panel-bright: rgba(255, 255, 255, .12);--panel-solid: #1b1e27;--txt: #e6edf3;--muted: #9aa6b2;--brand: #8a5cf6;--brand-2: #2dd4bf;--card-radius: 18px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;height:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;background:radial-gradient(1200px 600px at 15% -10%,rgba(138,92,246,.28),transparent 60%),radial-gradient(900px 500px at 105% 10%,rgba(45,212,191,.18),transparent 60%),var(--bg);background-repeat:no-repeat,no-repeat,no-repeat;background-size:160% 90%,140% 80%,auto;color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,sans-serif;line-height:1.6}#app{height:100%;min-height:100%;width:100%;display:flex;justify-content:center;overflow:hidden;padding:48px 16px}@media(max-width:600px){#app{padding:24px 12px}}.safe-panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--card-radius);padding:12px 24px 24px;box-shadow:var(--shadow);width:100%;max-width:520px;height:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;position:relative;max-height:100%;overflow:auto}.safe-panel:hover{border-color:#ffffff29}.safe-icon{width:200px;align-self:center}.safe-content{flex:1;display:flex;flex-direction:column;gap:12px}.safe-actions{display:flex;gap:12px}.safe-actions .close-btn{flex:3 1 0%}.safe-actions .image-action-btn{flex:1 1 0%}.safe-actions button{width:100%}.close-btn{padding:8px 12px;border-radius:10px;background:var(--panel-bright);border:1px solid rgba(255,255,255,.08);color:var(--txt);font-weight:600;box-shadow:inset 0 0 8px #2dd4bf66;transition:box-shadow .2s,border-color .2s}.close-btn:hover{border-color:#ffffff29;box-shadow:inset 0 0 8px #2dd4bf99}.danger-btn{background:#f871712e;border-color:#f8717166;box-shadow:inset 0 0 12px #f8717173;color:#fecaca}.danger-btn:hover{border-color:#f8717199;box-shadow:inset 0 0 12px #f87171a6}.safe-content textarea{flex:1;width:100%;min-height:0;background:var(--panel-bright);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--txt);padding:8px;font-family:inherit;font-size:16px;resize:none}.file-input{display:none}.image-thumb{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:var(--panel-bright);border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;max-width:160px;align-self:center;margin-top:4px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 0 6px #2dd4bf4d}.image-thumb:hover{border-color:#ffffff2e;box-shadow:inset 0 0 8px #2dd4bf80;transform:translateY(-1px)}.image-thumb:focus-visible{outline:2px solid rgba(45,212,191,.8);outline-offset:3px}.image-thumb-img{display:block;max-width:140px;max-height:120px;border-radius:8px;object-fit:cover}.image-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:24px;z-index:999}.image-preview-dialog{background:var(--panel-solid);border:1px solid rgba(255,255,255,.12);border-radius:var(--card-radius);padding:32px 24px 24px;box-shadow:var(--shadow);position:relative;width:min(90vw,720px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:16px}.image-preview-full{width:100%;height:auto;max-height:calc(90vh - 140px);object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 12px #2dd4bf40}.image-preview-close{position:absolute;top:16px;right:16px;padding:6px 10px;font-size:20px;line-height:1}.image-preview-remove{width:100%;text-align:center}.panel-icons{position:absolute;top:12px;right:12px;display:flex;gap:8px}.panel-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:12px;background:var(--panel-bright);border:1px solid rgba(255,255,255,.08);color:var(--txt);font-size:22px;cursor:pointer;box-shadow:inset 0 0 8px #2dd4bf66;transition:box-shadow .2s,border-color .2s,transform .2s}.panel-icon-button:hover{border-color:#ffffff29;box-shadow:inset 0 0 12px #2dd4bf99;transform:translateY(-1px)}.panel-icon-button:focus-visible{outline:2px solid rgba(45,212,191,.8);outline-offset:3px}.safe-state{margin:0;align-self:center;margin-inline:auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:10px 24px;border-radius:999px;font-family:Orbitron,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,sans-serif;font-size:20px;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(120deg,#2dd4bf33,#8a5cf62e);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 18px #2dd4bf4d,0 12px 26px #00000059;text-shadow:0 0 18px rgba(45,212,191,.6)}.safe-state--open{color:#5eead4}.safe-state--closed{color:#c4b5fd;text-shadow:0 0 18px rgba(138,92,246,.6);background:linear-gradient(120deg,#8a5cf638,#2dd4bf29)}.pin-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.pin-dialog{background:var(--panel-solid);border:1px solid rgba(255,255,255,.08);border-radius:var(--card-radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.pin-dialog input,.pin-input{background:var(--panel-bright);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--txt);padding:8px;font-size:16px}.closed-info{text-align:center;margin:0}.countdown-warning{color:#f87171;font-weight:600}.explosion-message{margin:0;text-align:center;font-weight:600;color:#34d399}.pin-actions{display:flex;gap:12px;justify-content:flex-end}.settings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.settings-dialog{background:var(--panel-solid);border:1px solid rgba(255,255,255,.08);border-radius:var(--card-radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.settings-dialog label{display:flex;flex-direction:column;gap:4px}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-row{display:flex;flex-direction:column;gap:8px}.settings-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row-title{font-weight:600;font-size:16px}.settings-input-wrapper{display:flex;align-items:center;gap:8px}.settings-input-wrapper input{flex:1}.settings-suffix{color:var(--muted);font-size:14px}.settings-toggle{--toggle-width: 44px;--toggle-height: 24px;--toggle-padding: 3px;--toggle-border: 1px;--toggle-knob-size: calc( var(--toggle-height) - 2 * (var(--toggle-padding) + var(--toggle-border)) );--toggle-shift: calc( var(--toggle-width) - 2 * (var(--toggle-padding) + var(--toggle-border)) - var(--toggle-knob-size) );appearance:none;width:var(--toggle-width);height:var(--toggle-height);box-sizing:border-box;border-radius:var(--toggle-height);border:var(--toggle-border) solid rgba(255,255,255,.24);background:#ffffff1f;position:relative;cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.settings-toggle:after{content:"";position:absolute;top:50%;left:calc(var(--toggle-border) + var(--toggle-padding));width:var(--toggle-knob-size);height:var(--toggle-knob-size);border-radius:50%;background:#fff;transform:translateY(-50%);transition:transform .2s ease;box-shadow:0 1px 2px #00000052}.settings-toggle:checked{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 1px #ffffff14}.settings-toggle:checked:after{transform:translate(var(--toggle-shift),-50%)}.settings-toggle:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.settings-dialog input,.settings-dialog select{background:var(--panel-bright);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--txt);padding:8px;font-size:16px}.settings-dialog input:disabled{background:#ffffff0f;color:var(--muted)}.settings-input-wrapper input:disabled+.settings-suffix{color:#9aa6b299}.settings-error{color:#f87171;font-size:14px}.settings-actions{display:flex;gap:12px;justify-content:flex-end}.info-dialog{background:var(--panel-solid);border:1px solid rgba(255,255,255,.08);border-radius:var(--card-radius);padding:24px;box-shadow:var(--shadow);max-width:420px;display:flex;flex-direction:column;gap:12px}.info-dialog h2{margin:0;font-size:22px}.info-dialog p{margin:0;color:var(--muted)}.info-note{color:#5eead4;font-weight:600}.destroyed-panel{align-items:center;justify-content:center;text-align:center}.destroyed-emoji{font-size:72px;line-height:1}.destroyed-title{margin:0;font-size:28px}.destroyed-text{margin:0;max-width:420px;color:var(--muted)}