:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-bg: #fffbf4;--color-page-background: #fffbf4;--color-surface: #fffbf4;--color-surface-muted: #ffe2b8;--color-surface-raised: #fff0df;--color-border: #f6b923;--color-border-strong: #522719;--color-text: #110607;--color-text-muted: #6d3a26;--color-text-subtle: #8a4e31;--color-inverse: #fff0df;--color-focus: #210c0a;--color-accent: #371710;--color-accent-muted: #f1c27d;--color-accent-contrast: #fff0df;--color-success: #5f7648;--color-warning: #e0901a;--color-danger: #983838;--color-scrim: rgb(17 6 7 / .18);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--size-badge-height: 1.75rem;--size-button-height: 2.75rem;--size-hero-logo: 5rem;--size-overlay-max-width: 36rem;--size-overlay-slide-offset: 1.5rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2.25rem;--page-max-width: 72rem;--z-overlay: 20;--overlay-scrim: rgb(17 6 7 / .18);--motion-fast: .16s;--motion-arcade-pop: .32s;--color-arcade-glow: rgb(255 190 11 / .38);--color-arcade-glow-strong: rgb(255 143 33 / .62);--color-arcade-burst: #ff8a1f;--color-arcade-burst-soft: rgb(255 228 162 / .92);--color-arcade-chip: rgb(255 245 226 / .94)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}code{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);padding:.125rem .375rem;font-family:var(--font-mono);font-size:.9em}#root{min-height:100vh}.ui-stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-md))}.ui-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-lg)}.ui-panel--subtle{background:var(--color-surface-muted)}.ui-badge{display:inline-flex;align-items:center;min-height:var(--size-badge-height);width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.25rem .625rem;background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ui-badge--muted{background:var(--color-surface-muted)}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-button-height);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.625rem 1rem;background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer}.ui-button--primary{background:var(--color-text);color:var(--color-inverse)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.ui-field{display:grid;gap:var(--space-sm)}.ui-field-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.ui-field-hint{color:var(--color-text-subtle);font-size:var(--text-xs)}.ui-control{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:.875rem .9375rem;font-size:var(--text-md);line-height:1.5}.ui-control--textarea{resize:vertical;min-height:8rem}.ui-control:focus{outline:2px solid var(--color-focus);outline-offset:1px}.ui-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.ui-section-copy{max-width:38rem}.ui-section-actions{flex-shrink:0}.ui-section-title{margin:0;font-size:var(--text-xl);line-height:1.1;font-weight:700}.ui-section-description{margin:0;color:var(--color-text-muted);font-size:var(--text-md);line-height:1.6}.ui-sheet{display:none}@media(max-width:640px){.ui-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-sm)}.ui-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:var(--overlay-scrim)}.ui-sheet-dialog{position:relative;width:min(100%,var(--size-overlay-max-width));max-height:calc(100vh - var(--space-sm));overflow:auto}}.page-shell{width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--space-xl) 1rem var(--space-2xl)}.hero-section{margin-bottom:0}.hero-panel{padding:var(--space-xl)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-mobile-trigger{display:none}.hero-logo{display:block;width:min(calc(var(--size-hero-logo) * 1.4),100%);height:auto;aspect-ratio:228 / 194;object-fit:cover}.hero-tagline{margin:0;max-width:24rem;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}.home-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--space-lg);align-items:start}.home-sidebar{display:grid;gap:var(--space-lg);align-self:start}.home-feed-column{min-width:0}.status-banner{margin-bottom:var(--space-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-md);background:var(--color-surface-muted)}.status-banner-title,.status-banner-copy,.feed-state{margin:0}.status-banner-title{font-size:var(--text-sm);font-weight:700}.status-banner-copy{margin-top:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.feature-panel{min-height:100%}.composer-shell{min-width:0}.composer-dismiss,.feed-mobile-trigger{display:none;flex-shrink:0}.feature-form{display:grid;gap:var(--space-lg)}.feature-form-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.feature-status{margin:0;max-width:22rem;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.feed-list{display:grid;gap:var(--space-md)}.feed-card{position:relative;overflow:hidden;isolation:isolate;padding:var(--space-md)}.feed-card:before,.feed-card:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.feed-card:before{background:radial-gradient(circle at top right,var(--color-arcade-glow) 0,transparent 52%);opacity:0;transition:opacity var(--motion-fast) ease}.feed-card:after{top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle,var(--color-arcade-glow-strong) 0,transparent 54%);opacity:0;transform:scale(.6)}.feed-card[data-arcade-arrival=active]:before{opacity:1;background:linear-gradient(180deg,rgb(255 248 208 / .92) 0%,var(--color-arcade-glow) 22%,transparent 68%)}.feed-card[data-arcade-celebration=active]:after{opacity:.78;animation:arcade-card-flash .72s ease-out forwards}.feed-card-artwork{overflow:hidden;margin-bottom:var(--space-md);border-radius:calc(var(--radius-lg) - .25rem);aspect-ratio:4 / 3;background:var(--color-surface-muted)}.feed-card-artwork-image{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform var(--motion-fast) ease}.feed-card[data-arcade-arrival=active] .feed-card-artwork-image,.feed-card[data-arcade-celebration=active] .feed-card-artwork-image{transform:scale(1.04)}.feed-state{color:var(--color-text-muted);font-size:var(--text-md);line-height:1.6}.feed-card-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.feed-card-time{color:var(--color-text-subtle);font-size:var(--text-sm)}.feed-card-title{margin:0;font-size:var(--text-lg);line-height:1.3;font-weight:700}.feed-card-message{margin:0;color:var(--color-text-muted);font-size:var(--text-md);line-height:1.65}.feed-card-footer{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.feed-card-celebrate-button{border:0;padding:0;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;text-decoration:underline;text-underline-offset:.16em;cursor:pointer;transition:color var(--motion-fast) ease,transform .11s ease}.feed-card-celebrate-button:hover:not(:disabled){color:var(--color-text)}.feed-card-celebrate-button[data-arcade-press=active]{transform:scale(.9)}.feed-card-celebrate-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.feed-card-celebrate-button:disabled{color:var(--color-text-subtle);cursor:default;opacity:1}.feed-card-celebration-count{margin:0;color:var(--color-text);font-size:var(--text-lg);font-weight:700;line-height:1.2;white-space:nowrap}.arcade-count-shell{display:inline-flex;align-items:center;justify-content:flex-end;min-width:5.5rem;border-radius:var(--radius-pill);padding:.2rem .5rem;white-space:nowrap}.arcade-count-shell[data-arcade-count=active]{background:color-mix(in srgb,var(--color-arcade-glow) 72%,transparent);box-shadow:0 0 0 1px #ff8a1f29}.arcade-count-value{display:inline-block}.arcade-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.arcade-burst-core,.arcade-burst-ring{position:absolute;top:calc(100% - 2.4rem);left:clamp(1.75rem,22%,4.5rem);width:4.25rem;height:4.25rem;border-radius:50%}.arcade-burst-core{background:radial-gradient(circle,var(--color-arcade-burst-soft) 0,transparent 70%)}.arcade-burst-ring{border:2px solid rgb(255 138 31 / .48)}.arcade-burst-spark{position:absolute;top:calc(100% - 1rem);left:clamp(2.25rem,24%,4.9rem);width:.6rem;height:1.5rem;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--color-arcade-burst-soft),var(--color-arcade-burst));box-shadow:0 0 20px #ff8a1f6b}@keyframes arcade-card-flash{0%{opacity:.72;transform:scale(.62)}to{opacity:0;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.feed-card-celebrate-button,.feed-card:before,.feed-card-artwork-image{transition:none}.feed-card[data-arcade-celebration=active]:after{animation:none;opacity:.34;transform:none}.feed-card-celebrate-button[data-arcade-press=active]{transform:none}}@media(max-width:900px){.home-layout{grid-template-columns:1fr}}@media(max-width:640px){.page-shell{padding:var(--space-md) .5rem var(--space-2xl)}.hero-panel,.ui-panel{padding:var(--space-md)}.home-sidebar{display:contents}.feed-mobile-trigger,.composer-dismiss,.hero-mobile-trigger{display:inline-flex}.feature-form-footer>.ui-button{width:100%}.feed-card-footer{align-items:center}}