*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{transition:opacity .3s}:root{--mono:"JetBrains Mono", "SF Mono", monospace;--accent:#ffffffe6;--bg:#0a0a0a;--surface:#ffffff0a;--border:#ffffff14;--text:#ffffffa6;--text-dim:#ffffff4d;--carousel-item:56px;--carousel-gap:8px}html,body,#app{background:var(--bg);width:100%;height:100%;font-family:var(--mono);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;color:var(--text);overflow:hidden}#permission-screen{z-index:200;-webkit-backdrop-filter:blur(20px);background:#0a0a0ad9;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}#permission-screen.hidden{opacity:0;pointer-events:none}.permission-content{text-align:center;max-width:380px;animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.permission-label{letter-spacing:3px;color:var(--text-dim);margin-bottom:20px;font-size:9px;font-weight:500}.permission-title{font-family:var(--mono);color:var(--accent);margin-bottom:14px;font-size:22px;font-weight:300;line-height:1.4}.permission-desc{font-family:var(--mono);color:var(--text-dim);margin-bottom:32px;font-size:11px;font-weight:300;line-height:1.7}#permission-btn{color:#0a0a0a;font-family:var(--mono);cursor:pointer;background:#ffffffe6;border:none;border-radius:100px;padding:12px 40px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}#permission-btn:hover{background:#fff;transform:scale(1.03)}#permission-btn:active{transform:scale(.98)}.overlay-logo{opacity:.25;filter:grayscale();width:auto;height:14px;margin:32px auto 0;display:block}#loading-overlay{z-index:100;background:var(--bg);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading-overlay.hidden,#loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-text{font-family:var(--mono);color:var(--text-dim);margin-bottom:16px;font-size:13px;font-weight:300}.loading-bar{background:var(--border);width:160px;height:1px;margin:0 auto;overflow:hidden}.loading-bar-fill{background:var(--text);width:30%;height:100%;animation:1.6s ease-in-out infinite load-sweep}@keyframes load-sweep{0%{transform:translate(-100%)}to{transform:translate(600%)}}#error-overlay{z-index:100;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.error-content{text-align:center}#error-message{font-family:var(--mono);color:var(--text);margin-bottom:20px;font-size:13px;font-weight:300}#retry-btn{border:1px solid var(--border);color:var(--text);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:100px;padding:8px 24px;font-size:11px;transition:border-color .2s,color .2s}#retry-btn:hover{color:var(--accent);border-color:#ffffff40}#app-nav{z-index:20;-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;gap:2px;padding:3px;transition:opacity .4s;display:flex;position:fixed;top:16px;left:20px}#app-nav.hidden{opacity:0;pointer-events:none}.nav-tab{color:var(--text-dim);font-family:var(--mono);letter-spacing:.3px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 16px;font-size:10px;font-weight:500;transition:color .2s,background .2s}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--accent);background:#ffffff14}.hidden{opacity:0;pointer-events:none}.status-tag{letter-spacing:.5px;color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:400;display:inline-flex}@media (width<=768px){.status-tag{padding:2px 6px;font-size:8px}.nav-tab{padding:5px 12px;font-size:9px}}