:root{--bg: #f6f7fb;--bg-elevated: rgba(255, 255, 255, .78);--panel: #ffffff;--panel-strong: rgba(255, 255, 255, .92);--text: #1c2430;--muted: #5d6676;--border: rgba(27, 36, 48, .12);--accent: #0f766e;--accent-2: #fb7185;--accent-soft: rgba(15, 118, 110, .12);--chip: rgba(15, 23, 42, .06);--shadow: 0 16px 60px rgba(15, 23, 42, .12);--hero: linear-gradient(135deg, rgba(15, 118, 110, .12), rgba(251, 113, 133, .12), rgba(59, 130, 246, .12));--hero-image-opacity: .18;--font-sans: "Satoshi", "Avenir Next", "Segoe UI", sans-serif;--font-head: "Clash Display", "Avenir Next", "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,#fffffff2,#f6f7fb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #08111f;--bg-elevated: rgba(8, 17, 31, .82);--panel: #0f1728;--panel-strong: rgba(15, 23, 40, .94);--text: #eef4ff;--muted: #98a7bf;--border: rgba(148, 163, 184, .18);--accent: #2dd4bf;--accent-2: #fda4af;--accent-soft: rgba(45, 212, 191, .12);--chip: rgba(255, 255, 255, .08);--shadow: 0 20px 80px rgba(0, 0, 0, .32);--hero: linear-gradient(135deg, rgba(45, 212, 191, .18), rgba(129, 140, 248, .18), rgba(244, 114, 182, .16));--hero-image-opacity: .1;background:radial-gradient(circle at top left,#0c1222eb,#08111f)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-frame{min-height:100vh;max-width:1440px;margin:0 auto;padding:0 20px 32px}.site-header{position:sticky;top:16px;z-index:30;display:flex;flex-direction:column;gap:12px;padding:16px 20px;margin-top:16px;border:1px solid var(--border);border-radius:24px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand-mark{display:flex;align-items:center;gap:14px}.brand-mark>div{display:flex;flex-direction:column;gap:2px}.brand-icon,.app-icon,.maker-avatar{display:grid;place-items:center;border-radius:20px}.app-icon,.maker-avatar{background:linear-gradient(135deg,hsl(var(--app-hue, 176) 80% 55%),hsl(calc(var(--app-hue, 176) + 42) 85% 62%));color:#fff;font-weight:700;letter-spacing:.04em}.brand-icon{width:48px;height:48px;border-radius:12px;-o-object-fit:contain;object-fit:contain}.header-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.menu-toggle{display:none}.header-desktop-actions{display:flex;align-items:center;gap:8px}.brand-mark strong,.page-heading h1,.hero-copy h1,.section-header h2,.stack-card h3,.app-card h3,.detail-panel h2,.detail-panel h3{font-family:var(--font-head);letter-spacing:-.03em}.brand-mark span,.section-header p,.hero-description,.page-heading p,.app-card p,.detail-panel p,.review-card p,.stack-card p,.empty-card p,.site-footer p{color:var(--muted)}.site-nav,.site-actions,.detail-meta-row,.hero-actions,.app-card-meta,.app-card-badges,.stack-preview,.stack-outcomes,.signal-cloud,.inline-actions,.chip-row,.toggle-row,.footer-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-nav a,.site-actions .ghost-button,.ghost-button,.section-link{color:var(--muted)}.site-nav a.active{color:var(--text)}.site-actions{justify-content:flex-end}.primary-button,.ghost-button,.chip,.user-pill,.toggle-pill,.app-card,.stack-card,.detail-panel,.stat-card,.form-card,.empty-card,.row-card,.dashboard-card,.trust-item,.review-card,.screenshot-card,.video-placeholder,.install-step{border:1px solid var(--border);border-radius:22px;background:var(--panel-strong)}.primary-button,.ghost-button,.chip,.toggle-pill,.user-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.app-card,.stack-card,.dashboard-card{transition:box-shadow .18s ease,border-color .18s ease,background .18s ease}.small-button{padding:10px 14px;border-radius:16px}.primary-button{color:#fff;background:linear-gradient(135deg,var(--accent),#0ea5e9);border-color:transparent}.ghost-button{background:transparent}.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.app-card:hover,.app-card:focus-visible,.stack-card:hover,.stack-card:focus-visible{border-color:#0f766e47;box-shadow:0 20px 72px #0f172a2e}.icon-button{padding:10px}.user-pill{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px}.user-pill small{color:var(--muted);text-transform:capitalize}.app-main{padding-top:28px}.page-shell{display:grid;gap:28px}.loading-shell{min-height:60vh;place-items:center}.hero-panel,.submission-layout,.signin-layout,.dashboard-layout,.detail-layout,.cta-grid,.metric-grid,.app-grid,.stack-grid,.trust-strip,.hero-stats,.pros-cons,.screenshots,.filter-grid,.compare-grid,.star-distribution{display:grid;gap:18px}.hero-panel,.dashboard-layout,.submission-layout,.detail-layout,.signin-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);align-items:start}.hero-panel{padding:36px;border-radius:36px;background:var(--hero);border:1px solid var(--border);overflow:hidden;position:relative}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/header-hero.webp) center right / 55% no-repeat;opacity:var(--hero-image-opacity);pointer-events:none}.hero-panel>*{position:relative}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero-copy h1,.page-heading h1,.detail-heading h1{margin:10px 0 12px;font-size:clamp(2.4rem,5vw,5rem);line-height:.95}.page-heading{padding-top:18px}.hero-description{font-size:1.08rem;max-width:62ch}.hero-trust-card,.discovery-card{padding:22px;border-radius:28px;background:var(--bg-elevated);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-trust-card{margin-bottom:18px}.discovery-results{display:grid;gap:14px;margin-top:16px}.discovery-result,.discovery-summary{display:grid;gap:12px}.helper-note{margin:0;color:var(--muted);font-size:.92rem}.trust-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.large-search{margin:16px 0}.search-box{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:var(--panel)}.search-box input{width:100%;background:transparent;border:none;outline:none;color:var(--text)}.hero-stats,.metric-grid,.app-grid,.cta-grid,.compare-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.detail-panel,.content-section,.form-card,.table-card{padding:22px}.stat-card strong{display:block;font-size:1.7rem;margin-bottom:6px}.trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-strip>div{padding:18px 20px;border-radius:24px;border:1px solid var(--border);background:var(--bg-elevated)}.content-section{display:grid;gap:18px;padding:0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:16px}.section-header.tight{align-items:center}.section-link{display:inline-flex;align-items:center;gap:8px}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-card,.stack-card,.dashboard-card{padding:18px;display:grid;gap:16px;box-shadow:var(--shadow)}.app-card-media{position:relative;min-height:176px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0f766e2e,#0ea5e91f)}.app-card-preview-image,.app-card-preview-fallback{width:100%;height:100%;display:block}.app-card-preview-image{-o-object-fit:cover;object-fit:cover}.app-card-preview-fallback{background:linear-gradient(135deg,hsl(var(--app-hue, 176) 78% 58%),hsl(calc(var(--app-hue, 176) + 42) 84% 64%))}.app-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07111f05,#07111f85)}.app-card-media-overlay{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.app-card-topline,.detail-heading,.maker-card,.review-card-top,.row-card-top{display:flex;gap:14px}.app-icon{width:54px;height:54px;flex-shrink:0;overflow:hidden}.app-icon.large{width:84px;height:84px;border-radius:26px;font-size:1.3rem}.app-icon.tiny{width:30px;height:30px;border-radius:12px;font-size:.72rem}.app-icon-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-card h3,.stack-card h3,.detail-panel h2,.detail-panel h3{margin:0}.app-card-copy{min-width:0;display:grid;gap:8px}.app-card-title-row{display:flex;justify-content:space-between;gap:12px;align-items:start}.chip{padding:8px 12px;border-radius:999px;font-size:.9rem;background:var(--chip)}.chip.strong,.toggle-pill input:checked+span,.button-chip.strong{background:var(--accent-soft);color:var(--accent)}.chip.featured-chip{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);color:#d97706;font-weight:700}.chip.warn{background:#f472b61f;color:#f43f5e}.chip.positive{background:#22c55e24;color:#16a34a}.chip.neutral,.chip.subdued{background:#3b82f61f;color:#2563eb}.button-chip{border:none}.ghost-button.is-selected,.chip.is-selected{border-color:#0f766e52;background:var(--accent-soft);color:var(--accent)}.app-card-meta,.timeline-item span{color:var(--muted);font-size:.92rem}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-card-header,.results-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.stack-preview{margin-top:4px}.stack-app-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--chip)}.filter-panel{display:grid;gap:16px;padding:22px;border-radius:28px;border:1px solid var(--border);background:var(--panel-strong)}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}select,input,textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none}textarea{resize:vertical}.toggle-pill{gap:10px;padding:10px 14px}.toggle-pill input{width:auto}.detail-page .detail-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.75fr)}.detail-hero{display:flex;justify-content:space-between;gap:20px;padding:28px;border-radius:32px;border:1px solid var(--border);background:var(--hero)}.detail-heading{align-items:center}.detail-hero-copy,.maker-profile-copy{display:grid;gap:18px}.detail-hero-copy{flex:1 1 0;min-width:0}.detail-hero-art-card{flex:0 0 min(40%,440px);min-width:300px;padding:14px;border-radius:28px;border:1px solid rgba(255,255,255,.18);background:#07111f42;box-shadow:0 24px 64px #080f1e2e}.detail-hero-art-image,.maker-profile-avatar,.maker-avatar-image,.app-wordmark{display:block;width:100%}.detail-hero-art-image{aspect-ratio:59 / 38;-o-object-fit:cover;object-fit:cover;border-radius:20px}.app-wordmark{max-width:420px;margin-top:6px}.maker-profile-heading{display:grid;gap:18px}.maker-profile-top{display:flex;align-items:center;gap:22px}.maker-profile-avatar-wrap{width:clamp(136px,18vw,196px);flex-shrink:0;border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.maker-profile-avatar{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.detail-panel{display:grid;gap:16px}.install-banner{margin-top:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.ios-install-banner{position:relative;grid-template-columns:1fr}.ios-banner-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center}.ios-banner-close:hover{background:var(--chip);color:var(--text)}.ios-banner-content{display:flex;align-items:center;gap:14px}.ios-banner-icon{border-radius:12px;flex-shrink:0}.ios-banner-content strong{display:block;margin-bottom:2px}.ios-banner-steps{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--chip);border-radius:10px;font-size:.92rem}.ios-step{display:flex;align-items:center;gap:8px}.ios-step-num{width:22px;height:22px;border-radius:999px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center;flex-shrink:0}.ios-share-icon{vertical-align:-2px;color:var(--accent)}.detail-main,.detail-sidebar{display:grid;gap:18px}.score-ring{width:160px;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;margin:0 auto;background:radial-gradient(circle at center,var(--panel) 55%,transparent 56%),conic-gradient(var(--accent) 0deg,#0ea5e9 calc(var(--score, 82) * 3.6deg),rgba(127,127,127,.18) 0)}.score-ring div{text-align:center}.score-ring strong{display:block;font-size:2.2rem}.score-bars{display:grid;gap:12px}.score-label-row{display:flex;justify-content:space-between;margin-bottom:8px}.score-bar{height:10px;border-radius:999px;background:var(--chip);overflow:hidden}.score-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#38bdf8)}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trust-item{display:flex;gap:10px;align-items:center;padding:14px}.trust-item.pass{background:#22c55e14}.trust-item.warn{background:#f472b614}.screenshots{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-card{min-height:210px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:inset 0 1px #fff3;overflow:hidden;position:relative}.screenshot-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.screenshot-card .chip,.screenshot-card strong,.screenshot-card small{position:relative;z-index:1}.screenshot-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a1f,#0f172a9e)}.video-placeholder{padding:18px;text-align:center}.install-guide{display:grid;gap:12px}.install-step{display:flex;justify-content:space-between;gap:12px;padding:18px}.install-step ul{margin:8px 0 0;padding-left:1.1rem;display:grid;gap:6px;color:var(--muted)}.install-step.muted{opacity:.7}.pros-cons{grid-template-columns:repeat(2,minmax(0,1fr))}.review-list,.timeline-list{display:grid;gap:14px}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.asset-preview-card{display:grid;gap:10px;padding:14px;border-radius:20px;border:1px solid var(--border);background:var(--panel)}.asset-preview-image{width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;border-radius:16px}.asset-preview-image.icon-preview{aspect-ratio:1;max-width:120px}.star-distribution{grid-template-columns:1fr;gap:10px}.score-history-chart{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;align-items:end;min-height:140px}.score-history-bar{display:grid;gap:8px;justify-items:center;align-items:end}.score-history-bar span{width:100%;border-radius:14px 14px 6px 6px;min-height:24px;background:linear-gradient(180deg,var(--accent),#38bdf8);box-shadow:inset 0 1px #fff3}.score-history-bar small{color:var(--muted)}.star-row{display:grid;grid-template-columns:48px 1fr 32px;gap:12px;align-items:center}.github-card{background:linear-gradient(135deg,#6366f11f,#0f766e14)}.social-links-list{display:flex;flex-direction:column;gap:8px}.social-links-list .section-link{font-size:.92rem;gap:8px}.compact-fields{display:flex;flex-direction:column;gap:10px}.compact-fields label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;color:var(--muted)}.compact-fields input{padding:10px 12px;border-radius:12px;font-size:.9rem}.metric-grid.single-column{grid-template-columns:1fr}.review-card{padding:18px}.review-card-top{justify-content:space-between;align-items:start;margin-bottom:12px}.review-form,.form-grid{display:grid;gap:14px}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:.95rem}.checkbox-row input{width:16px;height:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.compact{grid-template-columns:1fr}.form-grid .wide{grid-column:1 / -1}.story-list,.timeline-item ul,.pros-cons ul{margin:0;padding-left:1.15rem;color:var(--muted)}.timeline-item{display:flex;gap:12px}.timeline-dot{width:12px;height:12px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#38bdf8)}.row-card{display:grid;gap:12px;padding:18px}.row-card.stacked{gap:16px}.table-card,.dashboard-main,.dashboard-sidebar,.submission-story{display:grid;gap:16px}.maker-avatar{width:56px;height:56px;flex-shrink:0;overflow:hidden}.maker-avatar-portrait{width:72px;height:72px;border-radius:24px}.maker-avatar-image{height:100%;-o-object-fit:cover;object-fit:cover}.status-panel,.empty-card{display:grid;gap:10px;place-items:start}.empty-card{padding:24px}.empty-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.narrow-page{max-width:1080px;margin:0 auto}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:30px 4px 0}.form-message{color:var(--accent)}.form-message.error{color:#f43f5e}.analytics-page{max-width:960px;margin:0 auto}.analytics-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.analytics-header h1{font-family:var(--font-head);letter-spacing:-.03em;margin:0}.analytics-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.analytics-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:.88rem}.analytics-range-toggle{display:flex;gap:2px}.active-range{background:var(--accent)!important;color:#fff!important}.analytics-compare-toggle{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);cursor:pointer}.analytics-headline{border-left:4px solid var(--accent)}.analytics-headline.tone-heads-up{border-left-color:#ef4444}.analytics-headline.tone-great{border-left-color:#22c55e}.analytics-headline.tone-quiet{border-left-color:var(--muted)}.headline-text{font-size:1.15rem;font-weight:600;line-height:1.5;margin:0 0 16px}.analytics-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.analytics-stat-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--chip);border-radius:10px}.analytics-stat-icon{color:var(--accent);display:grid;place-items:center}.analytics-stat-value{font-weight:700;font-size:1.05rem;display:block}.analytics-stat-label{font-size:.75rem;color:var(--muted);display:block}.analytics-delta{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:2px;margin-left:auto}.analytics-delta.positive{color:#22c55e}.analytics-delta.negative{color:#ef4444}.analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.analytics-chart-panel h3{display:flex;align-items:center;gap:6px;margin:0 0 14px;font-family:var(--font-head);letter-spacing:-.02em;font-size:.95rem}.analytics-chart-container{height:200px;position:relative}.funnel-flow{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:16px 0}.funnel-step{display:flex;align-items:center;gap:4px;flex:1}.funnel-rate{font-size:.7rem;color:var(--muted);font-weight:600;white-space:nowrap}.funnel-rate.bottleneck{color:#ef4444;font-weight:700}.funnel-node{display:flex;flex-direction:column;align-items:center;padding:8px 6px;background:var(--chip);border-radius:8px;flex:1;min-width:0}.funnel-value{font-weight:700;font-size:.95rem}.funnel-label{font-size:.7rem;color:var(--muted)}.funnel-narrative{font-size:.85rem;color:var(--muted);margin:8px 0 0;line-height:1.5}.reputation-header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.big-rating{font-size:2rem;font-weight:800;font-family:var(--font-head)}.rating-count{font-size:.85rem;color:var(--muted)}.rating-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:1px}.rating-segment{min-width:4px;transition:width .3s}.theme-callout{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-top:12px;border-radius:8px;font-size:.85rem;line-height:1.4}.theme-callout.negative{background:#ef444414;color:#ef4444}.theme-callout.positive{background:#22c55e14;color:#22c55e}.competitive-rank{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.big-rank{font-size:2rem;font-weight:800;font-family:var(--font-head)}.rank-context{font-size:.85rem;color:var(--muted)}.percentile-text{font-size:.88rem;color:var(--muted);margin:0 0 12px}.percentile-bar{height:8px;background:var(--chip);border-radius:999px;position:relative;overflow:visible}.percentile-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s}.percentile-median{position:absolute;left:50%;top:-3px;width:2px;height:14px;background:var(--muted);border-radius:1px}.analytics-footer-cta{text-align:center;color:var(--muted);font-size:.88rem;margin-top:24px;padding:16px 0}.analytics-footer-cta a{color:var(--accent);font-weight:600}@media (max-width: 1100px){.hero-panel,.dashboard-layout,.submission-layout,.detail-layout,.signin-layout,.detail-page .detail-layout,.metric-grid,.hero-stats,.app-grid,.trust-strip,.cta-grid,.stack-grid,.screenshots,.filter-grid,.pros-cons,.compare-grid{grid-template-columns:1fr}.site-header{padding:12px 16px;gap:0}.site-header .site-nav,.site-header .site-actions{display:none}.site-header.menu-open .site-nav,.site-header.menu-open .site-actions{display:flex;width:100%;flex-wrap:wrap;padding-top:12px}.site-header.menu-open .site-nav{border-top:1px solid var(--border)}.brand-tagline,.header-desktop-actions{display:none}.menu-toggle{display:flex}.detail-hero{flex-direction:column}.detail-hero-art-card{min-width:0;width:100%}.maker-profile-top{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.app-frame{padding:0 12px 24px}.site-header{top:10px;padding:14px;border-radius:20px}.hero-panel,.detail-hero,.filter-panel,.form-card,.detail-panel{padding:18px}.hero-copy h1,.page-heading h1,.detail-heading h1{font-size:2.3rem}.app-card-media{min-height:148px}.app-wordmark{max-width:min(100%,320px)}.maker-profile-avatar-wrap{width:128px;border-radius:28px}.analytics-stat-row{grid-template-columns:repeat(2,1fr)}.analytics-row{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:flex-start}}.notification-bell-wrapper{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:grid;place-items:center;padding:0 4px;pointer-events:none}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:50;display:flex;flex-direction:column;overflow:hidden}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.notification-panel-header h3{margin:0;font-family:var(--font-head);font-size:.95rem}.notification-list{overflow-y:auto;flex:1;padding:8px 0}.notification-empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:.88rem}.notification-group{padding:0 12px}.notification-day{display:block;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 4px 4px}.notification-item{display:flex;gap:8px;padding:10px 4px;border-radius:8px;cursor:pointer;transition:background .15s}.notification-item:hover{background:var(--chip)}.notification-item.unread{background:var(--accent-soft)}.notification-dot-wrapper{width:10px;padding-top:6px;flex-shrink:0}.notification-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);display:block}.notification-content{flex:1;min-width:0}.notification-content strong{font-size:.88rem;display:block;margin-bottom:2px}.notification-content p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.4}.notification-time{font-size:.72rem;color:var(--muted);margin-top:4px;display:block}.notification-settings-list{padding:8px 16px 16px;display:flex;flex-direction:column;gap:2px}.notification-setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:.88rem;cursor:pointer}.notification-setting-row:last-child{border-bottom:none}