:root{font:18px/145% var(--font-sans);letter-spacing:.18px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}h1,h2{color:var(--text-primary);font-weight:600}h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:2.25rem;line-height:1.15}h2{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.3rem;line-height:1.2}p{margin:0}code{font-family:var(--font-mono);background:var(--surface-muted);color:var(--text-primary);border-radius:4px;padding:.1em .35em;font-size:.85em}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-color:#fff;--card-bg:#fff;--surface-muted:#f2f2f2;--text-primary:#111;--text-secondary:#474747;--border-color:#cdcdcd;--border-strong:#111;--primary:#111;--primary-hover:#000;--on-primary:#fff;--danger:#c00000;--danger-bg:#fdeaea;--success-bg:#f2f2f2;--focus-ring:#111;--radius:8px;--shadow:none;--overlay-shadow:0 8px 24px #0000002e;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-color:#0a0a0a;--card-bg:#111;--surface-muted:#1c1c1c;--text-primary:#f2f2f2;--text-secondary:#c8c8c8;--border-color:#333;--border-strong:#c8c8c8;--primary:#f2f2f2;--primary-hover:#fff;--on-primary:#0a0a0a;--danger:#ff6b6b;--danger-bg:#2a1212;--success-bg:#1c1c1c;--focus-ring:#f2f2f2;--overlay-shadow:0 8px 24px #0009}}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}::selection{background:var(--primary);color:var(--on-primary)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.page{text-align:left;color:var(--text-primary);padding:3rem 2.5rem 5rem}.page-inner{max-width:1046px;margin:0 auto}.page-narrow{max-width:720px;margin:0 auto}.page-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.5rem;padding-bottom:.875rem;display:flex}.page-title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.15}.page-subtitle{color:var(--text-secondary);font-size:.9rem}.page-status{color:var(--text-secondary);padding:1.5rem 0;font-size:.95rem}.page-status-error{color:var(--danger)}.text-link{color:var(--text-primary);text-underline-offset:.2em;font-size:.85rem;font-weight:600;text-decoration:underline}.text-link:hover{text-decoration-thickness:2px}.ui-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;padding:1.5rem}.ui-card+.ui-card{margin-top:1.25rem}.ui-card-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.ui-card-text{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem}.ui-btn{border:1px solid var(--border-strong);font:inherit;color:var(--text-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.ui-btn:hover{background-color:var(--surface-muted)}.ui-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn-primary{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary)}.ui-btn-primary:hover{border-color:var(--primary-hover);background-color:var(--primary-hover)}.ui-btn-danger{border-color:var(--danger);color:var(--danger)}.ui-btn-danger:hover{background-color:var(--danger-bg)}.ui-btn-small{padding:.3rem .65rem;font-size:.8rem}.ui-btn-active{border-color:var(--danger);color:var(--danger)}.ui-btn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.ui-btn-active svg{fill:currentColor}.ui-form{flex-direction:column;gap:.85rem;display:flex}.ui-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.ui-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.ui-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.ui-input,.ui-select{border:1px solid var(--border-strong);background-color:var(--card-bg);width:100%;font:inherit;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:.45rem .75rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.ui-input:focus,.ui-select:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.ui-input::placeholder{color:var(--text-secondary);opacity:.8}.ui-check{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.ui-check input{width:.95rem;height:.95rem;accent-color:var(--primary);cursor:pointer;margin:0}.ui-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ui-alert{border-radius:6px;margin:0;padding:.5rem .75rem;font-size:.85rem;font-weight:500}.ui-alert-error{border:1px solid var(--danger);background-color:var(--danger-bg);color:var(--danger)}.ui-alert-success{border:1px solid var(--border-strong);background-color:var(--success-bg);color:var(--text-primary)}.ui-badge{border:1px solid var(--border-strong);color:var(--text-primary);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.phone-brand{color:var(--text-secondary);font-size:.8rem}.phone-placeholder{fill:none;stroke:var(--text-secondary);stroke-width:1.5px;opacity:.4}.phone-row{scroll-snap-type:x proximity;gap:1rem;margin:0;padding:0 0 .75rem;list-style:none;display:flex;overflow-x:auto}.phone-row>li{scroll-snap-align:start;flex:0 0 calc(25% - .75rem)}.phone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.phone-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-card{background-color:var(--card-bg);border:1px solid var(--border-color);height:100%;color:inherit;box-sizing:border-box;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.phone-card-link{color:inherit;border-radius:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.phone-card:has(>.phone-card-link:hover){border-color:var(--border-strong)}.phone-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.phone-card-media{aspect-ratio:4/3;background-color:var(--surface-muted);border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:relative}.phone-card-media img{object-fit:contain;width:calc(100% - 2.5rem);height:calc(100% - 2.5rem);position:absolute;top:1.25rem;left:1.25rem}.phone-card-media .phone-placeholder{height:4.5rem}.phone-card-rank{z-index:1;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.8rem;font-weight:600;position:absolute;top:.75rem;left:.875rem}.phone-card-body{flex-direction:column;gap:.125rem;padding:.875rem 1rem 1rem;display:flex}.phone-card-model{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.phone-card-link:hover .phone-card-model{text-decoration:underline}.phone-card-meta{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin-top:.5rem;font-size:.8rem}.phone-card-action{z-index:2;border:1px solid var(--border-color);background-color:var(--card-bg);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.phone-card-action:hover{border-color:var(--danger);color:var(--danger)}.phone-card-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:.9rem;height:.9rem}.skeleton{background-color:var(--border-color);border-radius:4px;height:.8rem;animation:1.4s ease-in-out infinite page-pulse;display:block}.skeleton-line{width:70%}.skeleton-line-short{width:40%;margin-bottom:.4rem}@keyframes page-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (width<=900px){.phone-row>li{flex-basis:calc(50% - .5rem)}.phone-grid,.phone-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.page{padding:2rem 1rem 3.5rem}.page-title{font-size:1.6rem}.phone-grid{gap:.75rem}.phone-card-body{padding:.75rem}.ui-card{padding:1.15rem}}.navbar{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;height:4.5rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.navbar-brand{border-radius:4px;align-items:center;display:flex}.navbar-brand img{width:auto;height:1.75rem;display:block}.navbar-links{align-items:center;gap:.25rem;display:flex}.navbar-actions{align-items:center;gap:.5rem;margin-left:1.25rem;display:flex}.nav-link{color:var(--text-primary);border-radius:6px;padding:.4rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s}.nav-link:hover{background-color:var(--surface-muted)}.nav-link.active{text-underline-offset:.35em;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.nav-btn{border:1px solid var(--border-strong);font:inherit;cursor:pointer;border-radius:6px;padding:.4rem .9rem;font-size:.9rem;font-weight:500;line-height:1.4;text-decoration:none;transition:background-color .15s}.nav-btn-outline{color:var(--text-primary);background:0 0}.nav-btn-outline:hover{background-color:var(--surface-muted)}.nav-btn-primary{border-color:var(--primary);background-color:var(--primary);color:var(--on-primary)}.nav-btn-primary:hover{background-color:var(--primary-hover)}.nav-account{white-space:nowrap;text-overflow:ellipsis;max-width:10rem;overflow:hidden}@media (width<=800px){.navbar{flex-wrap:wrap;gap:.5rem;height:auto;min-height:4.5rem;padding:.75rem 1rem}.navbar-links{flex-wrap:wrap}.navbar-actions{margin-left:.5rem}}.home{--home-text:var(--text-primary);--home-muted:var(--text-secondary);--home-border:var(--border-color);--home-surface:var(--card-bg);--home-inset:var(--surface-muted);--home-primary:var(--primary);--home-primary-hover:var(--primary-hover);text-align:left;color:var(--home-text);padding:3rem 2.5rem 5rem}.home-hero{flex-direction:column;align-items:center;padding-top:.5rem;display:flex}.home-title{letter-spacing:-.03em;text-align:center;color:var(--home-text);margin:0 0 1.5rem;font-size:2.5rem;font-weight:700;line-height:1.1}.home-search{background-color:var(--home-surface);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:999px;align-items:center;width:100%;max-width:28rem;padding:.25rem .25rem .25rem 1.1rem;display:flex}.home-search:focus-within{box-shadow:0 0 0 1px var(--home-primary)}.home-search-input{min-width:0;font:inherit;letter-spacing:normal;color:var(--home-text);background:0 0;border:0;outline:0;flex:1;padding:.5rem 0;font-size:.9rem}.home-search-input::placeholder{color:var(--home-muted);opacity:.7}.home-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.home-search-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background-color .15s;display:flex}.home-search-button:hover{background-color:var(--home-inset)}.home-search-button:focus-visible{outline:2px solid var(--home-primary);outline-offset:1px}.home-search-button svg{fill:none;width:1.1rem;height:1.1rem;stroke:var(--home-text);stroke-width:1.75px;stroke-linecap:round}.home-browse-link{margin-top:.85rem}.home-section{max-width:1046px;margin:3.5rem auto 0}.home-section-header{border-bottom:1px solid var(--home-border);justify-content:center;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.875rem;display:flex}.home-section-title{letter-spacing:-.015em;color:var(--home-text);margin:0;font-size:1.6rem;font-weight:600;line-height:1.2}.home-status{color:var(--home-muted);padding:1.5rem 0;font-size:.95rem}.home-status-error{color:var(--danger)}.release-list{background-color:var(--home-surface);border:1px solid var(--home-border);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.release-list li+li{border-top:1px solid var(--home-border)}.release-row{color:inherit;grid-template-columns:7.5rem 2.75rem minmax(0,1fr) 1.25rem;grid-template-areas:"date thumb name arrow";align-items:center;column-gap:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:background-color .15s;display:grid}a.release-row:hover{background-color:var(--home-inset)}a.release-row:focus-visible{outline:2px solid var(--home-primary);outline-offset:-2px}.release-date{font-variant-numeric:tabular-nums;color:var(--home-muted);grid-area:date;font-size:.85rem}.release-thumb{background-color:var(--home-inset);border-radius:8px;grid-area:thumb;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;overflow:hidden}.release-thumb img{object-fit:contain;width:100%;height:100%}.release-thumb .phone-placeholder{height:1.6rem}.release-name{flex-direction:column;grid-area:name;min-width:0;display:flex}.release-model{white-space:nowrap;text-overflow:ellipsis;color:var(--home-text);font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.release-arrow{fill:none;width:1.25rem;height:1.25rem;stroke:var(--home-muted);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;grid-area:arrow}a.release-row:hover .release-arrow{stroke:var(--home-text)}@media (width<=640px){.home{padding:2.5rem 1rem 3.5rem}.home-title{font-size:2rem}.home-section{margin-top:2.5rem}.release-row{grid-template-columns:2.75rem minmax(0,1fr) 1.25rem;grid-template-areas:"thumb name arrow""thumb date arrow";column-gap:.875rem;padding:.75rem 1rem}.release-date{font-size:.8rem}}.auth-page{box-sizing:border-box;text-align:left;max-width:520px;margin:3rem auto;padding:0 1rem}.auth-title{letter-spacing:-.015em;color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem;font-weight:600;line-height:1.2}.auth-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;padding:1.5rem 1.75rem}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-field{flex-direction:column;gap:.25rem;display:flex}.auth-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.auth-input{border:1px solid var(--border-strong);background-color:var(--card-bg);width:100%;font:inherit;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:.45rem .75rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.auth-checkbox-field{cursor:pointer;align-items:center;gap:.5rem;margin-top:.15rem;flex-direction:row!important}.auth-checkbox-field input[type=checkbox]{width:.95rem;height:.95rem;accent-color:var(--primary);cursor:pointer;margin:0}.auth-checkbox-label{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:400}.auth-btn{background-color:var(--primary);width:100%;color:var(--on-primary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;margin-top:.25rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background-color .15s;display:flex}.auth-btn:hover{background-color:var(--primary-hover)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{border:1px solid var(--danger);background-color:var(--danger-bg);color:var(--danger);border-radius:6px;margin:0;padding:.5rem .75rem;font-size:.85rem;font-weight:500}.auth-footer{text-align:left;color:var(--text-secondary);margin-top:1rem;font-size:.85rem}.auth-link-btn{color:var(--text-primary);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.auth-link-btn:hover{text-decoration-thickness:2px}.catalog-search{background-color:var(--card-bg);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:999px;align-items:center;width:100%;max-width:36rem;margin-bottom:1.75rem;padding:.25rem .25rem .25rem 1.1rem;display:flex}.catalog-search:focus-within{box-shadow:0 0 0 1px var(--primary)}.catalog-search-input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;padding:.5rem 0;font-size:.9rem}.catalog-search-input::placeholder{color:var(--text-secondary);opacity:.7}.catalog-search-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background-color .15s;display:flex}.catalog-search-button:hover{background-color:var(--surface-muted)}.catalog-search-button svg{fill:none;width:1.1rem;height:1.1rem;stroke:var(--text-primary);stroke-width:1.75px;stroke-linecap:round}.catalog-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:2rem;display:grid}.catalog-filters{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-height:calc(100vh - 7rem);position:sticky;top:5.5rem;overflow-y:auto}.filter-panel{flex-direction:column;display:flex}.filter-group{border:0;border-bottom:1px solid var(--border-color);flex-direction:column;gap:.6rem;min-width:0;margin:0;padding:1rem 1.1rem;display:flex}.filter-title{float:left;width:100%;color:var(--text-primary);margin-bottom:.15rem;padding:0;font-size:.9rem;font-weight:600}.filter-title+*{clear:both}.filter-hint{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.4}.filter-brand-list{flex-direction:column;gap:.4rem;max-height:11rem;display:flex;overflow-y:auto}.filter-checks{flex-direction:column;gap:.4rem;display:flex}.filter-panel .ui-input,.filter-panel .ui-select{padding:.4rem .6rem;font-size:.85rem}.filter-panel .ui-label{font-size:.7rem}.filter-actions{background-color:var(--card-bg);gap:.5rem;padding:.85rem 1.1rem;display:flex;position:sticky;bottom:0}.filter-actions .ui-btn-primary{flex:1}.catalog-toolbar{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.catalog-sort{align-items:center;gap:.6rem;display:flex}.catalog-sort .ui-select{width:auto;padding:.35rem .6rem;font-size:.85rem}.catalog-filters-toggle{margin-right:auto;display:none}.catalog-chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.catalog-chip{border:1px solid var(--border-color);background-color:var(--card-bg);font:inherit;color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.8rem;transition:border-color .15s;display:inline-flex}.catalog-chip:hover{border-color:var(--text-secondary)}.catalog-chip span{color:var(--text-secondary);font-size:.95rem;line-height:1}.catalog-chip-clear{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:.25rem .4rem;font-size:.8rem;font-weight:600}.catalog-chip-clear:hover{text-decoration:underline}.catalog-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.catalog-page-info{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.85rem}@media (width<=900px){.catalog-layout{grid-template-columns:minmax(0,1fr);gap:0}.catalog-filters{max-height:none;margin-bottom:1.25rem;display:none;position:static}.catalog-filters.is-open{display:block}.catalog-filters-toggle{display:inline-flex}}@media (width<=640px){.catalog-sort .ui-label{display:none}}.phone-details-page{box-sizing:border-box;text-align:left;max-width:900px;margin:2.5rem auto;padding:0 1.5rem}.phone-back-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;margin-bottom:1.25rem;padding:.4rem .8rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-block}.phone-back-btn:hover{background-color:var(--surface-muted)}.phone-header-card{background:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;grid-template-columns:240px 1fr;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:grid}@media (width<=768px){.phone-header-card{text-align:center;grid-template-columns:1fr}}.phone-image-wrapper{background:var(--surface-muted);border:1px solid var(--border-color);aspect-ratio:4/3;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;padding:1rem;display:flex}.phone-image-wrapper img{object-fit:contain;max-width:100%;max-height:180px}.phone-info-content{flex-direction:column;gap:.75rem;display:flex}.phone-title{color:var(--text-primary);letter-spacing:-.025em;margin:0;font-size:2rem;font-weight:700}.phone-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.compare-alert{color:var(--text-secondary);margin-top:.75rem;font-size:.85rem;font-weight:500}.phone-section{background:var(--card-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.phone-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600}.meta-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=700px){.meta-grid{grid-template-columns:repeat(2,1fr)}}.meta-item{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.meta-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.meta-value{color:var(--text-primary);word-break:break-all;font-size:.95rem;font-weight:500}.cameras-stack{flex-direction:column;gap:1.25rem;display:flex}.camera-card{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.camera-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.camera-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.camera-badge{border:1px solid var(--border-strong);color:var(--text-primary);border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.camera-specs-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=700px){.camera-specs-grid{grid-template-columns:repeat(2,1fr)}}.phone-subline{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:0;font-size:.875rem}.phone-badge-muted{border-color:var(--border-color);color:var(--text-secondary)}.section-empty{color:var(--text-secondary);margin:0;font-size:.9rem}.section-count{color:var(--text-secondary);margin-left:.35rem;font-size:.85rem;font-weight:500}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=700px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.photo-tile{aspect-ratio:4/3;border:1px solid var(--border-color);background:var(--surface-muted);border-radius:8px;display:block;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.photo-tile:hover img{transform:scale(1.03)}.photo-meta{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-direction:column;gap:.1rem;margin-top:.35rem;font-size:.75rem;display:flex}.photo-camera{color:var(--text-primary);font-weight:600}.photo-more{margin-top:1.25rem}.camera-note{color:var(--text-secondary);margin:.75rem 0 0;font-size:.85rem;font-style:italic}.video-modes-container{border-top:1px dashed var(--border-color);margin-top:1rem;padding-top:.75rem}.video-modes-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.video-modes-list{flex-wrap:wrap;gap:.5rem;display:flex}.video-mode-badge{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:.3rem .6rem;font-family:monospace;font-size:.8rem}.status-message{text-align:center;color:var(--text-secondary);padding:3rem 0;font-size:1rem}.review-thread-header{margin-top:1rem}.review-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.review-card{border:1px solid var(--border-color);background-color:var(--card-bg);color:inherit;border-radius:12px;gap:1.25rem;padding:1.25rem;text-decoration:none;transition:border-color .15s;display:flex}.review-card:hover{border-color:var(--border-strong)}.review-card:hover .review-card-title{text-decoration:underline}.review-card-cover{object-fit:cover;background-color:var(--surface-muted);border-radius:6px;flex:none;width:8rem;height:6rem}.review-card-body{flex-direction:column;gap:.35rem;min-width:0;display:flex}.review-card-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.review-card-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.review-card-excerpt{color:var(--text-secondary);font-size:.9rem}.review-meta{color:var(--text-secondary);font-size:.85rem}.review-moderation{border:1px dashed var(--border-strong);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem 1rem;display:flex}.review-header{border-bottom:1px solid var(--border-color);flex-direction:column;align-items:flex-start;gap:.4rem;margin:1.25rem 0 1.75rem;padding-bottom:1.25rem;display:flex}.review-header .page-title{margin-top:.25rem}.review-phone-link{color:var(--text-primary);font-weight:600}.review-body{overflow-wrap:anywhere;font-size:1rem;line-height:1.65}.review-body>*+*{margin-top:1em}.review-body h1,.review-body h2,.review-body h3{margin-top:1.6em;font-size:1.2rem}.review-body ul,.review-body ol{padding-left:1.4em}.review-body a{color:var(--text-primary);text-underline-offset:.2em}.review-body img{border-radius:var(--radius);max-width:100%;height:auto;display:block}.review-body blockquote{border-left:3px solid var(--border-strong);color:var(--text-secondary);margin-left:0;padding-left:1rem}.review-body pre{background:var(--surface-muted);border-radius:6px;padding:.75rem 1rem;overflow-x:auto}.review-section{margin-top:2.5rem}.review-section-title{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.15rem;display:flex}.review-count{color:var(--text-secondary);font-size:.85rem;font-weight:500}.review-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.review-gallery img,.review-gallery video{aspect-ratio:4/3;object-fit:cover;background:var(--surface-muted);border-radius:6px;width:100%;display:block}.review-comments{margin:0;padding:0;list-style:none}.review-comment{border-top:1px solid var(--border-color);padding:.9rem 0;font-size:.95rem}.review-comment-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-bottom:.3rem;display:flex}.review-comment-head time{color:var(--text-secondary);font-size:.8rem}.review-comment-delete{margin-left:auto}@media (width<=640px){.review-card{flex-direction:column}.review-card-cover{width:100%;height:10rem}}.compare-clear{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.compare-clear:hover{text-decoration:underline}.compare-add{max-width:28rem;margin-bottom:1.5rem;position:relative}.compare-add-results{z-index:20;background-color:var(--card-bg);border:1px solid var(--border-color);max-height:20rem;box-shadow:var(--overlay-shadow);border-radius:10px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.compare-add-empty{color:var(--text-secondary);padding:.6rem .75rem;font-size:.85rem}.compare-add-option{width:100%;font:inherit;text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.45rem .6rem;font-size:.875rem;display:grid}.compare-add-option:hover,.compare-add-option:focus-visible{background-color:var(--surface-muted);outline:none}.compare-add-option strong{font-weight:600}.compare-add-thumb{background-color:var(--surface-muted);border-radius:6px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;overflow:hidden}.compare-add-thumb img{object-fit:contain;width:100%;height:100%}.compare-add-thumb .phone-placeholder{height:1.3rem}.compare-add-plus{color:var(--primary);font-size:1.1rem;font-weight:600}.compare-empty{flex-direction:column;gap:.5rem;display:flex}.compare-chip{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;align-self:flex-start;align-items:center;gap:.75rem;padding:.4rem .5rem .4rem .4rem;display:inline-flex}.compare-chip-name{color:var(--text-primary);font-size:.9rem;font-weight:600;text-decoration:none}.compare-chip-name:hover{color:var(--primary)}.compare-table-wrap{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.compare-table{width:100%;min-width:calc(11rem + var(--compare-cols) * 11rem);border-collapse:collapse;table-layout:fixed;font-size:.875rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top;padding:.6rem 1rem}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}.compare-corner{width:11rem}.compare-table tbody th[scope=row],.compare-corner{z-index:1;background-color:var(--card-bg);position:sticky;left:0}.compare-table tbody th[scope=row]{color:var(--text-secondary);font-weight:500}.compare-table td{font-variant-numeric:tabular-nums;color:var(--text-primary);overflow-wrap:anywhere}.compare-phone{font-weight:400;position:relative;padding-top:1rem!important;padding-bottom:1rem!important}.compare-phone-link{color:inherit;flex-direction:column;gap:.1rem;text-decoration:none;display:flex}.compare-phone-image{background-color:var(--surface-muted);border-radius:8px;justify-content:center;align-items:center;height:7rem;margin-bottom:.6rem;display:flex;position:relative}.compare-phone-image img{object-fit:contain;width:calc(100% - 1.2rem);height:calc(100% - 1.2rem);position:absolute;inset:.6rem}.compare-phone-image .phone-placeholder{height:3.5rem}.compare-phone-model{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.compare-phone-link:hover .compare-phone-model{color:var(--primary)}.compare-reviews{margin-top:.4rem;font-size:.8rem;display:inline-block}.compare-remove{z-index:1;border:1px solid var(--border-color);background-color:var(--card-bg);width:1.6rem;height:1.6rem;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex;position:absolute;top:.5rem;right:.5rem}.compare-chip .compare-remove{position:static}.compare-remove:hover{border-color:var(--danger);color:var(--danger)}.compare-group th{background-color:var(--surface-muted);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:.75rem;font-weight:600;padding-top:1.1rem!important}.compare-group th[scope=colgroup]{position:sticky;left:0}.compare-best{background-color:var(--surface-muted);box-shadow:inset 3px 0 0 var(--primary);font-weight:700;color:var(--text-primary)!important}.compare-missing{opacity:.6;color:var(--text-secondary)!important}.compare-legend{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.85rem;font-size:.8rem;display:flex}.compare-best-swatch{background-color:var(--surface-muted);width:.85rem;height:.85rem;box-shadow:inset 3px 0 0 var(--primary);border-radius:2px;flex:none}.account-strong{color:var(--text-primary);font-weight:600}.account-badge-muted{border-color:var(--border-color);color:var(--text-secondary)}.account-top-alert{margin-bottom:1.25rem}.account-highlight{border:2px solid var(--primary)}.account-highlight+.ui-card,.account-top-alert+.ui-card{margin-top:1.25rem}.account-danger{border-color:var(--danger)}.account-danger .ui-card-title{color:var(--danger)}
