@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f3f6ff;font-synthesis:none;background:#080b14;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#080b14;min-width:320px;min-height:100vh;margin:0}body{background-image:radial-gradient(circle at 7% 0,#1a1b3b 0,#0000 27rem),radial-gradient(circle at 96% 90%,#102d3a 0,#0000 31rem)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-container{flex-direction:column;width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto;padding:28px 0 24px;display:flex}.app-header{justify-content:space-between;align-items:center;margin-bottom:46px;display:flex}.logo-section{align-items:center;gap:11px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#625ef5,#8a54e9);border:1px solid #706cff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 8px 23px #6e5cff44}.logo-text{color:#f4f5ff;letter-spacing:-.04em;font-size:1rem;font-weight:800}.status-badge{color:#aab5cc;background:#111724bb;border:1px solid #293248;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:.73rem;font-weight:700;display:inline-flex}.pulse-dot{background:#5cdaa2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5cdaa21e}.generator-card{background:linear-gradient(135deg,#151a2aee,#111622e8);border:1px solid #242c40;border-radius:25px;margin-bottom:46px;padding:44px;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000040}.generator-card:before{content:"";background:linear-gradient(90deg,#0000,#7774ff,#54c9e9,#0000);height:1px;position:absolute;top:0;left:34px;right:34px}.generator-card:after{content:"";border:1px solid #817dff32;border-radius:50%;width:340px;height:340px;position:absolute;top:-150px;right:-110px;box-shadow:inset 0 0 90px #7664ff12}.generator-title{z-index:1;color:#8e9bb8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 25px;font-size:.75rem;font-weight:800;position:relative}.creation-row{z-index:1;grid-template-columns:minmax(160px,.85fr) minmax(160px,1.25fr) auto;gap:10px;max-width:760px;display:grid;position:relative}.select-container{position:relative}.select-container:after{color:#9ba7bd;content:"⌄";pointer-events:none;font-size:1.1rem;position:absolute;top:50%;right:14px;transform:translateY(-58%)}.domain-select-mock,.username-input-mock{color:#edf1ff;background:#0d1220;border:1px solid #2b354d;border-radius:12px;outline:none;width:100%;height:53px;padding:0 15px;font-size:.88rem;transition:border .2s,box-shadow .2s,background .2s}.domain-select-mock{appearance:none;padding-right:36px;font-weight:700}.username-input-mock{font-family:DM Mono,monospace}.domain-select-mock:focus,.username-input-mock:focus{background:#101727;border-color:#7774ff;box-shadow:0 0 0 4px #716eff25}.username-input-mock::placeholder{color:#63708a;font-family:Manrope,sans-serif;font-size:.8rem}.btn-create-mock{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6f6af6,#8255e6);border:0;border-radius:12px;min-width:112px;height:53px;padding:0 20px;font-size:.87rem;font-weight:800;transition:transform .18s,filter .18s;box-shadow:0 10px 22px #6f60e944}.btn-create-mock:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-create-mock:active{transform:translateY(0)}.active-info-row{z-index:1;align-items:center;gap:10px;max-width:760px;margin-top:16px;display:flex;position:relative}.active-address-box{color:#e8edff;cursor:pointer;background:#10162299;border:1px dashed #3b4761;border-radius:12px;flex:1;align-items:center;gap:9px;min-width:0;padding:13px 15px;transition:border .2s,background .2s;display:flex}.active-address-box:hover{background:#181d30;border-color:#7774ff}.active-label{color:#8491aa;flex:none;font-size:.76rem;font-weight:700}.active-val{color:#c8c8ff;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:.83rem;font-weight:500;overflow:hidden}.copy-icon-small{color:#909bb2;flex:none;margin-left:auto}.action-btn-circle{color:#cbd3eb;cursor:pointer;background:#171d2c;border:1px solid #303a51;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 14px;font-size:.79rem;font-weight:800;transition:background .2s,border .2s;display:inline-flex}.action-btn-circle:hover{background:#20283a;border-color:#4c5774}.mail-section-title{color:#f1f3ff;letter-spacing:-.03em;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.08rem;font-weight:800;display:flex}.mail-count{color:#9eacd0;background:#171d2b;border:1px solid #313c56;border-radius:999px;padding:5px 9px;font-size:.73rem;font-weight:700}.mail-layout{grid-template-columns:minmax(290px,.78fr) minmax(0,1.5fr);gap:16px;min-height:480px;margin-bottom:42px;display:grid}.inbox-list,.mail-viewer{background:#111724d9;border:1px solid #242d42;border-radius:18px;box-shadow:0 15px 35px #00000025}.inbox-list{max-height:560px;overflow:auto}.inbox-empty,.viewer-placeholder{color:#8390a8;text-align:center;place-content:center;min-height:250px;padding:28px;display:grid}.empty-icon{color:#7774ff;margin-bottom:12px;font-size:2.35rem;line-height:1}.inbox-item{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border-top:0;border-bottom:1px solid #20283a;border-left:3px solid #0000;border-right:0;padding:17px 18px;transition:background .2s,border .2s;display:block;position:relative}.inbox-item:hover{background:#171e2d}.inbox-item.active{background:linear-gradient(90deg,#29265077,#181e2e);border-left-color:#7774ff}.inbox-item-header{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.sender-name,.email-subject,.email-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sender-name{color:#dfe5f7;max-width:64%;font-size:.84rem;font-weight:800}.email-time{color:#738099;flex:none;font-size:.68rem}.email-subject{color:#adb7ce;margin-bottom:5px;font-size:.8rem;font-weight:700}.email-preview{color:#748198;font-size:.75rem}.mail-viewer{flex-direction:column;min-width:0;max-height:560px;padding:25px;display:flex}.viewer-placeholder{flex:1}.viewer-header{border-bottom:1px solid #242d41;margin-bottom:15px;padding-bottom:18px}.mail-meta h2{color:#f2f4ff;letter-spacing:-.035em;margin:0 0 13px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.35}.meta-row{overflow-wrap:anywhere;color:#95a2ba;margin:4px 0;font-size:.77rem}.meta-label{color:#6f7d96;width:54px;font-weight:700;display:inline-block}.viewer-controls{margin-bottom:13px;display:flex}.tab-buttons{background:#0c111d;border:1px solid #273147;border-radius:9px;padding:3px;display:inline-flex}.tab-btn{color:#7f8ca4;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 11px;font-size:.71rem;font-weight:800}.tab-btn.active{color:#e5e8ff;background:#2b3150;box-shadow:0 2px 7px #00000035}.iframe-container,.text-container{border:1px solid #273047;border-radius:11px;flex:1;min-height:280px;overflow:hidden}.iframe-container{background:#fff}.email-iframe{border:0;width:100%;height:100%}.text-container{color:#c3cde1;white-space:pre-wrap;background:#0c111d;padding:18px;font-family:DM Mono,monospace;font-size:.78rem;line-height:1.7;overflow:auto}.app-footer{color:#68758b;text-align:center;border-top:1px solid #242d40;margin-top:auto;padding-top:20px;font-size:.72rem}.app-footer p{margin:4px 0}.toast{z-index:10;color:#dce5ff;background:#1a2030;border:1px solid #35405c;border-radius:12px;align-items:center;gap:9px;max-width:calc(100vw - 44px);padding:12px 16px;font-size:.82rem;font-weight:700;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 35px #0005}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.app-container{width:min(100% - 28px,560px);padding-top:17px}.app-header{margin-bottom:27px}.logo-text{font-size:.94rem}.status-badge{padding:6px 8px;font-size:.68rem}.generator-card{border-radius:18px;margin-bottom:31px;padding:25px 18px 18px}.generator-card:after{width:210px;height:210px;top:-140px;right:-145px}.generator-title{margin-bottom:17px;font-size:.68rem}.creation-row{grid-template-columns:1fr;gap:8px}.domain-select-mock,.username-input-mock,.btn-create-mock{height:48px}.btn-create-mock{width:100%}.active-info-row{flex-direction:column;align-items:stretch;margin-top:10px}.active-address-box{padding:12px}.active-label{display:none}.action-btn-circle{width:100%}.mail-layout{grid-template-columns:1fr;gap:12px;min-height:0;margin-bottom:28px}.inbox-list{max-height:295px}.inbox-empty{min-height:220px}.mail-viewer{border-radius:16px;min-height:410px;max-height:none;padding:18px}.iframe-container,.text-container{min-height:305px}.mail-section-title{margin-bottom:12px;font-size:1rem}.inbox-item{padding:15px}.toast{bottom:14px;right:14px}}@media (width<=380px){.status-badge{gap:0;padding:9px;font-size:0}.active-val{font-size:.75rem}}