@charset "UTF-8";:root{--bg0: #0a0e17;--bg1: #0f1419;--bg2: #141922;--card: rgba(15, 20, 25, .98);--card2: rgba(20, 25, 34, .95);--card3: rgba(25, 30, 40, .92);--border: rgba(79, 134, 247, .35);--border2: rgba(79, 134, 247, .18);--border3: rgba(138, 99, 210, .25);--text: #e8eef5;--text2: #c9d1d9;--muted: rgba(201, 209, 217, .75);--muted2: rgba(139, 148, 158, .65);--shadow: 0 20px 60px rgba(0, 0, 0, .6), 0 0 40px rgba(79, 134, 247, .12);--shadow2: 0 12px 30px rgba(0, 0, 0, .5), 0 0 20px rgba(79, 134, 247, .08);--shadow3: 0 4px 12px rgba(0, 0, 0, .3);--radius: 16px;--radius2: 12px;--accent: #4f86f7;--accent2: #8a63d2;--accent3: #5e9eff;--danger: #f85149;--success: #3fb950;--warning: #d29922;--glow: 0 0 20px rgba(79, 134, 247, .4);--glow2: 0 0 30px rgba(138, 99, 210, .35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--space-2xs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 10px;--space-xl: 12px;--space-2xl: 14px;--space-3xl: 16px;--space-4xl: 18px;--space-5xl: 20px;--space-6xl: 24px;--space-7xl: 28px;--space-8xl: 30px;--space-9xl: 32px;--space-10xl: 38px;--space-11xl: 40px;--space-12xl: 54px;--size-icon-sm: 16px;--size-icon-md: 18px;--size-icon-lg: 20px;--size-icon-xl: 22px;--size-icon-2xl: 28px;--size-icon-3xl: 32px;--size-icon-4xl: 40px;--size-btn-sm: 40px;--size-container-sm: 220px;--size-container-md: 180px;--size-container-lg: 200px;--size-container-xl: 980px;--size-grid: 50px;--size-scrollbar: 12px;--size-scrollbar-sm: 10px;--size-scrollbar-xs: 8px;--font-size-xs: .75rem;--font-size-sm: .78rem;--font-size-md: .82rem;--font-size-base: .85rem;--font-size-lg: .88rem;--font-size-xl: .92rem;--font-size-2xl: .95rem;--font-size-3xl: .96rem;--font-size-4xl: .98rem;--font-size-5xl: 1rem;--font-size-6xl: 1.1rem;--font-size-7xl: 1.15rem;--font-size-8xl: 1.3rem;--font-size-9xl: 1.35rem;--font-weight-normal: 500;--font-weight-medium: 600;--font-weight-semibold: 650;--font-weight-bold: 700;--line-height-normal: 1.75;--transition-fast: .2s;--transition-base: .25s;--transition-normal: .3s;--transition-medium: .35s;--transition-slow: .4s;--transition-slower: .5s;--transition-slowest: 1.5s;--duration-pulse: 2s;--duration-pulse-fast: 1s;--duration-pulse-slow: 1.5s;--duration-glow: 3s;--duration-rotate: 4s;--duration-neon: 6s;--duration-flow: 8s;--duration-float: 15s;--opacity-half: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--blur-sm: 10px;--blur-md: 15px;--blur-lg: 20px;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 3px;--z-base: 0;--z-low: 1;--z-high: 10;--max-height-mail: 600px;--max-height-panel: 520px;--max-height-text: 420px;--max-height-mail-open: 900px;--max-width-tag: 200px;--max-width-history: 220px;--min-width-select: 180px;--min-width-prefix: 200px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{min-height:100vh;font-family:var(--font);color:var(--text);padding:var(--space-7xl) 0;background:radial-gradient(ellipse 1000px 500px at 25% 10%,rgba(79,134,247,.08),transparent 65%),radial-gradient(ellipse 900px 450px at 80% 30%,rgba(138,99,210,.07),transparent 60%),radial-gradient(ellipse 800px 400px at 50% 90%,rgba(94,158,255,.06),transparent 65%),linear-gradient(180deg,var(--bg1),var(--bg0))}::-webkit-scrollbar{width:var(--size-scrollbar);height:var(--size-scrollbar)}::-webkit-scrollbar-track{background:#0a0e17cc;border-radius:var(--blur-sm);border:var(--border-width-thin) solid rgba(79,134,247,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f86f799,#8a63d280);border-radius:var(--blur-sm);border:var(--border-width-base) solid rgba(10,14,23,.5);box-shadow:inset 0 0 var(--blur-sm) #4f86f74d,0 0 var(--blur-md) #4f86f733;transition:all var(--transition-normal) ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4f86f7cc,#8a63d2b3);box-shadow:inset 0 0 var(--blur-md) #4f86f780,0 0 25px #4f86f766}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:inset 0 0 var(--blur-lg) #4f86f799,0 0 var(--glow2) #4f86f780}::-webkit-scrollbar-corner{background:#0a0e17cc}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(79,134,247,.02) var(--border-width-thin),transparent var(--border-width-thin)),linear-gradient(90deg,rgba(79,134,247,.02) var(--border-width-thin),transparent var(--border-width-thin));background-size:var(--size-grid) var(--size-grid);opacity:var(--opacity-60)}body:after{display:none}.container{width:min(var(--size-container-xl),92%);margin:0 auto;padding:var(--space-4xl);border-radius:calc(var(--radius) + var(--space-md));background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--border);box-shadow:var(--shadow),0 0 60px #4f86f726,inset 0 0 80px #4f86f708;position:relative;overflow:hidden;backdrop-filter:blur(var(--blur-lg));animation:containerGlow var(--duration-rotate) ease-in-out infinite}@keyframes containerGlow{0%,to{box-shadow:var(--shadow),0 0 60px #4f86f726,inset 0 0 80px #4f86f708}50%{box-shadow:var(--shadow),0 0 80px #4f86f740,inset 0 0 100px #4f86f70d}}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--border-width-thick);background:linear-gradient(90deg,transparent,var(--accent),var(--accent3),var(--accent2),transparent);animation:glowLine var(--duration-glow) ease-in-out infinite;box-shadow:0 0 var(--blur-lg) #4f86f799,0 0 var(--space-11xl) #4f86f766,0 0 60px #4f86f733}@keyframes glowLine{0%,to{opacity:var(--opacity-70);filter:blur(var(--border-width-thin));box-shadow:0 0 var(--blur-lg) #4f86f799,0 0 var(--space-11xl) #4f86f766,0 0 60px #4f86f733}50%{opacity:1;filter:blur(var(--border-width-thick));box-shadow:0 0 var(--glow2) #4f86f7cc,0 0 60px #4f86f799,0 0 90px #4f86f766}}.container:after{content:"";position:absolute;left:-10%;right:-10%;top:calc(-1 * var(--space-4xl));height:var(--space-12xl);background:linear-gradient(90deg,#4f86f72e,#8a63d224,#5e9eff29);filter:blur(var(--blur-lg));opacity:var(--opacity-70);pointer-events:none}.topbar{position:relative;z-index:var(--z-low);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2xl);padding:var(--space-sm) var(--space-sm) var(--space-xl)}.title-wrap{display:flex;flex-direction:column;gap:var(--space-sm)}.form{position:relative;z-index:var(--z-low);display:flex;gap:var(--space-lg);padding:var(--space-lg) var(--space-sm) var(--space-2xl);flex-wrap:wrap}.input-group{flex:1;min-width:var(--size-container-sm);position:relative;display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.input-with-button{width:100%;display:flex;align-items:center;gap:var(--space-lg)}.input{flex:1;display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-radius:var(--space-2xl);border:var(--border-width-thin) solid var(--border2);background:#0f1419e6;box-shadow:inset 0 0 var(--blur-lg) #4f86f70d,0 0 var(--blur-sm) #4f86f714;transition:all var(--transition-normal) ease}.input:focus-within{border-color:var(--accent);box-shadow:inset 0 0 var(--blur-lg) #4f86f714,0 0 var(--blur-lg) #4f86f726}.input svg{width:var(--size-icon-md);height:var(--size-icon-md);opacity:var(--opacity-70);color:var(--accent);flex-shrink:0}.input input{width:100%;border:none;outline:none;background:transparent;color:var(--text);font-size:var(--font-size-xl)}.input input::placeholder{color:var(--muted2)}.input-wrapper{flex:1;min-width:0}.history-selector{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.history-select{min-width:var(--min-width-select);max-width:var(--max-width-history);padding:var(--space-lg) var(--space-2xl) var(--space-lg) var(--space-10xl);border-radius:var(--space-2xl);border:var(--border-width-thin) solid var(--border2);background:linear-gradient(135deg,#4f86f71f,#8a63d214);color:var(--text);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-base) ease;outline:none;font-family:inherit;font-weight:var(--font-weight-medium);position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:inset 0 0 var(--blur-lg) #4f86f714,0 0 var(--blur-sm) #4f86f726;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z' stroke='%234f86f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 9l-7 7-7-7' stroke='%234f86f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:var(--space-xl) center,calc(100% - var(--space-lg)) center;background-size:var(--size-icon-md),var(--size-icon-sm);text-shadow:0 0 var(--blur-sm) rgba(79,134,247,.4)}.history-select:hover{border-color:var(--accent);background:linear-gradient(135deg,#4f86f72e,#8a63d21f);box-shadow:inset 0 0 25px #4f86f71f,0 0 var(--blur-lg) #4f86f759;transform:translateY(calc(-1 * var(--border-width-thin)))}.history-select:focus{border-color:var(--accent);box-shadow:inset 0 0 var(--glow2) #4f86f726,0 0 var(--glow2) #4f86f780;transform:translateY(calc(-1 * var(--border-width-thin)))}.history-select option{background:linear-gradient(180deg,#1a1f2e,#0f1419);color:var(--text);padding:var(--space-xl) var(--space-3xl);border-bottom:var(--border-width-thin) solid rgba(79,134,247,.1);font-weight:var(--font-weight-normal);cursor:pointer}.history-select option:hover{background:linear-gradient(135deg,#4f86f733,#8a63d226);color:var(--accent)}.history-select option:checked{background:linear-gradient(135deg,#4f86f740,#8a63d233);color:var(--accent);font-weight:var(--font-weight-bold)}.history-select option:first-child{color:var(--accent);font-weight:var(--font-weight-bold);background:linear-gradient(180deg,#4f86f726,#4f86f714);text-transform:uppercase;letter-spacing:var(--opacity-half) px;font-size:var(--font-size-md)}.clear-history-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-btn-sm);height:var(--size-btn-sm);border:var(--border-width-thin) solid var(--border2);background:#ff336614;border-radius:var(--radius2);cursor:pointer;transition:all var(--transition-base) ease;flex-shrink:0}.clear-history-btn:hover{background:#ff336626;border-color:var(--danger);box-shadow:0 0 var(--blur-md) #ff33664d;transform:scale(1.05)}.btn-inline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-3xl);border-radius:var(--radius2);border:var(--border-width-thin) solid var(--accent);color:#fff;background:linear-gradient(135deg,#4f86f74d,#8a63d240);cursor:pointer;box-shadow:0 0 var(--blur-lg) #4f86f740,inset 0 0 var(--blur-md) #4f86f71a;transition:all var(--transition-base) ease;font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;text-shadow:0 0 var(--space-md) rgba(79,134,247,.5)}.btn-inline svg{width:var(--size-icon-sm);height:var(--size-icon-sm);color:#fff;filter:drop-shadow(0 0 var(--space-sm) rgba(79,134,247,.5))}.btn-inline:hover{transform:translateY(calc(-1 * var(--border-width-thin)));box-shadow:0 0 var(--glow2) #4f86f766,0 0 var(--size-grid) #4f86f740,inset 0 0 var(--blur-lg) #4f86f726;border-color:var(--accent3);background:linear-gradient(135deg,#4f86f766,#8a63d259)}.btn-inline:active{transform:translateY(0);box-shadow:0 0 var(--blur-md) #4f86f74d}.btn-inline:disabled{opacity:var(--opacity-60);cursor:not-allowed;transform:none;box-shadow:0 0 var(--blur-sm) #4f86f726}.history-tags{width:100%;margin-top:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius2);border:var(--border-width-thin) solid var(--border2);background:#0f1419d9;box-shadow:inset 0 0 var(--blur-lg) #4f86f70d}.tags-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border-width-thin) solid var(--border2)}.tags-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);color:var(--muted);font-weight:var(--font-weight-medium)}.tags-title svg{color:var(--accent);opacity:var(--opacity-80)}.clear-all-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border:var(--border-width-thin) solid var(--border2);background:#f8514914;border-radius:var(--space-md);cursor:pointer;transition:all var(--transition-base) ease;color:var(--danger);font-size:var(--font-size-xs)}.clear-all-btn:hover{background:#f8514926;border-color:var(--danger);box-shadow:0 0 var(--blur-sm) #f851494d;transform:scale(1.05)}.clear-all-btn svg{color:var(--danger)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-md);min-height:var(--space-9xl)}.tag{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--space-md);border:var(--border-width-thin) solid var(--border2);background:linear-gradient(135deg,#4f86f71f,#8a63d214);color:var(--text);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-base) ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,134,247,.2),transparent);transition:left var(--transition-slow) ease}.tag:hover:before{left:100%}.tag:hover{border-color:var(--accent);background:linear-gradient(135deg,#4f86f733,#8a63d226);box-shadow:0 0 var(--blur-md) #4f86f733;transform:translateY(calc(-1 * var(--border-width-thin)))}.tag.active{border-color:var(--accent);background:linear-gradient(135deg,#4f86f740,#8a63d233);box-shadow:0 0 var(--blur-lg) #4f86f74d,inset 0 0 var(--blur-md) #4f86f71a;transform:scale(1.02)}.tag.active .tag-icon{color:var(--accent3);opacity:1}.tag.active .tag-text{color:var(--accent3);font-weight:var(--font-weight-medium)}.tag-icon{flex-shrink:0;color:var(--accent);opacity:var(--opacity-90)}.tag-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--max-width-tag);font-weight:var(--font-weight-normal)}.tag-delete{display:inline-flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);padding:0;margin-left:var(--space-xs);border:none;background:#f8514926;border-radius:50%;cursor:pointer;transition:all var(--transition-fast) ease;flex-shrink:0;opacity:var(--opacity-70)}.tag-delete:hover{background:#f851494d;opacity:1;transform:scale(1.15);box-shadow:0 0 var(--space-md) #f8514966}.tag-delete svg{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-4xl);border-radius:var(--space-2xl);border:var(--border-width-thin) solid var(--accent);color:#fff;background:linear-gradient(135deg,#4f86f740,#8a63d233);cursor:pointer;box-shadow:0 0 25px #4f86f74d,inset 0 0 var(--blur-lg) #4f86f71f;transition:all var(--transition-base) ease;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;text-shadow:0 0 var(--blur-sm) rgba(79,134,247,.6)}.btn:after{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,var(--accent3) 90deg,transparent 180deg,var(--accent2) 270deg,transparent 360deg);opacity:0;transition:opacity var(--transition-normal) ease;animation:btnRotate var(--duration-rotate) linear infinite}@keyframes btnRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:hover:after{opacity:var(--opacity-60)}.btn svg{width:var(--size-icon-md);height:var(--size-icon-md);color:#fff;filter:drop-shadow(0 0 var(--space-md) rgba(79,134,247,.6));position:relative;z-index:var(--z-low)}.btn span{position:relative;z-index:var(--z-low)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slower) ease;z-index:var(--border-width-base)}.btn:hover:before{left:100%}.btn:hover{transform:translateY(calc(-1 * var(--border-width-base)));box-shadow:0 0 35px #4f86f780,0 0 60px #4f86f74d,inset 0 0 25px #4f86f72e;border-color:var(--accent3);background:linear-gradient(135deg,#4f86f759,#8a63d24d)}.btn:active{transform:translateY(0);box-shadow:0 0 var(--blur-lg) #4f86f766}.btn:disabled{opacity:var(--opacity-half);cursor:not-allowed;transform:none;box-shadow:0 0 var(--blur-md) #4f86f733}.btn:disabled:after{display:none}.mail-container{width:100%;position:relative;z-index:var(--z-low);margin-top:var(--space-3xl);padding:var(--space-3xl);border-radius:var(--radius);background:#0f1419d9;border:var(--border-width-thin) solid var(--border2);box-shadow:inset 0 0 var(--glow2) #4f86f70d,var(--shadow3);backdrop-filter:blur(var(--blur-md))}#mailList{max-height:var(--max-height-mail);overflow-y:auto;overflow-x:hidden;padding-right:var(--space-sm);margin-top:var(--space-lg)}.status{position:relative;z-index:var(--z-low);padding:0 var(--space-sm) var(--space-2xl);font-size:var(--font-size-md);color:var(--muted);display:flex;align-items:center;gap:var(--space-lg)}.pill{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:999px;border:var(--border-width-thin) solid var(--border2);background:#0d1321cc;color:var(--muted);backdrop-filter:blur(var(--blur-sm))}.dot{width:var(--space-md);height:var(--space-md);border-radius:50%;background:#96c8ff66;box-shadow:0 0 var(--space-md) #96c8ff4d;animation:pulse var(--duration-pulse) ease-in-out infinite}@keyframes pulse{0%,to{opacity:var(--opacity-60);transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.dot.ok{background:var(--success);box-shadow:0 0 var(--space-xl) #3fb95099,0 0 var(--space-6xl) #3fb9504d;animation:pulseOk var(--duration-pulse-slow) ease-in-out infinite}@keyframes pulseOk{0%,to{box-shadow:0 0 var(--space-xl) #3fb95099,0 0 var(--space-6xl) #3fb9504d}50%{box-shadow:0 0 var(--blur-lg) #3fb950cc,0 0 var(--space-11xl) #3fb95080}}.dot.err{background:var(--danger);box-shadow:0 0 var(--space-xl) #f8514999,0 0 var(--space-6xl) #f851494d;animation:pulseErr var(--duration-pulse-fast) ease-in-out infinite}@keyframes pulseErr{0%,to{box-shadow:0 0 var(--space-xl) #f8514999,0 0 var(--space-6xl) #f851494d}50%{box-shadow:0 0 var(--blur-lg) #f85149cc,0 0 var(--space-11xl) #f8514980}}.mail{position:relative;z-index:var(--z-low);border-radius:var(--radius);background:#0f1419e6;border:var(--border-width-thin) solid var(--border2);overflow:hidden;margin:var(--space-lg) var(--space-sm);box-shadow:var(--shadow2);backdrop-filter:blur(var(--blur-sm));transition:all var(--transition-normal) ease}.mail:before{content:"";position:absolute;inset:calc(-1 * var(--border-width-base));background:linear-gradient(45deg,var(--accent),var(--accent2),var(--accent3));border-radius:var(--radius);opacity:0;filter:blur(var(--blur-sm));transition:opacity var(--transition-normal) ease;z-index:calc(-1 * var(--z-low))}.mail:hover{border-color:var(--accent);box-shadow:0 0 var(--glow2) #4f86f740,var(--shadow2);transform:translateY(calc(-1 * var(--border-width-base)))}.mail:hover:before{opacity:var(--transition-normal);animation:borderRotate var(--duration-glow) linear infinite}@keyframes borderRotate{0%{filter:blur(var(--blur-sm)) hue-rotate(0deg)}to{filter:blur(var(--blur-sm)) hue-rotate(360deg)}}.mail-header{padding:var(--space-xl) var(--space-xl);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:linear-gradient(180deg,#141922f2,#0f1419e6);border-bottom:var(--border-width-thin) solid var(--border2);-webkit-user-select:none;user-select:none;transition:all var(--transition-normal) ease}.mail-header:hover{background:linear-gradient(180deg,#4f86f714,#0f1419e6)}.mail-title{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.mail-title strong{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72vw;color:var(--text);text-shadow:0 0 var(--blur-sm) rgba(79,134,247,.25)}.meta{font-size:var(--font-size-sm);color:var(--muted2);display:flex;gap:var(--space-lg);flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:var(--space-md);padding:7px var(--space-lg);border-radius:var(--radius2);border:var(--border-width-thin) solid var(--border2);background:#4f86f714;color:var(--accent);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-base) ease}.toggle:hover{transform:translateY(calc(-1 * var(--border-width-thin)));background:#4f86f726;border-color:var(--accent);box-shadow:0 0 var(--blur-md) #4f86f740}.chev{width:var(--space-lg);height:var(--space-lg);display:inline-block;border-right:var(--border-width-base) solid var(--accent);border-bottom:var(--border-width-base) solid var(--accent);transform:rotate(45deg);transition:transform var(--transition-fast) ease;margin-top:calc(-1 * var(--border-width-base))}.mail.open .chev{transform:rotate(225deg);margin-top:var(--border-width-base)}.mail-body{max-height:0;overflow:hidden;transition:max-height var(--transition-medium) ease;background:#0a0e17b3}.mail.open .mail-body{max-height:var(--max-height-mail-open)}.content-wrap{padding:var(--space-xl);display:grid;gap:var(--space-xl)}.tabs{display:flex;gap:var(--space-md);align-items:center}.tab{padding:var(--space-md) var(--space-lg);border-radius:var(--radius2);border:var(--border-width-thin) solid var(--border2);background:#4f86f70d;color:var(--muted);font-size:var(--font-size-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-base) ease}.tab:hover{transform:translateY(calc(-1 * var(--border-width-thin)));background:#4f86f71f;border-color:var(--accent);color:var(--accent)}.tab.active{background:linear-gradient(135deg,#4f86f733,#8a63d226);border-color:var(--accent);color:var(--text);box-shadow:0 0 var(--blur-md) #4f86f740}.panel{border-radius:var(--radius2);border:var(--border-width-thin) solid var(--border2);background:#0f1419f2;overflow:hidden;min-height:var(--max-height-text);box-shadow:inset 0 0 var(--glow2) #0000004d,0 0 var(--blur-lg) #4f86f714}.panel iframe{width:100%;height:var(--max-height-panel);border:none;background:#fff;display:block}.text-panel{padding:var(--space-xl);color:var(--text);background:#0f1419fa;font-size:var(--font-size-xl);line-height:var(--line-height-normal);white-space:pre-wrap;min-height:var(--max-height-panel);max-height:var(--max-height-panel);overflow:auto}.text-panel::-webkit-scrollbar,.panel iframe::-webkit-scrollbar{width:var(--size-scrollbar-sm)}.text-panel::-webkit-scrollbar-track{background:#4f86f70d}.text-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:999px;border:var(--border-width-base) solid rgba(15,20,25,.95)}.text-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent2),var(--accent))}.hint{font-size:var(--font-size-sm);color:var(--muted);padding-top:var(--border-width-base)}@keyframes loading{0%{opacity:var(--opacity-half)}50%{opacity:1}to{opacity:var(--opacity-half)}}.btn:disabled span{animation:loading var(--transition-slowest) ease-in-out infinite}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:var(--z-base)}.particle{position:absolute;width:var(--border-width-thick);height:var(--border-width-thick);background:var(--accent);border-radius:50%;box-shadow:0 0 var(--blur-md) var(--accent),0 0 var(--glow2) var(--accent),0 0 45px var(--accent);animation:float var(--duration-float) infinite linear}.particle:before{content:"";position:absolute;width:var(--border-width-thin);height:var(--blur-lg);background:linear-gradient(180deg,var(--accent),transparent);left:50%;top:calc(-1 * var(--blur-lg));transform:translate(-50%);opacity:var(--opacity-60)}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.particles:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(79,134,247,.15),transparent 40%),radial-gradient(circle at 80% 70%,rgba(138,99,210,.12),transparent 40%),radial-gradient(circle at 50% 50%,rgba(94,158,255,.1),transparent 50%);animation:neonPulse var(--duration-neon) ease-in-out infinite;pointer-events:none}@keyframes neonPulse{0%,to{opacity:var(--transition-normal);transform:scale(1)}50%{opacity:var(--opacity-60);transform:scale(1.05)}}.particles:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(79,134,247,.08) 50%,transparent 70%);background-size:200% 200%;animation:flowLight var(--duration-flow) linear infinite;pointer-events:none}@keyframes flowLight{0%{background-position:0% 0%}to{background-position:200% 200%}}.corner-decor{position:absolute;width:var(--glow2);height:var(--glow2);border:var(--border-width-base) solid var(--accent);z-index:var(--z-high);pointer-events:none;animation:borderGlow var(--duration-rotate) ease-in-out infinite}.corner-decor.top-left{top:var(--space-md);left:var(--space-md);border-right:none;border-bottom:none}.corner-decor.top-right{top:var(--space-md);right:var(--space-md);border-left:none;border-bottom:none}.corner-decor.bottom-left{bottom:var(--space-md);left:var(--space-md);border-right:none;border-top:none}.corner-decor.bottom-right{bottom:var(--space-md);right:var(--space-md);border-left:none;border-top:none}.title{display:flex;align-items:center;gap:var(--space-xl);font-size:var(--font-size-9xl);letter-spacing:var(--border-width-thin) px;font-weight:var(--font-weight-bold)}.title-icon{width:var(--space-9xl);height:var(--space-9xl);color:var(--accent);filter:drop-shadow(0 0 var(--space-xl) rgba(79,134,247,.6));animation:iconPulse var(--duration-glow) ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 var(--space-xl) rgba(79,134,247,.6))}50%{transform:scale(1.05);filter:drop-shadow(0 0 var(--size-icon-md) rgba(79,134,247,.8))}}.title-text{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 var(--glow2) rgba(79,134,247,.3)}.subtitle{font-size:var(--font-size-base);color:var(--muted);letter-spacing:var(--border-width-base) px;font-weight:var(--font-weight-normal)}@keyframes borderGlow{0%,to{border-color:var(--accent)}33%{border-color:var(--accent3)}66%{border-color:var(--accent2)}}.nav{position:relative;z-index:var(--z-low);display:flex;gap:var(--space-lg);padding:0 var(--space-sm) var(--space-2xl);justify-content:center;align-items:center}.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-3xl);border-radius:var(--space-2xl);border:var(--border-width-thin) solid var(--border2);color:var(--muted);background:#0f1419b3;cursor:pointer;transition:all var(--transition-base) ease;font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);text-decoration:none;-webkit-user-select:none;user-select:none}.nav-link:hover{transform:translateY(calc(-1 * var(--border-width-base)));background:#4f86f71f;border-color:var(--accent);color:var(--accent);box-shadow:0 0 var(--blur-lg) #4f86f740}.nav-link.active{background:linear-gradient(135deg,#4f86f733,#8a63d226);border-color:var(--accent);color:var(--text);box-shadow:0 0 var(--blur-lg) #4f86f740,inset 0 0 var(--blur-lg) #4f86f714;text-shadow:0 0 var(--blur-sm) rgba(79,134,247,.5)}@media (max-width: 768px){body{padding:var(--space-3xl) 0}.container{width:96%;padding:var(--space-xl);border-radius:var(--radius)}.topbar{flex-direction:column;align-items:flex-start;padding:var(--space-sm) var(--space-xs) var(--space-lg)}.title{font-size:var(--font-size-6xl)}.title-icon{width:var(--size-icon-2xl);height:var(--size-icon-2xl)}.subtitle{font-size:var(--opacity-80) rem}.nav{padding:0 var(--space-xs) var(--space-xl);gap:var(--space-md)}.nav-link{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.form{gap:var(--space-md);padding:var(--space-md) var(--space-xs) var(--space-xl)}.input-group{min-width:100%;flex-direction:column;align-items:stretch;gap:var(--space-lg)}.input-wrapper{width:100%}.history-selector{width:100%;gap:var(--space-md)}.history-select{flex:1;min-width:0;max-width:none}.clear-history-btn{width:var(--size-btn-sm);height:var(--size-btn-sm);flex-shrink:0}.btn{width:100%;justify-content:center}.mail{margin:var(--space-md) var(--space-xs)}.mail-header{padding:var(--space-lg)}.mail-title strong{max-width:65vw;font-size:var(--opacity-90) rem}.toggle{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.panel iframe,.text-panel{height:380px;min-height:380px;max-height:380px}.form-header{flex-direction:column;align-items:flex-start;padding:var(--space-2xl) var(--space-3xl)}.header-icon{width:var(--space-9xl);height:var(--space-9xl)}.email-builder{flex-direction:column;align-items:stretch}.prefix-input,.select-wrapper{min-width:100%;width:100%}.at-symbol{text-align:center;padding:var(--space-md) 0}.particle{width:var(--border-width-base);height:var(--border-width-base)}.particles:before,.particles:after{display:none}}@media (max-width: 520px){body{padding:var(--space-xl) 0}.container{width:98%;padding:var(--space-lg)}.title{font-size:var(--font-size-5xl)}.panel iframe,.text-panel{height:var(--size-container-lg) px;min-height:var(--size-container-lg) px;max-height:var(--size-container-lg) px}.mail-title strong{max-width:60vw;font-size:var(--font-size-base)}::-webkit-scrollbar{width:var(--size-scrollbar-xs);height:var(--size-scrollbar-xs)}}.create-form{position:relative;z-index:var(--z-low);padding:var(--space-5xl) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-6xl)}.form-header{display:flex;align-items:center;gap:var(--space-3xl);padding:var(--space-4xl) var(--space-5xl);border-radius:var(--radius2);background:linear-gradient(135deg,#4f86f714,#8a63d20f);border:var(--border-width-thin) solid var(--border2);box-shadow:var(--shadow3)}.header-icon{width:var(--size-btn-sm);height:var(--size-btn-sm);color:var(--accent);filter:drop-shadow(0 0 var(--blur-sm) rgba(79,134,247,.5));flex-shrink:0}.form-header h2{font-size:var(--font-size-7xl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--space-xs);letter-spacing:var(--opacity-half) px}.form-header p{font-size:var(--font-size-base);color:var(--muted);letter-spacing:var(--transition-normal) px}.form-group{display:flex;flex-direction:column;gap:var(--space-xl)}.form-group label{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-2xl);color:var(--accent);font-weight:var(--font-weight-medium);letter-spacing:var(--transition-normal) px}.label-icon{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--accent);filter:drop-shadow(0 0 var(--space-md) rgba(79,134,247,.4))}.email-builder{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md);border-radius:var(--radius2);background:#0a0e1766;border:var(--border-width-thin) solid var(--border2)}.prefix-input{flex:1;min-width:var(--min-width-prefix)}.prefix-input .input{background:#0f1419f2;border:var(--border-width-thin) solid var(--border2)}.at-symbol{font-size:var(--font-size-8xl);font-weight:var(--font-weight-bold);color:var(--accent);text-shadow:0 0 var(--blur-md) rgba(79,134,247,.6),0 0 var(--glow2) rgba(79,134,247,.3);padding:0 var(--space-sm);animation:pulseGlow var(--duration-pulse) ease-in-out infinite}@keyframes pulseGlow{0%,to{text-shadow:0 0 var(--blur-md) rgba(79,134,247,.6),0 0 var(--glow2) rgba(79,134,247,.3);transform:scale(1)}50%{text-shadow:0 0 var(--blur-lg) rgba(79,134,247,.8),0 0 var(--space-11xl) rgba(79,134,247,.5);transform:scale(1.05)}}.select-wrapper{position:relative;flex:1.2;min-width:var(--min-width-select)}.suffix-select{width:100%;padding:var(--space-xl) var(--space-11xl) var(--space-xl) var(--space-2xl);border-radius:var(--radius2);border:var(--border-width-thin) solid var(--border2);background:#0f1419f2;color:var(--text);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-normal) ease;appearance:none;box-shadow:inset 0 0 var(--blur-lg) #4f86f70d,0 0 var(--blur-sm) #4f86f714;font-family:var(--font);position:relative}.suffix-select:hover{border-color:var(--accent);background:#141922f2;box-shadow:inset 0 0 var(--blur-lg) #4f86f714,0 0 var(--blur-md) #4f86f733;transform:translateY(calc(-1 * var(--border-width-thin)))}.suffix-select:focus{outline:none;border-color:var(--accent);background:#141922fa;box-shadow:inset 0 0 var(--blur-lg) #4f86f71f,0 0 var(--blur-lg) #4f86f74d;transform:translateY(calc(-1 * var(--border-width-thin)))}.suffix-select option{background:#0f1419fa;color:var(--text);padding:var(--space-xl) var(--space-2xl);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);border-bottom:var(--border-width-thin) solid var(--border2)}.suffix-select option:hover{background:#4f86f726;color:var(--accent3)}.suffix-select option:checked{background:linear-gradient(135deg,#4f86f740,#8a63d233);color:var(--text);font-weight:var(--font-weight-medium)}.select-arrow{position:absolute;right:var(--space-xl);top:50%;transform:translateY(-50%);width:var(--blur-lg);height:var(--blur-lg);color:var(--accent);pointer-events:none;transition:all var(--transition-normal) ease;filter:drop-shadow(0 0 var(--space-sm) rgba(79,134,247,.4))}.select-wrapper:hover .select-arrow{transform:translateY(-50%) scale(1.15) rotate(180deg);color:var(--accent3);filter:drop-shadow(0 0 var(--blur-sm) rgba(79,134,247,.6))}.suffix-select:focus~.select-arrow{transform:translateY(-50%) rotate(180deg);color:var(--accent3);filter:drop-shadow(0 0 var(--blur-sm) rgba(94,158,255,.8))}.code-input{position:relative}.code-input .input{background:#0f1419f2;border:var(--border-width-thin) solid var(--border2);transition:all var(--transition-normal) ease}.code-input .input:hover{background:#141922f2;border-color:var(--accent2);box-shadow:inset 0 0 var(--blur-lg) #8a63d214,0 0 var(--blur-md) #8a63d233}.code-input .input:focus-within{background:#141922fa;border-color:var(--accent2);box-shadow:inset 0 0 var(--blur-lg) #8a63d21f,0 0 var(--blur-lg) #8a63d24d}.code-input .input-icon{width:var(--blur-lg);height:var(--blur-lg);color:var(--accent2);filter:drop-shadow(0 0 var(--space-md) rgba(138,99,210,.6));animation:iconGlow var(--duration-pulse-slow) ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 var(--space-md) rgba(138,99,210,.6))}50%{filter:drop-shadow(0 0 var(--space-xl) rgba(138,99,210,.9))}}.preview{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius2);background:#4f86f70f;border:var(--border-width-thin) solid var(--border2);font-size:var(--opacity-90) rem;color:var(--text2);animation:slideIn var(--transition-normal) ease}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--space-lg)))}to{opacity:1;transform:translateY(0)}}.preview-icon{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--success);flex-shrink:0;filter:drop-shadow(0 0 var(--space-md) rgba(63,185,80,.5))}.preview strong{color:var(--accent);font-weight:var(--font-weight-medium);word-break:break-all}.result-message{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-2xl) var(--space-3xl);border-radius:var(--radius2);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);animation:slideIn var(--transition-normal) ease}.result-message.success{background:#3fb9501f;border:var(--border-width-thin) solid rgba(63,185,80,.3);color:var(--success);box-shadow:0 0 var(--blur-lg) #3fb95026}.result-message.error{background:#f851491f;border:var(--border-width-thin) solid rgba(248,81,73,.3);color:var(--danger);box-shadow:0 0 var(--blur-lg) #f8514926}.result-icon{width:var(--size-icon-xl);height:var(--size-icon-xl);flex-shrink:0}.result-message.success .result-icon{filter:drop-shadow(0 0 var(--blur-sm) rgba(63,185,80,.6))}.result-message.error .result-icon{filter:drop-shadow(0 0 var(--blur-sm) rgba(248,81,73,.6))}.create-btn{margin-top:var(--space-md);padding:var(--space-2xl) var(--space-6xl);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.spinner{animation:spin var(--duration-pulse-fast) linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}