/* Components introduced for the annotated review. Existing layout fixes live in ui.css. */
.settings-language{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding-block:20px}.settings-language h3{margin:0}.settings-language>p{margin:0;flex:1}.support-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #ffffff12;color:#a9afb5;font-size:12px}.support-footer a{color:#e0e2e5;text-underline-offset:4px;user-select:text}.settings-card>form:last-child{margin-bottom:0}.settings-card:has(#clear-data-form){display:flex;flex-direction:column}.settings-card #clear-data-form{margin-top:auto}
.glass-switch{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;border-radius:999px;background:linear-gradient(165deg,#ffffff12,#ffffff04 40%,#ffffff0a);border:1px solid #ffffff26;box-shadow:inset 0 1px 1px #ffffff32,inset 0 -1px 2px #0008,0 5px 18px #0002;isolation:isolate;backdrop-filter:blur(14px) saturate(.4);max-width:530px;width:100%;margin:0 0 25px}.glass-switch button{position:relative;z-index:2;background:none;border:0;color:#aaaeb2;padding:12px 8px;font-size:12px;min-height:44px;border-radius:999px;white-space:nowrap}.glass-switch button.active{color:#fff}.segment-lens{position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/3);transform:translateX(calc(var(--segment)*100%));transition:transform .44s cubic-bezier(.18,.85,.24,1),scale .35s ease,filter .3s;border:1px solid #ffffff36;border-radius:999px;background:linear-gradient(155deg,#ffffff27,#ffffff09 45%,#ffffff19);box-shadow:inset 1px 1px 2px #ffffff55,inset -1px -1px 2px #ffffff13,0 3px 9px #0004;pointer-events:none;z-index:1}.glass-pressed .segment-lens,.glass-pressed .nav-glider{scale:1.055 1.09;filter:brightness(1.12)}.photo-confirm .class-tabs{max-width:100%;margin:20px 0}.class-tabs:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 2px 3px #fff1,inset 0 -2px 3px #0004}
.photo-file-label{margin:14px 0;cursor:pointer}.photo-card #photo-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.photo-recognize{width:100%;margin-top:8px}.photo-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:20px 0 12px}.photo-toolbar button{min-width:34px;min-height:36px;border-radius:999px;padding:7px 11px;background:#ffffff09;color:#d5d7da;border:1px solid transparent;font-size:11px}.photo-toolbar button[aria-pressed=true]{border-color:#ffffff40;background:#ffffff1c}.photo-toolbar output{font-size:11px;min-width:40px;text-align:center;color:#b2b4b7}.photo-viewport{height:400px;overflow:auto;border-radius:16px;background:#080d13;touch-action:none;overscroll-behavior:contain;border:1px solid #ffffff10}.photo-stage{position:relative;min-width:0;margin-inline:auto;line-height:0}.photo-stage img{width:100%;height:auto;max-height:none;display:block;object-fit:contain;user-select:none}.photo-stage>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.photo-help{font-size:11px;line-height:1.7;color:#9da5ad;margin-top:13px}.photo-confirm .notice{margin-top:18px}.photo-drop{cursor:pointer}.photo-drop>span svg{width:38px;height:38px}.photo-layout{align-items:start}.photo-drop p{pointer-events:none}
.stat-link{text-align:left;color:inherit;width:100%;cursor:pointer;border:1px solid #ffffff0b;transition:background .2s}.stat-link:hover{background:#ffffff0c}.stat-link small:after{content:' ↗';opacity:.7}.record-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.record-list{padding:10px 24px}.record-row{display:flex;width:100%;gap:24px;justify-content:space-between;align-items:center;text-align:left;padding:20px 0;border:0;border-bottom:1px solid #ffffff10;color:#e0e4e8;background:none;font-size:13px;overflow-wrap:anywhere}.record-row:last-child{border:0}.record-row>span{min-width:0}.record-row>span:last-child{max-width:48%}.record-row small{display:block;font-size:11px;color:#8f9ba6;margin-top:7px}.record-row:hover{color:white}.record-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;font-size:12px;color:#a7b0b8}.legacy-hints{margin-top:20px}.legacy-hints h3{font-size:14px;line-height:1.5}.legacy-hints p{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:12px}
@media(max-width:1100px){.sidebar::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,#ffffff20,transparent 50%),radial-gradient(ellipse at 95% 100%,#ffffff13,transparent 55%);box-shadow:inset 0 2px 3px #fff2,inset 0 -2px 4px #0007}.sidebar .nav-glider{transition:transform .45s var(--spring),width .35s,height .35s,opacity .2s,scale .35s,filter .3s}}
@media(max-width:700px){.settings-language{grid-column:auto;display:block}.settings-language h3{margin-bottom:14px}.settings-language p{margin-bottom:15px}.support-footer{gap:12px}.support-footer>span{width:100%}.glass-switch button{font-size:11px;padding-inline:4px}.photo-viewport{height:330px}.photo-toolbar button{min-height:40px;padding:8px 11px}.record-row{gap:12px;font-size:12px}.record-list{padding:6px 18px}.auth-inline-status{top:10px}.auth-emblem{border-color:#ffffff20}}
@media(prefers-reduced-motion:reduce){.segment-lens,.glass-switch,.nav-glider{transition:none!important}.glass-pressed .segment-lens,.glass-pressed .nav-glider{scale:1}}

.demo-dock{background:linear-gradient(120deg,#7b7b7b55,#29292999);border-color:#ffffff40;backdrop-filter:blur(28px) saturate(.45)}.demo-dock .lens{background:linear-gradient(135deg,#ffffff30,#ffffff08);border-color:#ffffff40}

.settings-security{grid-column:1/-1}.settings-security form{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.settings-security form>.btn{justify-self:start}.settings-security .field{min-width:0}@media(max-width:700px){.settings-security{grid-column:auto}.settings-security form{display:block}}

.photo-file-label:has(+input:focus-visible){outline:2px solid #e0e4e8;outline-offset:3px}