:root{--base-neutral:0, 0%;--base-blue:210, 100%;--base-green:142, 70%;--base-red:0, 100%;--base-code:339, 78%;--background:hsl(var(--base-neutral), 99%);--card-bg:hsl(var(--base-neutral), 100%);--drawer-bg:hsl(var(--base-neutral), 100%);--hover-bg:hsl(var(--base-neutral), 96%);--border-color:hsl(var(--base-neutral), 87%);--border-color-hover:hsl(var(--base-neutral), 73%);--border-radius:.25rem;--color:hsl(var(--base-neutral), 13%);--text-body:hsl(var(--base-neutral), 20%);--text-muted-3:hsl(var(--base-neutral), 33%);--text-muted-2:hsl(var(--base-neutral), 40%);--text-muted:hsl(var(--base-neutral), 53%);--text-faint:hsl(var(--base-neutral), 60%);--tag-bg:hsl(var(--base-neutral), 93%);--tag-color:hsl(var(--base-neutral), 33%);--go:hsl(var(--base-green), 30%);--stop:hsl(var(--base-red), 50%);--danger-bg:hsl(var(--base-red), 97%);--link-color:hsl(var(--base-blue), 40%);--link-color-hover:hsl(var(--base-blue), 30%);--code-bg:hsl(var(--base-neutral), 98%);--code-inline-bg:hsl(var(--base-neutral), 96%);--code-inline-color:hsl(var(--base-code), 46%);--collection-bg:hsl(var(--base-green), 93%);--collection-bg-hover:hsl(var(--base-green), 85%);--collection-border:hsl(var(--base-green), 73%);--collection-text:hsl(var(--base-green), 24%);--z-popup:100;--z-code-btn:5;--z-drawer-backdrop:1000;--z-drawer-panel:1001;--border-radius-pill:9999px;--transition-speed:.15s;--white:hsl(var(--base-neutral), 100%);--highlight-bg:#ffe066}*{box-sizing:border-box}body{background:var(--background);height:100dvh;color:var(--color);flex-direction:column;margin:0 .5rem;font-family:system-ui,sans-serif;display:flex;overflow:hidden}app-home,app-super-header,app-feed,app-reader,app-settings,app-editor,app-help{display:contents}header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}main{flex:1 1 0;min-height:0;overflow-y:auto}footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:var(--card-bg);flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;padding:.5rem 0;font-size:.75rem;display:flex}app-search{border:2px solid var(--color);border-radius:.25rem;align-items:center;width:100%;min-width:15ch;max-width:100%;display:flex;overflow:visible}app-search:focus-within{border:2px dashed var(--go)}app-search app-icon{margin:.3rem}.search-icon-wrapper{justify-content:center;align-items:center;margin-right:.55rem;display:inline-flex;position:relative;overflow:visible}.search-count-badge{color:var(--go);pointer-events:none;background:var(--card-bg);padding:0 2px;font-size:.7rem;font-weight:700;line-height:1;position:absolute;top:-.25rem;right:-.5rem}input[type=search]{box-sizing:border-box;width:100%;box-shadow:none;border:none;outline:none;margin-bottom:.3rem;padding:.3rem;font-size:1.2rem}mark{background:var(--highlight-bg);padding:0 2px}#results,.query-cards{grid-template-columns:repeat(auto-fill,minmax(35ch,1fr));gap:1rem;display:grid}.card{border:2px solid hsl(var(--base-neutral), 68%);border-radius:var(--border-radius);background:hsl(var(--base-neutral), 96%);height:20rem;padding:1rem;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #00000014,0 1px #0000000d}.card:hover{border-color:hsl(var(--base-neutral), 45%);transform:translateY(-3px);box-shadow:0 12px 20px -3px #0000001f,0 6px 8px -2px #00000014}.card-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;min-width:min(40ch,100%);max-width:100%;color:var(--link-color);margin:0;font-size:1.2rem;font-weight:600;text-decoration:underline;overflow:hidden}.card-actions{flex-wrap:wrap;gap:.375rem;display:flex}.card-tags,.tags-container{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.75rem;display:flex}.match-badge{border-radius:var(--border-radius-pill);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.72rem;font-weight:600;line-height:1.2;display:inline-flex}.match-badge.match-hybrid{background:hsl(var(--base-purple), 92%);color:hsl(var(--base-purple), 30%);border:1px solid hsl(var(--base-purple), 75%)}.match-badge.match-semantic{background:hsl(var(--base-blue), 92%);color:hsl(var(--base-blue), 30%);border:1px solid hsl(var(--base-blue), 75%)}.match-badge.match-keyword{background:hsl(var(--base-neutral), 92%);color:hsl(var(--base-neutral), 30%);border:1px solid hsl(var(--base-neutral), 75%)}.card-body p{color:var(--text-body);white-space:pre-wrap;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0 0 .5rem;display:-webkit-box;overflow:hidden}.editor-popup-item{cursor:pointer;background:0 0;border:none}.drawer-backdrop{opacity:0;pointer-events:none;z-index:var(--z-drawer-backdrop);background:#0006;transition:opacity .3s;position:fixed;inset:0}.drawer-backdrop.active{opacity:1;pointer-events:auto}.drawer-panel{background:var(--drawer-bg);width:35ch;z-index:var(--z-drawer-panel);box-sizing:border-box;padding:1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:.125rem 0 .5rem #00000026}.drawer-panel.active{transform:translate(0)}.drawer-nav-item:hover{background-color:var(--hover-bg)}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.drawer-title{color:var(--color);margin:0;font-size:1.25rem;font-weight:600}.drawer-nav{flex-direction:column;gap:.5rem;display:flex}.drawer-nav-item{cursor:pointer;border-radius:var(--border-radius);align-items:center;gap:.625rem;padding:.625rem;font-weight:500;transition:background .15s;display:flex}.drawer-section{border-top:1px solid var(--border-color);margin-top:1.25rem;padding-top:1rem}.drawer-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.8px;margin:0 0 .625rem .625rem;font-size:.8em;font-weight:600}.drawer-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1rem;display:flex}.drawer-user-info{color:var(--text-muted-2);align-items:center;gap:.5rem;padding:0 .25rem;font-size:.85rem;display:flex}.drawer-user-email{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.feed-header,.reader-header,.editor-header,.settings-header,.help-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;padding-bottom:.5rem}.settings-header,.help-header{justify-content:flex-start;gap:.75rem;padding:.5rem 0}.reader-header-title,.editor-header-title{align-items:center;gap:.375rem;margin:0;font-size:1.2rem;display:inline-flex}.settings-title,.help-title{margin:0;font-size:1.2rem}.feed-header{grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;width:100%;display:grid}.feed-search-mid{flex-direction:column;flex:auto;max-width:60ch;display:flex}.feed-results-count{color:var(--text-muted-2);white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-top:.75rem;font-size:.85em;font-weight:500}.feed-main{padding:1rem 0}.reader-header-left,.editor-header-left{align-items:center;gap:.5rem;display:flex}.reader-collection-badge{background:var(--go);color:var(--white);border-radius:.75rem;padding:.125rem .5rem;font-size:.7em;font-weight:700}.reader-header-actions,.editor-header-actions{align-items:center;gap:.25rem;display:flex}.reader-main{padding:1rem 0}.reader-meta-wrapper{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--hover-bg);margin-bottom:1.25rem;padding:.5rem .75rem}.reader-meta-summary{cursor:pointer;color:var(--text-muted-3);-webkit-user-select:none;user-select:none;font-size:.9em;font-weight:700}.reader-meta-content{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;margin-top:.625rem;padding-top:.625rem;display:flex}.reader-meta-group{cursor:pointer;color:var(--text-muted-3);-webkit-user-select:none;user-select:none;font-size:.9em}.reader-meta-tags-body{flex-wrap:wrap;gap:.375rem;padding:.5rem .75rem;display:flex}.reader-meta-links-body{flex-direction:column;gap:.375rem;padding:.5rem .75rem;display:flex}.reader-meta-link{color:var(--link-color);align-items:center;gap:.375rem;font-size:.9em;font-weight:500;text-decoration:none;display:inline-flex}.reader-meta-table-body{padding:.5rem .75rem}.reader-meta-table{border-collapse:collapse;width:100%;font-size:.9em}.reader-meta-label{color:var(--text-muted-2);width:7.5rem;padding:.25rem 0;font-weight:700}.reader-meta-value{color:var(--text-body);padding:.25rem 0}.markdown-content{line-height:1.6}.editor-dirty-dot{color:var(--stop);font-size:.75em;line-height:1}.editor-main{flex-direction:column;height:100%;padding:1rem 0;display:flex}.editor-offline-warning{background:var(--danger-bg);color:var(--stop);border-radius:var(--border-radius);text-align:center;border:1px solid var(--stop);margin-bottom:.75rem;padding:.5rem;font-size:.9em;font-weight:700}.editor-helper-bar{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex;position:relative}.editor-helper-container{position:relative}.editor-popup{z-index:var(--z-popup);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:.125rem;width:13.75rem;max-height:12.5rem;padding:.5rem;display:flex;position:absolute;top:1.75rem;left:0;overflow-y:auto;box-shadow:0 .25rem .75rem #00000026}.editor-popup-title{color:var(--text-muted);border-bottom:1px solid var(--border-color);letter-spacing:.5px;margin-bottom:.375rem;padding-bottom:.375rem;font-size:.75em;font-weight:700}.editor-popup-title.no-spacing{border-bottom:none;margin:0;padding:0}.editor-popup-header{align-items:center;gap:.25rem;display:flex}.editor-popup-empty{color:var(--text-faint);padding:.25rem .5rem;font-size:.85em;font-style:italic}.editor-popup-item{text-align:left;border-radius:var(--border-radius);color:var(--link-color);padding:.375rem .625rem;font-family:monospace;font-size:.85em;transition:background .15s}.editor-popup-item:hover{background-color:var(--hover-bg)}.editor-textarea,.editor-preview{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--card-bg);flex:1;width:100%;padding:.75rem;overflow-y:auto}.editor-textarea{resize:none;font-family:monospace;font-size:1rem;line-height:1.5}.editor-textarea:focus-visible{outline:2px solid var(--go);outline-offset:1px}.settings-main{padding:1.5rem 0}.settings-card{margin-bottom:1.25rem}.settings-section-title{margin:0 0 .625rem}.settings-section-title.danger{color:var(--stop)}.settings-desc{color:var(--text-muted-2);margin-bottom:1rem;font-size:.9em}.code-block-wrapper{min-width:0;max-width:100%;margin:1rem 0;position:relative}.copy-code-btn{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;z-index:var(--z-code-btn);color:var(--color);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:background .1s;position:absolute;top:.5rem;right:.5rem}.copy-code-btn:hover{background-color:var(--tag-bg)}pre{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;margin:1rem 0;padding:2.25rem 1rem 1rem;font-size:.88rem}pre code{color:inherit;white-space:pre-wrap;word-break:break-word;background-color:#0000;border-radius:0;padding:0}code{background-color:var(--code-inline-bg);color:var(--code-inline-color);word-break:break-word;border-radius:3px;padding:.125rem .25rem;font-family:monospace;font-size:.9em}.reader-layout{flex-wrap:wrap;align-items:start;gap:1.5rem;display:flex}.reader-note-section{flex-direction:column;flex:60ch;gap:1rem;min-width:0;max-width:100%;display:flex}.markdown-content{min-width:0;max-width:100%}.reader-pills-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.reader-properties-section{flex:0 40ch;height:auto;padding:1rem;overflow:visible}.properties-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin:0 0 .75rem;padding-bottom:.5rem;font-size:.95rem;font-weight:700}.properties-empty{color:var(--text-faint);font-size:.85em;font-style:italic}.properties-sub-section{margin-top:1.5rem}.query-link{color:var(--link-color);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;transition:color .1s;display:inline-flex}.query-link:hover{color:var(--link-color-hover);text-decoration:underline}.query-inline{vertical-align:middle;flex-wrap:wrap;gap:.375rem;margin:0 .25rem;display:inline-flex}.query-inline-empty{color:var(--text-faint);font-size:.9em;font-style:italic}.help-main{padding:1.5rem 0}.help-section{margin-bottom:1.5rem}.help-section h3{border-bottom:1px solid var(--border-color);margin-top:0;padding-bottom:.375rem;font-size:1.1rem}.help-code-example{background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);white-space:pre-wrap;color:var(--text-body);margin:.5rem 0 1rem;padding:.75rem;font-family:monospace;font-size:.85em}.help-shortcuts-table{grid-template-columns:repeat(auto-fit,minmax(28ch,1fr));gap:.75rem 1.5rem;margin-top:.75rem;display:grid}.help-shortcut-row{color:var(--text-body);align-items:center;gap:.75rem;font-size:.9rem;display:flex}kbd{color:var(--color);background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.2rem .45rem;font-family:monospace;font-size:.8rem;font-weight:600;display:inline-block;box-shadow:0 1px #0000001a}.hidden-input{display:none}.query-table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}.query-table thead tr{border-bottom:2px solid var(--border-color);text-align:left;color:var(--text-muted-3)}.query-table th{padding:.5rem .375rem}.query-table th.capitalize{text-transform:capitalize}.query-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .1s}.query-table tbody tr:hover{background-color:var(--border-color-hover)}.query-table td{padding:.5rem .375rem}.query-table td.dimmed{color:var(--text-body)}.query-table-empty{text-align:center;color:var(--text-faint);padding:.75rem .375rem;font-style:italic}.query-empty{color:var(--text-faint);margin:.5rem 0;font-size:.9em;font-style:italic}.query-empty.cards-empty{border:1px dashed var(--border-color);border-radius:var(--border-radius);text-align:center;padding:.75rem}.query-list{flex-direction:column;gap:.5rem;margin:.75rem 0;padding-left:0;list-style:none;display:flex}.query-error{color:var(--stop);background:var(--danger-bg);border:1px solid var(--stop);border-radius:var(--border-radius);padding:.75rem;font-family:monospace;font-size:.85em}.query-loading,.query-inline-loading{color:var(--text-muted-2);padding:.35rem 0;font-size:.85em;font-style:italic}.reader-header{flex-wrap:wrap;gap:.75rem}.dialog-backdrop{z-index:2000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;position:fixed;inset:0}.dialog-box{z-index:2001;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:1.25rem;width:calc(100% - 2rem);max-width:45ch;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .5rem 2rem #00000040}.dialog-message{color:var(--text-body);white-space:pre-wrap;font-size:1rem;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.new-note-modal{z-index:2001;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;flex-direction:column;gap:1rem;width:min(92vw,50ch);max-width:50ch;max-height:min(90vh,650px);padding:1.25rem;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 .5rem 2rem #00000040}.new-note-body{flex-direction:column;gap:1rem;min-height:0;display:flex;overflow-y:auto}.dialog-field{flex-direction:column;gap:.375rem;display:flex}.dialog-field.checkbox-field{flex-direction:row;align-items:center}.dialog-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted-2);font-size:.8rem;font-weight:600}.dialog-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--link-color);border-bottom:1px solid var(--border-color);margin-top:.25rem;padding-bottom:.25rem;font-size:.75rem;font-weight:700}.dialog-input,.dialog-select{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--card-bg);color:var(--color);box-sizing:border-box;padding:.5rem;font-size:.9rem}.dialog-schema-group{background:var(--hover-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.files-main-layout{flex-direction:column;gap:1rem;display:flex}.files-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.files-search-input{border:2px solid var(--border-color);background:var(--input-bg);color:var(--text-color);border-radius:.25rem;flex:300px;padding:.5rem;font-size:1rem}.files-card{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.files-empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:.25rem;padding:3rem 0}.files-list{flex-direction:column;gap:.25rem;display:flex}.file-item-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .5rem;display:flex}.file-info-col{flex:200px;align-items:center;gap:.75rem;min-width:0;display:flex}.file-thumbnail{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;width:48px;height:48px}.file-thumbnail-fallback{background:var(--border-color);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-name-meta{flex-direction:column;min-width:0;display:flex;overflow:hidden}.file-download-link{white-space:nowrap;text-overflow:ellipsis;color:var(--link-color);font-size:.95em;font-weight:500;text-decoration:underline;overflow:hidden}.file-meta-subtext{color:var(--text-muted-2);margin-top:.15rem;font-size:.75em}.file-item-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.icon-fallback{color:var(--text-muted-2)}.app-btn{border-radius:var(--border-radius-pill);cursor:pointer;background-color:var(--tag-bg);color:var(--text-body);transition:opacity var(--transition-speed) ease, background-color var(--transition-speed) ease, transform .1s ease;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.35rem;padding:.45rem 1.25rem;font-size:.9rem;font-weight:500;line-height:1;display:inline-flex}.app-btn:hover:not(.btn-disabled){opacity:.9;background-color:var(--hover-bg)}.app-btn:active:not(.btn-disabled){transform:scale(.98)}.app-btn.btn-disabled{opacity:.5;cursor:not-allowed}.app-btn.btn-action{background-color:var(--border-color-hover);color:var(--color)}.app-btn.btn-danger{background-color:var(--danger-bg);color:var(--stop)}.app-btn.btn-cancel{border:1px solid var(--border-color);color:var(--text-body);background:0 0;padding:.375rem 1.25rem}.app-btn.btn-icon-only{background:0 0;border-radius:50%;padding:.45rem;font-size:1.1rem}.app-btn.btn-icon-only:hover:not(.btn-disabled){background-color:var(--hover-bg)}.app-btn.btn-tag,.app-btn.btn-collection{padding:.25rem .75rem;font-size:.85em;font-weight:500}.app-btn.btn-tag{background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--border-color)}.app-btn.btn-tag:hover:not(.btn-disabled){background-color:var(--border-color-hover)}.app-btn.btn-collection{background:var(--collection-bg);border:1px solid var(--collection-border);color:var(--collection-text)}.app-btn.btn-collection:hover:not(.btn-disabled){background-color:var(--collection-bg-hover)}.app-btn.btn-inline{background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--border-color);vertical-align:middle;padding:.15rem .625rem;font-size:.85em;font-weight:500}.app-btn.btn-inline:hover:not(.btn-disabled){background-color:var(--border-color-hover)}.quick-capture-success{background:var(--collection-bg);border:1px solid var(--collection-border);color:var(--collection-text);border-radius:var(--border-radius);text-align:center;margin-bottom:.5rem;padding:.75rem;font-weight:500}.settings-sync-status-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.settings-sync-badge{background:var(--tag-bg);color:var(--tag-color);border-radius:var(--border-radius-pill);border:1px solid var(--border-color);padding:.35rem .75rem;font-size:.9rem}.settings-sync-badge strong.sync-status-success{color:var(--go)}.settings-sync-badge strong.sync-status-failed{color:var(--stop)}.settings-sync-badge strong.sync-status-syncing{color:hsl(var(--base-blue), 40%)}.settings-sync-logs-container{background:var(--code-inline-bg);color:var(--text-body);border-radius:var(--border-radius);border:1px solid var(--border-color);max-height:200px;padding:.75rem;font-family:monospace;font-size:.85rem;overflow-y:auto}.settings-sync-log-line{white-space:pre-wrap;border-bottom:1px dashed var(--border-color);padding:.25rem 0;line-height:1.4}.settings-sync-log-line:last-child{border-bottom:none}.settings-sync-log-empty{color:var(--text-muted);text-align:center;padding:.5rem 0;font-style:italic}.super-header-bar{padding:max(env(safe-area-inset-top,0px), 8px) 0 .35rem 0;border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.super-header-nav{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.super-header-btn{border-radius:var(--border-radius-pill);color:var(--text-muted-2);cursor:pointer;width:1.9rem;height:1.9rem;transition:background var(--transition-speed), color var(--transition-speed);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.super-header-btn:hover{background:var(--hover-bg);color:var(--color)}.super-header-btn:active{background:var(--border-color)}.super-header-omnibox{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);min-width:0;transition:border-color var(--transition-speed), box-shadow var(--transition-speed);flex:1;align-items:center;gap:.4rem;padding:.2rem .5rem;display:flex}.super-header-omnibox:focus-within{border-color:hsl(var(--base-blue), 50%);box-shadow:0 0 0 2px hsl(var(--base-blue), 20%)}.super-header-lock{color:var(--text-muted);flex-shrink:0;align-items:center;font-size:.85rem;display:inline-flex}.super-header-input{color:var(--color);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.15rem 0;font-family:inherit;font-size:clamp(.78rem,2vw,.88rem)}.super-header-copy-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);transition:color var(--transition-speed);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.2rem;display:inline-flex;position:relative}.super-header-copy-btn:hover{color:var(--color)}.super-header-badge{background:var(--color);color:var(--background);border-radius:var(--border-radius);pointer-events:none;white-space:nowrap;z-index:var(--z-popup);padding:.15rem .45rem;font-size:.72rem;font-weight:600;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 2px 5px #0003}.auth-wrapper{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:clamp(1rem,4vw,2.5rem);display:flex}.auth-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:1.25rem;width:min(100%,420px);padding:clamp(1.25rem,5vw,2rem);display:flex;box-shadow:0 4px 12px #0000000d}.auth-header{text-align:center}.auth-title{color:var(--color);margin:0 0 .35rem;font-size:clamp(1.4rem,4vw,1.75rem);font-weight:700}.auth-subtitle{color:var(--text-muted);margin:0;font-size:clamp(.85rem,2.5vw,.95rem)}.auth-banner{border-radius:var(--border-radius);padding:.75rem;font-size:.88rem;line-height:1.4}.auth-banner-error{background:var(--danger-bg);color:var(--stop);border:1px solid var(--stop)}.auth-banner-success{background:hsl(var(--base-green), 95%);color:var(--go);border:1px solid var(--go)}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-field-header{justify-content:space-between;align-items:center;display:flex}.auth-label{color:var(--text-body);font-size:.85rem;font-weight:600}.auth-input{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background);color:var(--color);transition:border-color var(--transition-speed);outline:none;padding:.6rem .75rem;font-size:.95rem}.auth-input:focus{border-color:var(--border-color-hover)}.auth-submit-btn{border-radius:var(--border-radius);background:var(--color);color:var(--background);cursor:pointer;transition:opacity var(--transition-speed);border:none;padding:.65rem 1rem;font-size:.95rem;font-weight:600}.auth-submit-btn:hover:not(:disabled){opacity:.9}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.88rem;display:flex}.auth-link-btn{color:hsl(var(--base-blue), 50%);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.auth-pending-content{text-align:center;flex-direction:column;gap:1rem;display:flex}.auth-pending-text{color:var(--color);margin:0;font-weight:600}.auth-pending-subtext{color:var(--text-muted);margin:0;font-size:.9rem}.admin-users-list{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.admin-user-row{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.admin-user-details{flex-direction:column;gap:.25rem;display:flex}.admin-user-email{color:var(--color);font-size:.95rem;font-weight:600}.admin-user-meta{color:var(--text-muted);font-size:.82rem}.admin-badge{border-radius:var(--border-radius);text-transform:capitalize;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.admin-badge-approved{background:hsl(var(--base-green), 92%);color:var(--go)}.admin-badge-pending{color:#916f08;background:#fff6db}.admin-badge-rejected{background:var(--danger-bg);color:var(--stop)}.admin-user-actions{flex-wrap:wrap;gap:.5rem;display:flex}
