[data-bs-theme=light] .learn-diagram{background:#2b2b2b;padding:.5rem;border-radius:.5rem}.learn-diagram-light{background:#f8f8f8;padding:.5rem;border-radius:.5rem}.libsodium-status{border-radius:4px;padding:8px 12px;margin:10px 0;font-size:.85rem;display:none}.libsodium-status.loading{display:block;color:var(--bs-info);background:var(--bs-info-bg-subtle);border:1px solid var(--bs-info-border-subtle)}.libsodium-status.ready{display:block;color:var(--bs-success);background:var(--bs-success-bg-subtle);border:1px solid var(--bs-success-border-subtle)}.libsodium-status.error{display:block;color:var(--bs-danger);background:var(--bs-danger-bg-subtle);border:1px solid var(--bs-danger-border-subtle)}.code-sample{background:#2d3748;color:#e2e8f0;padding:15px;border-radius:8px;font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto;margin:15px 0;border:1px solid #4a5568;white-space:pre}.code-sample .comment{color:#68d391}.code-sample .keyword{color:#f687b3}.code-sample .string{color:#fbb6ce}.alert-purple{--bs-alert-color: var(--bs-purple-text-emphasis);--bs-alert-bg: var(--bs-purple-bg-subtle, #f3e5f5);--bs-alert-border-color: var(--bs-purple-border-subtle, #e1bee7);color:var(--bs-alert-color, #4a148c);background-color:var(--bs-alert-bg);border-color:var(--bs-alert-border-color)}[data-bs-theme=dark] .alert-purple{--bs-alert-color: #d4b0e8;--bs-alert-bg: #2d1b4e;--bs-alert-border-color: #553c9a}.file-input{cursor:pointer;transition:all .3s ease;border-style:dashed!important}.file-input:hover{border-color:var(--bs-primary)!important;background:rgba(var(--bs-primary-rgb),.05)}.result{background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:8px;padding:20px;margin-top:15px;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;max-height:400px;overflow-y:auto}.result.success{background:var(--bs-success-bg-subtle);border-color:var(--bs-success-border-subtle);color:var(--bs-success-text-emphasis)}.result.error{background:var(--bs-danger-bg-subtle);border-color:var(--bs-danger-border-subtle);color:var(--bs-danger-text-emphasis)}.key-pair-display{background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:8px;padding:15px;margin:10px 0}.key-section{margin-bottom:15px}.key-section h4{color:var(--bs-secondary-color);margin-bottom:8px;font-size:1rem}.key-data{font-family:Courier New,monospace;font-size:.85rem;background:var(--bs-body-bg);padding:10px;border-radius:4px;word-break:break-all;max-height:150px;overflow-y:auto;border:1px solid var(--bs-border-color)}.progress{height:6px;margin:10px 0}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--bs-body-bg-rgb, 255, 255, 255),.8);display:none;align-items:center;justify-content:center;z-index:1000}.copy-button{position:absolute;top:5px;right:5px;padding:4px 10px;font-size:.8rem;background:var(--bs-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;opacity:.7;transition:opacity .3s ease}.copy-button:hover{opacity:1}.tab-pane>.row.g-4{display:flex;flex-wrap:nowrap;gap:1.5rem}.tab-pane>.row.g-4>.col-lg-8{flex:1 1 auto;min-width:300px;width:auto!important;max-width:none!important}.tab-pane>.row.g-4>.col-lg-4{flex:0 0 auto;width:var(--learn-panel-width, 33.333%)!important;max-width:70%!important;min-width:280px}.resizable-layout{display:flex;gap:0}.resizable-layout>.controls-col{flex:1 1 auto;min-width:300px;overflow:auto}.resizable-layout>.learn-col{flex:0 0 auto;min-width:280px;max-width:70%;overflow:auto}.resize-handle{flex:0 0 6px;cursor:col-resize;background:var(--bs-border-color, #dee2e6);border-radius:3px;margin:0 2px;transition:background .15s;display:flex;align-items:center;justify-content:center}.resize-handle:hover,.resize-handle.dragging{background:var(--bs-primary, #0d6efd)}.resize-handle:after{content:"";display:block;width:2px;height:30px;background:rgba(var(--bs-body-color-rgb, 0,0,0),.2);border-radius:1px}.learn-panel{overflow-y:auto;min-height:200px;max-height:none;padding-bottom:12px}.learn-panel-card{position:sticky;top:0}.learn-panel-toggle{display:none}.learn-accordion .accordion-button{padding:.5rem .75rem;font-size:.875rem;font-weight:600;background:transparent}.learn-accordion .accordion-button:not(.collapsed){background:rgba(var(--bs-primary-rgb),.08);color:var(--bs-primary);box-shadow:none}.learn-accordion .accordion-item{border-left:none;border-right:none}.learn-panel a{text-decoration:none}.learn-panel a:hover{text-decoration:underline}.kx-private-key{filter:blur(3px);transition:filter .2s ease}.kx-private-key:hover{filter:none}#search-results .search-result-item:hover,#search-results .search-result-item:focus{background:rgba(var(--bs-primary-rgb),.08);outline:none}#search-results mark{background:rgba(var(--bs-warning-rgb),.3);padding:0 1px;border-radius:2px}#site-search::placeholder{color:#ffffff80}#cryptoTabs .dropdown-toggle.active{color:var(--bs-primary);border-bottom-color:var(--bs-primary)}#cryptoTabs .dropdown-item.active,#cryptoTabs .dropdown-item:active{background-color:var(--bs-primary);color:#fff}.sandbox-section .accordion-button{padding:.5rem .75rem;font-size:.875rem;background:rgba(var(--bs-warning-rgb),.08)}.sandbox-section .accordion-button:not(.collapsed){background:rgba(var(--bs-warning-rgb),.15);color:var(--bs-warning-text-emphasis)}@media (max-width: 992px){.tab-pane>.row.g-4{flex-wrap:wrap}.tab-pane>.row.g-4>.col-lg-8,.tab-pane>.row.g-4>.col-lg-4{width:100%!important;max-width:100%!important;min-width:0}.resizable-layout{flex-direction:column}.resizable-layout>.controls-col,.resizable-layout>.learn-col{min-width:0;max-width:100%;width:100%!important}.resize-handle{display:none}.learn-panel{max-height:none;min-height:0;min-width:0}.learn-panel-toggle{display:block}}@media (max-width: 768px){.container-fluid{padding-left:8px;padding-right:8px}#cryptoTabs{font-size:.8rem;flex-wrap:wrap!important;gap:0}#cryptoTabs .nav-item,#cryptoTabs .nav-item.dropdown{flex:0 0 auto}#cryptoTabs .nav-link,#cryptoTabs .dropdown-toggle{padding:.4rem .6rem;white-space:nowrap}#cryptoTabs .dropdown-menu{font-size:.8rem}.tab-pane{padding:1rem!important}h3{font-size:1.25rem}#site-search{width:140px!important}.card-header.bg-dark{padding:1rem!important}.card-header .h2{font-size:1.3rem!important}}
