@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#182230;--muted:#667085;--line:#e3e7ed;--mint:#83b4ff;--green:#356ae6;--bg:#f6f8fb;--navy:#171d28;font-family:'Noto Sans KR',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:16px;line-height:1.65}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #118662;outline-offset:5px}button{border:0;background:none}svg,img{display:block}h1,h2,h3,h4,p{margin:0}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.preview-strip{background:#edf3f2;text-align:center;font-size:12px;padding:7px 16px;color:#546660;letter-spacing:.02em}.preview-strip>span:first-child{font-size:10px;font-weight:800;letter-spacing:.1em;margin-right:12px}.preview-note{margin-left:18px;color:#6b7875}.header{height:87px;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:900;line-height:1.25;white-space:nowrap}.brand svg{width:41px;height:41px}.brand small{display:block;font-size:9px;letter-spacing:.19em;font-weight:700;margin-top:5px}.header nav{display:flex;gap:34px;align-items:center;margin-left:auto;margin-right:38px;font-size:14px;font-weight:600}.header nav a{height:87px;display:flex;align-items:center;position:relative}.header nav a.active{color:var(--green)}.header nav .active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green)}.login{border:1px solid #cbd7d4;padding:9px 16px;border-radius:7px;font-size:14px;font-weight:700;white-space:nowrap}.login span{margin-left:20px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;padding-top:58px;padding-bottom:63px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--green);border-radius:50%}.hero h1{font-size:48px;line-height:1.35;letter-spacing:-2.5px;font-weight:800;margin:15px 0 20px}.hero h1 em{font-style:normal;color:var(--green)}.hero-description{font-size:16px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 21px;border-radius:7px;font-size:14px;font-weight:700;line-height:1.6}.primary{background:var(--ink);color:white}.primary:hover{background:#255043}.text-link{font-size:13px;color:#5d6a6e;white-space:nowrap}.text-link span{margin-left:8px}.hero-panel{padding:26px 30px 20px;border-radius:18px;background:var(--navy);color:white;box-shadow:0 18px 45px #172d3720;position:relative;overflow:hidden}.hero-panel:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.mini-brand{font-size:10px;font-weight:800;letter-spacing:.17em}.panel-tag{color:#90b1ae;font-size:9px;letter-spacing:.1em;border:1px solid #38504e;padding:4px 7px;border-radius:4px}.panel-title{font-size:29px;line-height:1.45;font-weight:700;letter-spacing:-1px;margin:23px 0 22px}.panel-title>span{color:var(--mint)}.panel-steps{border-top:1px solid #ffffff1a}.panel-steps>div{display:flex;align-items:center;gap:18px;padding:11px 0;border-bottom:1px solid #ffffff1a;font-size:14px}.panel-steps b{color:var(--mint);font-size:12px;font-weight:500;font-family:monospace}.panel-steps span:last-child{margin-left:auto;color:#8eaaa7}.panel-bottom{display:flex;justify-content:space-between;font-size:10px;color:#819994;margin-top:18px}.exchanges{padding-bottom:60px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.muted{color:#778985;font-size:10px}.section-head h2{font-size:27px;letter-spacing:-1px;line-height:1.5;margin-top:7px}.count{font-size:12px;color:#82918e;padding-bottom:4px}.count b{font-weight:600;color:#2c4641;font-size:15px;margin-left:7px}.section-description{font-size:14px;color:var(--muted);margin-top:8px}.exchange-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:26px}.exchange-card{border:1px solid #dfe7e4;border-radius:13px;padding:24px 19px 18px;background:white;transition:transform .2s,border-color .2s,box-shadow .2s}.exchange-card:hover{transform:translateY(-4px);border-color:#91cdb5;box-shadow:0 12px 24px #123f2d0a}.card-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.exchange-name{display:flex;align-items:center;gap:11px}.exchange-name img{width:38px;height:38px;object-fit:contain;border-radius:8px}.exchange-name h3{font-family:Arial,sans-serif;font-size:22px;line-height:1.2;letter-spacing:-.7px;font-weight:800}.exchange-name span{font-size:12px;color:#7b8986;display:block;margin-top:5px}.card-type{font-size:10px;color:#678276;background:#f0f6f2;padding:3px 7px;border-radius:4px}.card-benefit{padding:23px 0 24px}.card-benefit>p{font-size:12px;color:var(--green);font-weight:600;margin-bottom:6px}.card-benefit h4{font-size:20px;letter-spacing:-1px;white-space:nowrap;line-height:1.5}.card-benefit>span{display:block;font-size:11px;color:#84908c;margin-top:5px;letter-spacing:-.4px}.code-box{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f5f7f6;border-radius:7px;padding:11px 12px;min-width:0}.code-box>div{min-width:0}.code-box>div>span{display:block;color:#7a8681;font-size:10px;margin-bottom:3px}.code-box strong{font-size:13px;font-family:Arial,sans-serif;letter-spacing:.2px}.copy{font-size:0;padding:6px;color:#778680;border-radius:5px}.copy:hover{background:#e5eee9;color:var(--green)}.copy svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.card-actions{display:flex;flex-direction:column-reverse;gap:11px;margin-top:15px}.join{display:flex;align-items:center;justify-content:center;gap:12px;background:#142c26;color:white;border-radius:6px;padding:11px 4px;font-size:13px;font-weight:600}.join:hover{background:#0a7956}.details{font-size:12px;color:#6e7d76;padding:4px}.details span{margin-left:5px}.fine-print{font-size:11px;color:#929c96;margin:18px 0 27px}.account-banner{display:flex;align-items:center;gap:18px;background:#eef8f2;border:1px solid #dbece1;padding:23px 27px;border-radius:10px}.banner-icon{height:42px;width:42px;border:1px solid #c7dfce;border-radius:50%;display:grid;place-items:center;color:#277d53;font-size:24px;flex-shrink:0}.account-banner h3{font-size:16px;letter-spacing:-.4px}.account-banner p{font-size:13px;color:#718377;margin-top:3px}.account-banner button{margin-left:auto;font-size:13px;font-weight:700;white-space:nowrap}.account-banner button span{margin-left:20px}.how-section{background:#f7f9f8;padding:55px 0 53px;border-top:1px solid #eef2ef;border-bottom:1px solid #eef2ef}.how-section h2{font-size:25px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:33px}.how-grid article{position:relative;padding-left:55px}.step-number{font-size:13px;font-weight:600;position:absolute;left:0;top:1px;color:#23805d;width:36px;height:36px;display:grid;place-items:center;background:#e8f0eb;border-radius:50%}.how-grid h3{font-size:16px;margin-bottom:9px;letter-spacing:-.4px}.how-grid p{font-size:13px;color:#7b8981;line-height:1.9}.faq{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-top:67px;padding-bottom:75px}.faq h2{font-size:29px;line-height:1.45;letter-spacing:-1.2px;margin-top:10px}.faq>div>p:last-child{color:#7f8a85;font-size:13px;margin-top:12px}.faq-list{border-top:1px solid #d8e1db}.faq-list details{border-bottom:1px solid #e1e8e3}.faq-list summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#7d8d83;font-size:19px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding-bottom:22px;color:#687c70;font-size:14px;line-height:1.9}footer{background:#f8faf9;border-top:1px solid #e5ebe7;padding:34px 0 22px}.footer-top{display:flex;align-items:center;gap:35px}.footer-top .brand{font-size:18px}.footer-top .brand svg{width:33px;height:33px}.footer-top .brand small{font-size:7px}.footer-top>span{font-size:12px;color:#8e9a92}.footer-top>a:last-child{margin-left:auto;font-size:12px;color:#687d70}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e4ebe6;margin-top:26px;padding-top:18px;font-size:10px;color:#939f97;letter-spacing:.02em}.skip{position:fixed;left:20px;top:-70px;background:var(--navy);color:white;padding:12px;z-index:100}.skip:focus{top:15px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#142c26;color:white;border-radius:9px;padding:12px 23px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dde9e1;border-radius:18px;padding:35px;width:min(460px,calc(100% - 36px));color:var(--ink);box-shadow:0 30px 70px #0002}dialog::backdrop{background:#10292266;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:29px;color:#7c8c84}.dialog-label{font-size:10px;letter-spacing:.15em;color:var(--green);font-weight:800}dialog h2{font-size:25px;letter-spacing:-.8px;margin:12px 0}dialog p{font-size:15px;color:#64766b;line-height:1.9}#dialog-extra{font-size:13px;color:#61766b;margin-top:17px;overflow-wrap:anywhere}.dialog-confirm{margin-top:25px;width:100%}.dialog-link{display:block;border:1px solid #d4e3d9;background:#f5f9f6;border-radius:7px;padding:12px;color:#14714c}
@media(min-width:1400px){.hero{gap:100px}.hero h1{font-size:52px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav{gap:22px;margin-right:10px}.hero{gap:38px}.hero h1{font-size:43px}.hero-actions{gap:14px}.button{padding-inline:15px}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.exchange-card{padding:24px}.card-head{flex-wrap:nowrap}.card-benefit h4{font-size:24px}.card-benefit>span{font-size:13px}.card-actions{flex-direction:row;align-items:center}.join{flex:1;font-size:14px}.details{font-size:13px;padding:8px 15px}.copy{font-size:12px;display:flex;align-items:center;gap:7px}.code-box strong{font-size:15px}.code-box>div>span{font-size:12px}.fine-print{font-size:12px}.how-grid{gap:25px}.how-grid article{padding-left:45px}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 36px)}.preview-strip{font-size:10px;padding:6px}.preview-note{display:none}.preview-strip>span:first-child{font-size:8px}.header{height:72px}.header-inner{gap:10px}.brand{font-size:20px}.brand svg{width:36px;height:36px}.brand small{font-size:8px}.header nav{display:none}.login{padding:8px 12px;font-size:12px}.login span{margin-left:10px}.hero{grid-template-columns:1fr;gap:27px;padding-top:35px;padding-bottom:36px}.hero h1{font-size:40px;letter-spacing:-1.8px;margin:15px 0 15px}.eyebrow{font-size:9px}.hero-description{font-size:14px}.hero-actions{margin-top:23px;gap:18px}.button{font-size:13px;padding:13px 16px}.text-link{font-size:12px}.hero-panel{padding:19px 21px;border-radius:13px}.panel-title{font-size:24px;margin:18px 0}.panel-title br{display:none}.panel-title span{margin-left:6px}.panel-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20;padding-top:15px;gap:12px}.panel-steps>div{padding:0;border:0;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px}.panel-steps span:last-child{display:none}.panel-bottom{display:none}.panel-tag{font-size:8px}.mini-brand{font-size:9px}.section-head h2{font-size:22px;letter-spacing:-1px}.count{font-size:10px;white-space:nowrap}.count b{font-size:12px}.section-description{font-size:13px;line-height:1.8;margin-top:9px}.exchange-grid{gap:14px;margin-top:20px}.exchange-card{padding:19px 15px}.card-head{flex-wrap:wrap;gap:12px}.card-type{font-size:9px}.exchange-name img{width:33px;height:33px}.exchange-name{gap:8px}.exchange-name h3{font-size:20px}.exchange-name span{font-size:11px}.card-benefit{padding:18px 0}.card-benefit h4{font-size:17px;letter-spacing:-.8px}.card-benefit>p{font-size:11px}.card-benefit>span{font-size:11px;line-height:1.7}.code-box{padding:9px;gap:3px}.code-box strong{font-size:12px}.code-box>div>span{font-size:10px}.copy{font-size:0;gap:0;padding:3px}.copy svg{width:15px;height:15px}.card-actions{flex-direction:column-reverse;gap:6px;margin-top:11px;align-items:stretch}.join{font-size:12px;padding:11px 2px;gap:5px}.details{font-size:11px;padding:7px 0}.fine-print{font-size:11px;line-height:1.8}.account-banner{flex-wrap:wrap;padding:20px;gap:13px}.account-banner .banner-icon{display:none}.account-banner h3{font-size:15px}.account-banner p{font-size:12px;line-height:1.8}.account-banner button{margin:4px 0 0;padding:0;color:#13774c;font-size:12px}.account-banner button span{margin-left:12px}.exchanges{padding-bottom:34px}.how-section{padding:32px 0}.how-section h2{font-size:21px}.how-grid{grid-template-columns:1fr;margin-top:24px;gap:25px}.how-grid article{padding-left:51px}.how-grid h3{font-size:15px;margin-bottom:3px}.how-grid p{font-size:13px}.how-grid p br{display:none}.faq{grid-template-columns:1fr;gap:22px;padding-top:37px;padding-bottom:42px}.faq h2{font-size:24px}.faq h2 br{display:none}.faq>div>p:last-child{font-size:12px;margin-top:8px}.faq-list summary{font-size:13px;padding:18px 0;gap:12px}.faq-list details p{font-size:13px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>span{display:none}.footer-top>a:last-child{font-size:11px}.footer-bottom{font-size:9px;flex-direction:column;gap:7px}.footer-top .brand{font-size:17px}footer{padding-top:26px}}
@media(max-width:370px){.exchange-grid{grid-template-columns:1fr}.card-head{flex-wrap:nowrap}.card-benefit h4{font-size:23px}.card-benefit>span{font-size:13px}.code-box strong{font-size:15px}.copy{font-size:12px;gap:6px}.join{font-size:14px}.hero h1{font-size:35px}.hero-actions{flex-wrap:wrap}.panel-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Readability and mobile card refinement. */
.preview-strip{font-size:12px}.preview-strip>span:first-child{font-size:12px}.eyebrow,.muted,.mini-brand,.panel-tag{font-size:12px}.text-link{font-size:14px}.panel-bottom{font-size:12px;color:#9bb2aa}.count{font-size:14px}.section-description{font-size:16px}.card-type{font-size:12px}.exchange-name span{font-size:12px;color:#63736b}.card-benefit>p{font-size:14px}.card-benefit>span{font-size:12px;color:#68796e;letter-spacing:-.4px}.code-box>div>span{font-size:12px;color:#62756a}.code-box strong{font-size:14px}.join,.details{font-size:14px}.fine-print{font-size:12px;color:#738379}.account-banner p,.account-banner button{font-size:14px}.how-grid p{font-size:16px;color:#6a7c70}.faq>div>p:last-child{font-size:14px}.footer-top>span,.footer-top>a:last-child,.footer-bottom{font-size:12px;color:#6e8073}.exchange-card[data-exchange="Bybit"] .exchange-name img{background:#111d25;padding:4px}.card-head{align-items:flex-start}.card-type{font-size:12px;padding:3px 5px;letter-spacing:-.4px}
@media(min-width:1101px){.card-head{gap:12px}.card-type{display:none}.card-benefit h4{font-size:20px}.card-benefit{padding-top:25px}}
@media(max-width:760px){.preview-strip{font-size:12px}.preview-strip>span:first-child{font-size:10px}.hero-description{font-size:16px}.button,.text-link,.login{font-size:14px}.hero-actions{gap:12px}.hero h1{font-size:39px}.eyebrow,.muted{font-size:12px;letter-spacing:.12em}.mini-brand,.panel-tag{font-size:10px}.panel-steps>div{font-size:12px}.count{font-size:12px}.section-description{font-size:14px}.exchange-grid{grid-template-columns:1fr}.exchange-card{padding:22px}.card-head{flex-wrap:nowrap;align-items:center}.exchange-name img{width:42px;height:42px}.exchange-name h3{font-size:25px}.exchange-name span{font-size:13px}.card-type{font-size:12px}.card-benefit{padding:21px 0}.card-benefit h4{font-size:25px}.card-benefit>p{font-size:14px}.card-benefit>span{font-size:14px;margin-top:4px;letter-spacing:-.5px}.code-box{padding:12px}.code-box strong{font-size:16px}.code-box>div>span{font-size:12px}.copy{font-size:12px;gap:7px;padding:6px}.copy svg{width:18px;height:18px}.card-actions{flex-direction:row;align-items:center;gap:12px;margin-top:16px}.join{font-size:14px;flex:1;padding:12px 6px}.details{font-size:14px;padding:10px 4px}.account-banner h3{font-size:16px}.account-banner p{font-size:14px}.account-banner button{font-size:14px}.how-grid h3{font-size:17px}.how-grid p{font-size:15px}.faq-list summary,.faq-list details p{font-size:14px}.faq h2{font-size:24px}.footer-bottom{font-size:12px}.footer-top>a:last-child{font-size:12px}}
@media(max-width:370px){.hero-actions{flex-wrap:wrap}.hero h1{font-size:35px}.panel-title{font-size:20px}.card-benefit>span{font-size:13px}.join,.details{font-size:13px}.account-banner h3{font-size:15px}}
/* Exchange comparison list + light / dark themes, design 02. */
:root{color-scheme:light;--surface:#fff;--subtle:#f0f3f7;--raised:#edf1f6;--border:#e0e5ec;--secondary:#667085;--accent:#356ae6;--accent-soft:#eaf0fd;--head:#f0f3f7;--code:#f4f6f9;--button:#356ae6;--button-text:#fff;--header:#ffffffed;--success:#16835b;--success-soft:#e7f5ee}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e8edf5;--muted:#98a2b3;--line:#2b323f;--bg:#0e1117;--surface:#171d28;--subtle:#121720;--raised:#1d2430;--border:#2b323f;--secondary:#98a2b3;--green:#83b4ff;--mint:#83b4ff;--accent:#83b4ff;--accent-soft:#23344f;--head:#1d2430;--code:#202733;--button:#83b4ff;--button-text:#0c1b34;--header:#0e1117ed;--success:#70d5a8;--success-soft:#19382d}
body{background:var(--bg);color:var(--ink)}.header{background:var(--header);border-color:var(--border)}.preview-strip{background:var(--subtle);color:var(--secondary)}.preview-note{color:var(--secondary)}.login{border-color:var(--border)}.header nav{margin-right:12px}.header-inner{gap:20px}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:7px;padding:9px 11px;white-space:nowrap;font-size:13px;background:var(--surface);min-height:43px}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sun-icon{display:none}[data-theme="dark"] .sun-icon{display:block}[data-theme="dark"] .moon-icon{display:none}.theme-toggle:hover{background:var(--raised)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-intro{display:flex;align-items:center;gap:10px;margin-top:26px;margin-bottom:13px;font-size:12px;color:var(--secondary)}.sample-tag{font-size:12px;font-weight:600;background:var(--raised);border:1px solid var(--border);padding:3px 8px;border-radius:4px;white-space:nowrap}.exchange-table-wrap{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface)}.exchange-table{border-collapse:collapse;width:100%;table-layout:auto;font-variant-numeric:tabular-nums}.exchange-table thead{background:var(--head)}.exchange-table thead th{text-align:center;color:var(--secondary);font-size:13px;font-weight:500;padding:16px 10px;white-space:nowrap}.exchange-table thead th:first-child{text-align:left;padding-left:24px;width:22%}.exchange-table th small{font-size:11px;display:block;font-weight:400;margin-top:2px}.exchange-row{border-top:1px solid var(--border);transition:background .15s}.exchange-row:hover{background:var(--subtle)}.exchange-row td,.exchange-row>th{padding:22px 10px;text-align:center}.exchange-row>th{text-align:left;padding-left:24px}.exchange-row .exchange-name{gap:13px}.exchange-row .exchange-name h3{font-size:21px;letter-spacing:-.5px}.exchange-row .exchange-name img{width:42px;height:42px;border-radius:10px;padding:4px;background:#fff}.exchange-row[data-exchange="Bybit"] .exchange-name img{background:#111d25}.exchange-row .exchange-name span{font-size:12px;font-weight:400;color:var(--secondary)}.payback-cell strong{font-size:29px;font-weight:800;letter-spacing:-1px;color:var(--accent)}.payback-cell strong>span{font-size:23px}.fee-cell strong{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.6}.base-fee{display:block;font-size:12px;color:var(--secondary);margin-bottom:2px}.base-fee s{text-decoration-color:var(--secondary)}.referral-label{display:block;font-size:11px;color:var(--secondary);margin-bottom:5px}.referral-copy{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);background:var(--code);border-radius:7px;font-family:Arial,sans-serif;font-size:13px;font-weight:600;min-height:37px;padding:7px 11px;color:var(--ink)}.referral-copy svg{width:16px;height:16px;stroke:var(--secondary);stroke-width:1.5;fill:none}.referral-copy:hover{border-color:var(--accent)}.exchange-row .row-actions{padding-right:20px;white-space:nowrap}.row-actions .join{display:inline-flex;min-height:41px;padding:10px 15px;font-size:13px;gap:12px;background:var(--button);color:var(--button-text);vertical-align:middle}.row-actions .details{display:inline-flex;min-height:41px;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--border);padding:9px 12px;border-radius:6px;font-size:13px;background:var(--subtle);color:var(--ink);margin-left:5px}.row-actions .details:hover{border-color:var(--accent)}.fine-print{font-size:12px;color:var(--secondary);line-height:1.9}.primary{background:var(--button);color:var(--button-text)}.primary:hover,.row-actions .join:hover{filter:brightness(1.15);background:var(--button)}.muted,.count,.text-link{color:var(--secondary)}.count b{color:var(--ink)}.account-banner{background:var(--raised);border-color:var(--border)}.account-banner p,.account-banner button{color:var(--secondary)}.account-banner .banner-icon{border-color:var(--border);color:var(--accent)}.how-section{background:var(--subtle);border-color:var(--border)}.step-number{background:var(--raised);color:var(--accent)}.how-grid p,.faq>div>p:last-child{color:var(--secondary)}.faq-list,.faq-list details{border-color:var(--border)}.faq-list summary span,.faq-list details p{color:var(--secondary)}footer{background:var(--subtle);border-color:var(--border)}.footer-bottom{border-color:var(--border)}.footer-top>span,.footer-top>a:last-child,.footer-bottom{color:var(--secondary)}dialog{background:var(--surface);color:var(--ink);border-color:var(--border)}dialog p,#dialog-extra,.dialog-close{color:var(--secondary)}.dialog-link{background:var(--raised);border-color:var(--border);color:var(--accent)}#toast{background:var(--button);color:var(--button-text)}[data-theme="dark"] .brand{color:#e8edf5}[data-theme="dark"] .brand svg rect{fill:#20324d}[data-theme="dark"] .hero-panel{background:#192335;border:1px solid #344157;box-shadow:0 18px 45px #0003}[data-theme="dark"] .hero-panel .panel-title{color:#e8edf5}[data-theme="dark"] .panel-tag{border-color:#41526e;color:#b0c3df}[data-theme="dark"] .panel-bottom{color:#a8b7ce}
@media(max-width:1100px){.header-inner{gap:12px}.header nav{gap:18px;margin-right:0}.theme-toggle span{display:none}.theme-toggle{width:43px;padding:9px}.exchange-table thead th:first-child{padding-left:18px;width:20%}.exchange-row>th{padding-left:18px}.exchange-row .exchange-name{gap:10px}.exchange-row .row-actions{padding-right:15px}.row-actions .join{display:flex}.row-actions .details{margin:6px 0 0;width:100%;padding:5px 10px;min-height:32px}.referral-copy{padding-inline:8px;gap:7px}}
@media(max-width:800px){.table-intro{align-items:flex-start;font-size:12px;line-height:1.8}.exchange-table,.exchange-table tbody{display:block}.exchange-table thead{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.exchange-row{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:20px;align-items:center}.exchange-row:first-child{border-top:0}.exchange-row td,.exchange-row>th{padding:0}.exchange-row>th{grid-column:1;text-align:left}.exchange-row .exchange-name img{width:40px;height:40px}.exchange-row .exchange-name h3{font-size:22px}.payback-cell{grid-column:2;text-align:right!important}.payback-cell:before{content:attr(data-label);display:block;font-size:12px;color:var(--secondary);margin-bottom:2px}.payback-cell strong{font-size:29px}.maker-cell,.taker-cell{margin-top:21px;background:var(--subtle);padding:13px!important;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left!important}.maker-cell{border-left:1px solid var(--border);border-radius:7px 0 0 7px}.taker-cell{border-right:1px solid var(--border);border-radius:0 7px 7px 0}.fee-cell:before{content:attr(data-label);font-size:12px;color:var(--secondary);display:block;margin-bottom:5px}.base-fee{display:inline;margin-right:8px;font-size:12px}.fee-cell strong{display:inline;font-size:16px}.referral-cell{grid-column:1 / -1;text-align:left!important;display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:10px}.referral-label{font-size:12px;margin:0}.referral-copy{font-size:14px;padding:8px 11px}.exchange-row .row-actions{grid-column:1 / -1;display:flex;padding:0;margin-top:15px;gap:8px}.row-actions .join{flex:1;display:flex;font-size:14px;min-height:44px}.row-actions .details{margin:0;width:auto;min-width:92px;font-size:14px;min-height:44px}.exchange-table-wrap{border-radius:11px}.fine-print{font-size:12px}.hero-panel{min-width:0}}
@media(max-width:760px){.header-inner{gap:8px}.theme-toggle{margin-left:auto;min-width:40px;width:40px;min-height:40px}.login{padding:8px 11px;font-size:13px}.login span{margin-left:8px}.hero-actions .primary{color:var(--button-text)}.account-banner button{color:var(--accent)}.table-intro{flex-wrap:wrap;gap:5px;margin-top:21px}.table-intro p{flex-basis:100%}.count{font-size:12px}.section-head{gap:8px}.section-head h2{font-size:22px}}
@media(max-width:370px){.header .brand{gap:7px;font-size:18px}.header .brand svg{width:31px;height:31px}.header .brand small{font-size:7px}.login{padding:8px;font-size:12px}.login span{margin-left:4px}.theme-toggle{width:36px;min-width:36px}.exchange-row{padding:16px}.base-fee{display:block;margin-right:0}.fee-cell strong{display:block}.section-head h2{font-size:20px}.count{display:none}}

/* Dark palette details use the same blue accent as the comparison table. */
[data-theme="dark"] .brand svg circle,[data-theme="dark"] .brand svg path{stroke:var(--accent)}
[data-theme="dark"] .panel-steps span:last-child{color:#a8b7ce}
[data-theme="dark"] button:focus-visible,[data-theme="dark"] a:focus-visible,[data-theme="dark"] summary:focus-visible{outline-color:var(--accent)}
/* Design 04: recent paybacks, linked exchange rows, and detail pages. */
.recent-payouts{padding-bottom:45px}.recent-payouts .section-head{margin-bottom:22px}.recent-payouts h2{font-size:24px}.payout-table-wrap{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface)}.payout-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.payout-table th{font-size:13px;font-weight:500;color:var(--secondary);background:var(--head);padding:15px 20px;text-align:center}.payout-table th:last-child{width:30%}.payout-table th span{font-size:11px}.payout-table td{padding:16px 20px;text-align:center;font-size:14px;border-top:1px solid var(--border)}.masked-uid{font-weight:600;letter-spacing:.03em}.payout-exchange{display:inline-flex;align-items:center;gap:10px;font-weight:600}.payout-exchange img{width:24px;height:24px;object-fit:contain;background:white;border-radius:6px;padding:2px}.payout-exchange[data-name="Bybit"] img{background:#111d25}.payout-amount{font-weight:700}.payout-amount>span{font-size:12px;font-weight:500;color:var(--secondary);margin-left:3px}.payout-time{color:var(--secondary)}.payout-time time{white-space:nowrap}.recent-payouts .fine-print{margin-bottom:0}.exchange-row{position:relative;cursor:pointer}.exchange-link::after{content:'';position:absolute;inset:0;z-index:1;border-radius:3px}.exchange-link:focus-visible{outline:none}.exchange-link:focus-visible::after{outline:2px solid var(--accent);outline-offset:-3px}.exchange-row:focus-within{background:var(--subtle)}.exchange-row .referral-copy{position:relative;z-index:2}.exchange-row .row-chevron{width:65px;padding:15px 23px;color:var(--secondary);font-size:28px;line-height:1}.exchange-row:hover .row-chevron{color:var(--accent)}.exchange-table thead th:first-child{width:25%}.detail-main{padding-top:35px;padding-bottom:65px}.back-link{display:inline-flex;font-size:14px;color:var(--secondary);padding:8px 0;margin-bottom:25px}.back-link:hover{color:var(--accent)}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-identity{display:flex;align-items:center;gap:18px}.detail-identity img{object-fit:contain;border-radius:14px;background:#fff;padding:6px}.detail-identity[data-name="Bybit"] img{background:#111d25}.detail-heading h1{font-size:35px;letter-spacing:-1px;line-height:1.5;margin-top:4px}.detail-intro{font-size:16px;color:var(--secondary);margin:18px 0 30px}.detail-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.detail-benefits,.detail-signup{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:29px}.detail-benefits h2,.detail-signup h2,.detail-how h2{font-size:21px;letter-spacing:-.6px}.detail-rate{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--border)}.detail-rate>span{font-size:16px;color:var(--secondary)}.detail-rate strong{font-size:54px;line-height:1.2;letter-spacing:-2px;color:var(--accent)}.detail-rate small{font-size:34px}.detail-fees{display:grid;grid-template-columns:1fr 1fr;padding-top:22px}.detail-fees>div>span{display:block;font-size:14px;color:var(--secondary);margin-bottom:9px}.detail-fees s{display:block;font-size:13px;color:var(--secondary)}.detail-fees strong{font-size:27px;letter-spacing:-.8px}.detail-benefits .fine-print{margin-bottom:0}.detail-signup{background:var(--subtle)}.detail-signup h2{margin:12px 0}.detail-signup>p:not(.eyebrow){font-size:15px;color:var(--secondary);line-height:1.8}.detail-code{margin:25px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-code>span{font-size:13px;color:var(--secondary)}.detail-signup .primary{width:100%;font-size:15px;padding:14px}.detail-connect{display:block;margin:16px auto 0;font-size:13px;color:var(--secondary)}.detail-how{margin-top:35px;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:28px}.detail-how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:22px 0 0}.detail-how li{display:flex;gap:12px}.detail-how li>b{color:var(--accent);font-size:13px;padding-top:3px}.detail-how h3{font-size:15px;margin-bottom:6px}.detail-how p{color:var(--secondary);font-size:13px;line-height:1.8}.detail-disclaimer{font-size:12px;color:var(--secondary);margin-top:20px;line-height:1.8}
@media(max-width:800px){.exchange-table thead th:first-child{width:auto}.exchange-row .row-chevron{position:absolute;top:30px;right:13px;width:auto;padding:0;font-size:25px}.exchange-row .payback-cell{padding-right:20px}.exchange-row .referral-cell{margin-bottom:0}.detail-layout{grid-template-columns:1fr 1fr;gap:17px}.detail-benefits,.detail-signup{padding:22px}.detail-fees strong{font-size:23px}.detail-how ol{grid-template-columns:1fr;gap:22px}.payout-table td,.payout-table th{padding:14px 10px}}
@media(max-width:600px){.recent-payouts{padding-bottom:32px}.recent-payouts .section-head{flex-wrap:wrap;gap:10px;margin-bottom:17px}.recent-payouts h2{font-size:22px}.payout-table th{font-size:12px;padding:13px 5px}.payout-table td{padding:15px 5px;font-size:12px}.payout-table th:nth-child(1){width:24%}.payout-table th:nth-child(2){width:22%}.payout-table th:nth-child(3){width:26%}.payout-table th:nth-child(4){width:28%}.payout-exchange{gap:5px;font-size:12px}.payout-exchange img{width:19px;height:19px;padding:1px;border-radius:4px}.payout-amount{font-size:14px!important;white-space:nowrap}.payout-amount>span{display:block;font-size:10px;margin:2px 0 0}.payout-time time{white-space:normal;font-size:11px;line-height:1.7}.payout-time time span{display:block}.masked-uid{letter-spacing:0}.payout-table th:last-child span{display:block;font-size:10px}.detail-main{padding-top:22px;padding-bottom:36px}.back-link{margin-bottom:20px}.detail-heading{align-items:flex-start;flex-wrap:wrap;gap:13px}.detail-heading h1{font-size:29px}.detail-identity{gap:13px}.detail-identity img{width:50px;height:50px}.detail-intro{font-size:14px;line-height:1.9;margin:18px 0 23px}.detail-layout{grid-template-columns:1fr;gap:18px}.detail-fees strong{font-size:28px}.detail-how{padding:22px;margin-top:24px}.detail-benefits h2,.detail-signup h2,.detail-how h2{font-size:20px}}
/* Guided walkthrough: a mobile UI preview and three selectable steps. */
.walkthrough{padding:72px 0 62px}.walk-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1040px}.walk-visual{position:relative;min-height:505px;display:flex;align-items:flex-start;justify-content:center;padding-bottom:36px}.app-preview{width:250px;height:440px;border:6px solid #273449;border-radius:32px;background:#f4f7fc;color:#172234;overflow:hidden;box-shadow:0 24px 45px #1018291a;position:relative;flex-shrink:0}.app-preview-header{height:67px;display:flex;align-items:center;gap:7px;padding:12px 17px;border-bottom:1px solid #dce3ee;background:#fff}.app-monogram{background:#233e65;color:#a8caff;display:grid;place-items:center;height:25px;width:25px;border-radius:8px;font-size:17px;font-weight:800}.app-preview-header>b{font-size:15px;letter-spacing:-.5px}.app-preview-label{font-size:8px;letter-spacing:.13em;margin-left:auto;color:#74829a}.walk-screen{padding:24px 20px}.walk-screen[hidden],[data-float][hidden]{display:none!important}.walk-screen:not([hidden]),[data-float]:not([hidden]){animation:walk-enter .35s ease both}.app-eyebrow{font-size:10px;font-weight:600;color:#6b7b94;letter-spacing:.03em;margin-bottom:8px}.walk-screen h3{font-size:22px;line-height:1.4;letter-spacing:-1px;color:#172234}.app-exchanges{display:grid;gap:9px;margin-top:22px}.app-exchange{display:flex;align-items:center;gap:10px;padding:11px 12px;background:white;border:1px solid #e0e6f0;border-radius:10px}.app-exchange img{height:24px;width:24px;object-fit:contain;background:#fff;padding:2px;border-radius:6px}.app-exchange:first-child img,.app-account img{background:#111d25}.app-exchange b{font-size:14px}.app-exchange>span{margin-left:auto;font-size:15px;color:#8f9bb0}.app-exchange.selected{border-color:#73a0e4;background:#eaf2ff}.app-exchange.selected>span{color:#2b64bc}.app-caption{font-size:10px;color:#7e8a9d;margin-top:14px}.app-bottom{display:flex;justify-content:space-around;position:absolute;bottom:0;inset-inline:0;padding:14px 9px 16px;border-top:1px solid #dce3ee;background:white;color:#74829a;font-size:9px}.app-account{margin-top:22px;display:flex;align-items:center;gap:8px;border:1px solid #dce3ee;padding:14px 10px;border-radius:9px;background:#fff}.app-account img{width:24px;height:24px;object-fit:contain;padding:2px;border-radius:5px}.app-account b{font-size:14px}.app-account>span{font-size:9px;color:#7387a3;margin-left:auto}.app-info-line{display:flex;justify-content:space-between;font-size:11px;padding-top:15px;color:#7a889e}.app-info-line b{color:#334763;font-size:11px}.app-info-line .app-pending{color:#4d73af}.app-field-hint{border-top:1px solid #dfe5ef;margin-top:17px;padding-top:13px}.app-field-hint>span{font-size:11px;color:#506583;font-weight:600}.app-field-hint p{font-size:10px;color:#8290a3;line-height:1.8;margin-top:5px}.app-balance{border:1px solid #d8e4f6;border-radius:12px;background:#e9f1fd;padding:18px 13px;margin-top:23px}.app-balance>span{display:block;font-size:11px;color:#5d7394}.app-balance strong{display:block;font-size:28px;font-weight:800;letter-spacing:-.7px;color:#27589f;margin-top:4px}.app-balance small{font-size:11px;letter-spacing:0}.app-payment{margin-top:20px}.app-payment>span{font-size:11px;color:#74829a}.app-payment b{display:flex;justify-content:space-between;font-size:12px;padding:12px 0;border-bottom:1px solid #e1e7f1;color:#506583}.app-payment i{font-style:normal;color:#3869b0}.walk-float{position:absolute;left:50%;top:225px;transform:translateX(-36%);width:287px;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 45px #10223a24;border-radius:13px;padding:22px;z-index:2;min-height:175px}.float-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:9px}.walk-float h3{font-size:18px;font-weight:700;line-height:1.6;letter-spacing:-.55px}.mock-action{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--button);color:var(--button-text);font-size:14px;font-weight:600;padding:11px 10px;border-radius:7px;margin-top:14px}.mock-input{display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:var(--subtle);border-radius:7px;padding:9px 12px;margin-top:12px;font-size:13px}.mock-input>span{color:var(--secondary);font-size:11px}.mock-input strong{font-weight:500}.mock-input i{height:16px;width:1px;background:var(--accent)}.mock-received{display:flex;align-items:center;gap:10px}.mock-received>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--raised);color:var(--accent);font-size:14px}.mock-received h3{font-size:17px}.mock-amount{display:block;font-size:33px;letter-spacing:-1px;color:var(--accent);line-height:1.4;margin-top:10px}.mock-amount small{font-size:15px;letter-spacing:0}.mock-account{font-size:12px;color:var(--secondary);margin-top:8px}.walk-example{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:var(--secondary)}.walk-content{padding-bottom:15px}.walk-content h2{font-size:33px;letter-spacing:-1.3px;line-height:1.5;margin-top:10px}.walk-content h2 em{font-style:normal;color:var(--accent)}.walk-subtitle{font-size:15px;color:var(--secondary);margin-top:9px}.walk-steps{display:flex;flex-direction:column;margin-top:30px}.walk-step{position:relative;display:flex;align-items:flex-start;gap:17px;text-align:left;padding:10px 0 26px;width:100%;border-radius:8px}.walk-step:not(:last-child)::after{content:'';position:absolute;left:16px;top:49px;bottom:0;width:1px;background:var(--border)}.walk-number{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--secondary);margin-top:1px;transition:background .2s,color .2s}.walk-step-copy{min-width:0;flex:1}.walk-step-copy>strong{display:block;font-size:18px;letter-spacing:-.6px;font-weight:600;line-height:1.6;color:var(--secondary);transition:color .2s}.walk-step-copy>span:not(.walk-progress){display:block;font-size:13px;line-height:1.8;color:var(--secondary);margin-top:5px}.walk-step.active .walk-number{background:var(--accent);color:var(--button-text);border-color:var(--accent)}.walk-step.active .walk-step-copy>strong{color:var(--ink);font-weight:800}.walk-step.active .walk-step-copy>span:not(.walk-progress){color:var(--ink)}.walk-step:hover .walk-step-copy>strong{color:var(--accent)}.walk-progress{display:block;height:2px;margin-top:13px;border-radius:2px;overflow:hidden;background:transparent;width:100%}.walk-progress i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--step-progress,0))}.walk-step:not(.active) .walk-progress{visibility:hidden}.walk-step.active .walk-progress{background:var(--border)}.walk-controls{display:flex;align-items:center;gap:15px;margin-top:3px;padding-left:50px}.walk-controls button{border:1px solid var(--border);border-radius:20px;padding:6px 12px;color:var(--secondary);display:flex;align-items:center;gap:7px;font-size:12px;min-height:35px;background:var(--surface)}.walk-controls button:hover{border-color:var(--accent);color:var(--accent)}#walk-state{font-size:11px;color:var(--secondary)}[data-theme="dark"] .app-preview{border-color:#39465b;background:#182438;color:#eef3fc;box-shadow:0 24px 50px #0005}[data-theme="dark"] .app-preview-header,[data-theme="dark"] .app-bottom{background:#202e46;border-color:#35445c;color:#b8c7df}[data-theme="dark"] .app-monogram{background:#304c79;color:#a9cbff}[data-theme="dark"] .app-preview-label,[data-theme="dark"] .app-eyebrow,[data-theme="dark"] .app-caption{color:#a7bad8}[data-theme="dark"] .walk-screen h3{color:#eef3fc}[data-theme="dark"] .app-exchange,[data-theme="dark"] .app-account{background:#23334d;border-color:#344960;color:#e8f0fb}[data-theme="dark"] .app-exchange.selected{background:#284877;border-color:#73a5ed}[data-theme="dark"] .app-exchange.selected>span{color:#a9ceff}[data-theme="dark"] .app-account>span,[data-theme="dark"] .app-info-line,[data-theme="dark"] .app-field-hint p,[data-theme="dark"] .app-payment>span{color:#9aafcf}[data-theme="dark"] .app-info-line b,[data-theme="dark"] .app-field-hint>span{color:#c3d6f2}[data-theme="dark"] .app-field-hint,[data-theme="dark"] .app-payment b{border-color:#344960}[data-theme="dark"] .app-balance{background:#223e65;border-color:#385a87}[data-theme="dark"] .app-balance>span,[data-theme="dark"] .app-payment b{color:#b4c9e9}[data-theme="dark"] .app-balance strong,[data-theme="dark"] .app-payment i{color:#a4caff}[data-theme="dark"] .walk-float{box-shadow:0 20px 50px #0005}
@keyframes walk-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.walk-layout{gap:35px}.walk-float{transform:translateX(-42%);width:278px}.walk-content h2{font-size:30px}.walk-step-copy>strong{font-size:17px}.walk-step-copy>span:not(.walk-progress){font-size:13px}}
@media(max-width:760px){.walkthrough{padding:40px 0}.walk-layout{grid-template-columns:1fr;gap:30px}.walk-visual{min-height:485px;width:100%;max-width:410px;justify-self:center}.app-preview{width:240px;height:423px}.app-preview-header{height:61px}.walk-screen{padding-top:19px}.walk-float{top:210px;transform:translateX(-46%);width:270px;padding:20px}.walk-example{font-size:11px}.walk-content{padding-bottom:0;max-width:440px;justify-self:center;width:100%}.walk-content h2{font-size:29px}.walk-subtitle{font-size:14px}.walk-steps{margin-top:23px}.walk-step{gap:14px;padding-bottom:23px}.walk-step-copy>strong{font-size:17px}.walk-step-copy>span:not(.walk-progress){font-size:13px}.walk-controls{padding-left:47px;gap:10px}#walk-state{font-size:11px}}
@media(max-width:370px){.walk-float{width:253px;transform:translateX(-49%)}.walk-step-copy>strong{font-size:16px}.walk-step-copy>span:not(.walk-progress){font-size:12px}.walk-controls{padding-left:0}.walk-example{font-size:10px}}
@media(prefers-reduced-motion:reduce){.walk-screen:not([hidden]),[data-float]:not([hidden]){animation:none}}


/* Design 06: a restrained blue identity with neutral surfaces and readable data. */
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--accent)}
:root .brand svg rect{fill:#202b3c}
:root .brand svg circle,:root .brand svg path{stroke:#83b4ff}
.hero h1 em,.walk-content h2 em{color:var(--ink)}
:root .hero-panel{background:#171d28;border:1px solid #303846;box-shadow:0 18px 45px #10182914}
:root .panel-title,:root .panel-title>span{color:#e8edf5}
:root .panel-tag{color:#a6afbf;border-color:#404958}
:root .panel-bottom,:root .panel-steps span:last-child{color:#a6afbf}
.panel-steps b{color:#a6afbf}
.primary:hover{filter:brightness(.94)}
[data-theme="dark"] .primary:hover{filter:brightness(1.08)}
.eyebrow,.float-kicker{color:var(--secondary)}
.sample-tag{background:var(--subtle);font-weight:500}
.account-banner .banner-icon{color:var(--secondary)}
.payout-table th:nth-child(3),.payout-table td.payout-amount{text-align:right;padding-right:32px}
.payout-table td.payout-amount{font-size:16px;font-weight:800;color:var(--ink)}
.payout-amount,.fee-cell strong,.detail-fees strong,.mock-amount{font-variant-numeric:tabular-nums lining-nums}
.masked-uid{font-weight:500;color:var(--secondary)}
.mock-amount{color:var(--ink)}
.mock-received>span{color:var(--success);background:var(--success-soft)}
:root .app-preview{background:var(--subtle);border-color:#354052;color:var(--ink)}
:root .app-preview-header,:root .app-bottom{background:var(--surface);border-color:var(--border);color:var(--secondary)}
.app-preview-header>b{color:var(--ink)}
:root .app-monogram{background:var(--accent-soft);color:var(--accent)}
:root .app-preview-label,:root .app-eyebrow,:root .app-caption,:root .app-account>span,:root .app-info-line,:root .app-field-hint p,:root .app-payment>span,:root .app-balance>span{color:var(--secondary)}
:root .walk-screen h3,:root .app-info-line b,:root .app-field-hint>span,:root .app-payment b,:root .app-payment i,:root .app-balance strong{color:var(--ink)}
:root .app-exchange,:root .app-account{background:var(--surface);border-color:var(--border);color:var(--ink)}
:root .app-exchange.selected{background:var(--accent-soft);border-color:var(--accent)}
:root .app-exchange.selected>span{color:var(--accent)}
:root .app-field-hint,:root .app-payment b{border-color:var(--border)}
:root .app-balance{background:var(--raised);border-color:var(--border)}
:root .app-exchange>span{color:var(--secondary)}
:root .app-exchange.selected>span{color:var(--accent)}
dialog::backdrop{background:#10172280}
@media(max-width:800px){.payout-table th:nth-child(3),.payout-table td.payout-amount{padding-right:16px}}
@media(max-width:600px){.payout-table th:nth-child(3),.payout-table td.payout-amount{padding-right:10px}}

/* Decorative English labels removed; keep headings aligned without empty gaps. */
.hero h1,.hero-panel .panel-title,.section-head h2,.walk-content h2,.detail-heading h1{margin-top:0}
.detail-signup h2{margin-top:0}
.preview-strip{font-size:12px;font-weight:400;letter-spacing:0}
.preview-strip>.preview-note{font-size:12px;font-weight:400;letter-spacing:0;margin-right:0;margin-left:18px}

/* Design 08: original brand artwork, account preview, and exchange-first flow. */
.brand-logo{width:60px;height:60px;object-fit:contain;border-radius:10px;flex-shrink:0}
.footer-top .brand-logo{width:64px;height:64px}
.app-brand-logo{width:32px;height:32px;object-fit:contain;border-radius:6px}
.hero{padding-top:38px;padding-bottom:42px;gap:65px;grid-template-columns:1.12fr 1fr}
.payback-preview{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:23px 26px;box-shadow:0 16px 45px #1018290c}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.preview-heading h2{font-size:19px;letter-spacing:-.6px}
.preview-heading .sample-tag{font-size:11px;padding:2px 7px}
.preview-balance{padding:16px 0 17px;border-bottom:1px solid var(--border)}
.preview-balance>span{display:block;font-size:13px;color:var(--secondary)}
.preview-balance strong{display:block;margin-top:3px;font-size:39px;letter-spacing:-1.3px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}
.preview-balance small{font-size:15px;letter-spacing:0;font-weight:500;color:var(--secondary);margin-left:5px}
.preview-connections{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0}
.preview-connections>span{font-size:12px;color:var(--secondary)}
.preview-connections b{color:var(--ink);margin-left:5px}
.preview-connections>div{display:flex;gap:8px}
.preview-connections>div>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:6px;padding:4px 7px;background:var(--subtle)}
.preview-connections img{width:20px;height:20px;object-fit:contain;border-radius:4px;background:#fff;padding:2px}
.preview-connections>div>span:first-child img{background:#111d25}
.preview-history{background:var(--subtle);border:1px solid var(--border);border-radius:9px;padding:12px 14px}
.preview-history h3{font-size:12px;color:var(--secondary);font-weight:500;margin-bottom:7px}
.preview-history>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:13px}
.preview-history time{font-size:11px;color:var(--secondary);margin-left:9px}
.preview-history strong{font-size:14px;font-variant-numeric:tabular-nums}
.preview-history small{font-size:10px;font-weight:400;color:var(--secondary)}
.preview-login{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 0 0;font-size:13px;font-weight:600;color:var(--accent);text-align:left;min-height:40px}
.preview-login:hover span{transform:translateX(3px)}
.exchanges{padding-bottom:32px}
.exchanges .fine-print{margin-bottom:0}
.recent-payouts{padding-bottom:48px}
.recent-payouts .account-banner{margin-top:26px}
.exchange-row .row-chevron{width:108px;padding:20px 18px 20px 8px;font-size:13px;white-space:nowrap;color:var(--secondary)}
.row-hint{font-size:12px;display:block;margin-bottom:5px}
.row-arrow{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;font-size:18px;line-height:1;background:var(--subtle);color:var(--accent);transition:transform .18s,background .18s,color .18s}
.exchange-row:hover,.exchange-row:focus-within,.exchange-row:active{background:var(--accent-soft)}
.exchange-row:hover .row-arrow,.exchange-row:focus-within .row-arrow,.exchange-row:active .row-arrow{background:var(--accent);color:var(--button-text);border-color:var(--accent);transform:translateX(3px)}
.exchange-row:hover .exchange-link,.exchange-row:focus-within .exchange-link{color:var(--accent)}
@media(max-width:1100px){.hero{gap:30px}.payback-preview{padding:21px}.brand-logo{width:52px;height:52px}.exchange-row .row-chevron{width:88px;padding-right:12px}}
@media(max-width:800px){.exchange-row .row-chevron{position:static;grid-column:1 / -1;width:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;margin-top:14px;border-top:1px solid var(--border)}.row-hint{margin:0;font-size:12px}.row-arrow{width:26px;height:26px;font-size:16px}.exchange-row .payback-cell{padding-right:0}.exchange-row:active{box-shadow:inset 3px 0 0 var(--accent)}}
@media(max-width:760px){.brand-logo{width:44px;height:44px;border-radius:8px}.header .brand{gap:8px;font-size:19px}.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:32px;gap:25px}.payback-preview{padding:20px;border-radius:13px}.preview-balance{padding:12px 0}.preview-balance strong{font-size:35px}.preview-connections{padding:12px 0}.preview-history{padding:10px 12px}.exchanges{padding-bottom:30px}.recent-payouts{padding-bottom:32px}.footer-top .brand-logo{width:54px;height:54px}}
@media(max-width:370px){.header .brand{gap:6px;font-size:17px}.brand-logo{width:38px;height:38px}.payback-preview{padding:17px}.preview-connections>div{gap:5px}.preview-connections>div>span{font-size:11px;padding:4px 5px}}
/* Design 09: signed-in exchange detail and interactive fee preview. */
.account-menu{display:flex;align-items:center;gap:8px}.login .account-avatar{margin:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11px}
.exchange-detail{max-width:1060px;padding-top:23px;padding-bottom:42px}.exchange-detail .back-link{margin-bottom:17px;font-size:13px}
.benefit-panel,.calculator-panel,.uid-panel{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:26px}
.benefit-heading,.calculator-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.exchange-identity{display:flex;align-items:center;gap:12px}.exchange-identity>img{width:48px;height:48px;object-fit:contain;background:#fff;padding:5px;border-radius:10px}.exchange-identity[data-name="Bybit"]>img{background:#111d25}.exchange-identity h1{font-size:24px;letter-spacing:-.7px;line-height:1.25}.exchange-identity>div>span{font-size:12px;color:var(--secondary)}
.order-switch{display:flex;gap:3px;padding:4px;background:var(--subtle);border:1px solid var(--border);border-radius:9px;flex-shrink:0}.order-switch button{padding:7px 16px;font-size:13px;color:var(--secondary);border-radius:6px;font-weight:600}.order-switch button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #0001}.order-switch button:hover{color:var(--accent)}
.benefit-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:22px 0 20px}.benefit-percent{display:block;font-size:44px;font-weight:800;line-height:1.15;color:var(--accent);letter-spacing:-1.5px}.benefit-percent small{font-size:27px;margin-left:1px}.benefit-overview h2{font-size:15px;margin-top:7px}.benefit-overview p{font-size:12px;color:var(--secondary);margin-top:4px}
.fee-breakdown{background:var(--subtle);border:1px solid var(--border);border-radius:10px;padding:12px 16px}.fee-breakdown table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.fee-breakdown th,.fee-breakdown td{padding:8px 13px;text-align:right;font-size:14px}.fee-breakdown th:first-child{width:52%;text-align:left;font-weight:500}.fee-breakdown thead th{color:var(--secondary);font-size:12px;font-weight:500}.fee-breakdown tbody td{font-weight:600}.fee-breakdown tbody th{color:var(--secondary)}.fee-step{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--raised);font-size:11px;margin-right:9px;color:var(--secondary)}.original-fee td{color:var(--secondary);font-size:13px}.fee-breakdown .net-fee th,.fee-breakdown .net-fee td{color:var(--accent);font-weight:700}.net-fee .fee-step{background:var(--accent);color:var(--button-text)}.fee-breakdown .selected-column{background:var(--raised)}.fee-breakdown thead .selected-column{border-radius:6px 6px 0 0;color:var(--ink)}.fee-breakdown tr:last-child .selected-column{border-radius:0 0 6px 6px}
.fee-summary{font-size:12px;color:var(--secondary);margin:13px 0 19px}.fee-summary strong{color:var(--accent);font-weight:600}.fee-summary b{font-weight:500;color:var(--ink)}
.benefit-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--ink)}.secondary:hover{background:var(--accent-soft);border-color:var(--accent)}.benefit-actions .button{min-height:46px;font-size:14px}.detail-referral{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:15px}.detail-referral>span{color:var(--secondary);font-size:11px}.detail-referral .referral-copy{min-height:31px;font-size:12px;padding:5px 9px}
.detail-guide{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 21px;margin:23px 0;border:1px solid var(--border);border-radius:9px;background:var(--accent-soft)}.detail-guide>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.detail-guide strong{font-size:14px}.detail-guide>div>span{font-size:12px;color:var(--secondary)}.detail-guide button{font-size:13px;color:var(--accent);white-space:nowrap;font-weight:600;padding:6px 0}.detail-guide button span{margin-left:9px}.guide-content[hidden]{display:none}.guide-content{margin:-8px 0 23px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:22px}.guide-content ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0}.guide-content li{display:flex;gap:12px}.guide-content li>b{color:var(--accent);font-size:13px}.guide-content strong{font-size:14px}.guide-content p{font-size:12px;color:var(--secondary);margin-top:4px}
.calculator-heading h2{font-size:18px;letter-spacing:-.4px}.calculator-heading p{font-size:12px;color:var(--secondary);margin-top:4px}.calc-result{display:flex;gap:9px;align-items:baseline;margin:20px 0 26px}.calc-result>output{font-size:36px;font-weight:800;color:var(--accent);letter-spacing:-1px;font-variant-numeric:tabular-nums}.calc-result>span{font-size:14px;color:var(--accent);font-weight:600}.calc-result small{font-size:12px;color:var(--secondary);font-weight:400;margin-left:8px}
.volume-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.volume-heading label{font-size:14px}.volume-heading strong{font-size:18px;font-variant-numeric:tabular-nums}.volume-heading strong>span{font-size:12px;color:var(--secondary);font-weight:400}.volume-range{display:block;width:100%;margin:17px 0 11px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--accent) var(--fill,0%),var(--border) var(--fill,0%));height:5px;border-radius:5px;cursor:pointer;touch-action:pan-y}.volume-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--accent)}.volume-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--surface)}input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.volume-limits{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--secondary)}
.cost-comparison{display:grid;grid-template-columns:1fr 1fr;margin-top:21px;padding:17px;background:var(--subtle);border:1px solid var(--border);border-radius:10px}.cost-comparison>div{text-align:center;padding:2px 10px}.cost-comparison>div+div{border-left:1px solid var(--border)}.cost-comparison span{display:block;font-size:13px;color:var(--secondary)}.cost-comparison strong{display:block;font-size:22px;font-variant-numeric:tabular-nums;margin-top:5px}.cost-comparison small{font-size:11px;font-weight:400;color:var(--secondary)}.cost-comparison>div:first-child strong{color:var(--secondary)}.calculator-note{font-size:11px;color:var(--secondary);margin-top:13px}
.uid-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:23px}.uid-panel h2{font-size:18px;letter-spacing:-.4px;margin-top:7px}.uid-panel p{font-size:13px;color:var(--secondary);margin-top:4px}.uid-panel .button{white-space:nowrap;font-size:13px}.connection-state{display:inline-block;font-size:11px;line-height:1.6;padding:2px 7px;background:var(--subtle);border:1px solid var(--border);color:var(--secondary);border-radius:4px}.connection-state.pending{color:var(--accent);background:var(--accent-soft)}
#uid-form label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}#uid-input{display:block;width:100%;border:1px solid var(--border);background:var(--subtle);color:var(--ink);border-radius:8px;padding:12px;font-size:16px}#uid-form #uid-hint{font-size:12px;line-height:1.7;margin-top:10px;color:var(--secondary)}#uid-form .button{width:100%;margin-top:22px}
@media(max-width:760px){.exchange-detail{padding-top:18px;padding-bottom:30px}.exchange-detail .back-link{margin-bottom:13px}.benefit-panel,.calculator-panel,.uid-panel{padding:20px}.benefit-heading{gap:12px}.exchange-identity{gap:9px}.exchange-identity>img{width:38px;height:38px;border-radius:8px}.exchange-identity h1{font-size:21px}.exchange-identity>div>span{font-size:11px}.order-switch{gap:0;padding:3px}.order-switch button{padding:7px 10px;font-size:12px}.benefit-overview{margin-top:22px}.benefit-percent{font-size:40px}.benefit-overview .sample-tag{font-size:10px;padding:2px 5px}.benefit-overview p{font-size:11px}.fee-breakdown{padding:10px 7px}.fee-breakdown th,.fee-breakdown td{padding:8px 5px;font-size:12px}.fee-breakdown th:first-child{width:48%}.fee-breakdown thead th{font-size:11px}.fee-step{width:18px;height:18px;font-size:10px;margin-right:5px}.original-fee td{font-size:11px}.fee-summary{font-size:11px;line-height:1.8;margin-bottom:15px}.benefit-actions{gap:8px}.benefit-actions .button{font-size:12px;padding:11px 8px;gap:6px}.detail-referral{justify-content:space-between;gap:8px}.detail-referral>span{font-size:10px}.detail-referral .referral-copy{font-size:11px}.detail-guide{padding:14px 16px;margin:18px 0;gap:10px}.detail-guide>div{display:block}.detail-guide strong{font-size:13px}.detail-guide>div>span{display:block;font-size:11px;margin-top:3px}.detail-guide button{font-size:12px}.guide-content ol{grid-template-columns:1fr;gap:17px}.calculator-heading{gap:12px;align-items:flex-start}.calculator-heading h2{font-size:17px}.calculator-heading p{font-size:11px;max-width:180px}.calc-result{margin:18px 0 22px}.calc-result>output{font-size:33px}.calc-result small{font-size:11px;margin-left:5px}.volume-heading label{font-size:13px}.volume-heading strong{font-size:17px}.cost-comparison{padding:14px 7px}.cost-comparison span{font-size:11px}.cost-comparison strong{font-size:20px}.cost-comparison>div{padding:2px 5px}.uid-panel{margin-top:18px;flex-wrap:wrap;gap:15px}.uid-panel h2{font-size:17px}.uid-panel p{font-size:12px}.uid-panel .button{width:100%;justify-content:space-between;font-size:13px}.account-menu{gap:5px}.login .account-avatar{width:21px;height:21px;font-size:10px}.exchange-detail .detail-disclaimer{font-size:11px}}
@media(max-width:370px){.benefit-panel,.calculator-panel,.uid-panel{padding:16px}.benefit-heading .order-switch button{padding:6px 8px}.benefit-actions{grid-template-columns:1fr}.benefit-actions .button{font-size:13px;min-height:43px}.fee-breakdown th:first-child{width:48%}.fee-breakdown th,.fee-breakdown td{font-size:11px;padding-inline:3px}.fee-step{margin-right:3px;width:16px;height:16px}.benefit-overview{align-items:flex-start;gap:8px}.benefit-overview .sample-tag{white-space:normal;max-width:55px;text-align:center}.calculator-heading{flex-wrap:wrap}.calculator-heading p{max-width:none}.calculator-heading .order-switch{margin-left:auto}.detail-guide>div>span{max-width:155px}}

/* Design 10: separate existing/new member paths in a persistent bottom action area. */
html:has(.has-enrollment-dock){scroll-padding-bottom:var(--enrollment-offset,170px)}
.has-enrollment-dock{padding-bottom:var(--enrollment-offset,170px)}
.has-enrollment-dock #toast{bottom:var(--enrollment-offset,170px)}
.enrollment-dock{position:fixed;z-index:30;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 40px));background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:16px 20px;box-shadow:0 8px 40px #0003}
.enrollment-dock h2{display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px;letter-spacing:-.4px;line-height:1.5;margin-bottom:12px}
.enrollment-dock h2 img{width:24px;height:24px;object-fit:contain;background:white;border-radius:6px;padding:2px}.enrollment-dock h2 img[data-name="Bybit"]{background:#111d25}
.enrollment-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.enrollment-actions .button{font-size:14px;min-height:45px;padding:10px 14px;gap:14px}.enrollment-actions .secondary{background:var(--subtle)}.enrollment-actions .secondary:hover{background:var(--accent-soft)}
.member-guide{max-width:980px;padding-top:24px;padding-bottom:60px}.member-guide .back-link{margin-bottom:25px}.member-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.member-heading h1{font-size:24px}.member-intro{margin:34px 0 25px}.member-intro h2{font-size:34px;line-height:1.45;letter-spacing:-1.3px}.member-intro p{font-size:15px;color:var(--secondary);margin-top:12px}
.member-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-option{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px}.member-option-featured{border-color:var(--accent)}.member-option-number{display:grid;place-items:center;height:30px;width:30px;border-radius:50%;background:var(--raised);color:var(--secondary);font-size:12px;font-weight:700;margin-bottom:18px}.member-option-featured .member-option-number{background:var(--accent-soft);color:var(--accent)}.member-option h3{font-size:19px;letter-spacing:-.5px}.member-option p{font-size:14px;color:var(--secondary);line-height:1.85;margin-top:10px;margin-bottom:23px}.member-option .button{width:100%;margin-top:auto;font-size:14px;justify-content:space-between}
.rejoin-guide{margin-top:32px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;scroll-margin-top:20px}.rejoin-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.rejoin-heading h2{font-size:21px;letter-spacing:-.6px}.rejoin-description{font-size:13px;color:var(--secondary);margin-top:10px}.rejoin-steps{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:0}.rejoin-steps li{display:flex;gap:17px;position:relative;padding-bottom:29px}.rejoin-steps li:last-child{padding-bottom:0}.rejoin-steps li:not(:last-child):after{content:'';width:1px;position:absolute;left:15px;top:40px;bottom:9px;background:var(--border)}.rejoin-steps li>span{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:50%;background:var(--raised);color:var(--secondary);font-size:12px}.rejoin-steps li>div{flex:1}.rejoin-steps h3{font-size:16px;margin-top:2px}.rejoin-steps p{font-size:13px;color:var(--secondary);margin-top:6px}.guide-placeholder{background:var(--subtle);border:1px dashed var(--border);padding:18px;border-radius:8px;font-size:13px;color:var(--secondary);margin-top:14px}.member-return{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:var(--secondary)}.member-return a:hover{color:var(--accent)}
@media(max-width:760px){.enrollment-dock{width:100%;bottom:0;border-radius:14px 14px 0 0;padding:13px 18px calc(13px + env(safe-area-inset-bottom))}.enrollment-dock h2{font-size:15px;gap:7px;margin-bottom:10px}.enrollment-actions{gap:8px}.enrollment-actions .button{font-size:13px;padding:10px 8px;gap:6px;min-height:44px}.member-guide{padding-top:18px;padding-bottom:35px}.member-guide .back-link{margin-bottom:20px}.member-heading{align-items:flex-start;flex-wrap:wrap;gap:13px}.member-heading h1{font-size:22px}.member-intro{margin:28px 0 23px}.member-intro h2{font-size:29px}.member-intro p{font-size:14px;line-height:1.8}.member-options{grid-template-columns:1fr;gap:15px}.member-option{padding:22px}.member-option-number{margin-bottom:13px}.member-option h3{font-size:18px}.member-option p{font-size:14px;margin-bottom:19px}.rejoin-guide{padding:22px;margin-top:25px}.rejoin-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.rejoin-heading h2{font-size:20px}.rejoin-steps li{gap:12px}.rejoin-description{font-size:12px;line-height:1.8}.guide-placeholder{padding:14px;font-size:12px}.member-return{font-size:12px;gap:16px}}
@media(max-width:370px){.enrollment-dock{padding-inline:12px}.enrollment-actions .button{font-size:12px}.enrollment-dock h2{font-size:14px}.member-heading h1{font-size:20px}.member-intro h2{font-size:27px}.member-option,.rejoin-guide{padding:19px}}
/* Design 11: connected exchange accounts and a complete payment ledger. */
.account-current{border-color:var(--accent);background:var(--accent-soft)}.account-banner>a{margin-left:auto;font-size:14px;font-weight:700;white-space:nowrap;color:var(--secondary)}.account-banner>a span{margin-left:20px}.preview-connections{flex-wrap:wrap}.preview-connections>div{flex-wrap:wrap}
.mypage{max-width:1100px;padding-top:40px;padding-bottom:50px}.mypage-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.mypage-heading h1{font-size:32px;letter-spacing:-1.2px;line-height:1.4}.mypage-heading p{font-size:15px;color:var(--secondary);margin-top:9px}.mypage-heading .sample-tag{flex-shrink:0}
.my-summary{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.my-summary article{border:1px solid var(--border);border-radius:15px;padding:26px 28px;background:var(--surface);min-width:0}.my-summary .summary-total{background:var(--accent-soft);border-color:var(--accent)}.my-summary h2{font-size:15px;font-weight:600}.summary-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-label time{font-size:12px;color:var(--secondary)}.summary-value{display:flex;align-items:baseline;gap:9px;margin-top:15px}.summary-value strong{font-size:42px;line-height:1.3;font-weight:800;letter-spacing:-1.4px;font-variant-numeric:tabular-nums}.summary-total .summary-value strong{color:var(--accent)}.summary-value>span{font-size:14px;color:var(--secondary);font-weight:500}.summary-caption{font-size:12px;color:var(--secondary);margin-top:12px}
.my-exchanges{margin-top:33px}.my-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.my-section-heading h2,.history-heading h2{font-size:21px;letter-spacing:-.6px}.my-section-heading h2>span{color:var(--accent);font-size:18px;margin-left:6px}.add-exchange{font-size:13px;color:var(--secondary);padding:7px 0}.add-exchange:hover{color:var(--accent)}.linked-exchanges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.linked-exchange{border:1px solid var(--border);border-radius:12px;padding:20px;background:var(--surface)}.linked-exchange-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.linked-exchange-name{display:flex;align-items:center;gap:9px}.linked-exchange-name>img{object-fit:contain;width:36px;height:36px;background:white;padding:4px;border-radius:8px}.linked-exchange-name[data-name="Bybit"]>img{background:#111d25}.linked-exchange-name h3{font-size:19px;letter-spacing:-.5px}.linked-status{font-size:11px;color:var(--success);white-space:nowrap}.linked-status>span{display:inline-grid;place-items:center;height:16px;width:16px;border-radius:50%;background:var(--success-soft);margin-right:3px;font-size:10px}.linked-uid{display:flex;align-items:center;gap:12px;margin:17px 0 15px;font-size:14px}.linked-uid>span{font-size:12px;color:var(--secondary)}.linked-uid strong{font-weight:500;letter-spacing:.03em}.linked-exchange button{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--border);padding:12px 0 0;font-size:12px;color:var(--secondary)}.linked-exchange button:hover{color:var(--accent)}
.my-history{margin-top:36px;scroll-margin-top:20px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.history-heading p{font-size:14px;color:var(--secondary);margin-top:6px}.history-filter select{font:inherit;font-size:13px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:7px;padding:10px 30px 10px 12px;min-height:42px;cursor:pointer}.history-filter select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.history-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--secondary);margin:20px 0 11px}.history-meta>span:first-child{color:var(--ink);font-weight:500}.my-history-table-wrap{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.my-history-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.my-history-table th{text-align:left;background:var(--head);color:var(--secondary);font-size:12px;font-weight:500;padding:14px 24px}.my-history-table th:first-child{width:30%}.my-history-table th:nth-child(2){width:23%}.my-history-table th:nth-child(3){width:21%}.my-history-table th:last-child{text-align:right}.my-history-table td{border-top:1px solid var(--border);padding:17px 24px;font-size:14px}.history-date time{display:flex;align-items:center;gap:12px}.history-date time>span:last-child{font-size:12px;color:var(--secondary)}.history-exchange>span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.history-exchange img{width:24px;height:24px;object-fit:contain;padding:2px;border-radius:5px;background:#fff}.history-exchange [data-name="Bybit"] img{background:#111d25}.history-uid{color:var(--secondary);letter-spacing:.02em}.mobile-uid-label{display:none}.my-history-table .history-amount{text-align:right;font-size:16px;font-weight:700;white-space:nowrap}.history-amount small{font-size:11px;font-weight:400;color:var(--secondary);margin-left:4px}.history-end{text-align:center;font-size:12px;color:var(--secondary);padding-top:20px}.history-empty{padding:40px 20px;text-align:center;font-size:14px;color:var(--secondary)}.history-empty[hidden]{display:none}.mypage-note{font-size:12px;color:var(--secondary);text-align:center;margin-top:32px}
@media(max-width:1000px){.linked-exchange{padding:17px}.linked-exchange-heading{flex-wrap:wrap}.my-history-table th,.my-history-table td{padding-inline:18px}.history-date time{gap:7px}.summary-value strong{font-size:38px}}
@media(max-width:760px){.mypage{padding-top:28px;padding-bottom:34px}.mypage-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.mypage-heading h1{font-size:27px}.mypage-heading p{font-size:14px;line-height:1.8;max-width:260px}.mypage-heading .sample-tag{font-size:10px;padding:3px 6px;margin-top:6px}.my-summary{grid-template-columns:1fr;gap:13px}.my-summary article{padding:22px}.my-summary h2{font-size:14px}.summary-value{margin-top:10px}.summary-value strong{font-size:38px}.summary-caption{font-size:12px;margin-top:9px}.summary-yesterday .summary-value strong{font-size:32px}.my-exchanges{margin-top:29px}.my-section-heading h2,.history-heading h2{font-size:20px}.my-section-heading{margin-bottom:14px}.add-exchange{font-size:12px}.linked-exchanges{grid-template-columns:1fr;gap:10px}.linked-exchange{display:grid;grid-template-columns:1fr auto;column-gap:15px;padding:18px}.linked-exchange-heading{grid-column:1/-1;flex-wrap:nowrap}.linked-exchange-name h3{font-size:18px}.linked-exchange-name>img{width:32px;height:32px}.linked-uid{margin:12px 0 0;font-size:13px;gap:9px}.linked-exchange button{border:0;margin-top:12px;padding:0;font-size:12px;gap:13px}.my-history{margin-top:30px}.history-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}.history-heading p{font-size:13px}.history-filter{width:100%}.history-filter select{width:100%;font-size:14px}.history-meta{font-size:11px;margin-top:17px}.my-history-table,.my-history-table tbody{display:block}.my-history-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.my-history-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:7px;padding:18px;border-top:1px solid var(--border)}.my-history-table tr:first-child{border-top:0}.my-history-table td{border:0;padding:0;font-size:12px}.my-history-table .history-exchange{grid-column:1;grid-row:1}.history-exchange>span{font-size:14px;gap:8px}.history-exchange img{height:22px;width:22px}.my-history-table .history-amount{grid-column:2;grid-row:1;text-align:right;align-self:center;font-size:17px}.history-amount small{font-size:10px;margin-left:2px}.my-history-table .history-date{grid-column:1;grid-row:2;color:var(--secondary);font-size:11px}.history-date time{gap:7px;line-height:1.7}.history-date time>span:last-child{font-size:11px}.my-history-table .history-uid{grid-column:2;grid-row:2;text-align:right;align-self:center;font-size:10px;letter-spacing:0}.mobile-uid-label{display:inline}.mypage-note{font-size:11px;line-height:1.9;margin-top:26px}.account-banner>a{margin:4px 0 0;color:var(--accent)}.account-banner>a span{margin-left:12px}}
@media(max-width:370px){.mypage-heading{flex-wrap:wrap;gap:7px}.mypage-heading .sample-tag{margin-top:0}.summary-value strong{font-size:35px}.my-summary article{padding:19px}.linked-exchange{padding:16px}.linked-status{font-size:10px}.my-history-table tr{padding:16px;column-gap:8px}.my-history-table .history-amount{font-size:16px}.history-date time{gap:5px}}

/* Payment history pagination: ten records per page. */
.history-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:23px}.history-pagination[hidden]{display:none}.history-pagination button{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:var(--secondary);font-size:14px;background:transparent}.history-pagination button:hover:not(:disabled){background:var(--raised);color:var(--ink)}.history-pagination button[aria-current="page"]{background:var(--accent);color:var(--button-text);font-weight:700}.history-pagination button[aria-current="page"]:hover{background:var(--accent);color:var(--button-text)}.history-pagination .page-direction{font-size:23px;border-color:var(--border);background:var(--surface);margin-inline:4px}.history-pagination button:disabled{opacity:.35;cursor:default}.history-pagination+.history-end{padding-top:12px}#my-history-title:focus{outline:none}#my-history-title:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}
@media(max-width:370px){.history-pagination{gap:3px}.history-pagination button{min-width:32px;height:38px;padding-inline:7px}.history-pagination .page-direction{margin-inline:0}}

/* Member authentication uses the approved theme. */
.auth-wrap{min-height:65vh;display:grid;place-items:center;padding-top:60px;padding-bottom:80px}.auth-card{width:min(100%,460px);border:1px solid var(--line,#334155);border-radius:20px;padding:32px;background:var(--surface,#171d28)}.auth-card h1{font-size:28px;margin:24px 0 12px}.auth-card>p{line-height:1.7}.auth-card form{display:grid;gap:20px;margin-top:28px}.auth-card label{display:grid;gap:10px;font-weight:600}.auth-card input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--line,#64748b);border-radius:9px;padding:12px;background:var(--bg,#0e1117);color:var(--ink,#e8edf5);font:inherit}.auth-card input:focus-visible{outline:2px solid var(--accent,#83b4ff);outline-offset:2px}.auth-links{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;margin-top:24px}.auth-back,.auth-links a{color:var(--accent,#83b4ff)}#auth-message{min-height:24px;overflow-wrap:anywhere}.auth-card button:disabled{opacity:.6;cursor:wait}.linked-status.pending{color:var(--muted)}#home-message{padding:24px 0;line-height:1.8}.my-error{padding:20px;color:var(--ink)}@media(max-width:600px){.auth-wrap{padding-top:24px}.auth-card{padding:24px}}

/* Authentication steps and email confirmation states. */
.auth-card [hidden]{display:none!important}.auth-card{border-color:var(--border)}.auth-card h1:focus{outline:none}.auth-card>p{color:var(--secondary)}.auth-steps{list-style:none;display:flex;justify-content:space-between;gap:8px;padding:0;margin:28px 0 8px;font-size:11px;color:var(--secondary)}.auth-steps li{display:flex;align-items:center;gap:6px;white-space:nowrap}.auth-steps li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--raised);font-size:11px}.auth-steps [aria-current=step]{color:var(--accent);font-weight:700}.auth-steps [aria-current=step]>span{background:var(--accent);color:var(--button-text)}.auth-steps .is-done{color:var(--ink)}.auth-result{text-align:center;padding-top:24px}.auth-mail-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 20px;border-radius:20px;background:var(--raised);color:var(--accent)}.auth-mail-icon svg{width:34px;height:34px}.auth-email{font-size:17px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}.auth-help{font-size:13px;line-height:1.9;color:var(--secondary);margin-top:14px}.auth-next{display:flex;justify-content:center;gap:12px;width:100%;margin-top:26px;box-sizing:border-box}.auth-resend{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px;font-size:12px;color:var(--secondary)}.auth-text-button{padding:8px 12px;background:transparent;border:0;color:var(--accent);font:inherit;font-size:13px;cursor:pointer;border-radius:6px}.auth-text-button:hover:not(:disabled){background:var(--raised)}.auth-text-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-card .auth-text-button:disabled{cursor:default;color:var(--secondary);opacity:.7}.auth-edit{margin-top:8px}.auth-existing{font-size:11px;line-height:1.7;color:var(--secondary);margin-top:16px}.auth-success-icon{margin-bottom:28px}#auth-message:empty{display:none}@media(max-width:370px){.auth-card{padding:20px}.auth-steps{gap:5px;font-size:10px}.auth-steps li{gap:4px}.auth-steps li>span{width:20px;height:20px}.auth-card h1{font-size:24px}}

