:root{color:#17211f;background:#f6f8f5;font-family:Aptos,Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: 1240px;--ink: #17211f;--muted: #68716d;--line: #dedbd0;--paper: #fbfaf5;--panel: #ffffff;--green: #17443a;--gold: #d9a441;--berry: #c94b41;--blue: #315f96;--orange: #a86525;--red: #bd3b30}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%}body{margin:0;background:linear-gradient(90deg,rgba(23,68,58,.05) 1px,transparent 1px),linear-gradient(180deg,#fbfaf5,#f4f1e8);background-size:40px 40px,auto}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.7}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(49,95,232,.25);outline-offset:2px}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;min-height:72px;padding:12px max(18px,calc((100vw - var(--page)) / 2));border-bottom:1px solid rgba(23,33,31,.1);background:#fbfcf8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button,.main-nav button,.network-pill,.wallet-pill,.secondary-button,.primary-button,.row-actions button,.tx-row button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.brand-button:hover,.main-nav button:hover,.network-pill:hover,.wallet-pill:hover,.secondary-button:hover,.primary-button:hover,.row-actions button:hover,.tx-row button:hover{transform:translateY(-1px)}.brand-button{gap:10px;padding:0;color:var(--ink);text-align:left;background:transparent}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--green)}.cake-logo-mark{position:relative;display:block;width:23px;height:19px}.cake-logo-mark:before,.cake-logo-mark:after{position:absolute;content:""}.cake-logo-mark:before{right:0;bottom:0;left:0;height:13px;border-radius:3px 3px 5px 5px;background:linear-gradient(180deg,var(--gold) 0 42%,#fbfaf5 42% 68%,var(--berry) 68% 100%)}.cake-logo-mark:after{top:0;left:7px;width:9px;height:9px;border:3px solid #fbfaf5;border-bottom:0;border-radius:9px 9px 0 0}.brand-button strong,.brand-button small{display:block}.brand-button strong{font-size:18px}.brand-button small{color:var(--muted);font-size:12px}.main-nav{display:flex;justify-content:center;gap:6px;min-width:0}.main-nav button{height:38px;padding:0 12px;color:var(--muted);background:transparent}.main-nav button.active{color:var(--ink);background:#ebe4cf}.header-actions{display:flex;justify-content:flex-end;gap:8px}.language-toggle{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:#fff;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.language-toggle:hover{transform:translateY(-1px);border-color:var(--green);background:#f6f8f5}.language-toggle .lang-code{min-width:18px;padding:2px 6px;border-radius:10px;color:#fff;background:var(--green);font-size:12px;font-weight:600;text-align:center}.language-toggle:hover .lang-code{background:var(--gold)}.network-pill,.wallet-pill,.secondary-button{min-height:38px;gap:8px;padding:0 12px;border-color:var(--line);color:var(--ink);background:#fff}.network-pill.warning{border-color:#b35f2373;color:var(--orange)}.wallet-pill{color:#fff;background:var(--ink)}.primary-button{min-height:42px;gap:8px;padding:0 15px;color:#fff;background:var(--green)}.primary-button.wide,.secondary-button.wide{width:100%}.secondary-button.compact{min-height:34px;padding:0 10px}.secondary-button.selected{border-color:#0f8b6f59;color:var(--green);background:#ecf6f2}.page-shell{width:min(var(--page),calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:24px 0 20px}.hero-copy{max-width:720px}.eyebrow{display:inline-flex;margin-bottom:8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:760px;font-size:40px;line-height:1.08;letter-spacing:0}.hero-copy p{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:10px}.price-indicator{display:grid;min-width:132px;min-height:48px;align-content:center;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.price-indicator strong{font-size:15px}.price-indicator small,.metric-card small,.metric-text small,.metric-text em,.key-value span,.tx-row small,.selected-validator small,.check-row small,.brand-button small{color:var(--muted);font-style:normal}.price-indicator.stale{border-color:#b35f235c}.notice{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:#31413c;background:#f7faf7}.notice.warning{border-color:#bd3b3047;color:var(--red);background:#fff7f5}.compact-notice{min-height:36px;font-size:13px}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 18px}.metric-card,.panel{border:1px solid rgba(23,33,31,.1);border-radius:8px;background:var(--panel);box-shadow:0 16px 40px #17211f0f}.metric-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;min-height:116px;padding:16px;align-content:center}.metric-card span{align-self:end;color:var(--muted);font-size:13px}.metric-card strong{grid-column:2;min-width:0;overflow-wrap:anywhere;font-size:20px}.metric-card small{grid-column:2}.metric-icon{display:grid;grid-row:span 3;width:38px;height:38px;place-items:center;border-radius:8px;color:var(--green);background:#ebe4cf}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr) 320px;gap:14px;align-items:start}.workspace-grid.narrow{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}.overview-grid{align-items:stretch}.validator-action-grid{margin-bottom:14px}.table-panel{margin-top:14px}.panel{padding:18px}.panel-heading{display:grid;gap:4px;margin-bottom:16px}.panel-heading.inline{grid-template-columns:1fr auto;align-items:center}.panel-heading span{color:var(--green);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.panel-heading strong{font-size:22px}.action-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-tabs button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:56px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-align:left;background:#fbfcf8}.action-tabs button.active{border-color:#17443a80;background:#f1ecd9}.action-tabs svg{color:var(--green)}.action-tabs strong{display:block}.input-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(120px,.7fr);gap:10px;margin-top:14px}label{display:grid;gap:7px;color:var(--muted);font-size:13px}input,select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink);background:#fff}.selected-validator{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcf8}.selected-validator span,.selected-validator strong,.selected-validator small{display:block}.selected-validator span{color:var(--muted);font-size:12px}.selected-validator strong{margin:3px 0;font-size:18px}.validator-mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.validator-mini-metrics span{min-height:30px;padding:7px 8px;border-radius:6px;color:#40504c;background:#f3efe0;font-size:12px}.overview-status-grid{display:grid;gap:8px}.next-step-row{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.next-step-row>span{color:var(--muted);font-size:13px}.next-step-row>div{display:flex;flex-wrap:wrap;gap:8px}.plan-panel{min-height:430px}.empty-plan{display:grid;min-height:260px;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center}.empty-plan p{max-width:300px;line-height:1.6}.simulation{display:flex;gap:8px;align-items:center;min-height:40px;padding:10px 12px;border-radius:8px;color:var(--green);background:#ebe4cf}.simulation.failed{color:var(--red);background:#fff1ef}.simulation.partial,.simulation.pending{color:var(--orange);background:#fff7ec}.outcome-row{display:grid;gap:4px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcf8}.outcome-row span{color:var(--muted);font-size:13px}.tx-list{display:grid;gap:8px;margin:12px 0}.tx-row{display:grid;grid-template-columns:32px minmax(0,1fr) 34px;gap:10px;align-items:center;min-height:58px;padding:10px;border:1px solid var(--line);border-radius:8px}.tx-row>span{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;color:var(--green);background:#ebe4cf;font-size:12px;font-weight:800}.tx-row strong,.tx-row small{display:block;min-width:0;overflow-wrap:anywhere}.tx-row button,.row-actions button{width:34px;height:34px;border-color:var(--line);color:var(--ink);background:#fff}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.readiness-panel{min-height:320px}.check-list{display:grid;gap:10px}.check-list.roomy{margin-bottom:16px}.check-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;min-height:48px}.check-row>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%}.check-row>span.ok{color:var(--green);background:#ebe4cf}.check-row>span.warning{color:var(--orange);background:#fff4e3}.check-row strong,.check-row small{display:block}.validator-table{display:grid;gap:8px}.validator-row{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(110px,1fr)) 82px;gap:12px;align-items:center;min-height:78px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcf8}.validator-name{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.validator-name>span{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#fff;font-weight:800;background:var(--blue)}.validator-name strong,.validator-name small,.metric-text strong,.metric-text small,.metric-text em{display:block;min-width:0;overflow-wrap:anywhere}.metric-text strong{margin:2px 0}.metric-text em{font-size:12px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.queue-list{display:grid;gap:8px;margin-bottom:12px}.queue-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcf8}.queue-row span{color:var(--green);font-weight:800}.queue-row small,.muted-copy{color:var(--muted)}.key-values{display:grid;gap:8px}.key-value{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;min-height:42px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.key-value:last-child{border-bottom:0}.key-value strong{min-width:0;overflow-wrap:anywhere}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;gap:8px;width:min(360px,calc(100vw - 36px))}.toast{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 30px #17211f1f}.toast.success{border-color:#0f8b6f4d}.toast.warning{border-color:#bd3b304d}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.app-header{grid-template-columns:1fr;gap:10px}.main-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.header-actions{justify-content:flex-start;flex-wrap:wrap}.hero-panel,.workspace-grid,.workspace-grid.narrow{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.validator-row{grid-template-columns:minmax(0,1fr) minmax(110px,auto)}.validator-row .metric-text{display:none}.row-actions{align-self:stretch;align-items:center}}@media(max-width:680px){.page-shell{width:min(100% - 20px,var(--page));padding-top:14px}h1{font-size:30px}.hero-panel{gap:16px}.hero-actions,.plan-actions,.input-grid,.action-tabs,.metric-strip,.validator-mini-metrics{grid-template-columns:1fr}.hero-actions{display:grid}.metric-card{min-height:104px}.panel{padding:14px}.queue-row,.key-value{grid-template-columns:1fr;gap:4px}}
