/* V10 brand palette sampled from the bundled PAXON symbol, assets/paxon-icon-512.png. */
:root{--brand-mint:#50d9bf;--brand-purple:#a84cda;--brand-mint-rgb:80,217,191;--mint:var(--brand-mint);--brand-mint-half:rgba(var(--brand-mint-rgb),.5);--brand-mint-wash:color-mix(in srgb,var(--brand-mint) 10%,#fff);--brand-mint-light:color-mix(in srgb,var(--brand-mint) 25%,#fff);--brand-mint-muted:color-mix(in srgb,var(--brand-mint) 55%,#777);--brand-mint-dark-border:color-mix(in srgb,var(--brand-mint) 40%,#000);--brand-mint-dark-surface:color-mix(in srgb,var(--brand-mint) 18%,#000);--brand-mint-ink:color-mix(in srgb,var(--brand-mint) 12%,#000)}
:root{color-scheme:dark;--bg:#000000;--surface:var(--brand-mint-ink);--line:var(--brand-mint-dark-surface);--mint:var(--brand-mint);--text:#f4faf7;--muted:#b7cbc2;font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#000000}


button,input,textarea,select{font:inherit}button{border:1px solid var(--line);border-radius:12px;padding:11px 16px;background:var(--brand-mint-ink);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:var(--brand-mint-dark-surface);border-color:var(--brand-mint)}button:disabled{background:var(--brand-mint-ink);color:#a6bbb0;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button.primary{border-color:var(--mint);background:var(--mint);color:var(--brand-mint-ink);font-weight:700}button.primary:hover{background:var(--brand-mint)}
[hidden]{display:none!important}header,main{position:relative;z-index:1;max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:76px;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:var(--text);text-decoration:none}main{margin-top:24px;margin-bottom:48px}
.language{position:fixed;right:28px;top:22px;z-index:25}.language>button{background:var(--brand-mint-ink);border:1px solid var(--brand-mint-dark-border);border-radius:999px;padding:9px 15px;min-height:38px;font-size:13px;color:#f4fff9}.language>div{width:208px;max-height:70dvh;overflow:auto;margin-top:8px;padding:6px;border:1px solid var(--brand-mint-dark-border);border-radius:18px;background:var(--brand-mint-ink);box-shadow:0 16px 44px #0008}.language>div button{display:block;text-align:left;width:100%;border:0;font-size:13px;background:transparent;padding:11px 12px}.language>div button.selected{background:var(--mint);color:var(--brand-mint-ink);font-weight:600}.language>div button:hover:not(.selected){background:var(--brand-mint-dark-surface)}
body:has(#login:not([hidden])){overflow:hidden}.welcome .wordmark{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:clamp(46px,9vw,64px);font-weight:800;line-height:1;letter-spacing:-2.6px;white-space:nowrap;color:#f3fff9}.connect-group{position:fixed;left:50%;top:calc(50% + 108px);transform:translateX(-50%);width:248px;text-align:center}.connect-caption{width:96%;margin:0 auto 12px;font-size:11px;font-weight:400;line-height:1.65;color:#c4d9ce;text-wrap:balance}.connect-button{width:92%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--mint);color:var(--brand-mint-ink);font-size:14px;font-weight:650}.connect-button:hover{background:var(--brand-mint)}.connect-button svg,.wallet-capsule svg,.refresh-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

.wallet-capsule{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;border:1px solid var(--mint);border-radius:999px;background:rgba(var(--brand-mint-rgb),0.0627);color:#edfff5;padding:11px 16px;min-height:44px}.wallet-capsule svg{color:var(--mint)}.wallet-capsule span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;white-space:nowrap}.wallet-capsule:hover{background:rgba(var(--brand-mint-rgb),0.1412)}.heading{display:flex;justify-content:flex-end}.account-actions{display:flex;flex-direction:column;align-items:flex-end}.refresh-button{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;padding:4px 0;color:#d2e9dc;font-size:14px;border-radius:0}.refresh-button:hover{background:transparent;color:var(--mint)}
.cards{display:grid;grid-template-columns:1fr;gap:16px;margin:22px 0 24px}.account{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:28px;align-items:center;min-height:170px;padding:28px 30px;text-align:left;border:1px solid var(--brand-mint-dark-border);border-radius:20px;background:#000000;color:var(--text)}.account:hover{background:var(--brand-mint-dark-surface);border-color:var(--brand-mint)}.account.selected{background:#000000;border:1px solid var(--mint);box-shadow:inset 4px 0 var(--mint)}.account h2{margin:0 0 12px;font-size:18px;font-weight:700}.account small{display:block;font-size:14px;line-height:1.6;color:#c1d9cb}.account-identity small{margin-bottom:8px}.account strong{display:block;font-size:34px;line-height:1.25;letter-spacing:-.5px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.account-metric{border-left:1px solid var(--brand-mint-dark-border);padding-left:28px}.account-metric strong{margin:8px 0;font-size:27px;color:#effff6}.account-metric:last-child strong{color:#cce4d6}
.panel{border:1px solid var(--brand-mint-dark-border);border-radius:22px;padding:28px;background:#000000}.panel h2{margin:0 0 20px;font-size:21px;font-weight:700}.tabs{display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid var(--brand-mint-dark-border);padding-bottom:20px}.tabs button{flex-shrink:0;border:1px solid var(--brand-mint-dark-border);font-size:14px;font-weight:550;background:var(--brand-mint-ink);white-space:nowrap}.tabs button.selected{background:var(--mint);border-color:var(--mint);color:var(--brand-mint-ink);font-weight:650}.tab-panel{padding-top:24px}.scroll{max-height:530px;overflow:auto;border:1px solid var(--brand-mint-dark-surface);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}th{text-align:left;position:sticky;top:0;padding:15px 14px;background:var(--brand-mint-dark-surface);color:#f0fff6;font-weight:650;white-space:nowrap}td{padding:18px 14px;border-top:1px solid var(--brand-mint-dark-surface);color:#e4f3e9;min-width:95px;overflow-wrap:anywhere}td:nth-child(2){min-width:160px}td small{display:block;font-size:12px;color:#b9d3c4}tbody tr:hover{background:var(--brand-mint-dark-surface)}.scroll+button{margin-top:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.memberFields{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px}.memberFields input{font-size:13px}label{display:block;margin-bottom:18px;color:#e8f6ed;font-size:14px;line-height:1.6}input,textarea,select{display:block;width:100%;margin-top:9px;padding:13px 14px;border:1px solid var(--brand-mint-dark-border);border-radius:10px;background:var(--brand-mint-ink);color:#f4fff8;font-size:14px;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid var(--mint);outline-offset:1px}input::placeholder,textarea::placeholder{color:#a8c4b3;opacity:1}input[readonly]{background:var(--brand-mint-ink);color:#c7dfce}label small{display:block;margin-top:8px;font-size:12px;color:#bfd6c7}.tab-panel h3{font-size:18px;margin:0 0 24px}.tab-panel>p{font-size:14px;line-height:1.8;color:#c8decf}.quote{display:grid;gap:8px;padding:22px;border-radius:14px;background:var(--brand-mint-dark-surface);border:1px solid var(--brand-mint);margin:22px 0;color:var(--brand-mint-wash)}.quote strong{font-size:24px;color:var(--mint);line-height:1.4}.quote small{font-size:13px;color:#c0dccb}
.request{border-bottom:1px solid var(--brand-mint-dark-border);padding:22px 0}.request:first-child{padding-top:0}.request-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.request-head strong{font-size:16px}.request p{font-size:14px;line-height:1.8;overflow-wrap:anywhere;color:#d7eadc}.badge{flex-shrink:0;font-size:12px;padding:7px 12px;border-radius:999px;background:var(--brand-mint-dark-surface);border:1px solid var(--brand-mint-dark-border);color:var(--brand-mint-wash)}.request button{margin:4px;font-size:13px}.request a{color:var(--mint);text-underline-offset:4px;overflow-wrap:anywhere}
#notice:empty{display:none}#notice{position:relative;z-index:2;margin:20px 0;padding:14px 18px;border:1px solid var(--brand-mint-dark-border);border-radius:12px;background:var(--brand-mint-dark-surface);color:var(--brand-mint-wash);font-size:14px;line-height:1.6;overflow-wrap:anywhere}#notice.error{border-color:#a35459;background:#331b20;color:#ffdade}body:has(#login:not([hidden])) #notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 48px);font-size:13px}
/* Wallet chooser structure, colours and logo sizes match myoffice/solana-wallet.css. */
dialog.solana-wallet-chooser-card{width:min(calc(100% - 32px),412px);max-height:min(85dvh,680px);padding:0;overflow:auto;border:1px solid #ffffff21;border-radius:30px;background:#000000;color:#fff;box-shadow:0 24px 68px #000c}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.solana-wallet-chooser-head{position:relative;padding:29px 26px 24px}.solana-wallet-eyebrow{margin:0 0 12px;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.16em}.solana-wallet-chooser-head h2{margin:0;color:#fff;font-size:25px;line-height:1.28;letter-spacing:-.025em}.solana-wallet-security{display:flex;align-items:center;gap:8px;margin-top:18px;color:#d2d9d5;font-size:12px;line-height:1.5}.solana-wallet-security svg{flex:0 0 18px;width:18px;height:18px;fill:var(--mint)}.solana-wallet-detected-count{display:block;margin-top:10px;color:var(--mint);font-size:12px;font-weight:600}.solana-wallet-close{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:10px;background:#1b1b1b;color:#e0e6e2;font-size:20px;line-height:1}.solana-wallet-list{display:grid;gap:8px;padding:0 18px 14px}.solana-wallet-option{display:flex;align-items:center;width:100%;min-height:62px;gap:12px;padding:10px 12px;border:0;border-radius:17px;background:#242424;color:#fff;text-align:left}.solana-wallet-option:not(:disabled):hover{background:#343434;outline:2px solid var(--mint);outline-offset:1px}.solana-wallet-option:disabled{background:#202020;color:#b8c4be;cursor:default}.solana-wallet-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}.solana-wallet-option-detected{margin-left:auto;color:#fff;font-size:12px;white-space:nowrap}.solana-wallet-option:disabled .solana-wallet-option-detected{color:#b8c4be}.solana-wallet-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:11px;background:#181818}.solana-wallet-icon img{width:100%;height:100%;object-fit:contain}.wallet-dialog-footer{padding:0 18px 20px}.wallet-dialog-footer button{width:100%;font-size:13px;border-color:#414e46;background:var(--brand-mint-ink)}.solana-wallet-list>p{font-size:13px;line-height:1.7;color:#e2eee6;margin:8px 4px}
@media(max-width:650px){header,main{padding-left:16px;padding-right:16px}header{padding-top:70px;padding-bottom:20px}.brand{font-size:24px}.language{right:18px;top:18px}.connect-group{top:calc(50% + 92px)}.wallet-capsule{padding:10px 12px;min-height:42px}.wallet-capsule span{font-size:12px}.cards{margin-top:18px}.account{grid-template-columns:1fr 1fr;padding:22px;gap:18px;min-height:0}.account-identity{grid-column:1/-1}.account-identity strong{font-size:32px}.account-metric{border-left:0;border-top:1px solid var(--brand-mint-dark-border);padding:16px 0 0}.account-metric strong{font-size:23px}.account small{font-size:13px}.panel{padding:20px 16px;border-radius:18px}.tabs{gap:7px;padding-bottom:16px}.tabs button{padding:10px 12px;font-size:13px}.form-grid,.memberFields{grid-template-columns:1fr;gap:0}th,td{padding:13px 12px}table{font-size:13px}.quote strong{font-size:21px}.request-head{align-items:flex-start}.request-head strong{font-size:15px}.solana-wallet-chooser-head{padding:25px 22px 21px}.solana-wallet-list{padding:0 14px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.security-status{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 40px);padding:8px 14px;border:1px solid rgba(var(--brand-mint-rgb),0.2196);border-radius:999px;background:#000;color:var(--brand-mint-wash);font-size:12px;line-height:1.5;text-align:center;pointer-events:none}.security-status svg{flex-shrink:0;width:15px;height:15px;fill:none;stroke:var(--mint);stroke-width:1.5;stroke-linejoin:round}.security-status::before{content:'';flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--mint);animation:security-pulse 3s ease-in-out infinite}@keyframes security-pulse{50%{box-shadow:0 0 0 4px rgba(var(--brand-mint-rgb),0.0784)}}main{padding-bottom:48px}body:has(#login:not([hidden])) #notice{bottom:70px}body:has(#login:not([hidden])) main{padding-bottom:0}@media(max-width:650px){.security-status{bottom:12px;font-size:11px}}

.language>button{background:#111111;border-color:#444444;color:#ffffff;font-size:14px;font-weight:600}.language>div{background:#101010;border-color:#424242}.language>div button{color:#ffffff;font-weight:500;background:#101010}.language>div button:hover:not(.selected){background:#272727}.language>div button.selected{background:var(--mint);color:var(--brand-mint-ink);font-weight:700}.security-status{display:block;padding:11px 16px;border-radius:14px;background:#000000}.security-status::before{display:none}.security-status-line{display:flex;align-items:center;justify-content:center;gap:8px}.security-status-line::before{content:'';flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--mint)}.security-scan-track{height:3px;width:100%;margin-top:9px;border-radius:999px;background:var(--brand-mint-dark-surface);overflow:hidden}.security-scan-runner{display:block;width:24%;height:100%;border-radius:999px;background:var(--mint);animation:security-sweep 2.8s ease-in-out infinite alternate;will-change:transform}@keyframes security-sweep{from{transform:translateX(0)}to{transform:translateX(316.6667%)}}body:has(#login:not([hidden])) #notice{bottom:86px}@media(max-width:650px){.security-status{min-width:260px}.language>button{font-size:13px}}

/* Tickets V2: fixed compact header, white authenticated workspace, borderless security scan. */
:root{--header-height:72px}
body::before,body::after,.brand::after{content:none}
#accountHeader{position:fixed;inset:0 0 auto;z-index:25;max-width:none;min-height:var(--header-height);padding:12px 28px;display:flex;flex-wrap:nowrap;align-items:center;gap:20px;border:0;background:#000}
body:not(.authenticated) #accountHeader>.brand{display:none}
.language{position:relative;inset:auto;margin-left:auto;flex-shrink:0;z-index:30}
.language>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.4;min-height:40px;max-width:100%;white-space:nowrap}
.language-chevron{display:block;flex:0 0 7px;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
.language>div{position:absolute;right:0;top:100%;max-width:calc(100vw - 32px)}
body:has(#login:not([hidden])){overflow:auto}
body:has(#login:not([hidden])) main{margin:0;max-width:none;padding:0;min-height:100dvh}
.welcome{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:clamp(110px,37vh,330px) 20px 130px}
.welcome .wordmark{position:static;transform:none;margin:0;font-size:clamp(46px,9vw,64px);line-height:1}
.connect-group{position:static;transform:none;width:248px;max-width:100%;margin-top:86px}
.security-status{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:284px;min-width:0;max-width:calc(100vw - 32px);border:0;border-radius:0;padding:8px 0;background:transparent;font-size:12px;color:#fff}
.security-status-line{line-height:1.5}.security-scan-track{margin-top:8px}
body:has(#login:not([hidden])) #notice{bottom:86px}
body.authenticated{--bg:#fff;--surface:#fff;--line:#c9d7d0;--text:#000;--muted:#000;background:#fff;color:#000;color-scheme:light}
body.authenticated #accountHeader{background:#fff;box-shadow:0 1px 0 #dce6e1}
body.authenticated .brand{flex-shrink:0;color:#000;line-height:1}
body.authenticated .security-status{position:static;transform:none;flex:0 1 284px;width:284px;margin-left:auto;padding:0;color:#000;font-size:11px}
body.authenticated .security-status-line{gap:6px}
body.authenticated .security-status svg{stroke:#000}
body.authenticated .security-scan-track{background:#e2eee8}
body.authenticated .language{margin-left:0}
body.authenticated .language>button,body.authenticated .language>div,body.authenticated .language>div button{background:#fff;color:#000;border-color:#bbc9c1}
body.authenticated .language>div button.selected{background:var(--mint)}
body.authenticated .language>div button:hover:not(.selected){background:var(--brand-mint-wash)}
body.authenticated .wallet-capsule{margin-left:0;min-width:0;max-width:420px;flex:0 1 auto;padding:10px 14px;background:#fff;color:#000;border-color:var(--mint)}
body.authenticated .wallet-capsule svg{color:#000}
.wallet-capsule span{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.authenticated main{margin-top:calc(var(--measured-header-height,var(--header-height)) + 16px);padding-bottom:24px}
body.authenticated :is(main,#accountHeader) button{color:#000;background:#fff;border-color:#bccbc3}
body.authenticated :is(#workspace,#accountHeader) button:hover{background:var(--brand-mint-wash);border-color:var(--brand-mint)}
body.authenticated button:disabled{background:#f0f3f1;color:#5b665f}
body.authenticated button.primary,body.authenticated .tabs button.selected{background:var(--mint);border-color:var(--mint);color:#000}
body.authenticated .refresh-button{color:#000;background:transparent;border:0}
.cards{gap:12px;margin:14px 0 20px}
.account{min-height:57px;padding:6px 20px;gap:24px;border-radius:12px;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}
.account-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
.account h2{margin:0;font-size:15px;line-height:1.25}
.account small{font-size:12px;line-height:1.3;color:#000}
.account-identity small{grid-column:1;margin:2px 0 0;overflow-wrap:anywhere}
.account-identity strong{grid-column:2;grid-row:1/3;font-size:24px;line-height:1.25}
.account-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center;border-left:1px solid #c9d7d0;padding-left:24px}
.account-metric strong{grid-column:1;grid-row:2;margin:1px 0 0;font-size:20px;color:#000}
.account-metric small:last-child{grid-column:2;grid-row:2;align-self:end}
.account-metric:last-child strong{color:#000}
body.authenticated .account,body.authenticated .account.selected{background:#fff;color:#000}
body.authenticated .account.selected{border-color:var(--mint);box-shadow:inset 4px 0 var(--mint)}
body.authenticated .account:hover{background:var(--brand-mint-wash)}
body.authenticated .panel{background:#fff;border-color:#c9d7d0;color:#000}
body.authenticated .tabs,body.authenticated .scroll,body.authenticated td,body.authenticated .request{border-color:#d5dfd9}
body.authenticated th{background:var(--brand-mint-wash);color:#000}
body.authenticated td,body.authenticated td small,body.authenticated label,body.authenticated label small,body.authenticated .tab-panel>p,body.authenticated .request p{color:#000}
body.authenticated tbody tr:hover{background:var(--brand-mint-wash)}
body.authenticated input,body.authenticated textarea,body.authenticated select{background:#fff;color:#000;border-color:#b5c5bc;min-width:0}
body.authenticated input[readonly]{background:#f4f7f5;color:#000}
body.authenticated input::placeholder,body.authenticated textarea::placeholder{color:#515d56}
body.authenticated .quote,body.authenticated .badge{background:var(--brand-mint-wash);border-color:var(--brand-mint);color:#000}
body.authenticated .quote strong,body.authenticated .quote small{color:#000}
body.authenticated .request a{color:#000;text-decoration:underline;text-decoration-color:var(--brand-mint)}
body.authenticated #notice{background:var(--brand-mint-wash);color:#000;border-color:var(--brand-mint)}
body.authenticated #notice.error{background:#fff0f0;color:#800d1a;border-color:#c74f5e}
#convertTab .memberFields,#convertTab>.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:14px}
#convertTab>.form-grid>label:first-child{grid-column:1}
#convertTab>.form-grid>label:nth-child(2){grid-column:2/4}
.memberFields>label,.form-grid>label{min-width:0}
@media(max-width:1050px){body.authenticated{--header-height:110px}body.authenticated #accountHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 16px}body.authenticated .brand{grid-column:1;grid-row:1}body.authenticated .language{grid-column:3;grid-row:1}body.authenticated .security-status{grid-column:1/3;grid-row:2;margin:0;max-width:100%;width:284px}body.authenticated .wallet-capsule{grid-column:3;grid-row:2;width:100%;max-width:360px;min-height:36px;padding:7px 12px}.account-identity{column-gap:8px}.account-identity strong{font-size:21px}}
@media(max-width:650px){#accountHeader{padding:10px 16px;gap:10px}.welcome{padding-top:clamp(110px,33vh,250px)}.connect-group{margin-top:72px}.security-status{font-size:11px;bottom:18px;width:272px}body.authenticated{--header-height:148px}body.authenticated #accountHeader{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}body.authenticated .brand{grid-column:1;grid-row:1;font-size:24px}body.authenticated .language{grid-column:2;grid-row:1}body.authenticated .security-status{grid-column:1/-1;grid-row:2;width:100%;font-size:11px}body.authenticated .wallet-capsule{grid-column:1/-1;grid-row:3;max-width:none;min-height:32px;justify-content:center}body.authenticated main{margin-top:calc(var(--measured-header-height,var(--header-height)) + 16px)}.cards{gap:10px}.account{min-height:88px;padding:9px 12px;gap:10px;grid-template-columns:minmax(0,1.05fr) repeat(2,minmax(0,1fr))}.account-identity{display:block;grid-column:auto}.account h2{font-size:14px}.account-identity small{font-size:11px;margin:2px 0}.account-identity strong{font-size:21px}.account-metric{display:block;border-top:0;border-left:1px solid #c9d7d0;padding:0 0 0 10px}.account-metric strong{font-size:19px;margin:3px 0}.account small{font-size:11px}.account strong{letter-spacing:-.4px}.panel{padding:20px 16px}#convertTab .memberFields,#convertTab>.form-grid{grid-template-columns:minmax(0,1fr);gap:0}#convertTab>.form-grid>label:first-child,#convertTab>.form-grid>label:nth-child(2){grid-column:1}.language>button{font-size:12px;padding:8px 12px}.wallet-capsule span{font-size:11px}}
@media(max-height:500px){.welcome{padding-top:90px;padding-bottom:110px}.connect-group{margin-top:30px}body:not(.authenticated) .security-status{bottom:8px;background:#000}.welcome{min-height:100dvh}}

body.authenticated .solana-wallet-option{background:#242424;color:#fff;border:0}body.authenticated .solana-wallet-option:hover:not(:disabled){background:#343434}body.authenticated .solana-wallet-option:disabled{background:#202020;color:#b8c4be}body.authenticated .solana-wallet-close{background:#1b1b1b;color:#e0e6e2;border:0}

body:not(.authenticated) .security-status{width:var(--login-security-width,284px)}

/* V3 mobile header correction: content-sized security scan and no exposed dark gap. */
html:has(body.authenticated){background:#fff;color-scheme:light}
body.authenticated{display:flow-root}
.security-status-line{width:max-content;max-width:100%}
.security-scan-track{width:100%}
body:not(.authenticated) .security-status,body.authenticated .security-status{width:max-content;max-width:calc(100vw - 32px);flex:0 1 auto}
@media(max-width:650px){
 #accountHeader{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);align-items:center;gap:10px 12px;min-height:64px;padding:10px 16px}
 body:not(.authenticated) #accountHeader .language{position:relative;grid-column:1;grid-row:1;justify-self:start;margin:0}
 body:not(.authenticated) #accountHeader .security-status,body.authenticated #accountHeader .security-status{position:static;grid-column:2;grid-row:1;justify-self:end;transform:none;margin:0;padding:0;width:max-content;max-width:100%;min-width:0;font-size:10px;background:transparent}
 #accountHeader .security-status-line{gap:5px;text-align:left;line-height:1.5;max-width:100%}
 #accountHeader .security-status-line>span{min-width:0;overflow-wrap:anywhere}
 #accountHeader .security-status svg{width:13px;height:13px}
 #accountHeader .security-scan-track{margin-top:6px;width:100%}
 body.authenticated{--header-height:112px}
 body.authenticated #accountHeader{grid-template-columns:minmax(88px,auto) minmax(0,1fr);gap:10px 12px;min-height:112px}
 body.authenticated .brand{grid-column:1;grid-row:1;font-size:23px}
 body.authenticated #accountHeader .language{grid-column:1;grid-row:2;justify-self:start;margin:0}
 body.authenticated #accountHeader .wallet-capsule{grid-column:2;grid-row:2;width:100%;min-width:0;max-width:100%;min-height:36px;padding:7px 10px;gap:6px}
 body.authenticated #accountHeader .wallet-capsule svg{width:16px;height:16px}
 body.authenticated #accountHeader .wallet-capsule span{font-size:10px}
 .language>div{left:0;right:auto}
 .language>button{padding:7px 10px;font-size:11px;min-height:36px;gap:8px}
}
@media(min-width:651px) and (max-width:1050px){body.authenticated .security-status{max-width:100%}.security-status-line>span{min-width:0;overflow-wrap:anywhere}}
/* V4: give the security indicator and wallet a little more breathing room. */
body.authenticated #logout{margin-left:8px}
@media(max-width:1050px) and (min-width:651px){body.authenticated #logout{width:calc(100% - 8px)}}
@media(max-width:650px){body.authenticated #accountHeader #logout{margin-left:0;margin-top:0}}

/* V8: centered, always-visible text with a uniform mint-to-bright-violet transition. */
.welcome .motion-wordmark{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;align-self:center;flex-shrink:0;text-align:center;isolation:isolate;overflow:visible;color:var(--brand-mint);animation:wordmark-colour-only 8s ease-in-out infinite}
.wordmark-letters{position:relative;display:inline-flex;align-items:baseline}
.welcome .wordmark-glyph{display:inline-block;background:none;color:inherit;-webkit-text-fill-color:currentColor;text-shadow:none;filter:none;opacity:1;transform:none;animation:none}
.welcome .motion-wordmark::before,.welcome .motion-wordmark::after{content:none;display:none}
.welcome .wordmark-light{position:absolute;pointer-events:none;left:-12%;right:-12%;bottom:-16px;height:2px;background:linear-gradient(90deg,transparent,currentColor 18%,currentColor 82%,transparent);opacity:1;transform:none;animation:none;box-shadow:none;filter:none}
/* Hold exact brand colours for 84% of each 8s cycle; each smooth transition lasts 0.64s.
   The lower line inherits this same currentColor, with no independent animation clock. */
@keyframes wordmark-colour-only{0%,42%,100%{color:var(--brand-mint)}50%,92%{color:var(--brand-purple)}}
@media(prefers-reduced-motion:reduce){.welcome .motion-wordmark{animation:none;color:var(--brand-mint)}}
@media(forced-colors:active){.welcome .motion-wordmark{animation:none;color:CanvasText}.welcome .wordmark-glyph{-webkit-text-fill-color:CanvasText}.welcome .wordmark-light{display:none}}

/* Detected wallets are actionable mint choices; unavailable providers remain disabled. */
#walletDialog .solana-wallet-option:not(:disabled){background:var(--mint);color:var(--brand-mint-ink);border:1px solid var(--brand-mint);box-shadow:0 3px 14px rgba(var(--brand-mint-rgb),0.0863)}
#walletDialog .solana-wallet-option:not(:disabled) .solana-wallet-option-detected{color:var(--brand-mint-dark-surface);font-weight:700}
#walletDialog .solana-wallet-option:not(:disabled):hover{background:var(--brand-mint);color:var(--brand-mint-ink);outline:2px solid var(--brand-mint-light);outline-offset:2px}
#walletDialog .solana-wallet-option:not(:disabled):active{background:var(--brand-mint);box-shadow:none}
#walletDialog .solana-wallet-option:focus-visible{outline:3px solid var(--brand-purple);outline-offset:3px}
#walletDialog .solana-wallet-option:disabled{background:#202020;color:#b8c4be;border:1px solid #383e3a;box-shadow:none;cursor:not-allowed}
#walletDialog .solana-wallet-option:disabled .solana-wallet-option-detected{color:#b8c4be}
/* Keep primary application actions mint above the authenticated white-button rule. */
body.authenticated #workspace button.primary:not(:disabled){background:var(--mint);border-color:var(--brand-mint);color:var(--brand-mint-ink);font-weight:700}
body.authenticated #workspace button.primary:not(:disabled):hover{background:var(--brand-mint);border-color:var(--brand-mint);color:var(--brand-mint-ink)}
body.authenticated #workspace button.primary:not(:disabled):active{background:var(--brand-mint)}
body.authenticated #workspace button.primary:focus-visible{outline:3px solid var(--brand-purple);outline-offset:3px}
body.authenticated #workspace button.primary:disabled{background:#e6ece8;color:#58655e;border-color:#c4cfc8;cursor:not-allowed}
/* Matching action widths, including narrow screens and translated labels. */
#convertTab>#checkTxid,#convertTab>.form-actions>button.primary{width:min(100%,280px);min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-align:center}
/* Submission progress stays beside the action, including validation and wallet errors. */
body.authenticated #workspace .application-status{margin:16px 0 12px;padding:12px 14px;border:1px solid var(--brand-mint);border-radius:10px;background:var(--brand-mint-wash);color:var(--brand-mint-dark-border);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
body.authenticated #workspace .application-status.error{border-color:#d88c98;background:#fff0f2;color:#8b1830}
#workspace .application-status:empty{display:none}

/* V9: restore original dark wallet rows; only detected status is mint. */
#walletDialog .solana-wallet-option:not(:disabled){background:#242424;color:#fff;border:0;box-shadow:none}
#walletDialog .solana-wallet-option:not(:disabled):hover{background:#343434;color:#fff;outline:2px solid var(--mint);outline-offset:1px}
#walletDialog .solana-wallet-option:not(:disabled):active{background:#343434;color:#fff;box-shadow:none}
#walletDialog .solana-wallet-option:not(:disabled) .solana-wallet-option-detected{color:var(--mint)}

/* Match the first track of the existing 1fr 1fr 2fr input grid, including its two 14px gaps. */
#convertTab>#checkTxid,#convertTab>.form-actions>button.primary{display:block;width:calc((100% - 28px)/4);height:48px;min-height:48px;margin-left:0;margin-right:0}
body.authenticated #workspace #convertTab>#checkTxid,
body.authenticated #workspace #convertTab>#checkTxid:hover,
body.authenticated #workspace #convertTab>#checkTxid:active,
body.authenticated #workspace #convertTab>#checkTxid:disabled{background:var(--brand-mint-half);border-color:var(--brand-mint);color:#000}
body.authenticated #workspace #convertTab>.form-actions>button.primary,
body.authenticated #workspace #convertTab>.form-actions>button.primary:hover,
body.authenticated #workspace #convertTab>.form-actions>button.primary:active,
body.authenticated #workspace #convertTab>.form-actions>button.primary:disabled{background:var(--brand-mint);border-color:var(--brand-mint);color:#000}
body.authenticated #workspace #convertTab>.form-actions>button.primary:disabled{cursor:not-allowed}
body.authenticated #workspace .conversion-availability{margin:16px 0 12px;padding:12px 14px;border:1px solid var(--brand-mint);border-radius:10px;background:var(--brand-mint-wash);color:var(--brand-mint-dark-border);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
#workspace .conversion-availability:empty{display:none}
@media(min-width:651px) and (max-width:900px){#convertTab>#checkTxid,#convertTab>.form-actions>button.primary{padding-top:4px;padding-bottom:4px;font-size:12px;line-height:1.3}}
@media(max-width:650px){#convertTab>#checkTxid,#convertTab>.form-actions>button.primary{width:100%}}

/* Mobile wallet-connection guidance: readable, intentional Korean two-line copy. */
@media(max-width:650px){
 .welcome .connect-caption{position:relative;left:50%;transform:translateX(-50%);width:min(320px,calc(100vw - 48px));max-width:none;margin:0 0 16px;color:#fff;font-size:14px;font-weight:600;line-height:1.7;text-align:center;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
}

/* V14 site-owned install guide: compact icon/name/action composition.
   The browser's native install prompt is never recreated or restyled. */
.install-panel{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px 12px;width:min(100% - 32px,540px);margin:20px auto;padding:12px 14px;border:1px solid #5f6368;border-radius:16px;background:#202124;color:#e8eaed;text-align:left;overflow-wrap:anywhere}
.install-icon{display:block;width:40px;height:40px;object-fit:contain;border-radius:9px}.install-copy{min-width:0}.install-copy strong{font-size:14px;font-weight:600}.install-copy p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#bdc1c6}
.install-panel button{min-height:44px;max-width:130px;padding:9px 16px;border:0;border-radius:999px;background:#a8c7fa;color:#062e6f;font-size:13px;font-weight:600;white-space:normal}
.install-panel button:hover{background:#c2d7fc}.install-panel button:disabled{background:#3c4043;color:#bdc1c6}.install-details{grid-column:1/-1;border-top:1px solid #5f6368;padding-top:9px;font-size:12px;line-height:1.7}.install-details p{margin:6px 0}.install-details #installNote{color:#bdc1c6}
@media(max-width:380px){.install-panel{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:10px}.install-icon{width:32px;height:32px}.install-panel button{max-width:100px;padding:8px 12px}}
body.authenticated .install-panel #installApp{background:#a8c7fa;color:#062e6f;border:0}
body.authenticated .install-panel #installApp:disabled{background:#3c4043;color:#bdc1c6}
/* Safe-area padding is applied once at the fixed header and outer page edges.
   app.js measures the full header, including its top safe area, for the workspace. */
#accountHeader{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}
.welcome{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
body:not(.authenticated) main{padding-bottom:env(safe-area-inset-bottom,0px)}
body.authenticated main{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media(max-width:650px){#accountHeader{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}body.authenticated main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}

/* Responsive Tickets intro adapted from PAXON Android's original community intro:
   android/src/community/community.css and community.js.
   Reuses the original symbol, 28s turn, title proportions and 246x60 round-arrow CTA.
   Shared mobile and desktop appearance; desktop retains click and mobile retains slide. */
.ticket-intro-stage{display:contents}
.ticket-intro-orb,.ticket-intro-community,.ticket-intro-arrow{display:none}
@media(min-width:0px){
 #login.welcome{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:calc(100svh - env(safe-area-inset-bottom,0px));padding:calc(var(--measured-header-height,64px) + 20px) max(28px,env(safe-area-inset-right,0px)) 36px max(28px,env(safe-area-inset-left,0px));gap:0}
 #login .ticket-intro-stage{display:block;position:relative;width:100%;flex:1;min-height:400px}
 #login .ticket-intro-orb{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:clamp(130px,43vw,185px);aspect-ratio:1;isolation:isolate;display:grid;place-items:center;background:#000;border-radius:50%;pointer-events:none}
 #login .ticket-intro-orb::before{content:'';position:absolute;inset:-38%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,rgba(168,76,218,.08) 30%,rgba(80,217,191,.04) 45%,transparent 69%);filter:blur(12px);pointer-events:none}
 #login .ticket-intro-orb::after{content:'';position:absolute;inset:-2%;z-index:-1;border-radius:50%;box-shadow:0 0 7px 2px #ffffff24,0 0 26px 8px #ffffff0e;pointer-events:none}
 #login .ticket-intro-logo{display:block;width:86%;height:86%;border-radius:50%;object-fit:contain;animation:ticket-intro-logo-turn 28s linear infinite}
 #login .wordmark.motion-wordmark{position:absolute;left:50%;right:auto;top:68%;bottom:auto;transform:translateX(-50%);width:212px;max-width:70vw;margin:0;font-family:Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:3.3px;animation:none;color:var(--brand-purple);text-align:center}
 #login .wordmark-letters{display:flex;justify-content:space-between;width:100%}
 #login .wordmark-light{display:none}
 #login .ticket-intro-community{display:block;position:absolute;left:50%;top:calc(68% + 50px);transform:translateX(-50%);width:212px;max-width:70vw;margin:0;color:var(--brand-mint);font-family:Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:6px;text-align:center;line-height:1;white-space:nowrap}
 #login .connect-group{flex-shrink:0;width:min(100%,320px)!important;max-width:100%;margin-top:0;text-align:center}
 #login .connect-caption{width:min(320px,calc(100vw - 56px));margin-bottom:18px}
 #login #connectWallet{position:relative;display:inline-flex;align-items:center;justify-content:center;width:246px;max-width:100%;height:60px;min-height:60px;border:0;border-radius:999px;padding:0 12px 0 60px;background:var(--brand-mint);color:#000;overflow:hidden;font-size:16px;font-weight:800;line-height:1.4}
 #login #connectWallet>svg{display:none}
 #login #connectWallet .ticket-intro-arrow{position:absolute;display:grid;place-items:center;left:6px;top:6px;width:48px;height:48px;border-radius:50%;background:#000;pointer-events:none;box-shadow:0 2px 8px #0004}
 #login #connectWallet .ticket-intro-arrow::before{content:'';width:11px;height:11px;border:solid var(--brand-mint);border-width:2.5px 2.5px 0 0;transform:translateX(-2px) rotate(45deg)}
 #login #connectWallet:focus-visible{outline:3px solid var(--brand-purple);outline-offset:4px}
 #login #connectWallet:disabled{cursor:wait}
 body:not(.authenticated) main:has(#installPanel:not([hidden])){display:flex;flex-direction:column;min-height:100svh}
 body:not(.authenticated) main:has(#installPanel:not([hidden])) #login.welcome{min-height:0;flex:1;padding-bottom:20px}
}
@keyframes ticket-intro-logo-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#login .ticket-intro-logo{animation:none}}

/* V15: short guidance is slightly narrower than the CTA, without stretched lettering. */
.welcome .connect-caption{width:86%;max-width:100%;font-size:14px;font-weight:600;color:#fff;text-align:center;white-space:pre-line;letter-spacing:normal}
@media(min-width:0px){#login .connect-caption{position:static;left:auto;transform:none;width:232px;max-width:100%;margin:0 auto 18px}}

/* V16: native mobile range handle; original desktop button stays a normal button. */
.connect-slide{display:contents}.connect-slide-handle{display:none}
@media(max-width:650px){
 #login .connect-slide-mobile{position:relative;display:inline-block;width:246px;max-width:100%;height:60px;vertical-align:top;--slide-label-opacity:1}
 #login .connect-slide-mobile #connectWallet{width:100%;pointer-events:none}
 #login .connect-slide-mobile #connectWallet>span{opacity:var(--slide-label-opacity)}
 #login .connect-slide-mobile #connectWallet .ticket-intro-arrow{display:none}
 #login .connect-slide-handle{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:none;box-sizing:border-box;margin:0!important;padding:6px!important;appearance:none;-webkit-appearance:none;border:0!important;border-radius:999px;background:transparent!important;color:var(--brand-mint);cursor:grab;touch-action:pan-y;outline:none}
 #login .connect-slide-handle::-webkit-slider-runnable-track{height:48px;background:transparent;border:0}
 #login .connect-slide-handle::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:48px;border:0;border-radius:50%;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='%2350d9bf' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat;box-shadow:0 2px 8px #0004}
 #login .connect-slide-handle::-moz-range-track{height:48px;background:transparent;border:0}
 #login .connect-slide-handle::-moz-range-thumb{width:48px;height:48px;border:0;border-radius:50%;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='%2350d9bf' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat}
 #login .connect-slide-handle:focus-visible{outline:3px solid var(--brand-purple);outline-offset:4px}
 #login .connect-slide-handle:disabled{cursor:wait}
}

/* Selected balance cards retain the brand fill after pointer departure and refresh. */
body.authenticated #workspace #accounts .account.selected,
body.authenticated #workspace #accounts .account.selected:hover,
body.authenticated #workspace #accounts .account.selected:active{background:var(--brand-mint);border-color:var(--brand-mint);color:#000}
body.authenticated #workspace #accounts .account.selected :is(h2,small,strong){color:#000}
body.authenticated #workspace #accounts .account:focus-visible{outline:3px solid var(--brand-purple);outline-offset:3px}

/* Multi-ID navigation: scoped state colours leave action buttons and wallet CTAs alone. */
.identity-picker{margin:18px 0}.identity-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.identity-heading h2{margin:0;font-size:18px}.identity-heading>span{font-size:12px;color:#50575b}.identity-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.identity-choices button{display:flex;align-items:center;gap:9px;min-height:44px;max-width:100%;overflow-wrap:anywhere}.identity-choices small{font-size:11px}.identity-summary,.account-context{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.account-context{margin:-8px 0 18px}.identity-status,.identity-review{margin:16px 0;padding:14px 16px;border:1px solid #c7cbd0;border-radius:14px;background:#f5f6f7}.identity-status summary{cursor:pointer;font-weight:650}.identity-status>p,.identity-review>p{font-size:13px;line-height:1.7;margin:10px 0;color:#3f474c}.identity-review h2{font-size:16px;margin:0 0 8px}.identity-status-row,.identity-review-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #d5d9dc;font-size:13px;overflow-wrap:anywhere}.identity-status-row p{flex-basis:100%;margin:0}.identity-status-row .badge{background:#eceff1!important;border-color:#c7cbd0!important}.identity-review-row button{margin-left:auto;min-height:44px}.identity-review-row strong{font-variant-numeric:tabular-nums}#aggregatePanel>p{font-size:13px;line-height:1.7;margin-top:0}#aggregatePanel caption{text-align:left;padding:12px;font-weight:650}#aggregateRows button{min-height:44px;white-space:nowrap}#aggregateRows td:first-child{min-width:140px}#aggregateRows td:nth-child(2){min-width:110px}
body.authenticated #workspace .tabs>[data-tab],body.authenticated #workspace .identity-choice{background:#f0f1f2;border-color:#c6cbd0;color:#000}
body.authenticated #workspace .tabs>[data-tab]:hover:not(:disabled):not(.selected),body.authenticated #workspace .identity-choice:hover:not(:disabled):not(.selected){background:#e2e5e7;border-color:#929ba1;color:#000}
body.authenticated #workspace .tabs>[data-tab].selected:not(:disabled),body.authenticated #workspace .tabs>[data-tab].selected:hover:not(:disabled),body.authenticated #workspace .tabs>[data-tab].selected:active:not(:disabled),body.authenticated #workspace .identity-choice.selected:not(:disabled){background:var(--brand-mint);border-color:var(--brand-mint);color:#000;font-weight:700}
body.authenticated #workspace .tabs>[data-tab]:disabled,body.authenticated #workspace .identity-choice:disabled{background:#e4e7e9;border-color:#c6cbd0;color:#657078;cursor:not-allowed}
body.authenticated #workspace .tabs>[data-tab]:focus-visible,body.authenticated #workspace .identity-choice:focus-visible,body.authenticated #workspace .identity-review button:focus-visible,body.authenticated #workspace #aggregateRows button:focus-visible,body.authenticated #workspace .identity-status summary:focus-visible{outline:3px solid #6f2da8;outline-offset:3px}
body.authenticated #workspace .tabs{padding:4px 4px 20px;margin-left:-4px;margin-right:-4px}.account-identity small{overflow-wrap:anywhere}
@media(max-width:650px){.identity-heading>span{width:100%}.identity-choices{gap:7px}.identity-choices button{padding:9px 12px;flex-direction:column;gap:2px;align-items:flex-start;font-size:13px}.identity-choices>button:first-child{justify-content:center;align-items:center;min-width:64px}.identity-review-row{align-items:flex-start}.identity-review-row>span{flex-basis:100%}.account-context{font-size:12px}body.authenticated #workspace .tabs{padding-bottom:16px}}

/* Keep the intro and wallet action together after removing the install guide. */
body:not(.authenticated) main{margin-top:0;margin-bottom:0}
#login.welcome{justify-content:center;padding-top:calc(var(--measured-header-height,64px) + 24px);padding-bottom:100px;gap:0}
#login .ticket-intro-stage{display:flex;flex-direction:column;align-items:center;position:relative;flex:0 0 auto;min-height:0;width:100%}
#login .ticket-intro-orb{position:relative;left:auto;top:auto;transform:none;flex:none;margin:0 0 64px}
#login .wordmark.motion-wordmark{position:relative;left:auto;top:auto;right:auto;bottom:auto;transform:none;margin:0}
#login .ticket-intro-community{position:relative;left:auto;top:auto;transform:none;margin:10px 0 0}
#login .connect-group{display:flex;flex-direction:column;align-items:center;margin:24px 0 0;gap:16px}
#login .connect-group > #connectWallet,#login .connect-group > .connect-slide{order:1}
#login .connect-caption{order:0;margin:0 auto;line-height:1.7}
body:not(.authenticated) #accountHeader .security-status{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));top:auto;transform:translateX(-50%);margin:0;max-width:calc(100vw - 32px);z-index:2;background:#000}
@media(max-height:700px){#login .ticket-intro-orb{width:130px;margin-bottom:32px}#login.welcome{padding-top:80px;padding-bottom:90px}}
@media(max-height:500px){body:not(.authenticated) #accountHeader .security-status{position:relative;left:auto;bottom:auto;transform:none}#login.welcome{padding-top:90px;padding-bottom:32px}}

/* V24: COMMUNITY → 24px gap → guidance → wallet control. */
/* Menu borders alone are removed. Cards, disclosures, tables and form fields
   retain their existing borders and all visible keyboard-focus indicators. */
body.authenticated #workspace .tabs>[data-tab],
body.authenticated #workspace .identity-choice{border:0}
body.authenticated main{margin-top:calc(var(--measured-header-height,var(--header-height,84px)) + 12px)}
.identity-picker{margin:8px 0 12px}
.identity-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px}
.identity-heading h2{min-width:0;font-size:18px}
.identity-heading .refresh-button{flex:none;min-height:36px;margin-left:auto}
.identity-count{margin:4px 0 0;font-size:12px;line-height:1.6;color:#50575b}
.identity-choices{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-top:10px;overflow:visible}
.identity-choices>button{justify-content:center;min-width:74px;padding:12px 18px}
.identity-dropdown{position:relative;min-width:0}
.identity-choices .identity-dropdown-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:12px 16px;gap:12px;text-align:left}
.identity-dropdown-toggle>span{min-width:0;overflow-wrap:anywhere}
.identity-dropdown-toggle::after{content:'';flex:none;width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.identity-dropdown-toggle[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}
.identity-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;bottom:auto;z-index:15;display:grid;gap:4px;max-height:350px;overflow-y:auto;overflow-x:hidden;padding:6px;border:1px solid #c7cbd0;border-radius:14px;background:#fff;box-shadow:0 8px 24px #17201b24}
.identity-dropdown-menu[hidden]{display:none}
.identity-choices .identity-option{width:100%;min-width:0;min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px 12px;text-align:left}
.identity-summary{margin:10px 0 0}
.identity-status,.identity-review{margin:10px 0;padding:12px 14px}
.identity-status>summary,.identity-review>summary{display:flex;align-items:center;gap:8px;list-style:none;margin:0;cursor:pointer;font-size:14px;font-weight:650;line-height:1.6}
.identity-status>summary::-webkit-details-marker,.identity-review>summary::-webkit-details-marker{display:none}
.identity-status>summary::before,.identity-review>summary::before{content:'';flex:none;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;transition:transform .15s ease}
.identity-status[open]>summary::before,.identity-review[open]>summary::before{transform:rotate(90deg)}
body.authenticated #workspace .identity-review>summary:focus-visible{outline:3px solid #6f2da8;outline-offset:3px}
@media(max-width:650px){
 .identity-heading h2{font-size:17px}.identity-heading .refresh-button{font-size:12px}
 .identity-choices>button{min-width:64px;min-height:44px;padding:12px}
 .identity-choices .identity-dropdown-toggle{padding:12px;font-size:13px}
 .identity-status>summary,.identity-review>summary{font-size:13px;gap:7px;letter-spacing:-.3px}
 body.authenticated main{margin-top:calc(var(--measured-header-height,var(--header-height)) + 12px)}
}
@media(prefers-reduced-motion:reduce){.identity-status>summary::before,.identity-review>summary::before{transition:none}}

/* V24 design delivery: long history scrolls within its bordered white surface. */
#historyTab .scroll{max-height:min(68dvh,760px);overflow:auto;background:#fff;overscroll-behavior-y:auto}
#historyTab thead th{position:sticky;top:0;z-index:2}

/* V24.5: fixed viewport/header/ID picker; the lower workspace owns scrolling. */
html:has(body.authenticated){height:100%;overflow:hidden;overscroll-behavior:none}
body.authenticated{height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;overflow-anchor:none}
body.authenticated main{position:fixed;inset:var(--measured-header-height,var(--header-height,84px)) 0 auto;height:max(0px,calc(var(--workspace-viewport-bottom,100dvh) - var(--measured-header-height,var(--header-height,84px))));display:flex;flex-direction:column;width:100%;min-height:0;margin:0 auto;padding-top:12px;padding-bottom:0;overflow:hidden}
body.authenticated #workspace{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}
body.authenticated #workspace>.identity-picker{position:relative;flex:none;z-index:20;background:#fff;margin:8px 0 12px;padding-bottom:8px;min-width:0}
.workspace-content{display:block;flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:max(24px,env(safe-area-inset-bottom,0px));scroll-padding:12px}
.workspace-content>#accountPanel,.workspace-content>#aggregatePanel{display:block;height:auto;min-height:0;min-width:0;overflow:visible}
body.authenticated #workspace #accountPanel{border:0;border-radius:0;box-shadow:none}
#accountPanel>.panel-heading{position:relative;top:auto;z-index:auto;background:#fff;padding-top:8px}
#accountPanel>.tab-panel{height:auto;min-height:0;max-height:none;overflow:visible;overflow-anchor:none;padding-bottom:20px}
#accountPanel>.tab-panel>h3{position:static;top:auto;background:#fff;padding:12px 0;margin-top:0;margin-bottom:16px}
#accountPanel>#historyTab{padding-top:24px;overflow:visible}
#historyTab .scroll,#aggregatePanel>.scroll{height:auto;min-height:0;max-height:var(--pane-height,600px);overflow:auto;background:#fff;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-gutter:stable}
#historyTab thead th,#aggregatePanel thead th{position:sticky;top:0;z-index:2}
#requestsTab>.request-list-scroll{height:auto;max-height:none;overflow:visible}
#accountPanel>form.tab-panel>.form-actions{position:static;background:#fff;padding:12px 0 max(12px,env(safe-area-inset-bottom,0px));margin-top:12px}
#accountPanel>form.tab-panel>.form-actions>button{max-width:100%}
body.authenticated #workspace>.identity-picker::before,#accountPanel>.panel-heading::before{content:none}
.identity-dropdown-menu{max-height:min(350px,var(--identity-menu-height,50dvh));overscroll-behavior:contain}
body.authenticated #notice{flex:none;max-height:20dvh;overflow:auto;margin:0 0 8px}
body.authenticated main>button{flex:none;align-self:flex-start;max-width:100%}
body.authenticated #workspace input,body.authenticated #workspace textarea{min-width:0;max-width:100%}
body.authenticated #workspace textarea{resize:vertical}
body.authenticated #workspace .tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;overscroll-behavior-x:contain}
body.authenticated #workspace .tabs>button{flex:0 0 auto;max-width:none;white-space:nowrap;overflow-wrap:normal}
#correctTab label,#convertTab label{margin-bottom:12px}
input[type=file]::file-selector-button{font:inherit;padding:8px 14px;margin-right:12px;border:1px solid #b5c5bc;border-radius:999px;background:#f0f1f2;color:#000;cursor:pointer}
input[type=file]::file-selector-button:hover{background:var(--brand-mint-wash)}
/* Preserve intro geometry; only the circle interior is covered in pure black. */
#login .wordmark.motion-wordmark,#login .ticket-intro-community{visibility:hidden}
#login .ticket-intro-orb{background:#000;box-shadow:none}
#login .ticket-intro-orb::after{inset:3%;z-index:0;background:#000}
#login .ticket-intro-orb::before{transform:scale(.94)}
#login .ticket-intro-logo{position:relative;z-index:1;background:#000;filter:url("assets/intro-black-filter.svg#black-background");transform:scale(.9)}
@keyframes ticket-intro-logo-turn{from{transform:rotate(0) scale(.9)}to{transform:rotate(360deg) scale(.9)}}
@media(max-width:650px){body.authenticated #accountPanel{padding:18px 16px}.workspace-content>.cards{margin:10px 0 14px}#accountPanel>.tab-panel>h3{font-size:16px}#correctTab label,#convertTab label{margin-bottom:10px}}

/* V24.6: hide scrollbar UI everywhere without changing scroll behavior.
   Keep wheel, touch, keyboard and programmatic scrolling on existing containers. */
html,body,body *{scrollbar-width:none!important;scrollbar-gutter:auto!important;-ms-overflow-style:none!important}
*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-button,*::-webkit-scrollbar-corner{display:none!important;background:transparent!important}

/* V24.7: align language and wallet controls to the same vertical center. */
body.authenticated #accountHeader .language{align-self:center;display:flex;align-items:center}
body.authenticated #accountHeader .language>button,body.authenticated #accountHeader .wallet-capsule{display:inline-flex;align-items:center;justify-content:center;align-self:center;height:44px;min-height:44px;margin-top:0;margin-bottom:0;line-height:1}
@media(max-width:650px){body.authenticated #accountHeader .language>button,body.authenticated #accountHeader .wallet-capsule{height:36px;min-height:36px}}