:root{--bg: #f5efe4;--bg-deep: #e7dcc7;--panel: rgba(255, 251, 244, .78);--panel-strong: rgba(248, 241, 228, .96);--line: rgba(88, 63, 35, .12);--text: #2e2418;--muted: #6d5c47;--accent: #0f6b64;--accent-2: #c86a3b;--highlight: #f2b24d;--shadow: 0 18px 60px rgba(88, 63, 35, .12);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;color:var(--text);font-family:IBM Plex Sans,Noto Sans SC,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(200,106,59,.2),transparent 26%),radial-gradient(circle at top right,rgba(15,107,100,.18),transparent 22%),linear-gradient(160deg,#fbf6ed,#efe5d3 48%,#e8dac2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;padding:28px}.app-shell__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 78%);pointer-events:none}.hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px 30px;margin-bottom:22px;background:linear-gradient(135deg,#fff9efd1,#f4e9d6f2);border:1px solid var(--line);border-radius:calc(var(--radius-xl) + 4px);box-shadow:var(--shadow);overflow:hidden}.hero:after{content:"";position:absolute;width:220px;height:220px;right:-40px;top:-80px;border-radius:999px;background:radial-gradient(circle,rgba(15,107,100,.18),transparent 64%)}.hero__eyebrow,.section-card__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--accent);margin-bottom:10px}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.hero p{margin:12px 0 0;max-width:780px;color:var(--muted);font-size:1rem}.hero__status{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#fffcf7e0;border:1px solid rgba(15,107,100,.16);color:var(--text);min-width:240px}.status-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,#26c281,var(--accent));box-shadow:0 0 0 6px #26c28124}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:20px}.dashboard-grid__column{min-width:0}.section-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:100%}.section-card__header{display:flex;justify-content:space-between;gap:16px;padding:24px 24px 0}.section-card__header h2{margin:0;font-size:1.45rem;letter-spacing:-.03em}.section-card__header p{margin:8px 0 0;color:var(--muted)}.section-card__body{padding:22px 24px 24px}.stack-lg{display:grid;gap:18px}.field-block,.field-inline{display:grid;gap:8px}.field-block span,.field-inline span,.checkbox-line span{font-size:.92rem;color:var(--muted)}textarea,input{width:100%;border:1px solid rgba(88,63,35,.16);border-radius:var(--radius-md);background:var(--panel-strong);color:var(--text);padding:14px 15px;outline:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}textarea:focus,input:focus{border-color:#0f6b6480;box-shadow:0 0 0 4px #0f6b641a}textarea{resize:vertical;min-height:140px}.row-inline,.pill-row,.toolbar-grid,.toolbar-grid--watch{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}.toolbar-grid{justify-content:space-between}.toolbar-grid--watch{align-items:end}.button{border:0;border-radius:999px;padding:11px 16px;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.02)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button--primary{background:linear-gradient(135deg,var(--accent),#138f86);color:#fffdf8}.button--accent{background:linear-gradient(135deg,var(--accent-2),#d58a44);color:#fff8f1}.button--secondary{background:#0f6b641f;color:var(--accent)}.button--ghost{background:#583f2314;color:var(--text)}.muted-text{color:var(--muted);font-size:.92rem}.account-list,.mail-list,.otp-stream{display:grid;gap:12px}.account-row,.mail-card,.otp-card,.status-banner,.empty-state{border:1px solid rgba(88,63,35,.12);border-radius:var(--radius-lg);background:#fffbf4db}.account-row{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px;text-align:left}.account-row--active{border-color:#0f6b6461;box-shadow:inset 0 0 0 1px #0f6b6429}.account-row strong,.otp-card__code,.mail-card h3,.otp-card h3{font-family:IBM Plex Mono,Fira Code,monospace}.account-row__select{color:var(--accent);white-space:nowrap}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#0f6b641f;color:var(--accent);font-size:.8rem}.pill--soft{background:#c86a3b1f;color:#8b4e2e}.pill--highlight{background:#f2b24d33;color:#8c5b00}.mail-card,.otp-card{padding:16px}.mail-card__meta,.otp-card__header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.mail-card h3,.otp-card h3{margin:0 0 8px;font-size:1rem}.mail-card__sender,.mail-card__preview,.mail-card__footer,.otp-card__time{margin:0;color:var(--muted)}.mail-card__preview{margin-top:10px}.mail-card__footer{margin-top:12px;font-size:.86rem}.otp-card__code{font-size:2rem;line-height:1;letter-spacing:-.04em}.status-banner,.empty-state{padding:14px 16px}.status-banner{display:grid;gap:6px}.checkbox-line{display:inline-flex;align-items:center;gap:8px}.field-inline input{width:110px}.field-block--compact input{width:120px}@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.hero__status{min-width:0}}@media(max-width:640px){.app-shell{padding:16px}.hero,.section-card__header,.section-card__body{padding-left:18px;padding-right:18px}.hero h1{font-size:2rem}.section-card__header{flex-direction:column}.field-inline input,.field-block--compact input{width:100%}}.app-shell--simple{padding-bottom:28px}.hero--compact{align-items:center}.simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.query-card{display:grid;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.query-card__header h2{margin:0;font-size:1.16rem;letter-spacing:-.03em}.query-card__header p{margin:5px 0 0;color:var(--muted);font-size:.92rem;line-height:1.45}.query-card__eyebrow{margin-bottom:6px;font-size:.72rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.query-card__label{display:grid;gap:6px}.query-card__label span,.query-card__meta span{font-size:.84rem;color:var(--muted)}.query-card__input{min-height:84px;padding:12px 13px;font-size:.95rem}.query-card__actions,.query-card__resultActions{display:flex;flex-wrap:wrap;gap:8px}.query-card__meta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:#fffbf4db;border:1px solid rgba(88,63,35,.12)}.query-card__meta strong{font-family:IBM Plex Mono,Fira Code,monospace;font-size:.84rem}.query-card__resultWrap{display:grid;gap:8px}.query-card__resultCard,.query-card__empty,.query-card__error{border:1px solid rgba(88,63,35,.12);border-radius:var(--radius-lg);background:#fffbf4e0}.query-card__resultHeader{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px 0}.query-card__resultHeader span{color:var(--muted);font-size:.82rem}.query-card__result{margin:0;padding:12px;white-space:pre-wrap;word-break:break-word;font-family:IBM Plex Mono,Fira Code,monospace;font-size:.84rem;line-height:1.45;max-height:132px;overflow:auto}.query-card__empty,.query-card__error{padding:12px;color:var(--muted);font-size:.9rem}.query-card__error{color:#9b3c21;background:#c86a3b1f}@media(max-width:1080px){.simple-grid{grid-template-columns:1fr}}