:root{--bg: #18181b;--bg-soft: #1f1f23;--surface: #27272a;--surface-hover: #2e2e32;--border: #3f3f46;--border-soft: #52525b;--text: #fafafa;--text-muted: #a1a1aa;--accent: #0ea5e9;--accent-hover: #38bdf8;--accent-glow: rgba(14, 165, 233, .15);--error: #f87171;--tag-tint: .15}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);color:var(--text);line-height:1.6;min-height:100vh}#app{max-width:960px;margin:0 auto;padding:2rem}header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.header-maps-link{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);text-decoration:none;font-size:1.05rem;font-weight:700;transition:color .15s}.header-maps-link:hover{color:var(--text)}.maps-label-short{display:none}.maps-label-full{display:inline}header h1{margin:0;font-size:1.875rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}header .site-logo{flex-shrink:0;vertical-align:middle}.input-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:.8rem .85rem}.input-label{display:none;margin:0;padding-left:.2rem;font-size:.9rem;color:var(--text-muted)}.input-label-link{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.input-label-link:hover{color:var(--text)}.input-row{display:flex;gap:.75rem;align-items:stretch}#url-input{flex:1;min-width:0;padding:.75rem 1rem;font-size:1rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:3px;color:var(--text);transition:border-color .2s,box-shadow .2s}#url-input::placeholder{color:var(--text-muted)}#url-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}#compare-btn{flex-shrink:0;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}#compare-btn:hover{background:var(--surface-hover);border-color:var(--border-soft)}#compare-btn:active{transform:scale(.98)}#compare-btn:disabled{opacity:.6;cursor:not-allowed}.error{margin:0;line-height:1.45;font-size:.9rem;color:var(--error)}.result-section{margin-bottom:2rem}.result-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.result-tag-pills{display:flex;align-items:center;gap:.35rem}.result-tag-pill{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .6rem;font-size:.78rem;font-weight:500;font-family:inherit;line-height:normal;text-align:center;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;user-select:none;-webkit-user-select:none}.result-tag-pill[data-tag=renewal]:hover{color:#6b9e7a;border-color:#6b9e7a;background:#6b9e7a14}.result-tag-pill[data-tag=stable]:hover{color:#c49a5c;border-color:#c49a5c;background:#c49a5c14}.result-tag-pill[data-tag=decay]:hover{color:#c27272;border-color:#c27272;background:#c2727214}.result-tag-pill.is-active[data-tag=renewal]{border-color:#6b9e7a;color:#6b9e7a;background:#6b9e7a1a}.result-tag-pill.is-active[data-tag=stable]{border-color:#c49a5c;color:#c49a5c;background:#c49a5c1a}.result-tag-pill.is-active[data-tag=decay]{border-color:#c27272;color:#c27272;background:#c272721a}.result-tag-badge{font-size:.78rem;font-weight:500;padding:.3rem .6rem;border-radius:999px;white-space:nowrap;border:1px solid currentColor;line-height:normal}.result-tag-badge.tag-renewal{background:#6b9e7a1a;color:#6b9e7a}.result-tag-badge.tag-stable{background:#c49a5c1a;color:#c49a5c}.result-tag-badge.tag-decay{background:#c272721a;color:#c27272}.back-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem .4rem .45rem;font-size:.85rem;font-weight:500;background:transparent;color:var(--text);border:none;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.back-btn:hover{background:var(--surface);color:var(--accent)}.result-actions{display:flex;align-items:center;gap:0}.result-action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;background:transparent;color:var(--text-muted);border:none;border-radius:8px;cursor:pointer;text-decoration:none;box-sizing:border-box;flex-shrink:0;line-height:0;font-size:0;transition:border-color .15s,color .15s,background .15s}.result-action-btn:hover{color:var(--accent);background:var(--surface-hover)}.result-action-btn .share-feedback,.history-item-share .share-feedback{font-size:.7rem;font-weight:500;letter-spacing:-.02em}.result-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:1.1rem;font-weight:400;color:var(--text);padding:.65rem 0;margin-bottom:.75rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.result-time{font-size:.78rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;opacity:.7}.result-note{margin:-.5rem 0 .75rem;font-size:.85rem;color:var(--text-muted);font-style:italic}.result-note-nearby{color:#f59e0b}.result-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.65rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:.5rem}.result-ward{margin-top:.75rem;padding:0 0 .65rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.location-header{margin-bottom:.35rem}.location-name{font-size:.95rem;font-weight:600;color:var(--text)}.location-renamed{font-size:.9rem;color:var(--text-muted);font-style:italic}.ward-title{margin-bottom:.25rem}.ward-title-text{font-size:.85rem;font-weight:600;color:var(--text)}.ward-title-sub{font-size:.75rem;color:var(--text-muted);margin-left:.5rem}.election-table{display:grid;font-size:.85rem;column-gap:1rem}.election-table.cols-1{grid-template-columns:1fr 140px}.election-table.cols-2{grid-template-columns:1fr 140px 140px}.election-row{display:contents}.election-row>span{padding:.3rem 0;border-bottom:1px solid var(--border)}.election-row:last-child>span{border-bottom:none}.election-row-header>span{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-soft);padding-bottom:.4rem}.election-row-total>span{font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-soft);border-bottom:none;padding-top:.4rem}.election-party{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.election-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.election-votes-pct{color:var(--text-muted)}.election-votes-pct:before{content:"("}.election-votes-pct:after{content:")"}@media(max-width:768px){.election-table.cols-1{grid-template-columns:1fr 80px;column-gap:.75rem}.election-table.cols-2{grid-template-columns:1fr 80px 80px;column-gap:.5rem}.election-votes{display:none}.election-votes-pct{color:var(--text-primary)}.election-votes-pct:before,.election-votes-pct:after{content:none}}.ward-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ward-column{min-width:0}.election-see-more{display:inline-block;background:none;border:none;color:var(--accent);font-size:.8rem;cursor:pointer;padding:.35rem 0 0;text-align:left}.election-see-more:hover{color:var(--accent-hover);text-decoration:underline}.election-see-more:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:1rem;margin-bottom:.4rem}.section-label:first-child{margin-top:0}.skeleton-loader{display:flex;flex-direction:column;gap:.55rem;padding:.3rem 0}.skeleton-bar{height:.85rem;border-radius:4px;background:var(--border);animation:shimmer 1.4s ease-in-out infinite}.skeleton-bar:nth-child(2){width:85%;animation-delay:.1s}.skeleton-bar:nth-child(3){width:70%;animation-delay:.2s}.skeleton-bar:nth-child(4){width:55%;animation-delay:.3s}.skeleton-bar:nth-child(5){width:40%;animation-delay:.4s}.result-ward-loading-note,.result-ward-loading-error{margin:.35rem 0 0;font-size:.8rem;color:var(--text-muted)}@keyframes shimmer{0%,to{opacity:.25}50%{opacity:.5}}.election-abbr-link{display:block;background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.5rem 0 0;text-align:left}.election-abbr-link:hover{color:var(--accent);text-decoration:underline}.parties-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center}.parties-modal{background:#1e1e1ef2;border-radius:12px;padding:1.5rem 2rem;max-width:520px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.parties-modal h2{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.parties-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:.25rem}.parties-modal-close:hover{color:var(--text-primary)}.parties-modal-list table{width:100%;border-collapse:collapse;font-size:.85rem}.parties-modal-list thead th{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.parties-modal-list tbody td{padding:.3rem .6rem;border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.05))}.parties-modal-list tbody td:first-child{font-weight:600;white-space:nowrap;width:1%}.parties-modal-list tbody tr:hover{background:#ffffff08}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:768px){.result-section .side-by-side{grid-template-columns:1fr;gap:.5rem}}.img-wrap{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:8px;box-shadow:0 4px 24px #0000004d;background:var(--border)}.img-wrap img:not(.google-attr){display:block;width:100%;height:100%;object-fit:cover}.date-overlay{position:absolute;top:.35rem;right:.35rem;padding:.2rem .4rem;font-size:.7rem;font-weight:500;background:#000000b3;color:#fff;border-radius:4px}.google-attr{position:absolute;bottom:4px;left:4px;height:14px;width:auto;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.feed-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;position:sticky;top:0;z-index:20;background:#18181bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.75rem 0;margin-top:-.75rem;border-bottom:1px solid var(--border)}.feed-controls{display:inline-flex;align-items:center;gap:.65rem}.feed-filter-control{position:relative;width:220px;max-width:32vw}.feed-filter-select-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.feed-filter-trigger{width:100%;min-height:2.05rem;padding:.35rem 1.9rem .35rem .65rem;font-size:.82rem;font-weight:500;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .2s,box-shadow .2s,background .2s}.feed-filter-control:after{content:"";position:absolute;right:.72rem;top:50%;width:.4rem;height:.4rem;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:translateY(-62%) rotate(45deg);pointer-events:none;transition:transform .2s ease}.feed-filter-control.is-open:after{transform:translateY(-38%) rotate(-135deg)}.feed-filter-trigger:hover{background:var(--surface-hover)}.feed-filter-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.feed-filter-control.is-disabled .feed-filter-trigger{opacity:.65;cursor:not-allowed}.feed-filter-menu{position:absolute;top:calc(100% + .4rem);left:0;right:0;max-height:min(300px,45vh);overflow-y:auto;border:1px solid var(--border-soft);border-radius:3px;background:#212125;box-shadow:0 14px 28px #00000059;z-index:25;padding:.25rem}.feed-filter-option{display:block;width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:.45rem .55rem;border-radius:8px;font-size:.82rem;cursor:pointer}.feed-filter-option:hover{background:var(--surface-hover)}.feed-filter-option.is-selected{background:#0ea5e92e;color:#d9f3ff}.feed-filter-option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.feed-tag-pills{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.feed-tag-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.05rem;padding:.35rem .65rem;font-size:.82rem;font-weight:500;font-family:inherit;line-height:1;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;user-select:none;-webkit-user-select:none}.feed-tag-pill[data-tag=renewal]{background:rgba(107,158,122,var(--tag-tint));color:var(--text-muted)}.feed-tag-pill[data-tag=stable]{background:rgba(196,154,92,var(--tag-tint));color:var(--text-muted)}.feed-tag-pill[data-tag=decay]{background:rgba(194,114,114,var(--tag-tint));color:var(--text-muted)}@media(hover:hover){.feed-tag-pill[data-tag=renewal]:hover{color:#6b9e7a}.feed-tag-pill[data-tag=stable]:hover{color:#c49a5c}.feed-tag-pill[data-tag=decay]:hover{color:#c27272}}.feed-tag-pill.is-active[data-tag=renewal]{border-color:#6b9e7a;color:#6b9e7a;background:#2a3330}.feed-tag-pill.is-active[data-tag=stable]{border-color:#c49a5c;color:#c49a5c;background:#33302a}.feed-tag-pill.is-active[data-tag=decay]{border-color:#c27272;color:#c27272;background:#332a2a}.history-item-tag{display:none}.feed-section h2{margin:0;font-size:1.25rem;font-weight:600}#history-list.feed-list{display:flex;flex-direction:column;gap:1rem}#history-list.feed-list.is-refreshing{opacity:.62;pointer-events:none;transition:opacity .15s ease}.history-item{display:flex;flex-direction:column;padding:0;cursor:pointer;transition:background .15s ease,border-color .15s ease;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:3px}.history-item:hover{background:var(--surface-hover);border-color:var(--border-soft)}.history-item-header.status-renewal{background:#2a3330;color:#6b9e7a;border-bottom:1px solid rgba(107,158,122,.3)}.history-item-header.status-stable{background:#33302a;color:#c49a5c;border-bottom:1px solid rgba(196,154,92,.3)}.history-item-header.status-decay{background:#332a2a;color:#c27272;border-bottom:1px solid rgba(194,114,114,.3)}.history-item-header[class*=status-] .history-item-meta,.history-item-header[class*=status-] .history-item-time{color:inherit}.history-item-header{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;padding:.75rem .85rem}.history-item-time{font-size:.72rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;opacity:.7}.history-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0}.history-thumb-wrap{position:relative;aspect-ratio:3 / 2;background:var(--bg-soft);overflow:hidden;border-radius:0}.history-thumb-wrap .thumb{width:100%;height:100%;object-fit:cover;display:block}.history-thumb-wrap .thumb-date{position:absolute;top:.3rem;right:.3rem;padding:.18rem .38rem;font-size:.68rem;font-weight:500;background:#000000b3;color:#fff;border-radius:4px}.history-item-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;gap:.5rem}.history-item-meta{font-size:.82rem;color:var(--text-muted);min-width:0}.history-item-classify{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.classify-pill{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .6rem;font-size:.72rem;font-weight:500;font-family:inherit;line-height:normal;text-align:center;white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;user-select:none;-webkit-user-select:none;transition:color .15s,background .15s,border-color .15s}.classify-pill.is-active.classify-renewal{border-color:#6b9e7a;color:#6b9e7a;background:#6b9e7a1a}.classify-pill.is-active.classify-stable{border-color:#c49a5c;color:#c49a5c;background:#c49a5c1a}.classify-pill.is-active.classify-decay{border-color:#c27272;color:#c27272;background:#c272721a}@media(hover:hover){.classify-pill.classify-renewal:hover{color:#6b9e7a;border-color:#6b9e7a;background:#6b9e7a14}.classify-pill.classify-stable:hover{color:#c49a5c;border-color:#c49a5c;background:#c49a5c14}.classify-pill.classify-decay:hover{color:#c27272;border-color:#c27272;background:#c2727214}}.history-item-actions{display:flex;align-items:center;gap:0;flex-shrink:0;margin-left:auto}.history-item-actions>*{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;background:transparent;color:var(--text-muted);border:none;border-radius:50%;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:color .15s,background .15s}@media(hover:hover){.history-item-actions>*:hover{color:var(--accent);background:var(--accent-glow)}}.feed-loading{margin-top:.5rem;color:var(--text-muted);font-size:.85rem;text-align:center}.feed-see-more-btn{display:block;margin:.75rem auto 0;padding:.55rem 1rem;font-size:.9rem;font-weight:500;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.feed-see-more-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-hover)}.feed-see-more-btn:disabled{opacity:.6;cursor:not-allowed}.feed-end-state{margin-top:.9rem;display:flex;flex-direction:column;align-items:center;gap:.45rem}.feed-end-text{margin:0;font-size:.9rem;color:var(--text-muted)}.feed-back-to-top-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.feed-back-to-top-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-hover)}.loading{opacity:.7;pointer-events:none}#compare-btn.loading{opacity:1;color:var(--text-muted);cursor:wait;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}@keyframes spin{to{transform:rotate(360deg)}}#compare-btn.loading .btn-spinner{width:14px;height:14px;border:2px solid var(--border-soft);border-top-color:var(--text);border-radius:50%;animation:spin .6s linear infinite}.deeplink-loading-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:clamp(3rem,16vh,10rem) 1.25rem 1.25rem;background:#18181bf0}.deeplink-loading-card{width:min(28rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.95rem 1rem}.deeplink-loading-spinner{width:16px;height:16px;border:2px solid var(--border-soft);border-top-color:var(--text);border-radius:50%;animation:spin .65s linear infinite}.deeplink-loading-text{margin:0;color:var(--text-muted);font-size:.95rem}.empty-history{padding:2rem;text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-soft);border-radius:12px}@media(max-width:768px){#app{padding:1.25rem 1rem}header{gap:.5rem}header h1{font-size:1.6rem;gap:.35rem}header .site-logo{width:24px;height:24px}.header-maps-link{display:none}.input-label{display:block}header{margin-bottom:1rem}.input-section{padding:.65rem;margin-bottom:1rem}#compare-btn{padding:.6rem .75rem;font-size:.9rem}.feed-header{margin-bottom:.4rem;align-items:flex-start;flex-direction:column;gap:.4rem;position:static;backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border-bottom:none}.feed-controls{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.feed-controls .feed-filter-control{flex:1 1 auto;min-width:0;width:auto;max-width:none}.feed-filter-select{width:100%;max-width:none}.feed-filter-control:after{display:none}.feed-filter-trigger,.feed-filter-menu{display:none!important}.feed-filter-select-native{position:static;width:100%;height:auto;opacity:1;pointer-events:auto;min-height:2.1rem;padding:.45rem .65rem;font-size:.82rem;background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text);-webkit-appearance:menulist;appearance:auto}.history-thumb-wrap .thumb-date,.date-overlay{font-size:.65rem;padding:.16rem .32rem}#history-list.feed-list{gap:.85rem}.history-thumbs{padding:0;grid-template-columns:1fr;gap:4px}.history-item-header{padding:.7rem .65rem}.history-item-footer{padding:.45rem .65rem}.side-by-side{gap:.4rem}}.header-right{display:flex;align-items:center;gap:.75rem}.auth-btn{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;cursor:pointer;color:var(--text-muted);transition:color .15s,border-color .15s;padding:0}.auth-btn:hover{color:var(--text);border-color:var(--border-soft)}.auth-btn.logged-in{color:var(--accent);border-color:var(--accent)}.auth-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:380px;margin:1rem;position:relative}.auth-modal h2{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600}.auth-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem}.auth-modal-close:hover{color:var(--text)}#auth-form{display:flex;flex-direction:column;gap:.75rem}#auth-form input{padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px;font-family:inherit;outline:none;transition:border-color .15s}#auth-form input[type=password]{font-family:Verdana,sans-serif}#auth-form input:focus{border-color:var(--accent)}#auth-form input:-webkit-autofill,#auth-form input:-webkit-autofill:hover,#auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;transition:background-color 5000s ease-in-out 0s;caret-color:var(--text)}.auth-password-wrap{position:relative;display:flex}.auth-password-wrap input{flex:1;padding-right:2.5rem}.auth-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s}.auth-password-toggle:hover{color:var(--text)}.auth-password-toggle .eye-closed,.auth-password-toggle.visible .eye-open{display:none}.auth-password-toggle.visible .eye-closed{display:block}.auth-submit-btn{padding:.65rem;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.auth-submit-btn:hover{background:var(--accent-hover)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-prompt{font-size:.85rem;color:var(--text-secondary);margin:-.75rem 0 1rem}.auth-error{color:var(--error);font-size:.85rem;margin:0}.auth-recovery-note{color:var(--text-muted);font-size:.8rem;margin:0}.auth-toggle{margin:1rem 0 0;font-size:.85rem;color:var(--text-muted);text-align:center}.auth-toggle-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;font-family:inherit;padding:0;text-decoration:underline}.auth-toggle-btn:hover{color:var(--accent-hover)}.auth-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.auth-user-username{font-size:1rem;font-weight:500;color:var(--text)}.auth-user-email{font-size:.85rem;color:var(--text-muted);word-break:break-all}.auth-user-role{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.auth-logout-btn{padding:.5rem 1.25rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s}.auth-logout-btn:hover{border-color:var(--error);color:var(--error)}@media(max-width:768px){.auth-modal{padding:1.5rem;border-radius:10px}.auth-modal h2{font-size:1.1rem;margin-bottom:1rem}#auth-form{gap:.75rem}#auth-form input{padding:.5rem .65rem}.auth-submit-btn{margin-top:.35rem;padding:.55rem;font-size:.9rem}.auth-toggle{margin-top:.75rem;font-size:.8rem}.auth-toggle-btn{font-size:.8rem}}