@import url(https://fonts.googleapis.com/css2?family=VT323&family=IBM+Plex+Mono:wght@400;600&family=Space+Grotesk:wght@400;600;700;900&display=swap);:root{--bg:#f5f0e8;--bg-alt:#ede8dc;--bg-card:#e8e1d4;--bg-elevated:#dedad0;--bg-tape:#f0ebe2;--accent:#8b1a1a;--accent-dim:#5c1111;--accent-glow:#8b1a1a1a;--amber:#f5a623;--red:#ff3b30;--text:#1a1614;--text-dim:#5a4a40;--text-muted:#8a7a70;--border:#d4cec4;--border-bright:#8b1a1a33;--nav-height:60px;--mono:"IBM Plex Mono",monospace;--vhs:"VT323",monospace;--sans:"Space Grotesk",system-ui,sans-serif}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f5f0e8;background:var(--bg);color:#1a1614;color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--sans);min-height:100%;overflow-x:hidden}.btn-accent{background:#8b1a1a;background:var(--accent);border:none;border-radius:3px;color:#0a0a08;cursor:pointer;display:inline-block;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;padding:10px 20px;text-align:center;text-transform:uppercase;transition:opacity .1s}.btn-accent:hover{opacity:.85}.btn-accent:disabled{cursor:default;opacity:.35}.btn-outline{background:#0000;border:1px solid #8b1a1a;border:1px solid var(--accent);border-radius:3px;color:#8b1a1a;color:var(--accent);cursor:pointer;display:inline-block;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;padding:10px 20px;text-align:center;text-transform:uppercase;transition:background .1s}.btn-outline:hover{background:#8b1a1a1a;background:var(--accent-glow)}.auth-page{align-items:center;background:#f5f0e8;background:var(--bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.auth-page:before{background:repeating-linear-gradient(180deg,#0000 0,#0000 3px,#00000012 0,#00000012 4px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.auth-card{background:#e8e1d4;background:var(--bg-card);border:1px solid #8b1a1a33;border:1px solid var(--border-bright);border-radius:4px;box-shadow:0 0 48px #39ff6a0f,inset 0 1px 0 #39ff6a14;max-width:360px;padding:32px 28px;position:relative;width:100%;z-index:1}.auth-logo{color:#8b1a1a;color:var(--accent);font-family:VT323,monospace;font-family:var(--vhs);font-size:3rem;letter-spacing:.12em;margin-bottom:4px;text-align:center;text-shadow:0 0 20px #8b1a1a,0 0 60px #39ff6a4d;text-shadow:0 0 20px var(--accent),0 0 60px #39ff6a4d}.auth-tagline{color:#8a7a70;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:10px;letter-spacing:.1em;margin-bottom:24px;text-align:center;text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-input{background:#f0ebe2;background:var(--bg-tape);border:1px solid #d4cec4;border:1px solid var(--border);border-radius:3px;color:#1a1614;color:var(--text);font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:13px;outline:none;padding:11px 14px;transition:border-color .15s;width:100%}.auth-input:focus{border-color:#8b1a1a;border-color:var(--accent);box-shadow:0 0 0 2px #8b1a1a1a;box-shadow:0 0 0 2px var(--accent-glow)}.auth-input::placeholder{color:#8a7a70;color:var(--text-muted)}.auth-btn{background:#8b1a1a;background:var(--accent);border:none;border-radius:3px;color:#0a0a08;cursor:pointer;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;padding:12px;text-transform:uppercase;transition:opacity .1s}.auth-btn:disabled{cursor:default;opacity:.35}.auth-social-btn{align-items:center;background:#f0ebe2;background:var(--bg-tape);border:1px solid #d4cec4;border:1px solid var(--border);border-radius:3px;color:#1a1614;color:var(--text);cursor:pointer;display:flex;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:12px;gap:10px;justify-content:center;letter-spacing:.04em;padding:11px 14px;transition:border-color .15s,background .15s;width:100%}.auth-social-btn:hover{background:#8b1a1a1a;background:var(--accent-glow);border-color:#8b1a1a;border-color:var(--accent)}.auth-social-btn:disabled{opacity:.4}.auth-divider{color:#8a7a70;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:10px;letter-spacing:.1em;margin:4px 0;position:relative;text-align:center;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:#d4cec4;background:var(--border);content:"";height:1px;position:absolute;top:50%;width:26%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-error{background:#ff3b3012;border:1px solid #ff3b3047;border-radius:3px;color:#ff3b30;color:var(--red);margin-bottom:8px;padding:9px 12px}.auth-error,.auth-footer{font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:11px}.auth-footer{color:#8a7a70;color:var(--text-muted);margin-top:16px;text-align:center}.auth-footer a{color:#8b1a1a;color:var(--accent);text-decoration:none}.upload-caption{background:#f0ebe2;background:var(--bg-tape);border:1px solid #d4cec4;border:1px solid var(--border);border-radius:3px;color:#1a1614;color:var(--text);font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:13px;min-height:72px;outline:none;padding:11px 14px;resize:vertical;transition:border-color .15s;width:100%}.upload-caption:focus{border-color:#8b1a1a;border-color:var(--accent)}.upload-caption::placeholder{color:#8a7a70;color:var(--text-muted)}.loading-screen{align-items:center;background:#f5f0e8;background:var(--bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-logo{animation:vhs-flicker 3s ease-in-out infinite;color:#8b1a1a;color:var(--accent);font-family:VT323,monospace;font-family:var(--vhs);font-size:3.5rem;letter-spacing:.16em;text-shadow:0 0 24px #8b1a1a,0 0 60px #39ff6a4d;text-shadow:0 0 24px var(--accent),0 0 60px #39ff6a4d}@keyframes vhs-flicker{0%,89%,to{opacity:1}91%{opacity:.5}93%{opacity:1}95%{opacity:.65}97%{opacity:1}}.loading-spinner{animation:spin .75s linear infinite;border:2px solid #dedad0;border-top-color:#8b1a1a;border:2px solid var(--bg-elevated);border-radius:50%;border-top-color:var(--accent);height:26px;width:26px}@keyframes spin{to{transform:rotate(1turn)}}.app{background:var(--bg);min-height:100vh}.install-banner{animation:banner-slide-up .35s ease;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:10px;bottom:calc(var(--nav-height) + 12px);box-shadow:0 4px 24px #00000059;left:12px;padding:12px 14px;position:fixed;right:12px;z-index:100}@keyframes banner-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.install-banner-close{-webkit-tap-highlight-color:transparent;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;line-height:1;padding:2px 4px;position:absolute;right:12px;top:10px}.install-banner-row{align-items:center;display:flex;gap:10px;padding-right:20px}.install-banner-icon{flex-shrink:0;font-size:22px}.install-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.install-banner-title{color:var(--text);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.02em}.install-banner-sub{color:var(--text-muted);font-family:var(--mono);font-size:10px;letter-spacing:.04em}.install-banner-btn{-webkit-tap-highlight-color:transparent;background:var(--accent);border:none;border-radius:5px;color:#0a0a08;cursor:pointer;flex-shrink:0;letter-spacing:.08em;padding:8px 14px}.install-banner-btn,.install-banner-tutorial-title{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase}.install-banner-tutorial-title{color:var(--text-dim);letter-spacing:.1em;margin-bottom:10px}.install-banner-steps{display:flex;flex-direction:column;gap:8px;margin:0 0 12px;padding-left:18px}.install-banner-steps li{color:var(--text);font-size:13px;line-height:1.4}.install-step-icon{color:var(--accent);font-family:var(--mono);font-size:13px;font-weight:700}.install-banner-done-btn{background:var(--accent);border:none;border-radius:5px;color:#0a0a08;cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;padding:10px;text-transform:uppercase;width:100%}.update-banner{align-items:center;animation:update-slide-down .3s ease;background:var(--bg-card);border:1px solid var(--accent);border-radius:20px;box-shadow:0 4px 20px #0006,0 0 0 1px var(--accent-glow);display:flex;gap:12px;left:50%;padding:10px 16px;position:fixed;top:12px;transform:translateX(-50%);white-space:nowrap;z-index:200}@keyframes update-slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.update-banner-text{color:var(--text-dim);font-family:var(--mono);font-size:11px;letter-spacing:.06em}.update-banner-btn{-webkit-tap-highlight-color:transparent;background:var(--accent);border:none;border-radius:12px;color:#0a0a08;cursor:pointer;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase;transition:opacity .1s}.update-banner-btn:active{opacity:.8}
/*# sourceMappingURL=main.b6b28138.css.map*/