@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{--brand-charcoal:#444345;--brand-charcoal-rgb:68, 67, 69;--brand-rose:#d9365a;--brand-rose-rgb:217, 54, 90;--brand-rose-deep:#b72b49;--brand-rose-deep-rgb:183, 43, 73;--bg-0:#0a090b;--bg-1:#111014;--bg-2:#17161a;--text:#f7f4f5;--text-soft:#d7d0d4;--text-dim:#a69da3;--border:#ffffff14;--neutral:var(--brand-charcoal);--accent:var(--brand-rose);--accent-deep:var(--brand-rose-deep);--surface:#17161ae0;--surface-strong:#1f1d22f0;--shadow:0 32px 90px #0202048c, 0 1px 0 #ffffff0a inset;--success:#efe8eb;--warning:#f3c0ce;--danger:#ff8ea6;--font-body:"IBM Plex Sans Thai", "IBM Plex Sans", system-ui, sans-serif;--font-latin:"IBM Plex Sans", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:radial-gradient(circle at top left, rgba(var(--brand-rose-rgb), .16), transparent 34%), radial-gradient(circle at 88% 18%, rgba(var(--brand-charcoal-rgb), .26), transparent 30%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-0) 100%);font-family:var(--font-body);font-feature-settings:"cv02" 1, "cv03" 1, "ss01" 1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg-1);min-width:320px}body{background:inherit;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}code{font-family:var(--font-mono)}a{color:inherit}::selection{background:rgba(var(--brand-rose-rgb), .26);color:#fff}#root{min-height:100svh}.page{min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.page__background{pointer-events:none;filter:blur(60px);opacity:.18;border-radius:999px;position:fixed;inset:auto}.page__background--accent{background:radial-gradient(circle, rgba(var(--brand-rose-rgb), .55) 0%, transparent 70%);width:260px;height:260px;top:-108px;right:-86px}.page__background--neutral{background:radial-gradient(circle, rgba(var(--brand-charcoal-rgb), .6) 0%, transparent 72%);width:300px;height:300px;bottom:-86px;left:-126px}.shell{z-index:1;gap:12px;width:min(100%,540px);margin:0 auto;display:grid;position:relative}.hero{padding:2px 2px 0}.brand{color:var(--text-dim);font-family:var(--font-latin);margin:0 0 8px;font-size:.86rem;font-weight:600}.hero h1{color:var(--text);letter-spacing:-.03em;margin:0;font-size:clamp(1.58rem,6.2vw,2.12rem);font-weight:700;line-height:1.16}.hero__subtitle{color:var(--text-soft);margin:10px 0 0;font-size:.98rem;line-height:1.55}.link-panel,.status-strip,.details{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.link-panel{border-radius:22px;gap:12px;padding:16px;display:grid;position:relative}.account-section{gap:6px;display:grid}.account-section__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-section__label{color:var(--text-dim);font-size:.82rem;font-weight:600}.account-section__badge{color:var(--text-dim);white-space:nowrap;font-size:.76rem}.account-section__title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.account-section__copy{color:var(--text-soft);margin:0;font-size:.96rem;line-height:1.55}.connector{color:var(--text-dim);place-items:center;gap:4px;padding:2px 0;display:grid}.connector__arrow{font-size:1rem;line-height:1}.connector__label{font-size:.76rem;font-weight:600}.action-area{gap:8px;padding-top:4px;display:grid}.action-area__link{color:var(--accent);justify-self:start;font-size:.88rem;font-weight:600;text-decoration:none}.action-area__link:hover{text-decoration:underline}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;letter-spacing:.01em;width:100%;min-height:50px;box-shadow:inset 0 0 0 1px #ffffff24, 0 14px 28px rgba(var(--brand-rose-rgb), .28);opacity:1;cursor:pointer;border:0;border-radius:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button:disabled{opacity:.42;cursor:not-allowed}.primary-button:not(:disabled):hover{box-shadow:inset 0 0 0 1px #ffffff29, 0 16px 26px rgba(var(--brand-rose-rgb), .36);transform:translateY(-1px)}.action-area__note{color:var(--text-dim);margin:0;font-size:.88rem;line-height:1.45}.panel-error{border:1px solid rgba(var(--brand-rose-rgb), .22);color:#ffe1e8;background:#38121e52;border-radius:14px;margin:0;padding:10px 12px;font-size:.9rem;line-height:1.45}.status-strip{border-radius:16px;gap:1px;display:grid;overflow:hidden}.status-item{background:#ffffff05;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.status-item__label{color:var(--text-dim);font-size:.8rem;font-weight:600}.status-item__value{color:var(--text);text-align:right;font-size:.92rem;font-weight:600}.details{border-radius:16px;padding:10px 14px 14px}.details summary{cursor:pointer;color:var(--text);font-size:.94rem;font-weight:600;list-style:none}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"▾";float:right;color:var(--text-dim);transition:transform .16s}.details[open] summary:after{transform:rotate(180deg)}.details__grid{gap:12px;padding-top:12px;display:grid}.details__item{gap:5px;display:grid}.details__item--wide{grid-column:auto}.details__label{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;font-size:.72rem}.details__value{color:var(--text);word-break:break-word;margin:0;line-height:1.5}.details__value--mono{font-family:var(--font-mono);font-size:.93rem}.primary-button:focus-visible,.details summary:focus-visible{outline:2px solid rgba(var(--brand-rose-rgb), .95);outline-offset:3px}@media (width>=540px){.page{padding-inline:20px}.details__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details__item--wide{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
