:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}button{font-family:inherit}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.2}p{margin:0 0 1em}ul,ol{margin:0;padding:0}code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace}:root{--color-primary: #1a1a1a;--color-primary-light: #333;--color-secondary: #666;--color-accent: #007bff;--color-accent-hover: #0056b3;--color-success: #28a745;--color-success-10: rgba(40, 167, 69, .1);--color-warning: #ffc107;--color-warning-10: rgba(255, 193, 7, .1);--color-danger: #dc3545;--color-info: #17a2b8;--color-info-10: rgba(23, 162, 184, .1);--color-accent-10: rgba(0, 123, 255, .1);--color-background: #ffffff;--color-surface: #f8f9fa;--color-border: #dee2e6;--color-text: #212529;--color-text-muted: #6c757d;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family);line-height:1.5;color:var(--color-text);background-color:var(--color-background)}#root{min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--spacing-md);max-width:1024px;margin:0 auto;width:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.header-logo{font-size:var(--font-size-lg);font-weight:600;color:#fff;text-decoration:none}.header-nav{display:flex;align-items:center;gap:var(--spacing-md)}.warning-banner,.error-banner{padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-sm)}.warning-banner{background-color:var(--color-warning);color:var(--color-primary)}.error-banner{background-color:var(--color-danger);color:#fff}.landing-page,.host-setup-page,.active-share-page,.connect-page,.persona-management-page{padding:var(--spacing-lg) 0}.page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-header h1{margin:0;font-size:var(--font-size-2xl)}.page-footer{margin-top:var(--spacing-xl);display:flex;justify-content:center;gap:var(--spacing-md)}.landing-header{text-align:center;margin-bottom:var(--spacing-2xl)}.landing-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg)}.landing-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:320px;margin:0 auto}.action-button{width:100%}.config-section,.share-info,.verification-section,.transfer-section,.complete-section,.error-section,.guests-section,.settings-section{margin-bottom:var(--spacing-xl)}.config-section h2,.config-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.config-options{display:flex;flex-direction:column;gap:var(--spacing-lg)}.config-option{display:flex;flex-direction:column;gap:var(--spacing-xs)}.option-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;padding-left:28px;line-height:1.4}.option-label{font-weight:500;display:block;margin-bottom:var(--spacing-xs)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.radio-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.radio-option:hover{border-color:var(--color-accent);background-color:var(--color-surface)}.radio-option:has(input:checked){border-color:var(--color-accent);background-color:#007bff0d}.radio-option input[type=radio]{margin-top:2px;accent-color:var(--color-accent);width:18px;height:18px;flex-shrink:0}.radio-content{display:flex;flex-direction:column;gap:2px}.radio-label{font-weight:500;font-size:var(--font-size-base)}.radio-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.4}.live-settings{display:flex;flex-direction:column;gap:var(--spacing-sm)}.setting-item{display:flex;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-sm)}.setting-label{color:var(--color-text-muted)}.setting-value{font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast);text-decoration:none;min-height:44px;min-width:44px}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--color-accent);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.button--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:hover:not(:disabled){background-color:var(--color-border)}.button--ghost{background-color:transparent;color:var(--color-text)}.button--ghost:hover:not(:disabled){background-color:var(--color-surface)}.button--danger{background-color:var(--color-danger);color:#fff}.button--danger:hover:not(:disabled){background-color:#c82333}.button--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.button--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.input-wrapper{width:100%}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:border-color var(--transition-fast);min-height:44px}.input:focus{border-color:var(--color-accent);outline:none}.input--error{border-color:var(--color-danger)}.input-error{display:block;color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group label{font-weight:500;font-size:var(--font-size-sm)}.checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;min-height:44px}.checkbox--disabled{opacity:.5;cursor:not-allowed}.checkbox input{width:20px;height:20px;accent-color:var(--color-accent)}.checkbox-label{font-size:var(--font-size-base)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:transparent;border:none}.modal::backdrop{background-color:#00000080}.modal-content{background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.modal-header h2{margin:0;font-size:var(--font-size-xl)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.progress-bar{width:100%;height:8px;background-color:var(--color-surface);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background-color:var(--color-accent);transition:width var(--transition-normal)}.progress-bar-label{position:absolute;right:0;top:calc(100% + var(--spacing-xs));font-size:var(--font-size-sm);color:var(--color-text-muted)}.password-input-row{display:flex;gap:var(--spacing-sm);align-items:center}.password-input-row .input-wrapper{flex:1}.password-strength{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.password-strength-bar{flex:1;height:4px;background-color:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.password-strength-fill{height:100%;transition:width var(--transition-normal),background-color var(--transition-normal)}.password-strength--1{background-color:var(--color-danger)}.password-strength--2{background-color:var(--color-warning)}.password-strength--3{background-color:var(--color-success)}.password-strength--4{background-color:var(--color-accent)}.verification-code-input{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.code-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.code-input{width:44px;height:56px;font-size:var(--font-size-xl);text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);text-transform:uppercase}.code-input:focus{border-color:var(--color-accent);outline:none}.code-separator{font-size:var(--font-size-xl);color:var(--color-text-muted)}.persona-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.persona-select{padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3);background-color:transparent;color:#fff;font-size:var(--font-size-sm)}.persona-new-button{background-color:#ffffff26!important;border-color:#ffffff4d!important;color:#fff!important}.persona-new-button:hover:not(:disabled){background-color:#ffffff40!important}.persona-edit-link{color:#fffc;text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.persona-edit-link:hover{color:#fff;text-decoration:underline}.persona-list{list-style:none;padding:0;margin:0}.persona-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:background-color var(--transition-fast)}.persona-item--selected{background-color:var(--color-surface);border-color:var(--color-accent)}.persona-item-main{flex:1;background:none;border:none;text-align:left;cursor:pointer;padding:0}.persona-name{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.persona-badge{font-size:var(--font-size-sm);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.persona-badge--ephemeral{background-color:var(--color-warning);color:var(--color-primary)}.persona-date{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted)}.persona-actions{display:flex;gap:var(--spacing-xs)}.persona-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.file-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-input-hidden{display:none}.file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);transition:border-color var(--transition-fast)}.file-drop-zone:hover{border-color:var(--color-accent)}.file-list{list-style:none;padding:0;margin:0}.file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.file-icon{font-size:var(--font-size-lg)}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--color-text-muted);font-size:var(--font-size-sm)}.transfer-progress{display:flex;flex-direction:column;gap:var(--spacing-md)}.transfer-file-info{display:flex;justify-content:space-between;align-items:center}.transfer-stats{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-muted)}.transfer-message{text-align:center;font-size:var(--font-size-lg)}.transfer-message--success{color:var(--color-success)}.transfer-message--cancelled{color:var(--color-text-muted)}.qr-code-display{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.qr-code-container{padding:var(--spacing-md);background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.qr-code-value{font-family:ui-monospace,monospace;font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}.qr-code-actions{display:flex;gap:var(--spacing-sm)}.guest-list{list-style:none;padding:0;margin:0}.guest-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.guest-icon{font-size:var(--font-size-lg)}.guest-info{flex:1}.guest-name{font-weight:500}.guest-status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.guest-progress{font-size:var(--font-size-sm);color:var(--color-accent);margin-left:var(--spacing-sm)}.guest-error{display:block;color:var(--color-danger);font-size:var(--font-size-sm)}.guest-item--selected{border-color:var(--color-accent);background-color:var(--color-accent-10)}.guest-item[role=button]{cursor:pointer;transition:border-color .2s,background-color .2s}.guest-item[role=button]:hover{border-color:var(--color-accent)}.guest-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);font-size:var(--font-size-sm);line-height:1}.guest-remove:hover{color:var(--color-danger)}.guest-trust{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm);margin-left:var(--spacing-sm)}.guest-trust.trust-new{background-color:var(--color-warning-10);color:var(--color-warning)}.guest-trust.trust-recognized{background-color:var(--color-info-10);color:var(--color-info)}.guest-trust.trust-trusted{background-color:var(--color-success-10);color:var(--color-success)}.guest-count{font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-muted)}.share-code{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.share-code label{font-weight:500}.share-code code{font-size:var(--font-size-xl);font-weight:600;letter-spacing:2px;color:var(--color-accent)}.share-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.qr-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.waiting-text{text-align:center;color:var(--color-text-muted)}.verification-code{font-size:var(--font-size-2xl);font-weight:600;letter-spacing:4px;text-align:center;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.code-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.warning-text{color:var(--color-warning);font-size:var(--font-size-sm)}.error-text{color:var(--color-danger)}.success-text{color:var(--color-success);font-weight:500}.hint-text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:768px){.main-content{padding:var(--spacing-lg)}.landing-actions{flex-direction:row;max-width:480px}.config-options{max-width:480px}}@media(min-width:1024px){.main-content{padding:var(--spacing-xl)}}.peer-identity{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.peer-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.peer-indicator.known .peer-icon{color:var(--color-success);background-color:#28a7451a}.peer-indicator.unknown .peer-icon{color:var(--color-warning);background-color:#ffc1071a}.peer-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm)}.peer-name{font-weight:500}.name-changed{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.trust-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-full);text-transform:capitalize}.trust-badge.trust-new{background-color:#ffc10726;color:#856404}.trust-badge.trust-recognized{background-color:#007bff26;color:#004085}.trust-badge.trust-trusted,.trust-badge.trust-verified{background-color:#28a74526;color:#155724}.peer-identity-clickable{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);border:1px solid var(--color-border);background-color:var(--color-surface);text-align:left;width:100%}.peer-identity-clickable:hover{background-color:var(--color-background);border-color:var(--color-accent)}.peer-identity-clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.peer-identity-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.initializing-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl)}.file-selection-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-selection-section .send-button{align-self:center;margin-top:var(--spacing-md)}.transfer-history{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md)}.transfer-history-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.transfer-history-list{list-style:none;padding:0;margin:0}.transfer-history-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.transfer-history-item:last-child{border-bottom:none}.transfer-history-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted)}.transfer-history-info{flex:1;min-width:0}.transfer-history-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-history-meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted)}.transfer-history-saved{color:var(--color-success)}.peer-panel-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.peer-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background-color:var(--color-background);box-shadow:-4px 0 20px #00000026;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.peer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:var(--color-background);z-index:1}.peer-panel-header h2{margin:0;font-size:var(--font-size-lg)}.peer-panel-section{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.peer-panel-section:last-child{border-bottom:none}.peer-panel-section h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0}.peer-panel-identity{display:flex;flex-direction:column;gap:var(--spacing-sm)}.peer-panel-name{display:flex;align-items:center;gap:var(--spacing-sm)}.peer-panel-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:700}.peer-panel-icon.known{background-color:#28a74526;color:var(--color-success)}.peer-panel-icon.unknown{background-color:#ffc10726;color:#856404}.peer-panel-name-text{font-size:var(--font-size-lg);font-weight:600}.peer-panel-name-change{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;padding-left:40px}.peer-panel-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.peer-panel-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-full)}.peer-panel-badge.badge-new{background-color:#ffc10726;color:#856404}.peer-panel-badge.badge-recognized{background-color:#007bff26;color:#004085}.peer-panel-badge.badge-trusted,.peer-panel-badge.badge-verified{background-color:#28a74526;color:#155724}.peer-panel-details{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.peer-panel-detail{display:flex;flex-direction:column;gap:2px}.peer-panel-detail-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.peer-panel-detail-value{font-family:ui-monospace,monospace;font-size:var(--font-size-sm);background-color:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);word-break:break-all}.peer-panel-transfers{list-style:none;padding:0;margin:0}.peer-panel-transfer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.peer-panel-transfer:last-child{border-bottom:none}.peer-panel-transfer-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted)}.peer-panel-transfer-info{flex:1;min-width:0}.peer-panel-transfer-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peer-panel-transfer-meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted)}.peer-panel-loading,.peer-panel-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-md)}.persona-edit-page{padding:var(--spacing-lg) 0}.identity-field{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.identity-value{flex:1;font-family:ui-monospace,monospace;font-size:var(--font-size-sm);word-break:break-all;color:var(--color-text)}.mnemonic-container{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.mnemonic-words{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}@media(min-width:480px){.mnemonic-words{grid-template-columns:repeat(4,1fr)}}.mnemonic-word{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-background);border-radius:var(--radius-sm);font-family:ui-monospace,monospace;font-size:var(--font-size-sm)}.mnemonic-index{color:var(--color-text-muted);font-size:10px;min-width:16px}.mnemonic-hidden{font-family:ui-monospace,monospace;font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:1px;padding:var(--spacing-sm);text-align:center}.mnemonic-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs)}.hint-text.warning-text{color:var(--color-warning);background-color:#ffc1071a;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.disconnected-section{text-align:center;padding:var(--spacing-xl)}.disconnected-section h2{margin-bottom:var(--spacing-md);color:var(--color-text)}.disconnected-section .hint-text{margin-bottom:var(--spacing-lg)}.disconnected-section .transfer-history{margin-bottom:var(--spacing-lg);text-align:left}.landing-features{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto}@media(min-width:600px){.landing-features{grid-template-columns:repeat(2,1fr)}}.feature-card{padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.feature-card h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-text)}.feature-card p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.6}.landing-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);text-align:center}.footer-tagline{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg)}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.legal-page{padding:var(--spacing-lg) 0;max-width:720px;margin:0 auto}.legal-header{margin-bottom:var(--spacing-xl)}.legal-header h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-2xl)}.legal-updated{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.legal-content{line-height:1.7}.legal-intro{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-xl)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section h2{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.legal-section p{margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.legal-section ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.legal-section li{margin-bottom:var(--spacing-sm);color:var(--color-text)}.legal-note{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.legal-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.legal-back-link{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-base)}.legal-back-link:hover{text-decoration:underline}.create-persona-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-option-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.create-option-card:hover{border-color:var(--color-accent);background-color:var(--color-background)}.create-option-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-option-webauthn{border-color:var(--color-accent)}.create-option-icon{font-size:2rem;line-height:1;flex-shrink:0}.create-option-content{flex:1}.create-option-content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.create-option-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.create-webauthn-form .webauthn-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:#856404}.create-webauthn-form .form-group{margin-bottom:var(--spacing-md)}.create-webauthn-form label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text)}.create-webauthn-form .input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast)}.create-webauthn-form .input:focus{outline:none;border-color:var(--color-accent)}.create-webauthn-form .input:disabled{background-color:var(--color-surface);cursor:not-allowed}.create-webauthn-form .error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md)}.persona-badge--webauthn{background-color:var(--color-accent);color:#fff}.webauthn-only-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}