@font-face{font-display:swap;font-family:Karrik;font-style:normal;font-weight:400;src:url(/fonts/Karrik-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Karrik;font-style:italic;font-weight:400;src:url(/fonts/Karrik-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Providence Sans;font-style:normal;font-weight:400;src:url(/fonts/ProvidenceSansRegular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roca;font-style:normal;font-weight:700;src:url(/fonts/RocaBold.ttf) format("truetype")}:root{--green:#2ccf57;--green-dark:#22a846;--cream:#fefbda;--pink:#f9c;--yellow:#fff243;--ink:#212121;--ink-soft:#313131;--bg:#212121;--surface:#2b2b2b;--surface-2:#353535;--line:#4b4b4b;--text:#fff;--muted:#b5b5b5;--danger:#e2764a;--font-display:"Roca",Arial,Helvetica,sans-serif;--font-label:"Providence Sans",Arial,Helvetica,sans-serif;--font-body:"Karrik",Arial,Helvetica,sans-serif;--radius:8px;--radius-btn:10px;--radius-lg:15px;--maxw:1280px;--gutter:clamp(16px,4.5vw,64px);--header-h:clamp(60px,7vw,88px)}*{box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55;margin:0;-webkit-font-smoothing:antialiased}a{color:var(--cream);text-decoration:none}a:hover{color:var(--green)}:focus-visible{border-radius:4px;outline:2px solid var(--green);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.container{margin:0 auto;max-width:var(--maxw);padding:0 var(--gutter)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-shell>main{flex:1;width:100%}.site-header{background:var(--green);box-shadow:0 4px 8px #000;color:var(--ink-soft);position:sticky;top:0;z-index:10}.site-header .container{align-items:center;display:flex;flex-wrap:wrap;gap:8px 24px;min-height:var(--header-h)}.site-header a,.site-header a:hover{color:var(--ink-soft)}.site-header a:hover{opacity:.7}.site-header :focus-visible{outline-color:var(--ink)}.brand{align-items:center;display:flex}.brand img{display:block;height:calc(var(--header-h) - 18px);transition:transform .2s ease;width:auto}.brand:hover img{transform:scale(1.05)}.nav-spacer{flex:1}.nav-user{align-items:center;display:flex;font-family:var(--font-display);font-size:.95rem;font-weight:700;gap:14px}.site-header .btn,.site-header .btn:hover{background:var(--ink);color:var(--cream)}.site-header .btn:hover{opacity:.8}.site-header .btn-ghost{background:transparent;border:2px solid var(--ink);color:var(--ink)}.site-header .btn-ghost:hover{background:transparent;color:var(--ink);opacity:.7}.site-footer{background:var(--green);color:var(--ink);font-family:var(--font-label);font-size:.85rem;letter-spacing:.04em;margin-top:72px;padding:28px 0 36px;text-transform:uppercase}.site-footer .sobriety{font-family:var(--font-body);font-size:.8rem;letter-spacing:0;margin-top:6px;text-transform:none}.eyebrow{color:var(--cream);font-family:var(--font-label);font-size:.9rem;font-weight:400;letter-spacing:.12em;margin:0;text-transform:uppercase}.eyebrow a{color:inherit}.eyebrow a:hover{color:var(--green)}h1,h2{color:var(--cream);font-family:var(--font-display);font-weight:700}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.15;margin:.3em 0}h2{font-size:1.3rem;margin:0 0 14px}.muted{color:var(--muted)}.hero{max-width:720px;padding:64px 0 40px}.hero p{color:var(--muted);font-size:1.05rem;max-width:56ch}.hero .eyebrow{color:var(--green)}.section{margin-top:48px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--surface);border-radius:var(--thumb-radius,var(--radius));color:var(--text);overflow:hidden;transition:background .15s ease}.card:hover{background:var(--green);color:var(--ink)}.card-body{padding:14px 16px 16px}.card-title{font-family:var(--font-display);font-weight:700;margin:0 0 4px}.card-desc{color:var(--muted);display:-webkit-box;font-size:.9rem;-webkit-line-clamp:2;margin:0;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.card:hover .card-desc{color:var(--ink)}[data-tone]{--thumb-a:var(--green);--thumb-b:var(--green-dark)}[data-tone="1"]{--thumb-a:var(--pink);--thumb-b:#f279b3}[data-tone="2"]{--thumb-a:var(--yellow);--thumb-b:#f2cf1c}[data-tone="3"]{--thumb-a:var(--cream);--thumb-b:#ece5a4}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--thumb-a,var(--green)),var(--thumb-b,var(--green-dark)));display:block;-o-object-fit:cover;object-fit:cover;width:100%}.meta-badge{border:1px solid var(--line);border-radius:999px;color:var(--cream);display:inline-block;font-family:var(--font-body);font-size:.78rem;padding:2px 10px;transition:color .15s ease,border-color .15s ease}.card:hover .meta-badge{border-color:var(--ink);color:var(--ink)}.btn{background:var(--green);border:none;border-radius:var(--radius-btn);cursor:pointer;display:inline-block;font-family:var(--font-display);font-size:1rem;font-weight:700;padding:9px 20px;transition:background .15s ease,color .15s ease}.btn,.btn:hover{color:var(--ink)}.btn:hover{background:var(--cream)}.btn:disabled{cursor:default;opacity:.55}.btn-ghost{background:var(--line);color:#c8c8c8}.btn-ghost:hover{background:var(--line);color:#fff}.form{align-content:start;display:grid;gap:16px;max-width:440px}.field{display:grid;gap:6px}.field label{color:var(--muted);font-size:.9rem}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-btn);color:var(--text);font:inherit;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field-hint{color:var(--muted);font-size:.82rem;margin:0}.field-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-error{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius-btn);color:var(--danger);font-size:.9rem;padding:10px 14px}.form-success{color:var(--green);font-size:.9rem}.creation-avatar{background:var(--cream);border-radius:50%;display:grid;flex-shrink:0;height:72px;overflow:hidden;place-items:center;width:72px}.creation-avatar img{display:block;height:auto;width:82%}.creation-avatar--brand img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.app-shell{overflow-x:clip}.app-shell>main:has(>.universe-page--painted){display:flex;flex-direction:column}.universe-page--painted{background-color:var(--page-bg,var(--bg));background-image:linear-gradient(color-mix(in srgb,var(--page-bg,var(--bg)) 80%,transparent),color-mix(in srgb,var(--page-bg,var(--bg)) 80%,transparent)),var(--page-image,none);background-position:top;background-size:cover;color:var(--page-fg,var(--text));flex:1;margin-inline:calc(50% - 50vw);margin-bottom:-72px;padding-inline:calc(50vw - 50%);padding-bottom:72px;padding-top:1px}.universe-page--painted>.section>h2{color:var(--page-fg,var(--cream))}.universe-page--painted>.muted,.universe-page--painted>.section>.muted{color:var(--page-fg,var(--muted));opacity:.8}.universe-header{border-bottom:1px solid var(--line);padding:48px 0 28px}.universe-header--painted{background-color:var(--header-bg,var(--ink));background-image:linear-gradient(color-mix(in srgb,var(--header-bg,var(--ink)) 78%,transparent),color-mix(in srgb,var(--header-bg,var(--ink)) 78%,transparent)),var(--header-image,none);background-position:50%;background-size:cover;border:0;border-radius:var(--radius-lg);margin-top:32px;padding:clamp(28px,5vw,56px) clamp(20px,5vw,56px)}.universe-header--painted,.universe-header--painted .eyebrow,.universe-header--painted .meta-badge,.universe-header--painted h1{color:var(--header-fg,var(--cream))}.universe-header--painted .eyebrow{opacity:.7}.universe-header--painted .eyebrow a:hover{color:inherit;text-decoration:underline}.universe-header--painted .meta-badge{border-color:currentColor}.universe-header--painted :focus-visible{outline-color:var(--header-fg,var(--cream))}.universe-hero{aspect-ratio:4/1;border-radius:var(--radius-lg);display:block;margin-bottom:28px;-o-object-fit:cover;object-fit:cover;width:100%}.universe-identity{align-items:center;display:flex;gap:20px}.universe-identity-text{min-width:0}.universe-identity-text h1{margin:0}.universe-logo{line-height:0;margin:14px 0 22px}.universe-logo img{display:block;height:auto;width:min(340px,100%)}.universe-description{color:var(--muted);line-height:1.6;margin:6px 0 10px;max-width:72ch}.universe-header--painted .universe-description{color:inherit;opacity:.88}.universe-links{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}.universe-cta,.universe-links a{border:2px solid var(--line);border-radius:var(--radius-btn);color:var(--cream);display:inline-block;font-family:var(--font-display);font-size:.88rem;font-weight:700;padding:5px 14px}.universe-cta{font-size:1rem;margin-top:18px;padding:7px 18px}.universe-cta:hover,.universe-links a:hover{border-color:var(--green);color:var(--green)}.universe-header--painted .universe-cta,.universe-header--painted .universe-links a{border-color:var(--header-fg,var(--cream));color:var(--header-fg,var(--cream))}.universe-header--painted .universe-cta:hover,.universe-header--painted .universe-links a:hover{background:var(--header-fg,var(--cream));color:var(--header-bg,var(--ink))}.donation-widgets{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.donation-widget{background:transparent;border:0;display:block;width:100%}.show-header .universe-identity{align-items:flex-start}.show-cover{border-radius:var(--thumb-radius,var(--radius));flex-shrink:0;width:200px}@media(max-width:640px){.universe-identity{align-items:flex-start;flex-direction:column}.show-cover{width:100%}}.player-shell{aspect-ratio:16/9;background:#000;border:1px solid var(--cream);border-radius:var(--radius-lg);overflow:hidden;position:relative}.player-shell iframe,.player-shell video{border:0;display:block;height:100%;width:100%}.player-facade{background:linear-gradient(135deg,var(--thumb-a,var(--green)),var(--thumb-b,var(--green-dark)));border:none;cursor:pointer;display:grid;inset:0;place-items:center;position:absolute;width:100%}.player-facade .play-hint{color:var(--ink);display:grid;font-family:var(--font-body);font-size:.9rem;gap:10px;place-items:center}.episode-nav{display:flex;gap:10px;margin-top:28px}.player-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.studio-grid{display:grid;gap:40px;grid-template-columns:1fr}@media(min-width:900px){.studio-grid{grid-template-columns:440px 1fr}}.studio-grid>*{min-width:0}.video-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:12px 0}.video-row .thumb{border-radius:6px;flex-shrink:0;width:120px}@media(max-width:640px){.brand img{height:40px}.site-header .container{padding-block:8px}.nav-user{flex-wrap:wrap;font-size:.85rem;gap:10px}.site-header .btn{padding:7px 14px}}.studio-banner{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.studio-tabs{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px;margin-top:24px}.studio-tab{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);cursor:pointer;font-family:var(--font-display);font-size:.95rem;font-weight:700;padding:10px 16px;white-space:nowrap}.studio-tab:hover{color:var(--cream)}.studio-tab[aria-selected=true]{border-bottom-color:var(--green);color:var(--cream)}.studio-panel{margin-top:32px}.studio-intro{font-size:.88rem;margin:0;max-width:48ch}.form-wide{max-width:560px}.btn-small{font-size:.82rem;padding:5px 12px}.universe-fields{display:grid;gap:20px}.universe-fields fieldset{border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;gap:12px;margin:0;min-width:0;padding:12px 16px 16px}.universe-fields legend{color:var(--cream);font-family:var(--font-label);font-size:.85rem;font-weight:400;letter-spacing:.12em;padding:0 6px;text-transform:uppercase}.field-inline{align-items:center;display:flex;gap:8px}.field-inline input{flex:1;min-width:0}.code-input,.field-inline input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-btn);color:var(--text);font:inherit;padding:10px 12px}.field .code-input{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}.field input[type=file]{color:var(--muted);font-size:.82rem;max-width:100%;padding:6px}.palette{display:flex;flex-wrap:wrap;gap:8px}.swatch{position:relative}.swatch input{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.swatch span{background:var(--swatch-bg);border:2px solid var(--line);border-radius:999px;color:var(--swatch-fg);display:inline-block;font-size:.8rem;padding:5px 12px}.swatch--none span{background:transparent;border-style:dashed;color:var(--muted)}.swatch input:checked+span{border-color:var(--text);box-shadow:0 0 0 2px var(--green)}.swatch input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}.image-upload{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.image-upload-preview{aspect-ratio:4/1;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-o-object-fit:cover;object-fit:cover;width:176px}.image-upload-empty{color:var(--muted);display:grid;font-size:.75rem;place-items:center}.image-upload--round .image-upload-preview{aspect-ratio:1;border-radius:50%;width:72px}.image-upload-actions{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.radius-field{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.radius-field input[type=range]{accent-color:var(--green);flex:1;min-width:140px}.radius-preview{aspect-ratio:16/9;background:linear-gradient(135deg,var(--green),var(--green-dark));width:64px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.studio-playlists{display:grid;gap:20px}.playlist-editor{border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;gap:12px;padding:14px 16px 18px}.playlist-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.playlist-title{flex:1;min-width:200px}.playlist-title input{color:var(--cream);font-family:var(--font-display);font-size:1.05rem;font-weight:700}.playlist-count{font-size:.85rem}.new-playlist{max-width:560px}.playlist-tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));list-style:none;margin:0;padding:0}.playlist-add,.playlist-tile{background:var(--surface);border-radius:var(--radius);overflow:hidden}.playlist-tile{border:2px solid transparent;cursor:grab;display:flex;flex-direction:column}.playlist-tile:active{cursor:grabbing}.playlist-tile.is-dragging{opacity:.4}.playlist-tile.is-over{border-color:var(--green)}.playlist-tile-title{display:-webkit-box;font-size:.85rem;-webkit-line-clamp:2;padding:8px 10px 4px;-webkit-box-orient:vertical;overflow:hidden}.playlist-tile-actions{display:flex;gap:4px;margin-top:auto;padding:4px 8px 8px}.playlist-tile-actions .btn-small{padding:2px 9px}.playlist-add{aspect-ratio:16/9;border:2px dashed var(--line);color:var(--cream);cursor:pointer;display:grid;font-family:var(--font-display);font-size:2.4rem;height:100%;line-height:1;min-height:96px;place-items:center;width:100%}.playlist-add:hover{border-color:var(--green);color:var(--green)}.studio-dialog{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--text);max-height:min(720px,calc(100dvh - 32px));padding:0;width:min(640px,calc(100vw - 32px))}.studio-dialog::backdrop{background:#000000a6}.studio-dialog-body{display:grid;gap:4px;padding:20px 22px 24px}.studio-dialog-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.studio-dialog-header h2{font-size:1.15rem;margin:0}.studio-dialog .studio-tabs{margin-top:12px}.studio-dialog-panel{display:grid;gap:14px;margin-top:18px;max-width:none}.pick-list{display:grid;gap:6px;list-style:none;margin:0;max-height:360px;overflow-y:auto;padding:0}.pick-item{align-items:center;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-btn);color:var(--text);cursor:pointer;display:flex;font:inherit;gap:12px;padding:6px;text-align:left;width:100%}.pick-item:hover{border-color:var(--green)}.pick-item .thumb{border-radius:6px;flex-shrink:0;width:96px}.pick-item-title{font-size:.9rem}.upload-progress{accent-color:var(--green);width:100%}