*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-background:#f8fafc;--color-surface:#fff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-error:#dc2626;--color-warning:#ca8a04;--color-success:#16a34a;--radius:8px;--shadow:0 1px 3px #1e293b14}body{background-color:var(--color-background);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:15px;line-height:1.5}h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}label{color:var(--color-text-secondary);margin-bottom:.5rem;font-weight:500;display:block}input[type=email],input[type=text],input[type=password],select{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:28rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}input[type=number]{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:10rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--color-primary);outline:none}button{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:auto;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;transition:background-color .2s}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.button-block{width:100%;padding:.75rem 1rem;font-size:1rem;display:block}.button-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.button-secondary:hover:not(:disabled){background:var(--color-primary);color:#fff}.button-danger{color:var(--color-error);border:1px solid var(--color-error);background:0 0}.button-danger:hover:not(:disabled){background:var(--color-error);color:#fff}.button-sm{padding:.25rem .75rem;font-size:.8125rem}.message{border-radius:var(--radius);text-align:center;margin-bottom:1rem;padding:1rem}.message-success{color:var(--color-success);background:#dcfce7}.message-error{color:var(--color-error);background:#fee2e2}.text-center{text-align:center}.text-left{text-align:left}.text-secondary{color:var(--color-text-secondary)}.text-small{font-size:.875rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.ml-1{margin-left:.5rem}.flex-1{flex:1}.flex-row{align-items:center;gap:.5rem;display:flex}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.container{max-width:420px;margin:0 auto;padding:2rem 1rem}.container-wide{max-width:800px;margin:0 auto;padding:2rem 1rem}.container-wide>h1{text-align:left;margin-bottom:2rem}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}.card+.card{margin-top:1rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.wordmark{color:var(--color-primary);white-space:nowrap;font-size:1.25rem;font-weight:700;text-decoration:none}.wordmark-auth{text-align:center;margin-bottom:1rem;display:block}.nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--color-text-secondary);border-radius:var(--radius);white-space:nowrap;padding:.375rem .75rem;font-size:.9375rem;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.nav-link:hover{background:var(--color-border);color:var(--color-text)}.nav-link.active{color:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary);font-weight:600}.nav-logout{background:0 0;border:none;width:auto;font-weight:400}.nav-logout:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.form-group{margin-bottom:1rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));column-gap:1rem;display:grid}.form-grid>.form-section,.form-grid>.form-section-header,.form-grid>.form-span,.form-grid>.button-row,.form-grid>.message,.form-grid>button,.form-grid>h2,.form-grid>h3,.form-grid>h4{grid-column:1/-1}.label-preview{margin:.25rem 0 0;font-size:.875rem}.label-preview code{background:var(--color-surface,#f3f4f6);border-radius:4px;padding:.05rem .35rem}.info-icon{cursor:help;color:var(--color-text-secondary);font-size:.875rem;display:inline-block;position:relative}.info-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.info-tooltip{z-index:10;background:var(--color-background,#fff);border:1px solid var(--color-border);border-radius:var(--radius);width:22rem;max-width:80vw;color:var(--color-text);padding:.75rem 1rem;font-size:.875rem;font-weight:400;display:none;position:absolute;top:-.25rem;left:1.25rem;box-shadow:0 4px 12px #00000014}.info-tooltip code{background:var(--color-surface,#f3f4f6);border-radius:4px;padding:.05rem .3rem}.info-icon:hover .info-tooltip,.info-icon:focus .info-tooltip,.info-icon:focus-within .info-tooltip{display:block}.button-link{width:auto;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.button-link:hover:not(:disabled),.button-link:focus{color:var(--color-primary-hover);background:0 0}dialog.modal-dialog{background:0 0;border:none;max-width:none;max-height:none;padding:0}dialog.modal-dialog[open]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}dialog.modal-dialog::backdrop{background:#0006}.modal-card{width:100%;max-width:400px;margin:1rem}.entropy-bar-container{background:var(--color-border);border-radius:3px;height:6px;margin-bottom:.5rem;position:relative;overflow:visible}.entropy-bar{width:var(--bar-percent,0%);border-radius:3px;height:100%;transition:width .3s,background-color .3s;position:absolute;top:0;left:0}.entropy-bar-weak{background:var(--color-error)}.entropy-bar-fair{background:var(--color-warning)}.entropy-bar-strong{background:var(--color-success)}.entropy-label{font-size:.75rem;font-weight:500;position:absolute;top:10px;right:0}.entropy-label-weak{color:var(--color-error)}.entropy-label-fair{color:var(--color-warning)}.entropy-label-strong{color:var(--color-success)}.mismatch-hint{visibility:hidden}.mismatch-hint-visible{visibility:visible}.endpoint-list{flex-direction:column;gap:.5rem;display:flex}.endpoint-item{border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem;transition:background-color .15s;display:flex}.endpoint-item:hover{background-color:var(--color-background)}.endpoint-item-history{opacity:.7}.endpoint-main{flex-direction:column;flex:auto;gap:.25rem;min-width:0;display:flex}.endpoint-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.endpoint-name{overflow-wrap:break-word}.endpoint-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.endpoint-actions{flex-shrink:0}.connection-badge{background:var(--color-border);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.api-key-display{border-radius:var(--radius);background:#0000000d;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;display:flex;overflow-x:auto}.api-key-display code{word-break:break-all;font-size:.75rem}.form-section{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;padding:.75rem 1rem}.form-section:last-child{margin-bottom:0}.form-section-header{align-items:center;gap:.5rem;display:flex}.form-section-header>.help-icon{margin-left:auto}summary.form-section-header::-webkit-details-marker{display:none}summary.form-section-header:before{content:"▸";color:var(--color-text-secondary);font-size:.75rem;line-height:1}details[open]>summary.form-section-header:before{content:"▾"}.form-section-header h4,.form-section-title{margin:0;font-size:.9375rem}.help-icon{border:1px solid var(--color-border);width:1.25rem;height:1.25rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;line-height:1;display:inline-flex}.help-icon:hover{color:var(--color-primary);border-color:var(--color-primary)}.toggle-label{cursor:pointer;align-items:center;gap:.25rem;margin-bottom:0;font-size:.875rem;display:flex}.kvl-editor{flex-direction:column;gap:.5rem;display:flex}.kvl-row{align-items:center;gap:.5rem;display:flex}.kvl-row input,.kvl-row select{flex:1;min-width:0}.button-row{gap:.5rem;margin-top:1rem;display:flex}.connection-card{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;padding:.75rem 1rem;transition:background-color .15s}.connection-card:not(:has(.connection-edit)):hover{background-color:var(--color-background)}.connection-card:last-child{margin-bottom:0}.connection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.connection-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.connection-edit{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.75rem}.form-section-note{margin-top:.25rem;font-size:.8125rem}input.input-error,select.input-error{border-color:var(--color-error)}.input-muted{background-color:#f1f5f9}.ability-types{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.ability-card{border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background-color .15s;display:flex}.ability-card:hover{background-color:var(--color-background)}.ability-card h3{margin:0}.ability-card p{margin:.25rem 0 0}.setup-guide{margin-bottom:1.5rem}.setup-guide-list{margin:0 0 .5rem 1.25rem;padding:0;font-size:.875rem}