/* Shared controls, launch setup and the two color themes. */
:root { color-scheme:light; }
.nav-tools { display:flex; align-items:center; gap:4px; }
.icon-button { display:inline-flex; align-items:center; justify-content:center; width:36px; height:38px; flex:none; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--ink-2); }
.icon-button:hover { background:var(--ice); color:var(--ink); }
.icon-button img,.icon-button svg { width:17px; height:17px; }
.theme-sun { display:none; }
.footer-social { display:inline-flex; align-items:center; gap:9px; margin-top:20px; color:var(--ink); font-size:11px; }
.footer-social:hover { color:var(--blue); }
.principle-icon { display:grid; place-items:center; width:52px; height:52px; border:1px solid var(--line); border-radius:13px; margin:2px 0 34px; color:var(--blue); background:var(--paper-2); }
.principle-icon svg { width:26px; height:26px; }
.principle-grid article { background:var(--paper-2); padding:30px; }
.ca-box { display:flex; align-items:center; gap:24px; padding:19px 22px; margin:0 0 24px; border:1px solid var(--line); background:var(--paper-2); border-radius:12px; min-width:0; }
.ca-label { display:flex; align-items:center; gap:8px; flex:none; font-size:11px; font-weight:600; }
.ca-label>span:last-child { color:var(--ink-3); font-weight:400; margin-left:4px; }
.ca-dot { width:6px; height:6px; background:var(--blue); border-radius:50%; }
.ca-box code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:var(--ink-2); font-size:12px; overflow-wrap:anywhere; min-width:0; user-select:all; }
.ca-actions { display:flex; gap:8px; margin-left:auto; align-items:center; flex:none; }
.ca-actions button,.ca-actions a { border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--ink-2); padding:6px 10px; font-size:10px; }
.ca-shell { width:min(1180px,calc(100% - 80px)); margin:22px auto 0; }
.ca-shell .ca-box { margin:0; }
.launch-shell { width:min(760px,calc(100% - 48px)); margin:50px auto 0; }
.launch-heading h1 { font-size:48px; margin:18px 0; letter-spacing:-2px; }
.launch-heading>p { max-width:610px; font-size:14px; color:var(--ink-2); }
.launch-panel { margin-top:30px; padding:30px; background:var(--paper-2); border:1px solid var(--line); border-radius:18px; }
.launch-panel h2 { font-size:23px; letter-spacing:-.6px; margin-bottom:14px; }
.launch-panel>p,.launch-panel li { color:var(--ink-2); font-size:13px; }
.launch-panel ol { padding-left:20px; margin-top:16px; }
.launch-panel li+li { margin-top:10px; }
.launch-panel code { font-size:12px; overflow-wrap:anywhere; }
.launch-form label { display:block; color:var(--ink-2); font-size:12px; margin-bottom:9px; }
.launch-form fieldset { min-width:0; border:0; padding:0; margin:0; }
.launch-form input { display:block; width:100%; min-width:0; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:9px; padding:13px; font-size:14px; }
.launch-form input:focus { outline:2px solid var(--blue); outline-offset:2px; }
.launch-form input[readonly] { opacity:.75; }
.launch-field { margin-top:23px; }
.launch-form small { display:block; font-size:11px; color:var(--ink-3); margin-top:8px; }
.launch-budgets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.launch-form .btn { margin-top:25px; }
.launch-status { font-size:13px; color:var(--ink-2); margin-top:20px; overflow-wrap:anywhere; }
.launch-status[data-error="true"] { color:#b54550; }
.launch-review { padding:18px; margin-top:24px; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
.launch-review dl { display:grid; grid-template-columns:1fr auto; gap:10px 20px; font-size:12px; }
.launch-review dt { color:var(--ink-2); }.launch-review dd { text-align:right; overflow-wrap:anywhere; }
.launch-review p { font-size:11px; color:var(--ink-3); margin-top:15px; }
.launch-wallet { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.launch-wallet>div { min-width:0; }
.launch-wallet code { display:block; color:var(--ink-2); overflow-wrap:anywhere; }
.launch-tx { display:inline-block; font-size:12px; color:var(--blue); margin-top:10px; text-decoration:underline; }

:root[data-theme="dark"] { color-scheme:dark; --paper:#0c111b; --paper-2:#121b29; --ice:#1b2942; --ink:#edf2fc; --ink-2:#a9b6ce; --ink-3:#8e9eb9; --line:#253249; --deep:#18345d; --blue:#83a7ff; }
[data-theme="dark"] .nav { background:#101927ee; border-color:#2a3750; box-shadow:0 8px 28px #0002; }
[data-theme="dark"] .nav .links { color:var(--ink-2); }
[data-theme="dark"] .nav .cta,[data-theme="dark"] .addr-chip { background:#254980; color:#fff; }
[data-theme="dark"] .theme-moon { display:none; }
[data-theme="dark"] .theme-sun { display:block; }
[data-theme="dark"] .x-link img { filter:invert(1); }
[data-theme="dark"] .skip-link { background:var(--paper-2); }
[data-theme="dark"] .btn { background:#19263c; border-color:#354763; color:var(--ink); }
[data-theme="dark"] .btn:hover { background:#22334d; }
[data-theme="dark"] .btn-fill { background:#416dec; border-color:#527bed; color:white; }
[data-theme="dark"] .btn-fill:hover { background:#527cf6; }
[data-theme="dark"] .hero-footnote,[data-theme="dark"] .promise-strip>div,[data-theme="dark"] .strip-detail,[data-theme="dark"] .art-caption { color:var(--ink-3); }
[data-theme="dark"] .art-glow { background:radial-gradient(ellipse,#3462b330,transparent 70%); }
[data-theme="dark"] .orbit { border-color:#5172a51f; }
[data-theme="dark"] .asset-float { background:#152035ee; border-color:#344967; box-shadow:0 14px 30px #0003; }
[data-theme="dark"] .coin-sapphire { background:#233958; }
[data-theme="dark"] .asset-switcher button { background:var(--paper-2); border-color:var(--line); }
[data-theme="dark"] .asset-switcher button:hover { border-color:#6887bb; }
[data-theme="dark"] .asset-switcher button[aria-pressed="true"] { background:#1a2b48; border-color:#6b90e6; box-shadow:0 0 0 3px #729cff0d; }
[data-theme="dark"] .pool-overview,[data-theme="dark"] .blk,[data-theme="dark"] .white,[data-theme="dark"] .mine-metrics,[data-theme="dark"] .pool-bar { background:var(--paper-2); }
[data-theme="dark"] .pool-overview-head,[data-theme="dark"] .pool-overview-foot,[data-theme="dark"] .pool-stats>div,[data-theme="dark"] .mine-metrics>div { border-color:var(--line); }
[data-theme="dark"] .pool-empty { background:radial-gradient(ellipse at 20% 60%,#31588714,transparent 55%); }
[data-theme="dark"] .status-pill { background:#1d2e49; color:#b0c8ec; }
[data-theme="dark"] .pool-error { color:#e8bc83; }
[data-theme="dark"] .journey-steps>div>span { border-color:var(--line); color:var(--ink-2); }
[data-theme="dark"] .gate .blk { background:transparent; }
[data-theme="dark"] .gate .hatch { background:radial-gradient(ellipse,#2c4e8033,transparent 68%); }
[data-theme="dark"] .blue { background:linear-gradient(135deg,#203455,#182840); border-color:#344d73; }
[data-theme="dark"] .deep { background:linear-gradient(140deg,#162944,#213e65); border-color:#345076; color:#edf2fc; }
[data-theme="dark"] .deep .k,[data-theme="dark"] .deep .v small { color:#b7c8e2; }
[data-theme="dark"] .blue .btn-ghost { background:#2c4875; color:white; border-color:#496693; }
[data-theme="dark"] .pool-bar select,[data-theme="dark"] .field { background:#0e1726; border-color:var(--line); }
[data-theme="dark"] .mine-mark { background:linear-gradient(135deg,#1b2b44,#142137); border-color:#354b70; }
[data-theme="dark"] .mine-pick,[data-theme="dark"] .mine-link img,[data-theme="dark"] .tab .mine-icon { filter:brightness(1.8); }
[data-theme="dark"] .net-banner { background:#3a3020; color:#ead1a1; }
[data-theme="dark"] footer .logos img { filter:brightness(0) invert(1); opacity:.72; }
[data-theme="dark"] footer .note,[data-theme="dark"] .footer-bottom { color:var(--ink-3); }
[data-theme="dark"] .closing-panel .btn { background:#f4f7ff; color:#13213e; }
[data-theme="dark"] .launch-status[data-error="true"] { color:#ff9ba5; }
@media(max-width:1250px) { .nav { gap:18px; }.network-pill { display:none; } }
@media(max-width:1100px) { .app-page .nav .links { display:none; } }
@media(max-width:900px) { .nav .links { gap:14px; }.nav { gap:12px; }.ca-label>span:last-child { display:none; }.ca-box { gap:15px; }.ca-shell { width:calc(100% - 48px); } }
@media(max-width:600px) {
  .nav { gap:6px; }.nav-tools { gap:0; }.icon-button { width:30px; height:36px; }.icon-button img,.icon-button svg { width:15px; height:15px; }.nav .cta { padding:11px 10px; }.nav .cta>svg { display:none; }
  .ca-box { display:grid; grid-template-columns:1fr auto; gap:11px; padding:17px; }.ca-box code { grid-column:1/-1; grid-row:2; font-size:11px; }.ca-label>span:last-child { display:inline; font-size:9px; }.ca-actions { grid-column:2; grid-row:1; }.ca-actions a { display:none; }.ca-shell { width:calc(100% - 32px); margin-top:15px; }
  .principle-grid article { padding:26px; }.principle-icon { margin-bottom:25px; }
  .launch-shell { width:calc(100% - 32px); margin-top:30px; }.launch-heading h1 { font-size:36px; }.launch-heading>p { font-size:12px; }.launch-panel { padding:22px; }.launch-budgets { grid-template-columns:1fr; gap:0; }.launch-review dl { grid-template-columns:1fr; gap:5px; }.launch-review dd { text-align:left; margin-bottom:10px; }.launch-wallet { gap:12px; }
}
@media(max-width:360px) { .nav .brand { font-size:14px; }.nav .brand img { width:20px; height:20px; }.nav #btn-connect { font-size:9px; padding:11px 8px; }.nav .cta .mine-icon { display:none; } }
@media(max-width:380px) { .app-page .nav .brand { font-size:0; gap:0; }.app-page .nav .brand img { width:24px; height:24px; } }