:root{--bg:#0c1220;--bg-card:#151d2e;--bg-elevated:#1e2940;--accent:#4f8cff;--accent-hover:#6ba0ff;--ice:#c8e0ff;--text:#f2f6fc;--text-muted:#8b9cb8;--border:#2a3650;--success:#34d399;--danger:#f87171;--radius:16px;--radius-sm:10px;--touch:52px;--font:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.app-shell{flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0c1220eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.logo{font-size:1.1rem;font-weight:700}.logo span{color:var(--accent)}main{flex:1;padding:16px 16px 32px}.site-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:24px 16px;font-size:.85rem}.hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:24px}.hero h1{letter-spacing:-.03em;margin-bottom:8px;font-size:1.6rem}.hero p{color:var(--text-muted)}.feature-grid{gap:12px;margin-bottom:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.feature-card h3{color:var(--ice);margin-bottom:6px;font-size:1rem}.feature-card p{color:var(--text-muted);font-size:.9rem}.btn{width:100%;min-height:var(--touch);border-radius:var(--radius-sm);touch-action:manipulation;justify-content:center;align-items:center;padding:0 20px;font-size:1rem;font-weight:600;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);margin-top:10px}.btn+.btn{margin-top:10px}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-input{width:100%;min-height:var(--touch);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px}textarea.form-input{resize:vertical;min-height:100px;padding:12px 14px}.filter-select{width:100%;min-height:var(--touch);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px}.locker-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.locker-card h3{font-size:1rem}.locker-card .meta{color:var(--text-muted);margin-top:4px;font-size:.85rem}.ticket-badge{background:var(--success);color:var(--bg);border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:24px 0 12px;font-size:.75rem;font-weight:600}.auth-tabs{gap:8px;margin-bottom:20px;display:flex}.auth-tab{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);flex:1;min-height:44px;font-weight:600}.auth-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.error-msg{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);background:#f8717126;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.success-msg{border:1px solid var(--success);color:var(--success);border-radius:var(--radius-sm);background:#34d39926;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.back-link{color:var(--accent);min-height:var(--touch);align-items:center;gap:6px;margin-bottom:12px;font-size:.9rem;display:inline-flex}.page-header{margin-bottom:20px}.page-header h1{font-size:1.4rem}.page-header p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.loading,.empty-state{text-align:center;color:var(--text-muted);padding:48px}.docs pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);margin:12px 0;padding:14px;font-size:.8rem;overflow-x:auto}.docs h2{color:var(--ice);margin:24px 0 8px;font-size:1.1rem}.docs p,.docs li{color:var(--text-muted);font-size:.9rem}.docs code{background:var(--bg-elevated);border-radius:4px;padding:2px 6px;font-size:.85rem}.docs ul{margin:8px 0;padding-left:20px}.qr-code-display{text-align:center;color:var(--accent);margin:16px 0;font-family:monospace;font-size:1.2rem}.qr-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.embed-body{max-width:100%;padding:12px}.embed-body .site-header,.embed-body .site-footer{display:none}