.auth-card .auth-code-form{gap:12px;text-align:left;margin-top:24px}.auth-code-form label{font-size:13px;color:var(--secondary)}.auth-code-form input{text-align:center;font-size:28px;font-weight:700;letter-spacing:.4em;padding-left:calc(12px + .4em);font-variant-numeric:tabular-nums;min-height:62px}.auth-code-form input::placeholder{color:var(--secondary);opacity:.4}.auth-code-expiry{font-size:12px;text-align:right;color:var(--secondary);margin:0}.auth-code-form+.auth-next[hidden]{display:none}

/* Live password confirmation and compact exchange identity in recent receipts. */
.auth-card .password-match{font-size:13px;line-height:1.6;margin:-10px 0 0}.password-match[data-state=match]{color:var(--success)}.password-match[data-state=mismatch]{color:#b42318}.auth-card input[aria-invalid=true]{border-color:#b42318}[data-theme=dark] .password-match[data-state=mismatch]{color:#fda29b}[data-theme=dark] .auth-card input[aria-invalid=true]{border-color:#fda29b}.payout-exchange{white-space:nowrap}.payout-exchange img{flex-shrink:0}@media(max-width:600px){.payout-table th:nth-child(1){width:28%}.payout-table th:nth-child(2){width:20%}.payout-table th:nth-child(3){width:24%}.payout-table th:nth-child(4){width:28%}.payout-table .masked-uid{font-size:11px;overflow-wrap:anywhere}}

.payout-table th{word-break:keep-all}@media(max-width:360px){.payout-table th{font-size:11px}.payout-table .masked-uid{font-size:10px;letter-spacing:-.02em;white-space:nowrap;padding-left:2px;padding-right:2px}}

/* UID request and restricted administrator workspace. */
[data-admin-link][hidden],.admin-wrap [hidden],.claim-dialog [hidden]{display:none!important}.mypage-heading [data-admin-link]{margin-left:auto}.mypage-heading{gap:18px}.claim-dialog{width:min(540px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:20px;padding:30px;background:var(--surface);color:var(--ink);box-sizing:border-box}.claim-dialog::backdrop{background:#050a16a8}.claim-dialog h2{font-size:23px;padding-right:25px}.dialog-intro{font-size:14px;color:var(--secondary);line-height:1.8;margin:12px 0 22px}.claim-dialog form{display:grid;gap:14px}.exchange-picker{padding:0;border:0;margin:0 0 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.exchange-picker legend{font-size:13px;font-weight:600;margin-bottom:10px}.exchange-picker label{position:relative;cursor:pointer}.exchange-picker input{position:absolute;opacity:0;width:1px;height:1px}.exchange-picker label>span{border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 5px;font-size:13px;font-weight:600}.exchange-picker img{width:24px;height:24px;object-fit:contain;border-radius:5px}.exchange-picker input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.exchange-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.field-label{display:grid;gap:9px;font-size:14px;font-weight:600}.claim-dialog input:not([type=radio]):not([type=checkbox]),.claim-dialog textarea,.claim-dialog select,.admin-toolbar select{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--ink);font:inherit}.claim-dialog input:focus-visible,.claim-dialog textarea:focus-visible,.claim-dialog select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-help{font-size:12px;color:var(--secondary);line-height:1.8}.claim-notice{background:var(--subtle);border-radius:10px;padding:14px;font-size:13px;line-height:1.8;color:var(--secondary)}.claim-dialog .button{width:100%;margin-top:4px}.claim-dialog button:disabled{opacity:.6;cursor:wait}#claim-error,#review-message{font-size:13px;color:var(--accent);line-height:1.8}#claim-error:empty,#review-message:empty,#claim-notification:empty{display:none}#claim-notification{margin-top:20px;padding:15px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:14px}.claim-reason{font-size:13px;line-height:1.8;color:var(--secondary);overflow-wrap:anywhere}.admin-wrap{padding-top:40px;padding-bottom:70px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-heading h1{font-size:30px;margin:14px 0 8px}.admin-heading p{font-size:14px;color:var(--secondary);line-height:1.8}.admin-badge{font-size:12px;padding:7px 12px;background:var(--accent-soft);color:var(--accent);border-radius:20px;white-space:nowrap}.admin-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-top:30px}.admin-tabs button{padding:16px 0;font-weight:600;color:var(--secondary);border-bottom:2px solid transparent}.admin-tabs [aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.admin-toolbar{display:flex;align-items:center;gap:16px;margin:28px 0 14px}.admin-toolbar h2{font-size:20px;margin-right:auto}.admin-toolbar label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}.admin-toolbar select{width:auto;padding:8px 12px;font-size:13px}#admin-meta{font-size:13px;color:var(--secondary);margin-bottom:14px}.admin-table-wrap{border:1px solid var(--border);border-radius:13px;background:var(--surface);overflow:auto}.admin-table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:16px;color:var(--secondary);background:var(--head);font-weight:500;white-space:nowrap}.admin-table td{padding:18px 16px;border-top:1px solid var(--border);overflow-wrap:anywhere}.admin-uid{font-variant-numeric:tabular-nums}.status-pill{white-space:nowrap;border-radius:14px;background:var(--raised);padding:5px 8px;font-size:11px}.status-pill.approved{color:var(--success);background:var(--success-soft)}.status-pill.pending{color:var(--accent);background:var(--accent-soft)}.review-open{font-size:12px;font-weight:600;border:1px solid var(--border);padding:8px 10px;border-radius:7px;white-space:nowrap}.review-open:hover{border-color:var(--accent);color:var(--accent)}.admin-empty{text-align:center!important;padding:45px!important;color:var(--secondary)}.review-dialog{width:min(600px,calc(100vw - 32px))}.review-summary{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:20px;background:var(--subtle);border-radius:12px;margin:20px 0;font-size:14px}.review-summary dt{color:var(--secondary)}.review-summary dd{margin:0;overflow-wrap:anywhere;font-weight:600}.confirm-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin-top:14px}.confirm-check input{margin-top:5px;accent-color:var(--accent)}.audit-heading{font-size:16px;margin:28px 0 12px}.audit-item{padding:14px 0;border-top:1px solid var(--border);font-size:12px;line-height:1.8}.audit-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.audit-item small{color:var(--secondary)}@media(max-width:600px){.claim-dialog{padding:24px 20px}.exchange-picker{grid-template-columns:repeat(2,1fr)}.exchange-picker label>span{justify-content:flex-start;padding:12px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:27px}.admin-badge{margin-top:38px}.admin-tabs{gap:18px;font-size:13px}.admin-toolbar{flex-wrap:wrap;gap:12px}.admin-toolbar h2{width:100%;margin-bottom:4px}.admin-toolbar #admin-refresh{margin-left:auto}.mypage-heading{flex-wrap:wrap}.mypage-heading [data-admin-link]{margin-left:0}.mypage-heading [data-logout]{margin-left:auto}}

.exchange-picker img{background:#fff;padding:3px;box-sizing:border-box}.exchange-picker input[value=BYBIT]+span img{background:#111d25}

/* Explicit action buttons, distinct from ordinary navigation text. */
.mypage-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mypage-actions [data-admin-link],.mypage-actions [data-logout]{margin:0}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;text-decoration:none}.action-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.action-button.action-secondary{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000a}.action-button.action-primary{background:var(--button);color:var(--button-text);border-color:var(--button);box-shadow:0 3px 8px #356ae61a}.action-button.action-secondary:hover{background:var(--raised);border-color:var(--accent);color:var(--ink)}.action-button.action-primary:hover{background:var(--button);color:var(--button-text);filter:brightness(.96);box-shadow:0 4px 12px #356ae62b}.action-button:active{transform:translateY(1px)}.action-button:focus-visible,.review-open:focus-visible,.linked-exchange button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.action-button:disabled{opacity:.55;cursor:default;transform:none}.my-section-heading{flex-wrap:wrap}.linked-exchange button{border:1px solid var(--border);background:var(--subtle);border-radius:8px;min-height:40px;padding:10px 12px;margin-top:14px;font-weight:600;color:var(--ink)}.linked-exchange button:hover{background:var(--raised);border-color:var(--accent);color:var(--accent)}.review-open{background:var(--subtle);min-height:38px;color:var(--ink)}.review-open:hover{background:var(--raised)}.field-optional{display:inline;color:var(--secondary);font-size:12px;font-weight:400}@media(max-width:600px){.mypage-actions{width:100%;margin-top:6px}.mypage-actions .action-button{flex:1}.my-section-heading .action-button{font-size:13px;padding:10px 14px}.admin-toolbar #admin-refresh{margin-left:auto}.action-button{min-height:44px}}