:root{--font-base: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Code", "Liberation Mono", Menlo, monospace;--color-bg: #ecece8;--color-panel: #ffffff;--color-panel-soft: #f4f4f0;--color-text: #0c0c0b;--color-muted: #67675f;--color-ink: #111110;--color-border: #111110;--color-border-soft: #d4d4cc;--color-accent: #2b2b28;--color-accent-soft: #e7e7e1;--color-focus: rgba(17, 17, 16, .18);--shadow-panel: 0 1px 0 rgba(0, 0, 0, .03), 0 12px 32px rgba(0, 0, 0, .06);--shadow-pop: 5px 5px 0 var(--color-ink);--shadow-pop-sm: 3px 3px 0 var(--color-ink);--shadow-pop-xs: 2px 2px 0 var(--color-ink);--radius: 8px;--radius-sm: 5px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px 56px;background-color:var(--color-bg);background-image:radial-gradient(circle at 1px 1px,rgba(17,17,16,.05) 1px,transparent 0);background-size:22px 22px;background-attachment:fixed;color:var(--color-text);font-family:var(--font-base);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.app-composer{padding:8px 10px}.container{width:min(900px,100%)}.container-wide{width:min(1880px,calc(100vw - 24px))}body.app-composer .header-img{margin-bottom:10px}body.app-composer .header-img img{width:min(150px,32vw)}.header-img{display:flex;justify-content:center;margin-bottom:22px}.header-img img{width:min(300px,70vw);height:auto;display:block;filter:drop-shadow(2px 3px 0 rgba(17,17,16,.16))}.tab-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin:0 auto 18px;width:min(360px,100%);border:2px solid var(--color-border);border-radius:999px;background:var(--color-panel);box-shadow:var(--shadow-pop-sm)}.tab-btn{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--color-muted);font-family:var(--font-base);font-size:.82rem;font-weight:800;letter-spacing:.02em;text-transform:lowercase;cursor:pointer;transition:color .14s ease,background .14s ease}.tab-btn:hover{color:var(--color-text);background:var(--color-panel-soft)}.tab-btn.active{background:var(--color-text);color:var(--color-panel)}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-display);line-height:1.1;letter-spacing:-.01em}h1{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:800}h2{font-size:1.08rem;font-weight:800;margin-bottom:.75rem}h3{font-size:1rem;font-weight:800}.section{background:var(--color-panel);border:2px solid var(--color-border);border-radius:var(--radius);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-pop-sm)}.section.section-composer{padding:8px}.composer-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}.composer-title-row h2{margin-bottom:4px}.composer-title-row .seed-subtitle{margin-bottom:0}.error{padding:18px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);text-align:center;box-shadow:var(--shadow-panel)}.error p{margin:.4rem 0}.status-grid,.update-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.update-grid{grid-template-columns:1fr}.status-item{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--color-panel-soft);border:1.5px solid var(--color-border-soft);border-radius:var(--radius-sm)}.status-item.full-width{grid-column:1 / -1;align-items:flex-start;flex-direction:column;gap:6px}.label{color:var(--color-muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.value{max-width:100%;color:var(--color-text);font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-align:right}.value.locked,.value.unlocked{display:inline-flex;align-items:center;gap:6px;justify-content:center;min-width:88px;padding:4px 10px 4px 9px;border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-panel);font-weight:700}.value.locked:before,.value.unlocked:before{content:"";width:7px;height:7px;border-radius:999px;border:1px solid var(--color-border)}.value.unlocked{background:var(--color-text);color:var(--color-panel);border-color:var(--color-text)}.value.unlocked:before{background:var(--color-panel);border-color:var(--color-panel);box-shadow:0 0 0 2px #ffffff40}.value.locked:before{background:repeating-linear-gradient(45deg,var(--color-text) 0,var(--color-text) 1.5px,transparent 1.5px,transparent 3px)}.mono-small,.pubkey-text,.path-tag,.hash-small,.path-small,.toast-message,.status-message,.update-progress-text{font-family:var(--font-mono)}.mono-small,.pubkey-text,.hash-small{font-size:.75rem;overflow-wrap:anywhere}.path-tag,.path-small{color:var(--color-muted);font-size:.72rem}.pubkey-display,.pubkey-list{width:100%;display:flex;flex-direction:column;gap:8px}.pubkey-list-item,.input-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--color-panel);border:1px solid var(--color-border-soft);border-radius:var(--radius)}.pubkey-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.pubkey-actions,.seed-actions,.reset-pin-actions,.update-header-actions{display:flex;flex-wrap:wrap;gap:8px}.pubkey-actions .btn{flex:0 0 auto}.slot-select,.input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-panel);color:var(--color-text);font-family:var(--font-base);font-size:.88rem}.slot-select{font-family:var(--font-mono);font-size:.84rem}.input:focus,.slot-select:focus,.tab-btn:focus-visible,.btn:focus-visible,.toast-close:focus-visible{outline:none;border-color:var(--color-border);box-shadow:0 0 0 3px var(--color-focus)}.input::placeholder{color:#8b8b84}.input:disabled,.slot-select:disabled{color:var(--color-muted);background:#f0f0ec}textarea.input.mnemonic-input{min-height:118px;resize:vertical;line-height:1.45}input[type=password].input,.pin-input{font-family:var(--font-mono)}.button-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.control-actions{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.btn{position:relative;min-height:38px;padding:0 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-text);font-family:var(--font-base);font-size:.84rem;font-weight:800;letter-spacing:.01em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-pop-xs);transition:background .12s ease,color .12s ease,box-shadow .1s ease,transform .1s ease}.btn:hover:not(:disabled){background:var(--color-text);color:var(--color-panel);box-shadow:var(--shadow-pop-sm);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:0 0 0 0 var(--color-ink);transform:translate(2px,2px)}.btn:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.btn-primary,.btn-success{background:var(--color-text);color:var(--color-panel);border-color:var(--color-border)}.btn-primary:hover:not(:disabled),.btn-success:hover:not(:disabled){background:#34342f}.btn-secondary,.btn-warning,.btn-danger{background:var(--color-panel);color:var(--color-text)}.btn-warning:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:var(--color-text);color:var(--color-panel)}.btn-danger{background:repeating-linear-gradient(135deg,transparent 0,transparent 6px,rgba(17,17,16,.06) 6px,rgba(17,17,16,.06) 7px),var(--color-panel)}.btn-small,.copy-btn{min-height:30px;padding:0 10px;font-size:.76rem;box-shadow:var(--shadow-pop-xs)}.status-message{position:relative;margin-bottom:12px;padding:11px 13px 11px 30px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-panel);font-family:var(--font-mono);font-size:.78rem;overflow-wrap:anywhere;box-shadow:var(--shadow-pop-sm)}.status-message:before{content:"›";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:800;opacity:.7}.toast{position:fixed;top:14px;left:50%;width:min(720px,calc(100% - 28px));z-index:1000;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-12px);transition:transform .16s ease,opacity .16s ease}.toast.toast-open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.toast-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 15px;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);box-shadow:var(--shadow-pop)}.toast-body{display:flex;flex-direction:column;gap:3px}.toast-title{font-family:var(--font-display);font-weight:800;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.toast-message{color:var(--color-text);font-size:.82rem}.toast-close{flex:0 0 auto;width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);color:var(--color-text);cursor:pointer;font-size:1.2rem;line-height:1}.toast-close:hover{background:var(--color-text);color:var(--color-panel)}.seed-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.seed-header h2{margin-bottom:0}.seed-subtitle,.reset-pin-note,.seed-hint,.file-control{color:var(--color-muted);font-size:.9rem}.seed-subtitle{margin-bottom:10px}.seed-form,.pin-controls,.reset-pin,.connect-panel,.tx-info,.input-list,.signing-info,.update-progress{display:flex;flex-direction:column;gap:10px}.seed-actions .btn{flex:1 1 160px}.seed-toggle{white-space:nowrap}.validation-text{padding:8px 10px;border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-panel-soft);color:var(--color-text);font-size:.88rem;font-weight:700}.validation-text.full-width{grid-column:1 / -1}.reset-pin{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-soft)}.reset-pin-grid,.update-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.connect-actions{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px}.update-header-actions{justify-content:flex-end}.update-hash{width:100%;overflow-wrap:anywhere;word-break:break-word;text-align:left}.update-advanced{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border-soft)}.update-files{margin-bottom:12px}.update-remote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.55fr) auto;align-items:end;gap:10px;margin-bottom:12px}.update-remote-fetch{min-height:44px}.file-control{display:flex;flex-direction:column;gap:6px;font-weight:700}.file-control .input{font-size:.9rem}.update-progress{margin:4px 0 16px}.update-progress-bar{width:100%;height:12px;overflow:hidden;border:1px solid var(--color-border);border-radius:999px;background:var(--color-panel)}.update-progress-fill{height:100%;background:var(--color-text);transition:width .12s ease}.update-progress-text{color:var(--color-muted);font-size:.76rem}.update-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.tx-details{margin:12px 0 18px;max-height:320px;overflow:auto;padding:12px;border:1px solid var(--color-border-soft);border-radius:var(--radius);background:var(--color-panel-soft);color:var(--color-text);font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;word-break:break-word}.signing-info h4{margin-bottom:.75rem;font-size:1rem;font-weight:750}@media (max-width: 720px){body,body.app-composer,.section{padding:14px}.status-grid,.button-group,.update-files,.update-remote,.update-actions,.connect-actions,.reset-pin-grid{grid-template-columns:1fr}.seed-header{align-items:stretch;flex-direction:column}.update-header-actions,.seed-actions,.reset-pin-actions{justify-content:stretch}.update-header-actions .btn,.seed-actions .btn,.reset-pin-actions .btn,.connect-actions .btn{width:100%}}body.app-device{padding:10px 12px 18px}.container-device{width:min(1320px,calc(100vw - 24px))}body.app-device .header-img{margin-bottom:8px}body.app-device .header-img img{width:min(168px,34vw)}body.app-device .tab-bar{width:min(360px,100%);margin-bottom:12px}body.app-device .tab-btn{min-height:34px;font-size:.8rem}.device-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"topbar  topbar" "wallet  wallet" "seed    seed" "message message" "status  control" "signing signing" "update  update";gap:12px;align-items:start}.device-page-disconnected{max-width:860px;margin:0 auto;grid-template-columns:1fr;grid-template-areas:"topbar" "message" "connect"}.device-page-connected{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:1040px;margin:0 auto}.device-controls-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.device-controls-row>.device-panel{grid-area:auto;margin-bottom:0}@media (max-width: 720px){.device-controls-row{grid-template-columns:1fr}}.device-topbar,.device-status-message{grid-column:1 / -1}.device-topbar{grid-area:topbar}.device-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);box-shadow:var(--shadow-pop-sm)}.device-title{min-width:150px}.device-title h2{margin:0;font-size:1.15rem}.device-eyebrow{display:inline-flex;align-items:center;gap:5px;margin-bottom:2px;color:var(--color-muted);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.device-eyebrow:before{content:"✦";color:var(--color-text);font-size:.7rem}.device-metrics{min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.device-pill{min-height:26px;display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:0 10px;border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-panel);color:var(--color-text);font-family:var(--font-mono);font-size:.68rem;font-weight:700;white-space:nowrap}.device-pill:before{content:"";width:7px;height:7px;border-radius:999px;border:1px solid var(--color-border);background:repeating-linear-gradient(45deg,var(--color-text) 0,var(--color-text) 1.5px,transparent 1.5px,transparent 3px)}.device-pill-good{background:var(--color-text);border-color:var(--color-text);color:var(--color-panel)}.device-pill-good:before{background:var(--color-panel);border-color:var(--color-panel);box-shadow:0 0 0 2px #ffffff38;animation:pill-pulse 2.4s ease-in-out infinite}.device-pill-warn{border-style:dashed}.device-pill-warn:before{background:var(--color-text)}.spinner{display:inline-block;width:11px;height:11px;border:2px solid var(--color-border);border-top-color:transparent;border-radius:999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.device-pill-loading{gap:7px}.device-pill-loading:before{display:none}.device-loading-line{display:inline-flex;align-items:center;gap:8px}.pubkey-text.pubkey-pending{color:var(--color-muted);font-style:italic}@keyframes pill-pulse{0%,to{box-shadow:0 0 0 2px #ffffff38}50%{box-shadow:0 0 0 2px #ffffff0d}}.device-panel{margin-bottom:0;padding:14px;border:2px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-pop-sm)}.device-overview-panel{grid-area:status}.device-control-panel{grid-area:control}.device-wallet-panel{grid-area:wallet}.device-seed-panel{grid-area:seed}.device-update-panel{grid-area:update}.device-signing-panel{grid-area:signing}.device-status-message{grid-area:message}.device-page h2{margin-bottom:10px;font-size:1rem;letter-spacing:-.01em}.device-overview-panel>h2,.device-control-panel>h2,.device-signing-panel>h2{display:flex;align-items:center;gap:8px}.device-overview-panel>h2:before,.device-control-panel>h2:before,.device-signing-panel>h2:before{content:"";width:14px;height:14px;border:2px solid var(--color-border);border-radius:999px;background:radial-gradient(circle at center,var(--color-text) 0 2px,transparent 2.5px)}.device-page h3{font-size:.85rem}.device-page .seed-header{margin-bottom:8px}.device-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.device-panel-header h2{margin-bottom:0}.device-panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.device-page .seed-subtitle,.device-page .reset-pin-note,.device-page .seed-hint,.device-page .file-control{font-size:.78rem}.device-page .status-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;margin-bottom:8px}.device-overview-panel .status-grid{grid-template-columns:1fr;gap:0}.device-page .status-item{gap:8px;padding:8px 2px;border:0;border-bottom:1px solid var(--color-border-soft);border-radius:0;background:transparent}.device-page .status-grid>.status-item:last-child,.device-page .update-grid>.status-item:last-child{border-bottom:0}.device-overview-panel .status-item{min-height:40px}.device-page .status-item.full-width{align-items:center;flex-direction:row}.device-page .status-item.full-width>.slot-select,.device-page .status-item.full-width>.value{flex:1 1 auto;min-width:0}.device-page .status-item.multi-keys{align-items:stretch;flex-direction:column}.device-page .label{flex:0 0 auto;font-size:.66rem}.device-page .value{min-width:0;font-size:.74rem}.device-page .value.locked,.device-page .value.unlocked{min-width:76px;padding:2px 6px;border-radius:3px}.device-page .slot-select,.device-page .input{min-height:34px;padding:6px 8px;border-radius:3px;font-size:.8rem}.device-page .slot-select{font-size:.74rem}.device-page textarea.input.mnemonic-input{min-height:86px}.device-page .btn{min-height:32px;padding:0 9px;border-radius:3px;font-size:.78rem}.device-page .btn:hover:not(:disabled){box-shadow:0 4px 10px #0000001a}.device-page .btn-small,.device-page .copy-btn{min-height:28px;padding:0 8px;font-size:.72rem}.device-status-message{margin-bottom:0;padding:8px 10px;border-radius:3px;box-shadow:none;font-size:.76rem}.device-page .pin-controls,.device-page .reset-pin,.device-page .seed-form,.device-page .input-list,.device-page .signing-info,.device-page .update-progress{gap:8px}.device-page .button-group,.device-page .control-actions{gap:6px}.device-control-panel .control-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.device-page .reset-pin{margin-top:10px;padding-top:10px}.device-page .reset-pin-grid,.device-page .update-files,.device-page .pubkey-list{gap:6px}.device-page .pubkey-list-item,.device-page .input-item{gap:6px;padding:8px;border-radius:3px}.device-page .pubkey-meta,.device-page .pubkey-actions,.device-page .seed-actions,.device-page .reset-pin-actions,.device-page .update-header-actions{gap:6px}.device-page .pubkey-text,.device-page .mono-small,.device-page .hash-small{font-size:.72rem}.device-page .path-tag,.device-page .path-small{font-size:.68rem}.device-page .validation-text{padding:7px 8px;border-radius:3px;font-size:.78rem}.device-update-panel .seed-header{align-items:center}.device-update-panel .update-grid{grid-template-columns:1fr;gap:0;margin-bottom:8px}.device-update-panel .update-grid .status-item.full-width{grid-column:auto;align-items:flex-start;flex-direction:column;gap:3px}.device-update-panel .update-grid .update-hash{text-align:left}.device-page .update-advanced{margin-top:10px;padding-top:10px}.device-subdetails{border:1px solid var(--color-border-soft);border-radius:3px;background:var(--color-panel-soft)}.device-subdetails summary{padding:7px 8px;color:var(--color-text);font-size:.78rem;font-weight:800;cursor:pointer}.device-subdetails-body{display:flex;flex-direction:column;gap:8px;padding:0 8px 8px}.update-source-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.device-page .update-files{margin-bottom:8px}.device-page .update-remote{gap:6px;margin-bottom:8px}.device-page .update-remote-fetch{min-height:34px}.device-page .update-progress-bar{height:9px;border-radius:3px}.device-page .update-progress-text{font-size:.7rem}.device-page .tx-details{max-height:260px;margin:8px 0 10px;padding:8px;border-radius:3px;font-size:.7rem}.device-signing-panel p{margin-bottom:8px;color:var(--color-muted);font-size:.78rem}.nb-key-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:10px;padding:12px 14px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:repeating-linear-gradient(135deg,transparent 0,transparent 8px,rgba(17,17,16,.045) 8px,rgba(17,17,16,.045) 9px),var(--color-panel);box-shadow:var(--shadow-pop-xs)}.nb-key-callout-text{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}.nb-key-callout-text strong{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:.92rem;font-weight:800}.nb-key-callout-text strong:before{content:"✦";font-size:.85rem}.nb-key-callout-text span{color:var(--color-muted);font-size:.8rem;line-height:1.4}.nb-key-callout-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1 1 300px}.nb-key-callout-form .input{flex:1 1 160px;min-width:0;background:var(--color-panel)}.nb-key-link{white-space:nowrap;font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--color-text);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px}.nb-key-link:hover{color:var(--color-muted)}.wallet-slot-grid{display:flex;flex-direction:column;gap:8px}.wallet-panel-tabs{display:inline-flex;gap:3px;margin-top:6px;padding:3px;border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-panel-soft)}.wallet-panel-tab{min-height:25px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--color-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:700;cursor:pointer;transition:background .12s ease,color .12s ease}.wallet-panel-tab:hover{color:var(--color-text)}.wallet-panel-tab.active{background:var(--color-text);color:var(--color-panel)}.wallet-slot-card{position:relative;min-width:0;display:flex;flex-direction:column;gap:7px;padding:10px 12px;border:1.5px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-panel);transition:box-shadow .12s ease,transform .1s ease,border-color .12s ease}.wallet-slot-card:hover{border-color:var(--color-border)}.wallet-slot-card.active{border:2px solid var(--color-border);background:var(--color-panel);box-shadow:var(--shadow-pop-xs)}.wallet-slot-card.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--color-text)}.wallet-slot-head,.wallet-slot-label-row,.wallet-slot-address,.wallet-slot-actions{min-width:0;display:flex;align-items:center;gap:6px}.wallet-slot-head{justify-content:space-between}.wallet-slot-title{font-family:var(--font-display);font-weight:800;font-size:.92rem}.wallet-slot-label-row .wallet-label-input{flex:1 1 auto;min-width:0}.wallet-slot-address{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto}.wallet-slot-address .pubkey-text{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wallet-slot-actions{justify-content:flex-end}.wallet-slot-balance,.device-inline-status,.device-empty-state{color:var(--color-muted);font-family:var(--font-mono);font-size:.72rem;overflow-wrap:anywhere}.wallet-slot-balance.error{color:#8f001a}.device-address-form{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(300px,1fr) auto;gap:8px;align-items:center}.device-address-form-compact{grid-template-columns:minmax(120px,.26fr) minmax(240px,1fr) auto}.device-address-form input:nth-of-type(2){grid-column:auto}.device-address-list{display:grid;gap:6px;margin-top:10px}.device-address-list-compact{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.device-address-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--color-border-soft);border-radius:3px;background:#fbfbf8}.device-address-main{min-width:0;display:grid;gap:3px}.device-address-main .pubkey-text{min-width:0;font-size:.72rem}.pubkey-copy{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:copy}.device-inline-status{margin-top:8px}.device-connect-panel.connect-panel{grid-area:connect;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:28px;padding:32px;overflow:hidden}.connect-main{display:flex;flex-direction:column;gap:8px}@media (max-width: 980px){.device-page,.device-page-disconnected,.device-connect-panel.connect-panel{grid-template-columns:1fr}.device-page{grid-template-areas:"topbar" "wallet" "seed" "message" "status" "control" "signing" "update"}.device-page-disconnected{grid-template-areas:"topbar" "message" "connect"}.device-overview-panel,.device-control-panel,.device-wallet-panel,.device-seed-panel,.device-update-panel,.device-signing-panel{grid-column:1 / -1}.device-page .status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){body.app-device{padding:10px}.container-device{width:100%}.device-topbar{align-items:stretch;flex-direction:column}.device-metrics{justify-content:flex-start}.device-page .status-grid,.device-page .button-group,.device-page .control-actions,.device-page .update-files,.device-page .update-remote,.device-page .update-actions,.device-page .connect-actions,.device-page .reset-pin-grid,.device-address-form,.device-address-row{grid-template-columns:1fr}.device-page .status-item.full-width{align-items:flex-start;flex-direction:column}}.device-page-disconnected{max-width:880px}.device-page-disconnected .device-connect-panel.connect-panel{position:relative;box-shadow:var(--shadow-pop)}.device-page-disconnected .device-connect-panel.connect-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(17,17,16,.05) 1px,transparent 0);background-size:16px 16px;-webkit-mask-image:linear-gradient(120deg,#000 0%,transparent 55%);mask-image:linear-gradient(120deg,#000 0%,transparent 55%);opacity:.7}.connect-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}.connect-coin{position:relative;width:168px;height:168px;display:grid;place-items:center;border-radius:999px;border:3px solid var(--color-border);background:repeating-conic-gradient(var(--color-border) 0deg 2deg,transparent 2deg 9deg);box-shadow:var(--shadow-pop);animation:coin-bob 5s ease-in-out infinite}.connect-coin:before{content:"";position:absolute;inset:14px;border-radius:999px;border:2px solid var(--color-border);background:var(--color-panel)}.connect-coin-face{position:relative;font-family:var(--font-display);font-weight:800;font-size:4.2rem;line-height:1;color:var(--color-text)}.connect-status-dot{position:absolute;bottom:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 9px;border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-panel);font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-pop-xs)}.connect-status-dot:before{content:"";width:7px;height:7px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-text);animation:pill-pulse-dark 1.6s ease-in-out infinite}@keyframes pill-pulse-dark{0%,to{box-shadow:0 0 #11111066}50%{box-shadow:0 0 0 4px #11111000}}.connect-spark{position:absolute;color:var(--color-text);font-size:1.3rem;line-height:1;animation:spark-twinkle 3s ease-in-out infinite}.connect-spark-a{top:8px;left:16px;font-size:1.7rem}.connect-spark-b{top:30px;right:22px;font-size:1rem;animation-delay:.8s}.connect-spark-c{bottom:26px;left:30px;font-size:.85rem;animation-delay:1.5s}@keyframes spark-twinkle{0%,to{opacity:.25;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(15deg)}}@keyframes coin-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.connect-hero-body{display:flex;flex-direction:column;gap:10px}.connect-eyebrow{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 11px;border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-panel);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.connect-eyebrow:before{content:"✦"}.connect-hero-title{margin:2px 0 0;font-family:var(--font-display);font-size:clamp(1.9rem,4.4vw,2.7rem);font-weight:800;line-height:1.02;letter-spacing:-.02em}.connect-hero-text{max-width:46ch;color:var(--color-muted);font-size:.92rem;line-height:1.5}.connect-hero-body .connect-actions,.connect-cta-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;margin-top:8px}.connect-hero-body .input,.connect-hero-body .slot-select{border-width:1.5px}.connect-cta-row .btn{min-height:48px;font-size:.92rem;box-shadow:var(--shadow-pop-sm)}.connect-cta-row .btn:hover:not(:disabled){box-shadow:var(--shadow-pop)}.connect-hint{display:inline-flex;align-items:center;gap:7px;margin-top:2px;color:var(--color-muted);font-family:var(--font-mono);font-size:.72rem}.connect-hint:before{content:"";width:8px;height:8px;border-radius:999px;border:1.5px solid var(--color-border)}.connect-hint.ready:before{background:var(--color-text)}@media (max-width: 720px){.device-page-disconnected .device-connect-panel.connect-panel{grid-template-columns:1fr;padding:22px;gap:18px;text-align:center}.connect-eyebrow,.connect-hint{align-self:center}.connect-hero-text{margin:0 auto}.connect-coin{width:132px;height:132px}.connect-coin-face{font-size:3.2rem}.connect-cta-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: no-preference){.device-page>*,.connect-hero-body>*{animation:rise-in .5s cubic-bezier(.22,1,.36,1) both}.device-page>*:nth-child(2){animation-delay:.04s}.device-page>*:nth-child(3){animation-delay:.08s}.device-page>*:nth-child(4){animation-delay:.12s}.device-page>*:nth-child(5){animation-delay:.16s}.device-page>*:nth-child(6){animation-delay:.2s}.device-page>*:nth-child(n+7){animation-delay:.24s}.connect-hero-body>*:nth-child(2){animation-delay:.06s}.connect-hero-body>*:nth-child(3){animation-delay:.12s}.connect-hero-body>*:nth-child(4){animation-delay:.18s}.connect-hero-body>*:nth-child(5){animation-delay:.24s}.connect-hero-body>*:nth-child(6){animation-delay:.3s}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}