@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Noto+Serif+SC:wght@600;700&display=swap";:root{--bg:#f5f0e6;--panel:#fffbf2d1;--ink:#172034;--muted:#5a6377;--line:#17203424;--accent:#d86435;--accent-deep:#a93d16;--success:#2f7d4a;--warning:#9c5f0c;--error:#b42318;--shadow:0 20px 55px #12192624}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#d8643533,#0000 34%),radial-gradient(circle at 85% 12%,#15366b24,#0000 28%),linear-gradient(135deg,#ece3d3 0%,#f7f3ec 42%,#e9e0d2 100%);margin:0;font-family:Noto Sans SC,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#17203408 1px,#0000 1px),linear-gradient(90deg,#17203408 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}button,input,select{font:inherit}button{cursor:pointer;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;border:none;border-radius:16px;padding:.9rem 1.1rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 24px #a93d1638}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}.ghost-button{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffd9;border-radius:14px;padding:.95rem 1rem}label{color:var(--muted);gap:.45rem;font-size:.94rem;display:grid}.shell{width:min(1240px,100vw - 32px);margin:0 auto;padding:32px 0 48px}.login-shell{place-items:center;min-height:100vh;display:grid}.login-panel,.panel,.hero-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--panel);box-shadow:var(--shadow);border:1px solid #ffffffbf;border-radius:28px;position:relative;overflow:hidden}.login-panel:after,.panel:after,.hero-panel:after{content:"";pointer-events:none;background:linear-gradient(140deg,#ffffff2e,#0000 26% 74%,#ffffff14);position:absolute;inset:0}.login-panel{width:min(760px,100%);padding:44px}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#17203414;border-radius:999px;padding:.4rem .8rem;font-size:.82rem;display:inline-flex}h1,h2,h3{margin:0;font-family:Noto Serif SC,serif}h1{max-width:11ch;margin-top:1rem;font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.08}.lede{max-width:48rem;color:var(--muted);margin:1rem 0 0;line-height:1.9}.login-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-top:2rem;display:grid}.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.signal-grid>div{background:#1720340d;border:1px solid #1720340f;border-radius:18px;padding:1rem 1.1rem}.signal-grid span{color:var(--accent-deep);margin-bottom:.35rem;font-size:.8rem;display:block}.dashboard-shell{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-card{background:linear-gradient(145deg,#ffffffc7,#fff7ecad),#ffffffb8;border:1px solid #17203414;border-radius:22px;padding:1.15rem 1.2rem;position:relative;box-shadow:0 16px 34px #12192614}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{margin:.45rem 0;font-family:Noto Serif SC,serif;font-size:clamp(1.8rem,3vw,2.5rem);display:block}.topbar,.hero-panel,.grid-two{gap:1rem;display:grid}.topbar{grid-template-columns:1fr auto;align-items:end}.topbar__copy{gap:.4rem;display:grid}.topbar__copy p{color:var(--muted);margin:0}.topbar__actions{justify-items:end;gap:.8rem;display:grid}.view-switcher{background:#17203414;border:1px solid #17203414;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.35rem;display:inline-grid}.view-switcher__button{color:var(--ink);box-shadow:none;background:0 0;padding:.8rem 1rem}.view-switcher__button--active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;box-shadow:0 12px 24px #a93d162e}.hero-panel{grid-template-columns:1.3fr .8fr;align-items:stretch;padding:28px}.hero-copy p,.hero-copy span{color:var(--muted);margin:0}.hero-copy h2{margin:.4rem 0 .6rem;font-size:clamp(2.2rem,4vw,3.6rem)}.hero-code-block{color:#f7efe3;background:linear-gradient(160deg,#172034f5,#23395beb);border-radius:24px;align-content:center;gap:.5rem;padding:1.3rem;display:grid}.hero-code-block strong{letter-spacing:.08em;font-size:clamp(2rem,5vw,3.4rem)}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:24px}.panel__title{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.panel__title span{color:var(--muted);font-size:.92rem}.panel-note{color:var(--muted);white-space:nowrap;background:#1720340f;border-radius:999px;padding:.45rem .85rem;font-size:.85rem}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.create-grid{grid-template-columns:minmax(0,1.3fr) 140px auto;align-items:end;gap:1rem;display:grid}.stack-form{gap:.9rem;margin-bottom:1rem;display:grid}.focus-card{color:#f8efe2;background:linear-gradient(160deg,#172034f5,#273d60eb);border-radius:24px;gap:.7rem;min-height:100%;padding:1.35rem;display:grid}.focus-card__label,.focus-card__meta span{color:#f8efe2b8}.focus-card__code{letter-spacing:.1em;font-size:clamp(2.2rem,5vw,4rem);font-weight:900}.focus-card__address{word-break:break-all;font-size:1.02rem}.focus-card__meta{flex-wrap:wrap;gap:.8rem 1rem;display:flex}.fact-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.fact-strip>div,.domain-card,.inbox-card,.message-row{background:#ffffffad;border:1px solid #17203414;border-radius:20px}.fact-strip>div{padding:1rem}.fact-strip strong{font-size:1.15rem;display:block}.fact-strip span{color:var(--muted)}.domain-list,.inbox-list,.message-list{gap:.9rem;display:grid}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);align-items:start;gap:1rem;display:grid}.vault-toolbar{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.9fr)) auto;align-items:end;gap:1rem;display:grid}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:.8rem;display:flex}.panel--scroll{overflow:hidden}.panel--sticky{position:sticky;top:18px}.vault-list__head,.vault-row{grid-template-columns:minmax(260px,2fr) 140px 180px 150px 150px;align-items:center;gap:.8rem;display:grid}.vault-list__head{color:var(--muted);letter-spacing:.02em;padding:0 .35rem .75rem;font-size:.86rem}.vault-list__body{gap:.85rem;max-height:760px;padding-right:.25rem;display:grid;overflow:auto}.domain-card,.inbox-card,.message-row{padding:1rem}.domain-card__head,.inbox-card__head,.message-row__meta,.domain-actions,.inbox-card__meta{flex-wrap:wrap;justify-content:space-between;gap:.8rem;display:flex}.domain-name{font-size:1.12rem;font-weight:700}.domain-meta,.domain-note,.domain-actions span,.inbox-card__meta,.message-row__meta{color:var(--muted);font-size:.9rem}.domain-note{margin:.9rem 0;line-height:1.75}.status-badge{border-radius:999px;align-items:center;padding:.35rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-ready{color:var(--success);background:#2f7d4a1f}.status-manual_pending{color:var(--warning);background:#9c5f0c24}.status-error{color:var(--error);background:#b423181f}.inbox-card{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.inbox-card:hover{transform:translateY(-2px)}.inbox-card--active{border-color:#d8643580;box-shadow:0 10px 24px #d864351f}.vault-row{cursor:pointer;background:#ffffffb8;border:1px solid #17203414;border-radius:22px;padding:1rem;transition:transform .18s,border-color .18s,box-shadow .18s}.vault-row:hover{transform:translateY(-1px)}.vault-row--active{border-color:#d8643580;box-shadow:0 12px 24px #d864351f}.vault-row__cell{min-width:0;color:var(--muted);font-size:.93rem}.vault-row__email strong,.vault-row__cell strong{color:var(--ink);overflow-wrap:anywhere;font-size:1rem;display:block}.vault-row__email span{color:var(--muted);margin-top:.35rem;font-size:.88rem;display:block}.vault-row__code{color:var(--ink);font-size:1.2rem;font-weight:800}.vault-row__actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.inbox-card__code,.message-code{letter-spacing:.08em;margin:.8rem 0;font-size:1.8rem;font-weight:900}.message-row__main{gap:.2rem;display:grid}.message-subject{color:var(--ink);font-weight:600}.detail-stack{gap:1rem;display:grid}.detail-code{color:#fff4ea;letter-spacing:.08em;background:linear-gradient(160deg,#172034f5,#273d60eb);border-radius:24px;padding:1rem 1.1rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.detail-grid>div{background:#ffffffb3;border:1px solid #17203414;border-radius:18px;padding:.95rem 1rem}.detail-grid span{color:var(--muted);margin-bottom:.35rem;font-size:.84rem;display:block}.detail-grid strong{overflow-wrap:anywhere;display:block}.detail-actions{flex-wrap:wrap;gap:.8rem;display:flex}.detail-history{gap:.85rem;display:grid}.detail-history__head{flex-wrap:wrap;justify-content:space-between;gap:.8rem;display:flex}.detail-history__head span{color:var(--muted);font-size:.9rem}.empty-state{color:var(--muted);border:1px dashed #1720342e;border-radius:18px;padding:1.2rem}.toast{z-index:10;color:#fff;max-width:min(420px,100vw - 32px);box-shadow:var(--shadow);background:#172034eb;border-radius:16px;padding:.9rem 1rem;position:fixed;top:18px;right:18px}@media (width<=960px){.hero-panel,.grid-two,.stats-grid,.create-grid,.workspace-grid,.vault-toolbar,.login-form,.signal-grid,.inline-form,.fact-strip{grid-template-columns:1fr}.panel__title{flex-direction:column;align-items:flex-start}.topbar{grid-template-columns:1fr}.topbar__actions{justify-items:stretch}.view-switcher{width:100%}.toolbar-actions{justify-content:stretch}.vault-list__head{display:none}.vault-row{grid-template-columns:1fr}.vault-row__actions{justify-content:flex-start}.detail-grid{grid-template-columns:1fr}.login-panel,.panel,.hero-panel{padding:20px}}