:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1017;--surface:#151a23;--surface-2:#1d2430;--surface-3:#232b38;--ink:#f7f2e8;--muted:#a8b1c0;--soft:#d5d9e2;--line:#323c4d;--cyan:#68d8ef;--mint:#9ff0b7;--yellow:#ffd66e;--coral:#ff7c83;--red:#ff6d75;--black:#07090f;--shadow:0 18px 46px #0000005c}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), linear-gradient(135deg, #68d8ef24, transparent 28%), linear-gradient(315deg, #ff7c831f, transparent 30%), var(--bg);min-height:100vh;color:var(--ink);background-size:28px 28px,28px 28px,auto,auto,auto;margin:0;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body:before{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 7px);position:fixed;inset:0}button,input{font:inherit}button{border:0}.shell{width:min(1180px,100% - 28px);margin:0 auto;padding:22px 0 42px}.topbar{border:1px solid var(--line);min-height:74px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#151a23eb;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:12px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{background:var(--surface-3);border:1px solid var(--line);width:54px;height:54px;image-rendering:pixelated;border-radius:8px;flex:none;padding:5px}.brand h1{color:var(--yellow);letter-spacing:0;text-transform:uppercase;margin:0;font-size:24px;line-height:1.05}.brand p{color:var(--cyan);text-transform:uppercase;margin:5px 0 0;font-size:13px}.top-actions{align-items:center;gap:8px;min-width:0;display:flex}.status{max-width:330px;min-height:38px;color:var(--mint);background:var(--black);border:1px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.status span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.status-dot{background:var(--mint);border-radius:3px;flex:none;width:10px;height:10px;box-shadow:0 0 12px #9ff0b7b3}.grid{grid-template-columns:minmax(320px,370px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#151a23f0;border-radius:8px;overflow:hidden}.panel-header{background:linear-gradient(90deg, #68d8ef29, transparent), var(--surface-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.panel-header h2{min-width:0;color:var(--soft);letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere;align-items:center;gap:8px;margin:0;font-size:16px;display:inline-flex}.panel-header h2 svg{color:var(--cyan);flex:none}.panel-body{padding:14px}.robot-deck{background:linear-gradient(135deg, #ffd66e24, transparent 46%), var(--surface-2);border:1px solid var(--line);border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:grid}.robot-deck img{background:var(--black);border:1px solid var(--line);width:72px;height:72px;image-rendering:pixelated;border-radius:8px;padding:6px}.robot-deck strong{color:var(--yellow);font-size:21px;line-height:1.1;display:block}.robot-deck span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.35;display:block}.create-form{gap:10px;display:grid}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.input{border:1px solid var(--line);background:var(--black);width:100%;min-height:45px;color:var(--ink);border-radius:8px;outline:none;padding:0 12px}.input::placeholder{color:#727d90}.input:focus,.auth-input:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #68d8ef29}.button{color:#11131a;background:var(--yellow);cursor:pointer;white-space:nowrap;border:1px solid #07090fe6;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 13px;transition:transform .12s,filter .12s,opacity .12s;display:inline-flex;box-shadow:inset 0 -2px #00000029}.button:hover{filter:brightness(1.04);transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button.secondary{background:var(--cyan)}.button.danger{color:var(--red);box-shadow:none;background:#2a151b;border-color:#60323b}.button.icon-only{flex:none;width:42px;padding:0}.button:disabled{opacity:.54;cursor:not-allowed;transform:none}.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-panel{grid-template-columns:210px minmax(0,1fr);align-items:center;gap:0 24px;width:min(880px,100%);padding:24px;display:grid}.auth-robot{background:linear-gradient(135deg, #68d8ef2e, transparent), var(--surface-2);border:1px solid var(--line);border-radius:8px;grid-row:span 4;place-items:center;width:170px;height:170px;margin:0 auto;display:grid;position:relative}.auth-robot img{width:126px;height:126px;image-rendering:pixelated}.auth-robot svg:not(.spin){color:#11131a;background:var(--mint);border:1px solid var(--black);border-radius:8px;width:46px;height:46px;padding:9px;position:absolute;bottom:-8px;right:-8px}.auth-panel h1{color:var(--yellow);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(30px,5vw,54px);line-height:.98}.auth-panel p{color:var(--cyan);text-transform:uppercase;margin:8px 0 0;font-size:14px;line-height:1.45}.auth-form{gap:12px;margin-top:18px;display:grid}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-tabs button{min-height:40px;color:var(--muted);background:var(--black);border:1px solid var(--line);cursor:pointer;border-radius:8px}.auth-tabs button.active{color:#11131a;background:var(--cyan);border-color:#07090fe6}.auth-input{background:var(--black);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:50px;padding:0 12px;display:grid}.auth-input svg{color:var(--cyan)}.auth-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none}.auth-note{color:var(--muted);text-transform:none;margin:0;font-size:12px;line-height:1.5}.buyer-guide{text-align:left;border:1px solid var(--line);background:#07090f6b;border-radius:8px;margin-top:18px;padding:12px}.buyer-guide.compact{background:var(--surface-2);margin:0 0 14px}.guide-title{color:var(--yellow);text-transform:uppercase;align-items:center;gap:8px;font-size:13px;display:flex}.buyer-guide ol{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.buyer-guide li{grid-template-columns:30px minmax(0,1fr);gap:8px;display:grid}.buyer-guide li>span{color:#11131a;background:var(--cyan);border:1px solid var(--black);border-radius:6px;justify-content:center;align-items:center;width:30px;height:24px;font-size:12px;display:inline-flex}.buyer-guide p,.auth-panel .buyer-guide p{color:var(--muted);text-transform:none;margin:0;font-size:12px;line-height:1.45}.error{color:var(--red);margin:0;font-size:13px;line-height:1.45}.email-list,.message-list{gap:10px;display:grid}.email-list{margin-top:14px}.message-item,.email-item{text-align:left;background:var(--surface-2);border:1px solid var(--line);width:100%;color:inherit;border-radius:8px;padding:12px}.message-item{cursor:pointer}.email-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;margin:0;padding:0}.email-item.active,.message-item.active{border-color:var(--cyan);box-shadow:inset 4px 0 0 var(--cyan);background:#172532}.item-title{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.item-title strong,.item-title span{overflow-wrap:anywhere;min-width:0}.item-title strong{color:var(--ink);line-height:1.35}.meta{color:var(--muted);flex-wrap:wrap;gap:8px 12px;margin-top:8px;font-size:12px;display:flex}.meta span{overflow-wrap:anywhere;align-items:center;gap:4px;min-width:0;display:inline-flex}.badge{color:#11131a;background:var(--mint);border:1px solid var(--black);text-transform:uppercase;border-radius:6px;flex:none;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;display:inline-flex}.content-grid{grid-template-columns:minmax(240px,.39fr) minmax(0,1fr);min-height:650px;display:grid}.inbox-list{border-right:1px solid var(--line);background:#07090f38;padding:14px}.message-pane{min-width:0;padding:14px}.empty{text-align:center;min-height:232px;color:var(--muted);border:1px dashed var(--line);background:#ffffff06;border-radius:8px;place-items:center;padding:22px;display:grid}.empty svg{color:var(--cyan)}.message-head{border-bottom:1px solid var(--line);gap:8px;margin-bottom:14px;padding-bottom:14px;display:grid}.message-head h3{color:var(--yellow);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.35}.message-head p{color:var(--muted);overflow-wrap:anywhere;margin:0}.otp-console{background:linear-gradient(90deg,#9ff0b729,#0000),#101a13;border:1px solid #35543a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;margin-bottom:14px;padding:14px;display:grid}.otp-label{color:var(--mint);align-items:center;gap:8px;font-size:13px;display:inline-flex}.otp-console strong{color:var(--mint);letter-spacing:0;grid-column:1/2;font-size:clamp(34px,8vw,70px);line-height:.95}.otp-console .button{grid-area:1/2/3}.mail-body{border:1px solid var(--line);background:#f8fafc;border-radius:8px;width:100%;min-height:360px;overflow:hidden}.mail-pre{color:#111827;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px;font-size:14px;line-height:1.55}.mail-frame{background:#fff;border:0;width:100%;min-height:520px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.shell{width:min(100% - 18px,760px);padding-top:12px}.topbar{flex-direction:column;align-items:flex-start}.top-actions{width:100%}.top-actions .status{flex:1;max-width:none}.grid,.content-grid{grid-template-columns:1fr}.inbox-list{border-right:0;border-bottom:1px solid var(--line)}.input-row,.otp-console{grid-template-columns:1fr}.button,.button.icon-only{width:100%}.otp-console strong,.otp-console .button{grid-area:auto}}@media (max-width:680px){.auth-panel{text-align:center;grid-template-columns:1fr;gap:16px;padding:16px}.auth-robot{grid-row:auto;width:132px;height:132px}.auth-robot img{width:98px;height:98px}.brand h1{font-size:20px}.brand p{font-size:12px}.robot-deck{grid-template-columns:58px minmax(0,1fr)}.robot-deck img{width:58px;height:58px}.buyer-guide li{grid-template-columns:26px minmax(0,1fr)}.buyer-guide li>span{width:26px}}