*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:#000;color:#fff}#root{height:100%}.app-footer{position:fixed;bottom:.75rem;left:0;right:0;text-align:center;font-size:.65rem;color:#333;letter-spacing:.04em;pointer-events:none}.app-footer-heart{color:#e03131}.home-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding-bottom:15vh}.home-title{font-size:clamp(2rem,10vw,4rem);font-weight:600;letter-spacing:-.02em}.home-camera{position:relative;width:min(260px,70vw);height:min(260px,70vw);border-radius:16px;overflow:hidden;background:#111}.home-video{width:100%;height:100%;object-fit:cover}.home-scan-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:#ffffff73;pointer-events:none}.home-dev-unlock{background:transparent;border:none;color:#333;font-size:.6rem;letter-spacing:.1em;cursor:pointer;padding:.2rem .5rem;margin-top:-1.5rem}.home-close-box{background:transparent;border:1px solid #2a2a2a;border-radius:6px;color:#333;font-size:.75rem;letter-spacing:.1em;cursor:pointer;padding:.45rem 1rem;transition:color .15s,border-color .15s}.home-close-box:hover{color:#666;border-color:#444}.unlock-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-bottom:15vh}.unlock-auth{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.unlock-secret-label{font-size:.8rem;letter-spacing:.14em;color:#444;text-transform:lowercase}.unlock-password{background:transparent;border:none;border-bottom:1px solid #333;color:#fff;font-size:1.5rem;text-align:center;letter-spacing:.25em;outline:none;width:160px;padding:.4rem 0}.unlock-submit{background:transparent;border:none;color:#444;font-size:1.25rem;cursor:pointer;padding:.25rem .75rem;transition:color .15s}.unlock-submit:not(:disabled):hover{color:#fff}.unlock-submit:disabled{opacity:.25;cursor:default}.unlock-error{font-size:.85rem;color:#444;letter-spacing:.04em}.unlock-mystery{width:120px;height:120px;border:2px solid rgba(255,255,255,.4);border-radius:16px;background:transparent;color:#ffffffb3;font-size:4rem;font-weight:300;cursor:default;display:flex;align-items:center;justify-content:center}.unlock-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem}.share-expiry{font-size:.75rem;opacity:.5;text-align:center;font-style:italic}.unlock-text{font-size:clamp(2rem,10vw,4rem);font-weight:600;text-align:center;letter-spacing:-.02em}.player{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:320px}.player-image-wrap{position:relative;width:100%}.player-image-wrap--empty{display:none}.player-image{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:1 / 1;display:block}.player-speaker{position:absolute;top:.75rem;left:.75rem;color:#ffffffd9;width:44px;height:44px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.player-speaker svg{width:100%;height:100%}.player-wave{transform-origin:left center}.player-wave--1{animation:wave-pulse 1.4s ease-in-out infinite}.player-wave--2{animation:wave-pulse 1.4s ease-in-out .35s infinite}@keyframes wave-pulse{0%,to{opacity:.2}50%{opacity:1}}.player-tap-to-start{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#00000059;border:none;cursor:pointer;color:#ffffffe6;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.player-tap-to-start svg{width:44px;height:44px}.player-tap-to-start span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.player-from{font-size:.85rem;text-align:center;letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;gap:.15rem}.player-from em{font-style:italic;color:#fffc}.player-date{font-size:.72rem;color:#ffffff8c}.player-controls{width:100%;display:flex;flex-direction:column;gap:.75rem}.player-buttons{display:flex;gap:.75rem;align-items:center}.player-share-expiry{font-size:.7rem;opacity:.65;margin-top:.3rem}.player-btn{flex-shrink:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.player-btn svg{width:100%;height:100%}.player-bar{width:100%;height:2px;background:#222;border-radius:1px;cursor:pointer;position:relative}.player-bar-fill{position:absolute;top:0;bottom:0;left:0;background:#fff;border-radius:1px}.player-lock{background:transparent;border:1px solid #555;border-radius:8px;color:#888;cursor:pointer;padding:.5rem 1.25rem;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.player-lock:hover{border-color:#fff;color:#fff}.player-lock svg{width:16px;height:16px}.player-next{font-size:.7rem;color:#ffffffa6;letter-spacing:.04em;text-align:center;margin-top:.4rem}.admin-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;color:#888}.admin-container{min-height:100dvh;padding:2rem 1.25rem;max-width:480px;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.admin-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.admin-form{display:flex;flex-direction:column;gap:1.25rem}.admin-label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#aaa}.admin-required{color:#ff5f5f}.admin-optional{font-size:.7rem;text-transform:none;letter-spacing:0;color:#666}.admin-input{background:#111;border:1px solid #333;border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1rem;outline:none;transition:border-color .15s}.admin-input:focus{border-color:#555}.admin-input-file{background:#111;border:1px dashed #333;border-radius:8px;padding:.75rem 1rem;color:#888;font-size:.9rem;cursor:pointer}.admin-textarea{background:#111;border:1px solid #333;border-radius:8px;padding:.75rem 1rem;color:#ccc;font-size:.9rem;line-height:1.5;resize:vertical;outline:none;font-family:inherit}.admin-fieldset{border:1px solid #333;border-radius:8px;padding:1rem}.admin-legend{padding:0 .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#aaa}.admin-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.admin-tag-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#ccc;cursor:pointer}.admin-active-toggle{margin-top:.25rem}.admin-preset{display:flex;flex-direction:column;gap:.6rem}.admin-preset-date{color-scheme:dark}.admin-generated{display:flex;flex-direction:column;gap:1.25rem;border-top:1px solid #222;padding-top:1.25rem}.admin-btn{background:#fff;color:#000;border:none;border-radius:8px;padding:.875rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.admin-btn:disabled{opacity:.4;cursor:default}.admin-btn-save{background:#1a1a1a;color:#fff;border:1px solid #444}.admin-btn-ghost{background:transparent;border:1px solid #333;color:#aaa;border-radius:8px;padding:.4rem .875rem;font-size:.85rem;cursor:pointer}.admin-hint{font-size:.8rem;color:#60a5fa;margin-top:.35rem}.admin-warning{font-size:.8rem;color:#f59e0b;margin-top:.35rem}.admin-error{font-size:.85rem;color:#ff5f5f;padding:.5rem 0}.admin-success{font-size:.85rem;color:#4ade80;padding:.5rem 0}