:root{--bg: #0b0d10;--surface: #15181d;--surface-raised: #1d2128;--surface-hover: #252a33;--text-primary: #f4f5f7;--text-secondary: #a3aab5;--text-muted: #747c88;--accent: #7c6cf2;--accent-hover: #9184ff;--accent-text: #ffffff;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--easy: #5ba85a;--medium: #c8943c;--hard: #c05a4a;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:100dvh}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none;font-size:inherit;color:inherit}input,textarea{font-family:inherit;font-size:inherit}::selection{background:color-mix(in srgb,var(--accent) 20%,transparent)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-main{flex:1;overflow-y:auto}.page{max-width:640px;margin:0 auto;padding:var(--space-md);padding-bottom:var(--space-2xl)}@media(max-width:480px){.page{padding:var(--space-sm);padding-bottom:var(--space-2xl)}}.hero h1{margin:0;font-size:32px;line-height:1;font-weight:650;letter-spacing:-.035em}.hero__description{margin:12px 0 0;max-width:320px;color:var(--text-primary);font-size:16px;line-height:1.45}.hero__instruction{margin:5px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.45}.section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-sm)}.section-label-light{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:background .15s,opacity .15s;min-height:44px;white-space:nowrap}.btn:active{opacity:.8}.btn-primary{background:var(--accent);color:var(--bg)}.btn-secondary{background:#ffffff1a;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:active{background:#ffffff2e}.btn-ghost{background:transparent;color:var(--accent)}.btn-large{width:100%;padding:var(--space-md);font-size:1rem}.btn-icon{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.btn-icon-dark{background:#00000080;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon-dark:active{background:#000000a6}.generate-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;min-height:54px;margin-top:24px;border:0;border-radius:18px;background:var(--accent);color:var(--accent-text);font-size:15px;font-weight:600;transition:opacity .15s}.generate-btn:active{opacity:.85}.search-bar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:#ffffff14;color:var(--text-secondary);transition:background .15s}.search-bar:focus-within{background:#ffffff24}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.9rem}.search-bar input::placeholder{color:var(--text-secondary)}.filter-row{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;background:#ffffff14;color:var(--text-secondary);transition:background .15s,color .15s;white-space:nowrap}.filter-chip:active{background:#ffffff24}.filter-chip.active{background:var(--accent);color:var(--bg)}.pinned-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9;cursor:pointer}.pinned-card img{width:100%;height:100%;object-fit:cover}.pinned-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 50%,transparent 70%)}.pinned-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-2xs)}.pinned-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.pinned-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-secondary)}.pinned-meta span+span:before{content:"·";margin-right:var(--space-xs)}.feed-card{display:block;position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 10;cursor:pointer;text-decoration:none;color:inherit}.feed-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.feed-card:active img{transform:scale(1.03)}.feed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.15) 50%,transparent 70%)}.feed-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-2xs)}.feed-content h3{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.feed-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.feed-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--text-secondary)}.feed-meta span+span:before{content:"·";margin-right:var(--space-xs)}.feed-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.feed-badge-photography{background:#c8943c33;color:var(--accent-hover)}.feed-badge-filmmaking{background:#5ba85a33;color:#8cd48c}.feed-badge-both{background:#ffffff1a;color:var(--text-primary)}.challenge-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-page{position:relative;width:min(100%,640px);margin:0 auto;min-height:100vh;min-height:100dvh;overflow:hidden}.detail-hero{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero-actions{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-md));z-index:10}.detail-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--bg) 0%,transparent 100%);z-index:1}.detail-content{position:relative;z-index:2;margin-top:-var(--radius-xl);padding:var(--space-lg);padding-top:var(--space-xl);background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.detail-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2xs);letter-spacing:-.02em}.detail-meta-row{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.detail-meta-row span+span:before{content:"·";margin-right:var(--space-xs)}.detail-premise{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-lg)}.detail-section{margin-bottom:var(--space-lg)}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-sm)}.detail-section p,.detail-section li{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.detail-objective{font-size:.95rem;line-height:1.6;color:var(--text-primary)}.passing-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.passing-list li{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.passing-list li svg{flex-shrink:0;margin-top:3px;color:var(--easy)}.inspiration-strip{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none}.inspiration-strip::-webkit-scrollbar{display:none}.inspiration-item{flex-shrink:0;width:100px;border-radius:var(--radius-md);overflow:hidden;background:#ffffff0f}.inspiration-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.inspiration-item span{display:block;padding:var(--space-2xs) var(--space-xs);font-size:.65rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-action{margin-top:var(--space-lg);margin-bottom:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.08)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--text-secondary)}.empty-state p{margin-bottom:var(--space-md)}@media(max-width:480px){.pinned-card,.feed-card{aspect-ratio:16 / 10}.detail-content{padding:var(--space-md);padding-top:var(--space-xl)}}@supports (padding-top: env(safe-area-inset-top)){.detail-hero-actions{padding-top:calc(env(safe-area-inset-top,0px) + var(--space-md))}.page{padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right))}}