:root { --primary:#3b82f6; --primary-dark:#1e40af; --indigo:#1a237e; --indigo-light:#3d5afe; --green:#00e676; --green-dark:#00c853; --canvas:#f1f5f9; --surface:#fff; --ink:#1e293b; --muted:#64748b; --line:#e2e8f0; --danger:#dc2626; --radius:8px; }
* { box-sizing:border-box; } body { margin:0; background:var(--canvas); color:var(--ink); font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif; font-size:14px; } button,input,select,textarea { font:inherit; } button { cursor:pointer; } button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid rgba(59,130,246,.35); outline-offset:2px; }
.app-shell { min-height:100vh; overflow:hidden; }.app-header { position:sticky; top:0; z-index:20; height:64px; background:var(--surface); box-shadow:0 1px 4px rgba(15,23,42,.08); }.app-header__inner { max-width:1440px; height:100%; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }.app-header h1 { margin:0; font-size:18px; font-weight:600; }.app-header__actions { display:flex; gap:8px; }.icon-control { display:grid; width:36px; height:36px; place-items:center; border:0; border-radius:8px; background:transparent; color:#64748b; }.icon-control:hover { background:#f1f5f9; color:#334155; }
.mail-gradient { color:#fff; background:linear-gradient(180deg,var(--indigo),var(--indigo-light)); }.layout-wide { width:min(1024px,calc(100% - 32px)); margin:auto; }.layout-mailbox { width:min(768px,calc(100% - 32px)); margin:auto; }.layout-inbox,.layout-content { width:min(672px,calc(100% - 32px)); margin-left:auto; margin-right:auto; }.mail-nav { height:72px; display:flex; align-items:center; justify-content:space-between; }.mail-brand { color:#fff; text-decoration:none; font-size:24px; font-weight:700; letter-spacing:-.6px; }.mail-brand span { color:var(--green); }.mail-nav__links { position:relative; display:flex; align-items:center; gap:32px; }.mail-nav__links a,.mail-nav__links > button { border:0; padding:0; color:#fff; background:transparent; text-decoration:none; font-size:14px; }.mail-nav__links a:hover,.mail-nav__links > button:hover { color:#dbeafe; }.mail-nav__links i { font-size:10px; margin-left:4px; }.language-menu { position:absolute; right:0; top:27px; z-index:25; width:120px; padding:6px; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.2); }.language-menu button { display:block; width:100%; padding:8px 10px; border:0; border-radius:5px; color:#334155; background:#fff; text-align:left; }.language-menu button:hover { background:#eff6ff; color:#2563eb; }
.mail-hero { padding:32px 0 86px; }.mail-hero h2 { margin:0 0 32px; text-align:center; color:#fff; font-size:30px; line-height:1.2; font-weight:700; }.address-cluster { display:flex; align-items:stretch; gap:2px; margin-bottom:16px; }.address-cluster input { min-width:0; flex:1; border:0; border-radius:8px 0 0 8px; padding:14px 16px; color:#1f2937; font-size:16px; outline:0; }.address-domain { display:flex; align-items:center; padding:0 14px; border-left:1px solid #e5e7eb; background:#fff; }.address-domain select { border:0; color:#1f2937; background:#fff; outline:0; }.copy-address,.primary-button { border:0; border-radius:0 8px 8px 0; padding:0 24px; background:var(--green); color:#fff; font-weight:500; }.copy-address:hover,.primary-button:hover { background:var(--green-dark); }.mail-tools { display:flex; align-items:start; justify-content:space-between; gap:24px; }.mail-tools__buttons { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }.text-tool { padding:8px 0; border:0; background:transparent; color:#fff; font-size:14px; }.text-tool:hover { color:#dbeafe; }.text-tool i { margin-right:7px; color:var(--green); }.pill-tool { display:flex; align-items:center; gap:8px; border:0; border-radius:999px; padding:9px 16px; color:#fff; background:var(--green); font-size:14px; }.pill-tool:hover { background:var(--green-dark); }.mail-tools p { max-width:280px; margin:3px 0 0; color:#eef2ff; font-size:12px; line-height:1.7; }.inbox-title-row { display:flex; align-items:center; justify-content:space-between; margin-top:48px; }.inbox-title-row h3 { margin:0; font-size:24px; }.inbox-title-row small { display:block; margin-top:3px; color:#dbeafe; font-size:10px; font-weight:500; }.compose-button { display:flex; align-items:center; gap:9px; border:0; border-radius:8px; padding:11px 20px; color:#fff; background:var(--green); font-weight:500; }.compose-button:hover { background:var(--green-dark); }
.inbox-float { margin-top:-32px; position:relative; z-index:3; }.inbox-card { overflow:hidden; min-height:132px; border:1px solid #f1f5f9; border-radius:8px 8px 0 0; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.08); }.code-banner { padding:12px 16px; border-radius:8px 8px 0 0; border-left:4px solid #fbbf24; color:#78350f; background:#fef3c7; }.code-banner button { margin-left:8px; border:0; border-radius:4px; padding:4px 8px; color:#78350f; background:#fde68a; }.mail-bar,.mail-item { display:grid; grid-template-columns:1.4fr 1.6fr .6fr; align-items:center; gap:16px; padding:0 20px; }.mail-bar { height:40px; color:#64748b; font-size:12px; background:#fff; border-bottom:1px solid var(--line); }.mail-item { width:100%; min-height:76px; border:0; border-bottom:1px solid var(--line); color:#334155; background:#fff; text-align:left; }.mail-item:hover { background:#f8fafc; }.mail-from,.mail-subject { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.mail-from { display:flex; align-items:center; gap:8px; }.mail-from strong { min-width:0; overflow:hidden; text-overflow:ellipsis; }.mail-symbol { color:#2563eb; }.mail-subject { color:#475569; }.mail-time { color:#64748b; font-size:12px; text-align:right; }.verification { margin-left:7px; border-radius:3px; padding:2px 5px; color:#92400e; background:#fef3c7; font-size:10px; }.empty-state { min-height:132px; display:flex; align-items:center; justify-content:center; gap:10px; color:#64748b; }.empty-spinner { width:17px; height:17px; border:2px solid #bbf7d0; border-top-color:var(--green); border-radius:50%; animation:spin .8s linear infinite; }.inbox-actions { display:flex; justify-content:space-between; margin-top:16px; }.secondary-button { min-height:42px; border:0; border-radius:8px; padding:0 18px; color:#475569; background:#e2e8f0; font-weight:500; }.secondary-button:hover { background:#cbd5e1; }.secondary-button--danger { color:#b91c1c; }.secondary-button--danger:hover { color:#fff; background:var(--danger); }
.information-section { padding:50px 0 44px; }.information-section h2 { margin:0 0 24px; text-align:center; font-size:24px; }.information-copy { color:#475569; font-size:14px; line-height:1.85; }.information-copy p { margin:0 0 16px; }.information-copy ol { margin:0 0 16px; padding-left:22px; }.info-card { margin-bottom:24px; border-radius:8px; padding:28px 32px; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.08); }.info-card h2 { margin:0 0 12px; font-size:20px; }.info-card p { margin:0; color:#64748b; line-height:1.8; }.contact-card form { display:grid; gap:10px; }.contact-card input,.contact-card textarea { border:1px solid #e2e8f0; border-radius:8px; padding:12px; outline-color:var(--primary); }.contact-card textarea { min-height:110px; resize:vertical; }.contact-card .primary-button { justify-self:start; min-height:42px; border-radius:8px; }
footer { padding:24px; color:#64748b; background:#f8fafc; text-align:center; font-size:12px; } footer p { margin:0 0 5px; }
.api-docs { margin-top:32px; margin-bottom:32px; padding:32px; border:1px solid #dbeafe; border-radius:8px; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.08); }
.api-docs__intro { border-bottom:1px solid var(--line); padding-bottom:24px; }.eyebrow { margin:0 0 8px; color:#2563eb; font-size:11px; font-weight:700; letter-spacing:1px; }.api-docs h2 { margin:0 0 10px; font-size:28px; }.api-docs h3 { margin:26px 0 12px; font-size:16px; }.api-docs__intro > p:not(.eyebrow) { max-width:680px; margin:0; color:#64748b; line-height:1.7; }.api-endpoint { display:flex; align-items:center; gap:10px; margin-top:20px; padding:12px; border-radius:6px; background:#eff6ff; }.api-endpoint code { min-width:0; flex:1; overflow:auto; color:#1e40af; white-space:nowrap; }.api-endpoint .secondary-button { min-height:36px; padding:0 12px; font-size:12px; }.api-docs__grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }.api-table { width:100%; border-collapse:collapse; color:#64748b; line-height:1.6; }.api-table th,.api-table td { padding:10px 8px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }.api-table th { width:70px; color:#2563eb; font-family:monospace; }.api-docs code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }.api-docs pre { overflow:auto; margin:0; padding:16px; border-radius:6px; color:#dbeafe; background:#0f172a; font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace; }.code-block { min-width:0; overflow:hidden; border-radius:6px; background:#0f172a; }.code-block__header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 12px; color:#cbd5e1; background:#1e293b; font-size:12px; }.code-copy { border:0; border-radius:4px; padding:5px 8px; color:#dbeafe; background:#334155; font-size:12px; }.code-copy:hover { background:#475569; }.code-block pre { overflow:auto; max-width:100%; margin:0; padding:16px; color:#dbeafe; background:#0f172a; font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre; }.language-section__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.language-section__heading h2 { margin-bottom:10px; }.language-count { flex:0 0 auto; padding:6px 10px; border-radius:999px; color:#1d4ed8; background:#eff6ff; font-size:12px; white-space:nowrap; }.language-table-wrap { overflow:auto; border:1px solid var(--line); border-radius:6px; }.language-table { width:100%; min-width:620px; border-collapse:collapse; color:#334155; font-size:13px; }.language-table th,.language-table td { padding:11px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }.language-table th { color:#64748b; background:#f8fafc; font-size:12px; font-weight:600; }.language-table tbody tr:last-child td { border-bottom:0; }.language-table tbody tr:hover { background:#f8fafc; }.language-table code { color:#1d4ed8; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }.language-table td:nth-child(2) { width:180px; }.language-table td:nth-child(3) { color:#64748b; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; white-space:nowrap; }.api-note { color:#64748b; font-size:12px; line-height:1.7; }.code-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (max-width:720px) { .api-docs { padding:24px; }.api-docs__grid,.code-grid { grid-template-columns:1fr; }.api-endpoint { align-items:stretch; flex-direction:column; }.api-endpoint code { white-space:pre-wrap; overflow-wrap:anywhere; }.api-endpoint .secondary-button { width:100%; } }
.translation-page { min-height:100vh; background:#f8fafc; }.translation-wrap { width:min(1000px,calc(100% - 32px)); margin:0 auto; }.translation-header { background:#1a237e; }.translation-header__inner { width:min(1000px,calc(100% - 32px)); height:72px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }.translation-home-link { color:#dbeafe; text-decoration:none; font-size:14px; }.translation-home-link:hover { color:#fff; }.translation-hero { padding:72px 0 64px; color:#fff; background:linear-gradient(135deg,#1a237e,#2563eb); }.translation-hero h1 { margin:0 0 14px; font-size:42px; }.translation-hero > .translation-wrap > p:not(.eyebrow) { max-width:650px; margin:0; color:#dbeafe; line-height:1.8; }.translation-content { padding:34px 0 64px; }.translation-section { margin-bottom:24px; padding:28px 32px; border:1px solid #e2e8f0; border-radius:8px; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.06); }.translation-section h2 { margin:0 0 18px; font-size:23px; }.translation-section h3 { margin:0 0 12px; font-size:16px; }.section-lead { margin:0 0 16px; color:#64748b; line-height:1.8; }.translation-limits p { margin:0; color:#64748b; line-height:1.8; }.online-translator__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.online-translator__heading h2 { margin-bottom:6px; }.online-translator__heading .eyebrow { margin-bottom:6px; }.online-status { padding:6px 10px; border-radius:999px; color:#166534; background:#dcfce7; font-size:12px; white-space:nowrap; }.translation-form { display:grid; gap:16px; }.translation-form label { display:grid; gap:8px; color:#334155; font-size:14px; font-weight:600; }.translation-form textarea,.translation-form select { width:100%; border:1px solid #cbd5e1; border-radius:6px; padding:12px; color:#1e293b; background:#fff; outline-color:#2563eb; resize:vertical; }.translation-form__controls { display:flex; align-items:end; gap:12px; }.translation-form__controls label { flex:1; }.translation-submit { min-height:44px; border-radius:6px; padding:0 26px; }.translation-result { margin-top:20px; border:1px solid #bfdbfe; border-radius:6px; background:#eff6ff; }.translation-result__header { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #bfdbfe; color:#1e40af; font-weight:600; }.result-action { margin-left:6px; border:0; border-radius:4px; padding:6px 9px; color:#1e40af; background:#dbeafe; font-size:12px; cursor:pointer; }.result-action:hover { background:#bfdbfe; }.speak-status { display:block; min-height:0 !important; margin:0; padding:8px 16px 0; color:#64748b; font-size:12px; font-weight:400; }.translation-result > p:not(.speak-status) { min-height:50px; margin:0; padding:18px 16px; color:#0f172a; font-size:20px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }.translation-meta { display:flex; gap:24px; margin:0; padding:12px 16px; border-top:1px solid #bfdbfe; color:#64748b; font-size:12px; }.translation-meta div { display:flex; gap:6px; }.translation-meta dt { font-weight:600; }.translation-meta dd { margin:0; }.translation-error { margin:16px 0 0; padding:12px; border-radius:6px; color:#991b1b; background:#fee2e2; font-size:13px; }
@media (max-width:720px) { .translation-header__inner { height:58px; }.translation-hero { padding:48px 0 42px; }.translation-hero h1 { font-size:32px; }.translation-section { padding:24px; }.translation-section .api-docs__grid { grid-template-columns:1fr; } }
.dialog { width:min(500px,calc(100% - 32px)); overflow:hidden; border:0; border-radius:16px; background:#fff; color:#1e293b; box-shadow:0 8px 30px rgba(0,0,0,.1); }.dialog::backdrop { background:rgba(0,0,0,.5); }.dialog--large { width:min(672px,calc(100% - 32px)); }.dialog--compact { width:min(380px,calc(100% - 32px)); }.dialog__header { display:flex; align-items:center; justify-content:space-between; padding:24px 24px 0; }.dialog__header h2 { margin:0; font-size:20px; }.dialog__header button { border:0; color:#94a3b8; background:transparent; font-size:20px; }.dialog__header button:hover { color:#475569; }.dialog__body { padding:24px; }.dialog__body > label,.form-stack label { display:grid; gap:8px; color:#374151; font-size:14px; font-weight:500; }.dialog__body > label + .ttl-group,.dialog__body > label + input { margin-bottom:18px; }.dialog input,.dialog textarea { width:100%; border:1px solid #e2e8f0; border-radius:8px; padding:12px; outline-color:var(--primary); }.ttl-group { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.ttl-group button { min-height:40px; border:1px solid #e2e8f0; border-radius:8px; color:#475569; background:#fff; font-size:12px; }.ttl-group button.active { border-color:var(--primary); color:#2563eb; background:#eff6ff; }.captcha { display:flex; gap:8px; margin:0 0 18px; }.captcha span { flex:1; display:grid; place-items:center; border-radius:8px; color:#475569; background:#f8fafc; }.captcha input { width:120px; }.secret-row { display:flex; gap:8px; align-items:center; margin:8px 0 18px; }.secret-row output { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #e2e8f0; border-radius:8px; padding:12px; color:#64748b; font-size:12px; }.dialog__footer { display:flex; justify-content:space-between; gap:12px; padding:0 24px 24px; }.dialog__footer--right { justify-content:flex-end; }.dialog__footer .primary-button { min-height:42px; border-radius:8px; }.form-stack { display:grid; gap:16px; }.attach-control { width:max-content; border:0; border-radius:8px; padding:10px 14px; color:#2563eb; background:#eff6ff; cursor:pointer; }.attach-control i { margin-right:6px; }.file-list { display:grid; gap:6px; }.file-item { display:flex; justify-content:space-between; gap:8px; border-radius:6px; padding:8px; color:#475569; background:#f8fafc; font-size:12px; }.file-item button { border:0; background:transparent; color:#64748b; }.captcha-codes,.message-codes { display:flex; flex-wrap:wrap; gap:8px; }.captcha-codes { min-height:80px; align-items:center; justify-content:center; border:1px solid #e2e8f0; border-radius:8px; color:#64748b; background:#f8fafc; font-size:20px; font-weight:700; letter-spacing:2px; }.captcha-codes button,.message-codes button { border:0; border-radius:6px; padding:9px 12px; color:#2563eb; background:#eff6ff; font-weight:700; }.dialog-note { margin:14px 0 0; color:#64748b; text-align:center; font-size:13px; }.message-from { margin-bottom:12px; color:#64748b; font-size:13px; }.message-modal iframe { width:100%; height:300px; margin-top:16px; border:1px solid #e2e8f0; border-radius:8px; }.attachments { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }.attachments button { border:0; border-radius:6px; padding:8px; color:#2563eb; background:#eff6ff; }
@keyframes spin { to { transform:rotate(360deg); } }
@media (max-width:720px) { .app-header__inner { padding:0 16px; }.mail-nav { height:58px; }.mail-nav__links { gap:14px; }.mail-nav__links a { display:none; }.mail-hero { padding:26px 0 70px; }.mail-hero h2 { margin-bottom:24px; font-size:24px; }.address-cluster { flex-wrap:wrap; gap:0; }.address-cluster input { flex-basis:100%; border-radius:8px 8px 0 0; }.address-domain { flex:1; min-height:48px; border-top:1px solid #e5e7eb; border-left:0; border-radius:0 0 0 8px; }.copy-address { min-height:48px; border-radius:0 0 8px 0; }.mail-tools { display:grid; gap:14px; }.mail-tools__buttons { gap:10px; }.mail-tools p { max-width:none; }.inbox-title-row { margin-top:36px; }.inbox-title-row h3 { font-size:21px; }.compose-button { padding:10px 12px; }.mail-bar { display:none; }.mail-item { grid-template-columns:1fr auto; gap:5px; padding:12px 14px; }.mail-from { grid-column:1; }.mail-subject { grid-column:1; grid-row:2; }.mail-time { grid-column:2; grid-row:1; }.ttl-group { grid-template-columns:repeat(2,1fr); }.dialog__footer { flex-wrap:wrap; }.dialog__footer .secondary-button,.dialog__footer .primary-button { flex:1; }.captcha { flex-wrap:wrap; }.captcha input { width:100%; }.inbox-actions { margin-bottom:0; }.info-card { padding:24px; } }
.dialog--large iframe { width:100%; height:300px; margin-top:16px; border:1px solid #e2e8f0; border-radius:8px; }

/* The header controls live in the blue mail navigation beside ZH. */
.mail-nav__links { gap:24px; }
.nav-icon-control { display:grid; place-items:center; width:28px; height:28px; margin-left:-12px; border-radius:6px; }
.nav-icon-control i { margin:0; font-size:14px; }
.nav-icon-control:hover { background:rgba(255,255,255,.14); }
.language-menu { right:56px; top:38px; }
.notification-control { position:relative; }
.notification-badge { position:absolute; top:-4px; right:-5px; display:grid; min-width:15px; height:15px; padding:0 3px; place-items:center; border:1.5px solid var(--indigo); border-radius:999px; color:#fff; background:#ef4444; font:700 9px/1 Inter,"Noto Sans SC",sans-serif; }
.notification-badge[hidden] { display:none; }

/* Subtle radio-like signal field behind the mail controls. */
.mail-gradient { position:relative; z-index:4; isolation:isolate; overflow:hidden; }
.mail-gradient::before,.mail-gradient::after { content:""; position:absolute; z-index:0; left:50%; top:74%; width:min(640px,62vw); aspect-ratio:1; border:1px solid rgba(191,219,254,.16); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; }
.mail-gradient::before { border-color:rgba(191,219,254,.06); box-shadow:0 0 0 55px rgba(191,219,254,.016),0 0 0 110px rgba(191,219,254,.012),0 0 0 165px rgba(191,219,254,.009),0 0 0 220px rgba(191,219,254,.006); }
.mail-gradient::after { display:none; }
.mail-gradient > * { position:relative; z-index:1; }
.mail-gradient > .signal-ripples { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.signal-ripples span { position:absolute; left:50%; top:74%; width:min(250px,24vw); aspect-ratio:1; border:2px solid rgba(219,234,254,.25); border-radius:50%; transform:translate(-50%,-50%) scale(.22); opacity:0; animation:signal-ripple 5s cubic-bezier(.18,.7,.32,1) infinite; }
.signal-ripples span:nth-child(1) { animation-delay:0s; }.signal-ripples span:nth-child(2) { animation-delay:-1s; }.signal-ripples span:nth-child(3) { animation-delay:-2s; }.signal-ripples span:nth-child(4) { animation-delay:-3s; }.signal-ripples span:nth-child(5) { animation-delay:-4s; }
@keyframes signal-ripple { 0% { transform:translate(-50%,-50%) scale(.22); opacity:.68; } 66% { opacity:.23; } 100% { transform:translate(-50%,-50%) scale(4); opacity:0; } }
@media (prefers-reduced-motion:reduce) { .signal-ripples span { animation:none; opacity:.12; }.signal-ripples span:nth-child(1) { transform:translate(-50%,-50%) scale(.8); }.signal-ripples span:nth-child(2) { transform:translate(-50%,-50%) scale(1.45); }.signal-ripples span:nth-child(3) { transform:translate(-50%,-50%) scale(2.1); }.signal-ripples span:nth-child(4) { transform:translate(-50%,-50%) scale(2.75); }.signal-ripples span:nth-child(5) { transform:translate(-50%,-50%) scale(3.4); } }

/* Custom domain picker modeled on the reference dropdown. */
.address-domain { position:relative; min-width:190px; padding:0; border-left:1px solid #dbe3ed; }
.address-domain select { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.domain-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:50px; border:0; padding:0 18px; color:#00cfa1; background:#fff; font-size:16px; font-weight:500; text-align:left; }
.domain-trigger:hover,.domain-trigger[aria-expanded="true"] { color:#00b98d; background:#fbfffe; }
.domain-trigger i { margin-left:14px; font-size:14px; }
.domain-menu { position:absolute; z-index:30; top:calc(100% + 5px); left:-1px; width:calc(100% + 2px); max-height:390px; overflow-y:auto; overscroll-behavior:contain; border:1px solid #d8dee8; border-radius:0 0 6px 6px; background:#fff; box-shadow:0 10px 24px rgba(15,23,42,.16); }
.domain-menu button { display:block; width:100%; min-height:50px; border:0; padding:0 24px; color:#39424e; background:#fff; font-size:16px; text-align:left; }
.domain-menu button:hover,.domain-menu button.selected { color:#00b98d; background:#f3fffb; }
@media (max-width:720px) { .address-domain { min-width:0; }.domain-trigger { min-height:48px; padding:0 13px; font-size:14px; }.domain-menu { max-height:280px; }.domain-menu button { min-height:50px; padding:0 15px; font-size:15px; } }