:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .15);--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #555570;--accent: #7c5cfc;--accent-hover: #9478ff;--accent-glow: rgba(124, 92, 252, .3);--danger: #ff4d6a;--danger-hover: #ff6680;--success: #34d399;--gradient-start: #7c5cfc;--gradient-end: #3b82f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-glow: 0 0 40px rgba(124, 92, 252, .15);--transition: .2s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(124,92,252,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(124,92,252,.04) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{transform:translate(0)}to{transform:translate(-2%,-1%)}}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.header{padding:24px 0 0;text-align:center}.header__logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:8px}.header__icon{width:42px;height:42px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow-glow)}.header__title{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header__subtitle{color:var(--text-secondary);font-size:14px;font-weight:400}.address-bar{max-width:600px;margin:24px auto 0;padding:0 20px}.address-bar__wrapper{display:flex;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:6px 6px 6px 20px;transition:border-color var(--transition),box-shadow var(--transition)}.address-bar__wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.address-bar__input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font);font-size:16px;font-weight:500;min-width:0}.address-bar__input::placeholder{color:var(--text-muted);font-weight:400}.address-bar__suffix{color:var(--text-secondary);font-size:15px;font-weight:500;white-space:nowrap;margin-right:12px;-webkit-user-select:none;user-select:none}.address-bar__btn{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font);font-size:14px;font-weight:600;padding:10px 20px;cursor:pointer;transition:opacity var(--transition),transform var(--transition);white-space:nowrap}.address-bar__btn:hover{opacity:.9;transform:translateY(-1px)}.address-bar__btn:active{transform:translateY(0)}.address-bar__actions{display:flex;align-items:center;justify-content:center;gap:8px;max-width:600px;margin:12px auto 0;padding:0 20px}.address-bar__random{background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);font-size:13px;padding:6px 14px;cursor:pointer;transition:all var(--transition)}.address-bar__random:hover{border-color:var(--accent);color:var(--accent)}.address-bar__status{font-size:13px;color:var(--text-muted)}.address-bar__status--active{color:var(--success)}.main{flex:1;max-width:900px;width:100%;margin:24px auto;padding:0 20px;display:flex;flex-direction:column;gap:0}.inbox{overflow:hidden}.inbox__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-glass)}.inbox__title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.inbox__count{font-size:13px;color:var(--text-muted)}.inbox__header-right{display:flex;align-items:center;gap:10px}.inbox__refresh{background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);font-size:12px;padding:4px 10px;cursor:pointer;transition:all var(--transition)}.inbox__refresh:hover{border-color:var(--accent);color:var(--accent)}.refresh-indicator__btn{background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);font-size:11px;padding:3px 10px;cursor:pointer;margin-left:6px;transition:all var(--transition)}.refresh-indicator__btn:hover{border-color:var(--accent);color:var(--accent)}.inbox__list{list-style:none}.inbox__item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border-glass);cursor:pointer;transition:background var(--transition);animation:slideIn .3s ease backwards}.inbox__item:hover{background:var(--bg-glass-hover)}.inbox__item:last-child{border-bottom:none}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inbox__avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff;flex-shrink:0;text-transform:uppercase}.inbox__content{flex:1;min-width:0}.inbox__sender{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox__subject{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.inbox__time{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.empty{text-align:center;padding:60px 20px}.empty__icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty__title{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty__text{font-size:14px;color:var(--text-muted);max-width:320px;margin:0 auto}.loading{text-align:center;padding:40px 20px}.loading__spinner{width:32px;height:32px;border:3px solid var(--border-glass);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{font-size:14px;color:var(--text-muted)}.welcome{text-align:center;padding:80px 20px 60px}.welcome__icon{font-size:56px;margin-bottom:20px}.welcome__title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.welcome__text{font-size:15px;color:var(--text-secondary);max-width:400px;margin:0 auto;line-height:1.7}.email-detail{overflow:hidden}.email-detail__header{padding:20px;border-bottom:1px solid var(--border-glass)}.email-detail__back{background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);font-size:13px;padding:6px 14px;cursor:pointer;transition:all var(--transition);margin-bottom:16px;display:inline-flex;align-items:center;gap:6px}.email-detail__back:hover{border-color:var(--accent);color:var(--accent)}.email-detail__subject{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.email-detail__meta{display:flex;flex-direction:column;gap:4px}.email-detail__meta-row{display:flex;align-items:center;gap:8px;font-size:13px}.email-detail__meta-label{color:var(--text-muted);min-width:40px}.email-detail__meta-value{color:var(--text-secondary);font-weight:500}.email-detail__actions{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-glass)}.email-detail__delete{background:none;border:1px solid rgba(255,77,106,.3);border-radius:var(--radius-sm);color:var(--danger);font-family:var(--font);font-size:13px;padding:6px 14px;cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px}.email-detail__delete:hover{background:#ff4d6a1a;border-color:var(--danger)}.email-detail__body{padding:20px;min-height:200px}.email-detail__body-text{font-size:14px;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.email-detail__iframe{width:100%;border:none;border-radius:var(--radius-sm);background:#fff;min-height:300px}.refresh-indicator{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-muted);padding:8px}.refresh-indicator__dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.address-bar__copy{background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);font-size:13px;padding:6px 14px;cursor:pointer;transition:all var(--transition)}.address-bar__copy:hover{border-color:var(--accent);color:var(--accent)}.address-bar__copy--copied{border-color:var(--success);color:var(--success)}.footer{text-align:center;padding:20px;font-size:13px;color:var(--text-muted)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 640px){.header__title{font-size:22px}.address-bar__input{font-size:14px}.address-bar__suffix{font-size:13px}.address-bar__btn{padding:8px 16px;font-size:13px}.inbox__item{padding:12px 16px}.email-detail__subject{font-size:17px}.email-detail__header,.email-detail__body{padding:16px}}