:root{font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer;border:0}body{color:#f8fafc;background:radial-gradient(circle at 0 0,#172554 0,#0000 35%),radial-gradient(circle at 100% 0,#164e63 0,#0000 30%),#020617;min-width:320px;min-height:100vh;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:36px 0 60px}.app-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:#38bdf8;letter-spacing:.18em;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(38px,7vw,70px);line-height:.95}h2{margin-bottom:8px;font-size:30px}.app-status{color:#86efac;background:#16653424;border:1px solid #4ade8038;border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:14px;font-weight:700;display:flex}.app-status span{background:#4ade80;border-radius:50%;width:9px;height:9px;box-shadow:0 0 16px #4ade80}.navigation{background:#0f172ab8;border:1px solid #94a3b824;border-radius:16px;gap:10px;margin-bottom:22px;padding:8px;display:flex;overflow-x:auto}.navigation button{color:#94a3b8;background:0 0;border-radius:11px;flex:none;padding:11px 16px}.navigation button.active{color:#fff;background:#0ea5e9;font-weight:700}.navigation button:disabled{cursor:not-allowed;opacity:.45}.panel,.wallet-connect-panel,.sign-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ad4;border:1px solid #94a3b82b;border-radius:22px;box-shadow:0 30px 90px #0000004d}.panel{padding:30px}.section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.section-header button{color:#f8fafc;background:#1e293b;border-radius:11px;padding:11px 18px;font-weight:700}.section-header button:hover{background:#334155}.muted{color:#94a3b8;margin-bottom:0;line-height:1.6}.alert{color:#fecaca;background:#7f1d1d38;border:1px solid #f8717159;border-radius:12px;margin:18px 0;padding:14px 16px}.success-alert{color:#86efac;background:#16653433;border:1px solid #4ade804d;border-radius:12px;margin-top:18px;padding:14px 16px}.empty-state{text-align:center;border:1px dashed #94a3b840;border-radius:16px;padding:60px 20px}.empty-state h3{margin-bottom:8px;font-size:22px}.empty-state p{color:#94a3b8;margin-bottom:0}.block-list{gap:18px;display:grid}.block-card{background:#02061773;border:1px solid #94a3b829;border-radius:16px;padding:22px}.block-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.block-number{font-size:19px;font-weight:800}.block-heading p{color:#94a3b8;margin:6px 0 0;font-size:13px}.valid-badge{color:#86efac;background:#22c55e21;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.message-box{background:#020617;border-radius:12px;margin-bottom:20px;padding:16px}.message-box strong{color:#94a3b8;margin-bottom:10px;font-size:13px;display:block}pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-family:Cascadia Code,Consolas,monospace}.block-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.block-details div{min-width:0}.block-details dt{color:#64748b;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800}.block-details dd{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Cascadia Code,Consolas,monospace;overflow:hidden}.panel label{color:#cbd5e1;margin:20px 0 8px;font-size:14px;font-weight:700;display:block}.panel input,.panel textarea{color:#f8fafc;background:#020617bf;border:1px solid #94a3b838;border-radius:12px;outline:none;width:100%;padding:14px 15px}.panel textarea{resize:vertical;min-height:130px}.panel input:focus,.panel textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.primary-button{color:#fff;background:#0ea5e9;border-radius:12px;width:100%;margin-top:22px;padding:14px 18px;font-weight:800}.primary-button:hover:not(:disabled){background:#0284c7}.primary-button:disabled{cursor:not-allowed;opacity:.45}.sign-page{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:22px;display:grid}.wallet-connect-panel{padding:28px}.connect-copy{margin-bottom:24px}.wallet-buttons{flex-wrap:wrap;gap:12px;display:flex}.wallet-button,.ledger-button{border-radius:14px;min-height:56px;padding:0 22px;font-size:17px;font-weight:800}.wallet-button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.ledger-button{color:#f8fafc;background:#161a28;border:1px solid #94a3b84d}.wallet-button:hover:not(:disabled),.ledger-button:hover:not(:disabled){transform:translateY(-1px)}.wallet-button:disabled,.ledger-button:disabled{cursor:not-allowed;opacity:.45}.connection-pill{color:#99f6e4;background:#0f766e1f;border:1px solid #2dd4bf40;border-radius:999px;align-items:center;gap:10px;max-width:100%;margin-top:14px;padding:10px 16px;font-size:14px;font-weight:750;display:inline-flex}.connection-pill.connected{color:#86efac;background:#16653424;border-color:#4ade804d}.connection-dot{background:#5eead4;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 14px #5eead4}.connection-pill.connected .connection-dot{background:#4ade80;box-shadow:0 0 14px #4ade80}.ledger-path-box{margin-top:24px}.ledger-path-box label{color:#cbd5e1;margin-bottom:9px;font-size:13px;font-weight:750;display:block}.derivation-path{background:#020617bf;border:1px solid #94a3b838;border-radius:12px;align-items:center;display:flex;overflow:hidden}.derivation-path span{color:#64748b;padding-left:14px;font-family:Cascadia Code,Consolas,monospace}.derivation-path input{color:#f8fafc;background:0 0;border:0;outline:none;width:100%;padding:13px 14px 13px 4px;font-family:Cascadia Code,Consolas,monospace}.sign-card{padding:34px;position:relative;overflow:hidden}.step-number{color:#94a3b814;font-size:78px;font-weight:900;line-height:1;position:absolute;top:15px;right:26px}.sign-card-heading{max-width:610px;margin-bottom:30px;position:relative}.sign-card-heading h2{font-size:30px}.sign-card-heading p{color:#94a3b8;margin-bottom:0;font-size:16px;line-height:1.65}.timestamp-option{color:#cbd5e1;cursor:pointer;background:#02061794;border:1px solid #94a3b830;border-radius:14px;align-items:center;gap:14px;min-height:60px;padding:14px 20px;display:flex}.timestamp-option input{accent-color:#8b5cf6;width:20px;height:20px}.field-label{color:#e2e8f0;margin:25px 0 9px;font-size:14px;font-weight:800;display:block}.sign-message-input{resize:vertical;color:#f8fafc;background:#0206179e;border:1px solid #94a3b842;border-radius:15px;outline:none;width:100%;min-height:168px;padding:17px;font-size:16px;line-height:1.55}.sign-message-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf624}.message-information{color:#64748b;justify-content:space-between;gap:20px;margin-top:10px;font-size:13px;display:flex}.sign-action-button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4f46e5);border-radius:14px;width:100%;min-height:58px;margin-top:22px;font-size:16px;font-weight:850}.sign-action-button:hover:not(:disabled){filter:brightness(1.08)}.sign-action-button:disabled{cursor:not-allowed;opacity:.48}.signature-warning{color:#f5d08a;background:#78350f1f;border:1px solid #f59e0b3d;border-radius:13px;margin-top:22px;padding:15px 17px;font-size:13px;line-height:1.6}@media (width<=900px){.sign-page{grid-template-columns:1fr}}@media (width<=700px){.shell{width:min(100% - 20px,1180px);padding-top:22px}.app-header,.section-header{flex-direction:column;align-items:flex-start}.panel,.wallet-connect-panel,.sign-card{padding:20px}.block-details{grid-template-columns:1fr}.wallet-buttons{flex-direction:column}.wallet-button,.ledger-button{width:100%}.message-information{flex-direction:column;align-items:flex-start;gap:5px}.step-number{font-size:60px}}.crypto-heading{margin-bottom:26px}.crypto-heading .muted{max-width:780px}.local-security-box{color:#bbf7d0;background:#16653429;border:1px solid #4ade804d;border-radius:14px;margin:18px 0;padding:16px 18px}.local-security-box strong{color:#86efac;margin-bottom:7px;display:block}.local-security-box p{margin:0;line-height:1.65}.private-key-warning{color:#fcd34d;background:#78350f24;border:1px solid #f59e0b47;border-radius:13px;margin:18px 0;padding:15px 17px;font-size:13px;line-height:1.65}.crypto-help{color:#64748b;margin:7px 0 0;font-size:12px;line-height:1.55}.crypto-mono-input{overflow-wrap:anywhere;font-family:Cascadia Code,Consolas,monospace}.private-key-row{position:relative}.private-key-row input{padding-right:82px;font-family:Cascadia Code,Consolas,monospace}.private-key-toggle{color:#cbd5e1;background:#1e293b;border-radius:9px;min-width:62px;min-height:36px;font-size:12px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.private-key-toggle:hover:not(:disabled){background:#334155}.private-key-toggle:disabled{cursor:not-allowed;opacity:.45}.crypto-result{background:#0206179e;border:1px solid #38bdf838;border-radius:16px;margin-top:24px;padding:18px}.crypto-result-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.crypto-result-header strong{color:#e2e8f0}.crypto-result textarea{resize:vertical;color:#f8fafc;background:#020617bf;border:1px solid #94a3b838;border-radius:12px;outline:none;width:100%;min-height:200px;margin:0;padding:14px 15px;font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.65}.crypto-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.crypto-secondary-button{color:#f8fafc;background:#1e293b;border:1px solid #94a3b838;border-radius:12px;min-height:48px;padding:0 18px;font-weight:800}.crypto-secondary-button:hover:not(:disabled){background:#334155}.crypto-secondary-button:disabled{cursor:not-allowed;opacity:.45}.crypto-full-button{width:100%;margin-top:14px}.crypto-clear-button{width:100%;margin-top:16px}@media (width<=650px){.crypto-actions{grid-template-columns:1fr}.crypto-result-header{flex-direction:column;align-items:flex-start}}