:root,:root[data-theme=dark]{color-scheme:dark;--bg: hsl(0 0% 7%);--fg: #e5e7eb;--muted: #b0b0b0;--title-muted: #b0b0b0;--accent: #93c5fd;--card: hsl(0 0% 11%);--border: hsl(0 0% 22%)}:root[data-theme=light]{color-scheme:light;--bg: #f0f1f4;--fg: #1a1d22;--muted: #5c6370;--title-muted: #4a5568;--accent: #1d4ed8;--card: #ffffff;--border: #d1d5db}:root{--font-display: "Special Elite", serif;--font-ui: Inter, "Helvetica Neue", Arial, sans-serif;font-family:var(--font-display);line-height:1.5;font-weight:400;font-size:10pt;background:var(--bg);color:var(--fg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}code{font-family:ui-monospace,monospace;font-size:.95em}.app{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;padding:clamp(1.25rem,4vw,2rem) 0 clamp(2rem,5vw,3rem)}.site-state{max-width:28rem;margin:2rem auto;padding:0 1.25rem;text-align:center;color:var(--muted);font-family:var(--font-ui)}.site-state--error{color:#fca5a5}.site-intro{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.site-tagline{margin:0 auto .35rem;box-sizing:border-box;width:100%;max-width:100%;padding-left:max(.35rem,env(safe-area-inset-left,0px));padding-right:max(.35rem,env(safe-area-inset-right,0px));text-align:center;font-family:var(--font-display);font-size:clamp(.95rem,2.2vw,1.15rem);letter-spacing:.06em;line-height:1.35;color:var(--title-muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle__icon{width:1.25rem;height:1.25rem}:root[data-theme=dark] .theme-toggle{background:#1a1a1a;border:1px solid hsl(0 0% 32%);color:#fff;box-shadow:0 0 0 1px #ffffff0f,0 1px 3px #00000073}:root[data-theme=dark] .theme-toggle:hover{background:#383838}:root[data-theme=light] .theme-toggle{background:#fff;border:1px solid hsl(214 32% 88%);color:#000;box-shadow:0 1px 2px #0f172a1a}:root[data-theme=light] .theme-toggle:hover{background:#f8fafc}.theme-toggle--below-card{align-self:center;margin-top:.75rem;margin-bottom:max(.5rem,env(safe-area-inset-bottom,0px))}.site-main--fallback{display:flex;flex-direction:column;align-items:center;gap:1rem}.carousel-discrete{position:relative;width:100%;margin-top:0;outline:none}.carousel-discrete:focus,.carousel-discrete:focus-visible{outline:none}.carousel-discrete__row{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--carousel-gap);width:100%;--carousel-sliver: clamp(1.25rem, 4.5vw, 3rem);--carousel-gap: clamp(1rem, 2.5vw, 2rem)}.carousel-discrete__center{flex:0 1 min(640px,calc(100% - 2 * var(--carousel-sliver) - 2 * var(--carousel-gap)));min-width:0;max-width:min(640px,100%);overflow:hidden}.carousel-discrete__center-inner--ratchet-next{animation:carousel-ratchet-next .48s cubic-bezier(.33,1.12,.48,1) forwards}.carousel-discrete__center-inner--ratchet-prev{animation:carousel-ratchet-prev .48s cubic-bezier(.33,1.12,.48,1) forwards}.carousel-discrete__center-inner--ratchet-init{animation:carousel-ratchet-init .35s ease-out forwards}@keyframes carousel-ratchet-next{0%{transform:translate(42px);opacity:.7}62%{transform:translate(-5px)}82%{transform:translate(2px)}to{transform:translate(0);opacity:1}}@keyframes carousel-ratchet-prev{0%{transform:translate(-42px);opacity:.7}62%{transform:translate(5px)}82%{transform:translate(-2px)}to{transform:translate(0);opacity:1}}@keyframes carousel-ratchet-init{0%{opacity:.2}to{opacity:1}}@media(prefers-reduced-motion:reduce){.carousel-discrete__center-inner--ratchet-next,.carousel-discrete__center-inner--ratchet-prev,.carousel-discrete__center-inner--ratchet-init{animation:none!important;opacity:1!important;transform:none!important}}.carousel-sliver{flex:0 0 var(--carousel-sliver);align-self:flex-start;box-sizing:border-box;display:flex;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px;overflow:hidden;-webkit-tap-highlight-color:transparent;height:var(--carousel-center-height, auto);max-height:var(--carousel-center-height, none)}.carousel-sliver--prev{box-shadow:inset -14px 0 24px -6px var(--bg)}.carousel-sliver--next{box-shadow:inset 14px 0 24px -6px var(--bg)}.carousel-sliver__clip{flex:1;display:flex;align-items:flex-start;align-self:stretch;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.carousel-sliver__fade{flex:1;width:var(--carousel-sliver);height:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:12px}.carousel-sliver__fade--prev{mask-image:linear-gradient(to right,#0000,#00000059 38%,#000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 38%,rgba(0,0,0,1) 100%);mask-size:100% 100%;-webkit-mask-size:100% 100%}.carousel-sliver__fade--next{mask-image:linear-gradient(to left,#0000,#00000059 38%,#000);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 38%,rgba(0,0,0,1) 100%);mask-size:100% 100%;-webkit-mask-size:100% 100%}.carousel-sliver__shift{display:block;flex-shrink:0}.carousel-sliver__shift--prev{margin-left:calc(var(--carousel-sliver) - var(--carousel-card-width, min(640px, calc(100vw - 2rem) )))}.carousel-sliver__shift--next{margin-left:0}.carousel-sliver__card{display:block;width:var(--carousel-card-width, min(640px, calc(100vw - 2rem) ))}.carousel-sliver .creation-card{pointer-events:none}.carousel-sliver:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.creation-card--sliver{min-height:100%;box-sizing:border-box;pointer-events:none;margin:0}.carousel__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.carousel-sliver{display:none}.carousel-discrete__row{gap:0}.carousel-discrete__center{flex:1 1 100%;max-width:100%;padding:0 max(.75rem,calc(50vw - min(42vw,320px)))}}.creation-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.25rem 1.75rem;box-shadow:0 12px 40px #00000073;text-align:center}.creation-card__title{margin:0;line-height:1.12;font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.75rem);letter-spacing:.06em;color:var(--title-muted);font-weight:400}.creation-card__tagline{margin:.08rem 0 1rem;line-height:1.3;font-family:var(--font-ui);font-size:clamp(.9rem,1.6vw,1rem);letter-spacing:.04em;color:var(--muted)}.creation-card__section{margin-bottom:1.35rem;text-align:center}.creation-card__section:last-child{margin-bottom:0}.creation-card__section-label{margin:0 0 .5rem;font-family:var(--font-ui);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.creation-card__media{width:100%;max-width:100%;margin:0 auto}.creation-card__thumb{display:block;width:100%;padding:0;margin:0;border:none;border-radius:8px;cursor:zoom-in;background:transparent;font:inherit;color:inherit;line-height:0}.creation-card__thumb:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.creation-card__thumb img{width:100%;max-width:100%;height:auto;display:block;border-radius:8px;border:1px solid var(--border);background:#0d0d0d;vertical-align:top}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.image-lightbox__backdrop{position:absolute;inset:0;background:#000000e0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-lightbox__close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));z-index:2;width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#141414e6;color:#f3f4f6;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s ease}.image-lightbox__close:hover{background:#282828f2}.image-lightbox__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-lightbox__frame{position:relative;z-index:1;width:min(96vw,1600px);max-width:100%;height:min(92dvh,1200px);max-height:min(92dvh,1200px);display:flex;flex-direction:column;align-items:stretch;border-radius:6px;box-shadow:0 24px 80px #0000008c;overflow:hidden}.image-lightbox__zoom-root{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}.image-lightbox__zoom-root>div{flex:1;min-height:0;display:flex;flex-direction:column}.image-lightbox__panzoom{flex:1;min-height:0;width:100%;height:100%;touch-action:none}.image-lightbox__panzoom-content{width:max-content;height:max-content}.image-lightbox__img{display:block;width:auto;height:auto;max-width:none;vertical-align:top;-webkit-user-select:none;user-select:none}.creation-card__placeholder{border-radius:8px;border:1px dashed var(--border);min-height:120px;display:grid;place-items:center;font-family:var(--font-ui);font-size:.85rem;color:var(--muted)}.creation-card__video{position:relative;width:100%;aspect-ratio:16 / 9;margin:0 auto;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#000}.creation-card__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.creation-card__link-block{font-family:var(--font-ui);font-size:.9rem;word-break:break-word;line-height:1.45}.creation-card__link-block a{color:var(--accent);text-decoration:none}.creation-card__link-block a:hover{text-decoration:underline}.creation-card__muted{color:var(--muted)}.creation-card__note{color:var(--muted);font-size:.88em}.admin-main{max-width:36rem;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;font-family:var(--font-ui)}.admin-home-link{color:var(--accent);text-decoration:none;font-size:.95rem}.admin-home-link:hover{text-decoration:underline}.admin-panel{font-family:var(--font-ui)}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.admin-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:400;letter-spacing:.04em}.admin-lead{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.35}.admin-form{display:flex;flex-direction:column;gap:.85rem;max-width:20rem}.admin-label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;color:var(--fg)}.admin-input{font-family:var(--font-ui);font-size:1rem;padding:.5rem .65rem;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.admin-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-form-error{margin:0;font-size:.9rem;color:#fca5a5}.admin-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-ui);font-size:.95rem;padding:.55rem 1rem;border-radius:6px;border:1px solid var(--border);background:var(--accent);color:var(--bg);cursor:pointer}.admin-button:disabled{opacity:.6;cursor:not-allowed}.admin-button--ghost{background:transparent;color:var(--fg)}.admin-button-icon{width:1rem;height:1rem}.admin-spinner{width:1rem;height:1rem;animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card)}.admin-list-item{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid var(--border);font-size:.95rem}.admin-list-item:last-child{border-bottom:none}.admin-list-title{flex:1;min-width:0;word-break:break-word}.admin-drag-handle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;padding:0;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.admin-drag-handle:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-drag-handle:active:not(:disabled){cursor:grabbing}.admin-drag-handle:disabled{opacity:.45;cursor:not-allowed}.admin-drag-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-saving{margin:.75rem 0 0;display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted)}