:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:1.0625rem;--text-xl:1.2rem;--text-2xl:clamp(1.45rem, 3vw, 1.85rem);--text-hero:clamp(1.65rem, 3.5vw, 2.1rem);--leading-tight:1.25;--leading-snug:1.4;--leading-body:1.6;--color-bg:#ebe6df;--color-bg-subtle:#e4ddd4;--color-surface:#fffdf9;--color-surface-muted:#f7f4ef;--color-text:#1c1917;--color-text-heading:#141210;--color-muted:#5c554d;--color-muted-2:#787066;--color-border:#d9d0c4;--color-border-strong:#c9bfb2;--color-accent:#9c4221;--color-accent-hover:#7a3319;--color-accent-soft:#9c42211a;--color-danger:#9f2d2d;--color-danger-bg:#fdf6f5;--color-danger-border:#e8c9c7;--color-error-text:#7f2222;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:10px;--shadow-flat:0 1px 0 #1c19170f;--shadow-card:0 1px 3px #1c19170f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--max-width:720px;--max-width-wide:1040px;--max-detail:820px;--focus-ring-offset:2px;--transition:.14s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.5}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);margin:0}#root{min-height:100vh}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.button:focus-visible,.navbar__brand:focus-visible,.navbar__link:focus-visible,.creator-card__action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent);text-underline-offset:.12em;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-flat)}.navbar__inner{max-width:var(--max-width-wide);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-3);letter-spacing:-.02em;color:var(--color-text-heading);padding:var(--space-1) 0;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar__brand:hover{color:var(--color-accent-hover)}.navbar__brand:hover .navbar__mark{background:var(--color-accent-hover)}.navbar__mark{background:var(--color-accent);width:.5rem;height:.5rem;transition:background var(--transition);border-radius:1px;flex-shrink:0;display:block}.navbar__brand-text{color:inherit}.navbar__links{align-items:center;gap:var(--space-5);display:flex}.navbar__link{color:var(--color-muted);font-weight:500;font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;text-decoration:none}.navbar__link:hover{color:var(--color-text)}.navbar__link.active{color:var(--color-text-heading);border-bottom-color:var(--color-accent);font-weight:600}.main-content{width:100%;max-width:var(--max-width-wide);padding:var(--space-6) clamp(var(--space-4), 4vw, var(--space-8)) var(--space-10);flex:1;margin:0 auto}.page{max-width:var(--max-width);text-align:center;margin:0 auto}.page__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text-heading);font-weight:700}.page__lead{margin:0 0 var(--space-6);color:var(--color-muted);max-width:40rem;font-size:var(--text-base);line-height:var(--leading-body);margin-left:auto;margin-right:auto}.page__code{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.1rem .35rem;font-family:ui-monospace,monospace;font-size:.88em}.page--creators{max-width:var(--max-width-wide);width:100%;margin:0}.home-layout{flex-direction:column;align-items:stretch;width:100%;display:flex}.home-hero{text-align:left;max-width:42rem;margin:0 0 var(--space-5);box-shadow:none;background:0 0;border:none;padding:0}.home-hero__title{margin:0 0 var(--space-3);font-size:var(--text-hero);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--color-text-heading)}.home-hero__subtitle{margin:0 0 var(--space-5);max-width:34rem;font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-muted)}.home-hero__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.home-section-label{margin:var(--space-8) 0 var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-size:var(--text-sm);letter-spacing:.02em;color:var(--color-muted);text-align:left;font-weight:600}.home-layout>.fetch-state{max-width:100%}.fetch-state{margin:var(--space-5) 0 0;max-width:38rem;padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card)}.fetch-state--loading{color:var(--color-muted);text-align:left;font-weight:500}.fetch-state--error{border-color:var(--color-danger-border);background:var(--color-danger-bg);text-align:left}.fetch-state--error .fetch-state__title{color:var(--color-error-text)}.fetch-state--empty{text-align:left;border-color:var(--color-border-strong);background:var(--color-surface)}.empty-state__more{margin-top:var(--space-4)}.fetch-state--not-found{text-align:left;border-style:dashed;border-color:var(--color-border-strong);background:var(--color-surface-muted)}.fetch-state__title{margin:0 0 var(--space-2);font-weight:700;font-size:var(--text-lg);letter-spacing:-.015em;color:var(--color-text-heading)}.fetch-state__detail{color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-body);margin:0}.fetch-state__detail .page__code{background:var(--color-surface-muted)}.creator-grid{gap:var(--space-5);text-align:left;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));grid-auto-rows:1fr;width:100%;margin:0;padding:0;list-style:none;display:grid}.creator-grid__item{margin:0;display:flex}.creator-grid .creator-card{width:100%;max-width:none;height:100%}.button{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius);cursor:pointer;text-align:center;transition:background var(--transition), border-color var(--transition), color var(--transition);border:1px solid #0000;padding:.5rem .95rem;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.button--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.button--secondary{background:var(--color-surface);color:var(--color-text-heading);border-color:var(--color-border-strong)}.button--secondary:hover:not(:disabled){border-color:var(--color-muted);color:var(--color-text-heading);background:var(--color-surface-muted)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary:disabled{background:var(--color-accent);color:#fff}.creator-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:360px;box-shadow:var(--shadow-card);height:100%;min-height:0;transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.creator-card:hover{border-color:var(--color-border-strong);box-shadow:0 2px 6px #1c19170f}.creator-card:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.creator-card__media{aspect-ratio:4/3;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);max-height:200px}.creator-card__image{object-fit:cover;width:100%;height:100%;display:block}.creator-card__image-fallback{width:100%;height:100%;color:var(--color-muted-2);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:500;display:flex}.creator-card__body{padding:var(--space-5) var(--space-4) var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex}.creator-card__stack{flex-direction:column;flex:auto;min-height:0;display:flex}.creator-card__title{margin:0 0 var(--space-3);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700;line-height:var(--leading-snug);color:var(--color-text-heading)}.creator-card__description{margin:0 0 var(--space-4);color:var(--color-muted);font-size:var(--text-sm);-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.65;display:-webkit-box;overflow:hidden}.creator-card__url{font-size:var(--text-sm);overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto;color:var(--color-muted);margin-top:0;margin-bottom:0;font-weight:500;line-height:1.5;text-decoration:none}.creator-card__url:hover{color:var(--color-accent);text-decoration:underline}.creator-card__actions{gap:var(--space-4) var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;margin-top:auto;display:flex}.creator-card__action{font-size:var(--text-sm);color:var(--color-accent);background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;padding:0;font-weight:600;text-decoration:none}.creator-card__action:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover);background:0 0}.page--detail{max-width:var(--max-detail);text-align:left;width:100%;margin:0 auto}.page--detail>.fetch-state{max-width:100%}.creator-detail__page{flex-direction:column;gap:0;display:flex}.creator-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:0;overflow:hidden}.creator-detail--stacked{flex-direction:column;align-items:stretch;display:flex}.creator-detail__media-col{background:var(--color-surface);border-bottom:1px solid var(--color-border-strong);flex-shrink:0;width:100%}.creator-detail__figure{aspect-ratio:16/9;background:var(--color-bg-subtle);width:100%;min-height:10.5rem;max-height:min(48vh,440px);margin:0;position:relative;overflow:hidden}.creator-detail__figure-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.creator-detail__figure-fallback{background:var(--color-surface-muted);color:var(--color-muted-2);font-size:var(--text-sm);justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.creator-detail__content-col{padding:var(--space-8) clamp(var(--space-5), 4vw, var(--space-8)) clamp(var(--space-6), 3vw, var(--space-8));justify-content:space-between;gap:var(--space-8);flex-direction:column;flex:auto;min-height:min(20rem,48vh);display:flex}@media (width>=768px){.creator-detail__content-col{padding:var(--space-10) var(--space-8) var(--space-8)}}.creator-detail__content-main{gap:var(--space-6);flex-direction:column;flex:auto;min-height:0;display:flex}.creator-detail__name{font-size:clamp(1.5rem,3vw,1.85rem);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text-heading);margin:0;font-weight:700}.creator-detail__why{border:none;margin:0;padding:0}.creator-detail__section-title{margin:0 0 var(--space-3);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-2);font-weight:600}.creator-detail__why-body{color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-body);margin:0}.creator-detail__website-row{align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-muted);flex-wrap:wrap;margin:0;display:flex}.creator-detail__website-label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-2);flex:none;font-weight:600}.creator-detail__website-url{min-width:0;font-size:var(--text-sm);overflow-wrap:anywhere;word-break:normal;color:var(--color-muted);flex:12rem;line-height:1.55;text-decoration:none}.creator-detail__website-url:hover{color:var(--color-accent);text-decoration:underline}.creator-detail__actions{gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-border-strong);flex-wrap:wrap;flex-shrink:0;align-items:center;margin-top:0;display:flex}.creator-detail__footer-actions{margin:var(--space-4) 0 0}.fetch-state .creator-detail__footer-actions{margin-top:var(--space-4)}.page--add,.page--edit{text-align:left;width:100%;margin:0}.form-layout{flex-direction:column;gap:0;width:100%;max-width:38rem;display:flex}.form-layout .page-header{margin-bottom:var(--space-5)}.form-layout .creator-form{margin-top:0}.form-layout .page__footer-link{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.page__lead--left{text-align:left;margin-left:0;margin-right:0}.page__footer-link{margin:var(--space-6) 0 0}.page-header{margin-bottom:var(--space-6)}.page-header__title,.page--add .page__title,.page--edit .page__title{margin:0 0 var(--space-3);color:var(--color-text-heading);font-weight:700}.page--add .page__lead,.page--edit .page__lead{color:var(--color-muted);font-size:var(--text-base)}.creator-form{margin-top:var(--space-2)}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-5) var(--space-5) var(--space-6)}.form-field{margin-bottom:var(--space-5)}.form-field:last-of-type{margin-bottom:0}.form-label{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-text-heading);display:block}.form-required{color:var(--color-danger);font-weight:700}.form-optional{color:var(--color-muted);font-weight:500;font-size:var(--text-xs)}.form-input,.form-textarea{width:100%;font:inherit;font-size:var(--text-base);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;padding:.55rem .7rem}.form-input:hover,.form-textarea:hover{border-color:var(--color-muted-2)}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft);outline:none}.form-input:disabled,.form-textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--color-surface-muted)}.form-textarea{resize:vertical;min-height:6rem;line-height:var(--leading-body)}.form-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-muted);line-height:var(--leading-snug)}.form-error-banner{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-error-text);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-body)}.form-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.form-page-links{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.delete-section{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-danger-border);background:var(--color-danger-bg)}.delete-section__title{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--color-danger);font-weight:700}.delete-section__warn{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-body)}.delete-section__error{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--color-danger-border);background:var(--color-surface);color:var(--color-error-text);font-size:var(--text-sm)}.button--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger-border)}.button--danger:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:#fff}.button--danger:disabled{opacity:.5;cursor:not-allowed}