:root{--bg:#09000e;--surface:#0f0018;--surface2:#150022;--border:#280040;--border-bright:#60b;--primary:#f70;--cyan:#0ce;--magenta:#f08;--gold:#fc0;--error:#f44;--text:#f70;--text-muted:#532;--glow-primary:0 0 8px #f70, 0 0 20px #f708, 0 0 40px #f704;--glow-cyan:0 0 8px #0ce, 0 0 20px #0ce8, 0 0 40px #0ce4;--glow-magenta:0 0 8px #f08, 0 0 20px #f088, 0 0 40px #f084;--glow-gold:0 0 8px #fc0, 0 0 20px #fc08, 0 0 40px #fc04}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);text-shadow:0 0 7px #f706;background-image:radial-gradient(80% 50% at 20% 0,#ff77000a 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#00ccee08 0%,#0000 60%);font-family:Menlo,Consolas,Monaco,Courier New,monospace;font-weight:700}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ff770005 1px,#0000 1px),linear-gradient(90deg,#00ccee05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 2px 4px);position:fixed;inset:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);box-shadow:var(--glow-primary);border-radius:2px}input,textarea,button{font-family:inherit;font-weight:700}.pp-panel{background:linear-gradient(135deg, var(--surface) 0%, var(--surface2) 100%);border:1px solid var(--border);border-radius:8px;position:relative}.pp-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), var(--cyan), transparent);height:1px;box-shadow:0 0 8px var(--primary);border-radius:1px;position:absolute;top:-1px;left:12%;right:12%}.pp-panel--orange{border-color:var(--primary);box-shadow:0 0 20px #f702}.pp-panel--purple{border-color:var(--cyan);box-shadow:0 0 20px #0ce2}.pp-panel--magenta{border-color:var(--magenta);box-shadow:0 0 20px #f082}.pp-input{border:1px solid var(--border);width:100%;color:var(--text);letter-spacing:.04em;text-shadow:inherit;background:#0009;border-radius:5px;outline:none;padding:11px 15px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pp-input:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.pp-input::placeholder{color:#2a0040;text-shadow:none;font-weight:400}.pp-btn{letter-spacing:.18em;cursor:pointer;text-transform:uppercase;border:1px solid;border-radius:5px;padding:9px 20px;font-family:inherit;font-size:11px;font-weight:800;transition:box-shadow .15s,opacity .15s}.pp-btn:disabled{opacity:.35;cursor:default}.pp-btn--orange{border-color:var(--primary);color:var(--primary);text-shadow:var(--glow-primary);background:#ff770012;box-shadow:0 0 12px #f704}.pp-btn--purple{border-color:var(--cyan);color:var(--cyan);text-shadow:var(--glow-cyan);background:#00ccee12;box-shadow:0 0 12px #0ce4}.pp-btn--magenta{border-color:var(--magenta);color:var(--magenta);text-shadow:var(--glow-magenta);background:#ff008812;box-shadow:0 0 12px #f084}.pp-btn--ghost{border-color:var(--border);color:var(--text-muted);text-shadow:none;background:0 0}.pp-btn--orange:hover:not(:disabled){box-shadow:var(--glow-primary)}.pp-btn--purple:hover:not(:disabled){box-shadow:var(--glow-cyan)}.pp-btn--magenta:hover:not(:disabled){box-shadow:var(--glow-magenta)}.pp-btn--ghost:hover:not(:disabled){border-color:var(--text-muted);color:var(--text)}.folder-item{letter-spacing:.12em;cursor:pointer;color:var(--text-muted);text-align:left;width:100%;text-shadow:none;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:800;transition:all .15s;display:flex}.folder-item:hover{color:var(--cyan);text-shadow:0 0 6px #0ce6;background:#00ccee10;border-color:#00ccee40}.folder-item.active{border-color:var(--primary);color:var(--primary);text-shadow:var(--glow-primary);background:#ff770018;box-shadow:0 0 10px #ff770030}.mail-row:hover>button:first-child{background:#ff77000a!important}.divider{background:linear-gradient(90deg, transparent, var(--border-bright), transparent);height:1px;margin:6px 0}.unread-dot{background:var(--gold);width:7px;height:7px;box-shadow:var(--glow-gold);border-radius:50%;flex-shrink:0}.badge{background:var(--primary);color:#09000e;min-width:18px;height:18px;box-shadow:var(--glow-primary);text-shadow:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:9px;font-weight:900;display:inline-flex}@keyframes clipGlow{0%,to{text-shadow:0 0 8px #0ce7;border-color:#0ce5;box-shadow:0 0 6px #00ccee30,inset 0 0 6px #00ccee10}50%{text-shadow:0 0 12px #0ce,0 0 24px #0ce8;border-color:#0cec;box-shadow:0 0 18px #0cea,0 0 32px #0ce4,inset 0 0 12px #0ce2}}.pp-btn--clip{color:var(--cyan);letter-spacing:.14em;cursor:pointer;text-shadow:0 0 8px #0ce6;white-space:nowrap;background:#00ccee10;border:1px solid #0ce5;border-radius:5px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:11px;font-weight:800;line-height:1;transition:transform .15s,background .15s;animation:2s ease-in-out infinite clipGlow;display:inline-flex;box-shadow:0 0 10px #0ce3}.pp-btn--clip .clip-icon{font-size:16px;line-height:1}.pp-btn--clip:hover{background:#00ccee20;transform:scale(1.04)}