.photo-challenge-page{width:min(880px,100%);margin:0 auto}.photo-challenge-page .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.photo-challenge-page .challenge-panel{display:grid;gap:var(--s-16);min-width:0}.photo-challenge-page .page-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);margin-bottom:var(--s-4)}.photo-challenge-page h1{margin:0;font-size:var(--type-h1);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text)}.photo-challenge-page .segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);min-width:0}.photo-challenge-page .segment-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;min-width:0;padding:6px 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:var(--type-small);font-weight:500;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.photo-challenge-page .segment-option:hover{color:var(--text)}.photo-challenge-page .segment-option.is-active{background:var(--bg-elevated);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.photo-challenge-page .language-switch .segment-option{min-height:30px;padding:4px 12px;font-size:var(--type-caption)}.photo-challenge-page .top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-12);min-width:0}.photo-challenge-page .bar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-8);min-width:0}.photo-challenge-page .generate-btn,.photo-challenge-page .use-challenge-btn,.photo-challenge-page .inline-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 18px;border:1px solid var(--text);border-radius:var(--radius-pill);background:var(--text);color:var(--bg);font-size:var(--type-small);font-weight:600;white-space:nowrap;cursor:pointer;transition:opacity var(--dur-fast) ease}.photo-challenge-page .generate-btn:hover,.photo-challenge-page .use-challenge-btn:hover,.photo-challenge-page .inline-action:hover{opacity:.86}.photo-challenge-page .copy-brief{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--type-small);font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease}.photo-challenge-page .copy-brief:hover{color:var(--text);border-color:var(--border-strong)}.photo-challenge-page .brief-link-output{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--type-caption)}.photo-challenge-page .brief-link-output[hidden]{display:none}.photo-challenge-page .category-tabs{display:flex;flex-wrap:wrap;gap:var(--s-8);min-width:0;padding-bottom:var(--s-8)}.photo-challenge-page .cat-tab{min-width:0;min-height:36px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--type-small);font-weight:500;cursor:pointer;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease}.photo-challenge-page .cat-tab:hover{color:var(--text);border-color:var(--border-strong)}.photo-challenge-page .cat-tab.active{background:var(--accent-subtle);border-color:transparent;color:var(--accent-strong);font-weight:600}.photo-challenge-page .challenge-display{display:grid;gap:var(--s-20);min-width:0;padding:clamp(24px,4vw,44px);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated)}.photo-challenge-page .meta-pills{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-12);min-width:0}.photo-challenge-page .display-meta{color:var(--accent);font-size:var(--type-small);font-weight:600}.photo-challenge-page .difficulty,.photo-challenge-page .diff-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 11px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);font-size:var(--type-caption);font-weight:500;white-space:nowrap}.photo-challenge-page .difficulty[data-difficulty=easy],.photo-challenge-page .diff-badge[data-difficulty=easy]{background:#3e6b5c1a;color:var(--success)}.photo-challenge-page .difficulty[data-difficulty=medium],.photo-challenge-page .diff-badge[data-difficulty=medium]{background:#91660b1a;color:var(--warning)}.photo-challenge-page .difficulty[data-difficulty=hard],.photo-challenge-page .diff-badge[data-difficulty=hard]{background:#9c4a3f1a;color:var(--danger)}.photo-challenge-page .assignment-copy{display:grid;gap:var(--s-12);min-width:0}.photo-challenge-page #challenge-title{margin:0;font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2.05rem);font-weight:600;line-height:1.2;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;color:var(--text)}.photo-challenge-page .display-description{margin:0;font-family:var(--font-serif);font-size:clamp(1.05rem,1.5vw,1.17rem);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:62ch;min-width:0;overflow-wrap:anywhere}.photo-challenge-page .display-details{display:grid;gap:0;margin:0;min-width:0}.photo-challenge-page .detail-item{display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--s-16);padding:var(--s-16) 0;border-top:1px solid var(--border);min-width:0}.photo-challenge-page .detail-label{margin:0;font-size:var(--type-caption);font-weight:500;color:var(--text-tertiary);line-height:var(--leading-normal)}.photo-challenge-page .detail-value{margin:0;font-size:var(--type-body);line-height:var(--leading-relaxed);color:var(--text-secondary);min-width:0;overflow-wrap:anywhere}.photo-challenge-page .mode-view{display:grid;gap:var(--s-16);min-width:0}.photo-challenge-page .mode-view[hidden]{display:none}.photo-challenge-page .all-mode-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--s-8) var(--s-16);min-width:0}.photo-challenge-page .all-mode-header h2{margin:0;font-size:var(--type-h2);font-weight:600;line-height:var(--leading-snug);letter-spacing:-.015em;color:var(--text);overflow-wrap:anywhere}.photo-challenge-page .all-mode-summary{margin:0;font-size:var(--type-small);line-height:var(--leading-normal);color:var(--text-tertiary)}.photo-challenge-page .library-tools{min-width:0}.photo-challenge-page .challenge-search{width:100%;min-width:0}.photo-challenge-page .all-grid{display:grid;gap:var(--s-12);min-width:0}.photo-challenge-page .all-empty{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s-12);margin:0;padding:var(--s-20);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);min-width:0}.photo-challenge-page .all-empty p{margin:0}.photo-challenge-page .inline-action{min-height:36px;padding:6px 14px;font-size:var(--type-caption)}.photo-challenge-page .group{width:100%;min-width:0;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-elevated);overflow:hidden}.photo-challenge-page .group-header{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:var(--s-12);padding:var(--s-16) var(--s-20);min-width:0;cursor:pointer;list-style:none;transition:background var(--dur-fast) ease}.photo-challenge-page .group-header:hover{background:var(--surface)}.photo-challenge-page .group-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.photo-challenge-page .group-header::-webkit-details-marker,.photo-challenge-page .group-header::marker{display:none;content:""}.photo-challenge-page .group-label{margin:0;font-size:var(--type-h3);font-weight:600;letter-spacing:-.01em;color:var(--text);min-width:0;overflow-wrap:anywhere}.photo-challenge-page .group-count{font-size:var(--type-caption);color:var(--text-tertiary);white-space:nowrap}.photo-challenge-page .group-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-tertiary);font-size:1.1rem;line-height:1;transition:transform var(--dur-fast) ease}.photo-challenge-page .group[open] .group-chevron{transform:rotate(180deg)}.photo-challenge-page .group-body{padding:0 var(--s-20) var(--s-8);min-width:0}.photo-challenge-page .challenge-list{display:grid;gap:0;margin:0;padding:0;list-style:none;min-width:0}.photo-challenge-page .challenge-card{display:grid;gap:var(--s-12);width:100%;min-width:0;padding:var(--s-20) 0;border-top:1px solid var(--border)}.photo-challenge-page .cc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-12);min-width:0}.photo-challenge-page .cc-title-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-8);align-items:baseline;min-width:0}.photo-challenge-page .cc-number{font-size:var(--type-caption);font-weight:500;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.photo-challenge-page .cc-top h4{margin:0;font-size:var(--type-h3);font-weight:600;line-height:var(--leading-snug);letter-spacing:-.01em;min-width:0;color:var(--text);overflow-wrap:anywhere}.photo-challenge-page .diff-badge{flex-shrink:0}.photo-challenge-page .cc-desc{margin:0;font-size:var(--type-body);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:68ch;min-width:0;overflow-wrap:anywhere}.photo-challenge-page .cc-meta{display:grid;gap:var(--s-4);min-width:0}.photo-challenge-page .cc-meta p,.photo-challenge-page .cc-tip{margin:0;min-width:0;font-size:var(--type-small);line-height:var(--leading-relaxed);color:var(--text-secondary);overflow-wrap:anywhere}.photo-challenge-page .cc-meta strong,.photo-challenge-page .cc-tip strong{color:var(--text-tertiary);font-weight:500}.photo-challenge-page .use-challenge-btn{justify-self:start;min-height:36px;padding:6px 16px;font-size:var(--type-caption);border-color:var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-weight:500}.photo-challenge-page .use-challenge-btn:hover{opacity:1;color:var(--text);border-color:var(--border-strong)}.photo-challenge-page .segment-option:focus-visible,.photo-challenge-page .cat-tab:focus-visible,.photo-challenge-page .generate-btn:focus-visible,.photo-challenge-page .use-challenge-btn:focus-visible,.photo-challenge-page .inline-action:focus-visible,.photo-challenge-page .copy-brief:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media(max-width:640px){.photo-challenge-page .top-bar{align-items:stretch;flex-direction:column}.photo-challenge-page .mode-switch{width:100%}.photo-challenge-page .bar-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.photo-challenge-page .challenge-display{padding:var(--s-20)}.photo-challenge-page .detail-item{grid-template-columns:1fr;gap:var(--s-4);padding:var(--s-12) 0}.photo-challenge-page .cc-top{flex-direction:column;gap:var(--s-8)}.photo-challenge-page .group-header{padding:var(--s-16)}.photo-challenge-page .group-body{padding:0 var(--s-16) var(--s-8)}.photo-challenge-page .all-empty{align-items:stretch;flex-direction:column}.photo-challenge-page .inline-action,.photo-challenge-page .use-challenge-btn{width:100%}}