@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090a0b;--panel:#0d0e10;--panel-raised:#141518;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f7f8f3;--muted:#92958f;--muted-2:#656862;--acid:#c6ff3d;--pink:#ff2e88;--cyan:#56e6ff;--warning:#ffb448;--danger:#ff5b69;--safe:#8cffa2;--mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;font-family:Space Grotesk,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{color:inherit;font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--acid);outline-offset:3px}a{color:var(--acid)}::selection{background:var(--pink);color:#fff}::-webkit-scrollbar{width:0;height:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background:radial-gradient(circle at 70% -20%, #c6ff3d0e, transparent 36rem), var(--bg);width:100%;height:100%;min-height:100%}.app-surface{width:100%;height:100%}.desktop-shell{grid-template-columns:244px minmax(0,1fr);width:100%;height:100%;display:grid}.sidebar{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0c0df0;flex-direction:column;min-height:0;padding:24px 17px 18px;display:flex;position:relative;overflow-y:auto}.brand{min-height:38px;color:var(--text);letter-spacing:-.04em;align-items:center;gap:10px;padding:0 8px;font-size:20px;font-weight:700;display:inline-flex}.brand-mark{color:#090a0b;background:var(--acid);border-radius:9px;place-items:center;width:31px;height:31px;display:inline-grid;box-shadow:0 0 30px #c6ff3d1f}.brand-accent{color:var(--pink)}.sidebar-nav{gap:4px;margin-top:32px;display:grid}.nav-button{width:100%;min-height:46px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 13px;transition:all .16s;display:flex}.nav-button:hover{color:var(--text);background:#ffffff0d}.nav-button[aria-current=page]{color:var(--text);background:#ffffff16;border-color:#ffffff09}.nav-button svg{width:19px;height:19px}.nav-label{font-size:14px;font-weight:600}.nav-badge{color:#fff;background:var(--pink);min-width:22px;font:600 10px/1 var(--mono);text-align:center;border-radius:999px;margin-left:auto;padding:3px 7px}.generate-primary{color:#0a0b0b;background:var(--acid);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:47px;margin-top:25px;font-size:13px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex;box-shadow:0 8px 32px #c6ff3d1a}.generate-primary:hover{background:#d5ff70;transform:translateY(-1px)}.intake-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff05;margin-top:auto;padding:16px}.eyebrow{color:var(--muted-2);font:600 9px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.intake-value{color:var(--acid);letter-spacing:-.04em;margin-top:10px;font-size:27px;font-weight:700}.intake-copy,.sidebar-disclosure{color:var(--muted-2);font-size:11px;line-height:1.55}.intake-copy{margin-top:4px}.sidebar-disclosure{font-family:var(--mono);margin:14px 7px 0}.main{min-width:0;height:100%;position:relative;overflow:hidden}.feed{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow:hidden auto}.feed-section{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;width:100%;height:100%;min-height:100%;padding:15px 88px 15px 24px;display:grid;position:relative}.clip-layout{grid-template-columns:minmax(280px,auto) 58px;justify-content:center;align-items:end;gap:16px;width:min(100%,820px);height:100%;display:grid}.clip-card{aspect-ratio:9/16;isolation:isolate;border:1px solid var(--line);background:#101114;border-radius:23px;align-self:center;width:min(530px,56.25vh - 17px);max-width:min(100%,530px);height:auto;max-height:calc(100dvh - 30px);position:relative;overflow:hidden;box-shadow:0 36px 90px #0006,inset 0 0 0 1px #ffffff04}.clip-art{background:radial-gradient(95% 70% at 26% 18%, var(--visual-a), transparent 58%), radial-gradient(110% 80% at 80% 82%, var(--visual-b), transparent 58%), linear-gradient(155deg, var(--visual-c), #0d0e11 52%, #17181d);position:absolute;inset:0;overflow:hidden}.clip-art:before{background:conic-gradient(from var(--visual-angle,210deg) at 55% 47%, transparent 0 18%, #ffffff17 22%, transparent 28% 58%, #00000040 65%, transparent 72%);content:"";filter:blur(4px);animation:24s linear infinite ambient-turn;position:absolute;inset:-14%}.clip-art:after{content:"";mix-blend-mode:overlay;opacity:.75;background:repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 4px);animation:3.2s linear infinite scanline;position:absolute;inset:-50px 0}.scene-glyph{aspect-ratio:1;color:#ffffffe0;width:36%;box-shadow:0 0 80px color-mix(in srgb, var(--visual-a) 42%, transparent), 0 0 0 12px #ffffff06;font:500 clamp(32px, 8cqh, 74px)/1 var(--mono);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07080933;border:1px solid #ffffff42;border-radius:32%;place-items:center;animation:5.5s ease-in-out infinite glyph-float;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)rotate(-6deg)}.clip-vignette{z-index:2;pointer-events:none;background:linear-gradient(#070809a6,#0000 25% 45%,#070809eb),radial-gradient(circle,#0000 46%,#00000047);position:absolute;inset:0}.clip-header{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;top:17px;left:17px;right:17px}.meta-chip{color:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;font:600 9px/1 var(--mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#08090aa3;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex;overflow:hidden}.meta-chip.model{max-width:48%}.meta-chip.disclosure{color:var(--acid);border-color:#c6ff3d4d;margin-left:auto}.live-dot{background:var(--pink);border-radius:50%;flex:none;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 10px #ff2e88b3}.clip-copy{z-index:4;gap:9px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.creator-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.creator-handle{letter-spacing:-.025em;font-size:clamp(15px,2.2cqh,20px);font-weight:700}.fiction-badge,.lane-badge{min-height:20px;color:var(--acid);font:600 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#c6ff3d1c;border:1px solid #c6ff3d4d;border-radius:6px;align-items:center;padding:3px 6px;display:inline-flex}.lane-badge{color:var(--safe);background:#8cffa217;border-color:#8cffa23d}.clip-caption{color:#fffffff0;max-width:48ch;margin:0;font-size:clamp(13px,1.9cqh,17px);line-height:1.4}.world-rule{color:#ffffffbf;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);min-width:0;font:500 clamp(8px, 1.35cqh, 11px)/1.45 var(--mono);background:#fff1;border:1px solid #ffffff1c;border-radius:10px;gap:9px;padding:9px 11px;display:flex}.world-rule strong{color:var(--pink);letter-spacing:.07em;flex:none;font-weight:600}.clip-footer{color:#ffffff7a;min-width:0;font:500 clamp(8px, 1.25cqh, 10px)/1.3 var(--mono);align-items:center;gap:7px;display:flex}.clip-footer span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metadata-button{color:var(--acid);cursor:pointer;font:inherit;background:0 0;border:0;margin-left:auto;padding:3px 0}.action-rail{flex-direction:column;align-self:end;align-items:center;gap:17px;padding-bottom:18px;display:flex}.avatar-button,.rail-button{min-width:48px;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.avatar{width:46px;height:46px;color:var(--muted);background:linear-gradient(135deg,#282a2f,#111215);border:2px solid #ffffffe0;border-radius:50%;place-items:center;font-weight:700;display:grid;position:relative}.follow-dot{color:#fff;background:var(--pink);border-radius:50%;place-items:center;width:19px;height:19px;font-size:15px;display:grid;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.rail-button svg{width:28px;height:28px}.rail-button.is-liked{color:var(--pink)}.rail-button.is-remix{color:var(--acid)}.rail-count{color:#ffffffb8;font:500 10px/1 var(--mono)}.rail-label{color:currentColor;font:600 9px/1 var(--mono);text-transform:lowercase}.sound-disc{background:conic-gradient(from 90deg, var(--acid), var(--pink), #ffb448, var(--acid));border-radius:50%;place-items:center;width:42px;height:42px;animation:7s linear infinite disc-spin;display:grid}.sound-disc:after{content:"";background:#090a0b;border-radius:50%;width:14px;height:14px}.view-page{height:100%;padding:30px clamp(22px,4vw,58px);overflow-y:auto}.view-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.view-kicker{color:var(--acid);font:600 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}.view-title{letter-spacing:-.05em;margin:0;font-size:clamp(26px,4vw,38px)}.view-subtitle{max-width:58ch;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.filter-row{gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}.filter-chip{color:var(--muted);border:1px solid var(--line);cursor:pointer;font:500 10px/1 var(--mono);background:#ffffff06;border-radius:999px;flex:none;padding:8px 11px}.filter-chip[aria-pressed=true]{color:#0a0b0b;background:var(--acid);border-color:var(--acid)}.tag-result-count{color:var(--muted);border:1px solid var(--line);font:500 10px/1 var(--mono);white-space:nowrap;border-radius:999px;flex:none;padding:9px 11px}.tag-result-count strong{color:var(--acid)}.tag-filter-panel{border:1px solid var(--line);background:#ffffff05;border-radius:15px;margin:-6px 0 20px;padding:12px}.tag-facet-tabs{border-bottom:1px solid var(--line);gap:5px;padding-bottom:10px;display:flex;overflow-x:auto}.tag-facet-tab{color:var(--muted-2);cursor:pointer;font:600 9px/1 var(--mono);letter-spacing:.02em;background:0 0;border:0;border-radius:8px;flex:none;padding:7px 9px}.tag-facet-tab[aria-pressed=true]{color:var(--text);box-shadow:inset 0 -1px var(--acid);background:#c6ff3d17}.tag-value-row{flex-wrap:wrap;gap:7px;min-height:35px;padding-top:11px;display:flex}.filter-count{opacity:.55;margin-left:3px}.selected-tag-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;padding-top:10px;display:flex}.selected-tag-label{color:var(--muted-2);font:600 9px/1 var(--mono);text-transform:uppercase;margin-right:2px}.selected-tag-chip,.clear-tag-filters{color:var(--text);cursor:pointer;font:500 9px/1 var(--mono);background:#c6ff3d14;border:1px solid #c6ff3d38;border-radius:999px;padding:6px 8px}.clear-tag-filters{color:var(--muted);border-color:var(--line);background:0 0;margin-left:auto}.tag-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-pill{color:#ffffffbd;border:1px solid var(--line);font:500 9px/1.1 var(--mono);background:#ffffff0b;border-radius:999px;padding:5px 7px;display:inline-flex}.tag-pill-reality,.tag-pill-motif{color:var(--acid);border-color:#c6ff3d33}.tag-list-compact{gap:4px;margin-top:8px}.tag-list-compact .tag-pill{color:#ffffffc2;background:#090a0b75;border-color:#ffffff1c;padding:4px 5px;font-size:8px}.tag-list-compact .tag-pill-motif{color:var(--acid)}.clip-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:13px;display:grid}.grid-card{aspect-ratio:9/14;min-height:290px;color:var(--text);background:radial-gradient(circle at 30% 25%, var(--visual-a), transparent 56%), radial-gradient(circle at 78% 80%, var(--visual-b), transparent 58%), var(--visual-c);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:15px;position:relative;overflow:hidden}.grid-card:after{content:"";background:linear-gradient(#0000 42%,#060708f2);position:absolute;inset:0}.grid-copy{z-index:1;position:absolute;bottom:12px;left:12px;right:12px}.grid-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 0;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.grid-meta{color:#ffffff85;font:500 9px/1.3 var(--mono);margin-top:7px}.profile-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#c6ff3d0a,#ff2e8806);grid-template-columns:74px minmax(0,1fr);align-items:center;gap:19px;margin-bottom:26px;padding:20px;display:grid}.profile-avatar{color:#090a0b;background:var(--acid);border-radius:50%;place-items:center;width:74px;height:74px;font-size:27px;font-weight:700;display:grid}.profile-handle{margin:0;font-size:22px}.profile-bio{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.profile-stats{flex-wrap:wrap;gap:18px;margin-top:13px;display:flex}.profile-stat{color:var(--muted);font-size:11px}.profile-stat strong{color:var(--text);font:600 13px/1 var(--mono)}.inbox-list{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff05;max-width:780px;display:grid;overflow:hidden}.inbox-item{border-bottom:1px solid #fff1;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px 16px;display:grid}.inbox-item:last-child{border-bottom:0}.inbox-avatar{width:42px;height:42px;color:var(--acid);border:1px solid var(--line);background:#1b1d20;border-radius:50%;place-items:center;font-weight:700;display:grid}.inbox-who{font-size:12px;font-weight:700}.inbox-what,.inbox-when{color:var(--muted);font-size:11px}.inbox-what{margin-top:3px}.inbox-when{font-family:var(--mono)}.backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020304bd;place-items:center;padding:18px;animation:.14s ease-out fade-in;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line-strong);background:#111215;border-radius:22px;width:min(100%,560px);max-height:min(90dvh,820px);animation:.18s ease-out rise-in;overflow-y:auto;box-shadow:0 35px 120px #000000ad}.dialog-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111215f5;align-items:flex-start;padding:19px 20px 15px;display:flex;position:sticky;top:0}.dialog-title{letter-spacing:-.03em;margin:0;font-size:18px}.dialog-description{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.4}.icon-button{width:38px;height:38px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:10px;flex:none;place-items:center;margin-left:auto;display:grid}.dialog-body{gap:20px;padding:19px 20px 21px;display:grid}.field{gap:8px;display:grid}.field-label{color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-card{min-height:70px;color:var(--muted);border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff06;border-radius:11px;gap:5px;padding:11px;display:grid}.choice-card[aria-pressed=true]{color:var(--text);background:#c6ff3d13;border-color:#c6ff3d6b}.choice-title{color:inherit;font-size:12px;font-weight:700}.choice-detail{color:var(--muted);font-size:10px;line-height:1.35}.recipe-tag-preview,.metadata-tag-summary{background:#c6ff3d06;border:1px solid #c6ff3d24;border-radius:11px;gap:9px;padding:12px;display:grid}.creation-tag-picker{border:1px solid var(--line);background:#ffffff05;border-radius:13px;display:grid;overflow:hidden}.creation-tag-copy{padding:12px 12px 10px}.creation-tag-copy p{color:var(--muted-2);font:500 9px/1.45 var(--mono);margin:6px 0 0}.creation-tag-picker .tag-facet-tabs{padding:0 8px 9px}.creation-tag-values{padding:10px 10px 4px}.creation-tag-picker .selected-tag-row{margin:6px 10px 10px}.creation-tag-empty{color:var(--muted-2);font:500 9px/1.4 var(--mono)}.compatible-recipe-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.compatible-recipe-count{color:var(--acid);font:500 9px/1 var(--mono);white-space:nowrap}.compatible-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.compatible-recipe-card{align-content:start;min-height:96px}.compatible-recipe-card .tag-list{align-self:end;margin-top:2px}.compatible-recipe-empty,.creation-query-warning{color:var(--muted);font:500 10px/1.5 var(--mono);background:#ff2e8809;border:1px dashed #ff2e883d;border-radius:11px;padding:13px}.creation-model-row{margin-top:0}.recipe-tag-preview p{color:var(--muted-2);font:500 9px/1.5 var(--mono);margin:0}.prompt-preview,.metadata-panel{color:#ffffffb3;border:1px solid var(--line);font:500 10px/1.55 var(--mono);background:#0b0c0e;border-radius:11px;padding:12px}.prompt-preview strong{color:var(--pink)}.dialog-actions{align-items:center;gap:10px;display:flex}.button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.button.primary{color:#090a0b;background:var(--acid);border:1px solid var(--acid);flex:1}.button.secondary{color:var(--text);border:1px solid var(--line);background:#ffffff09}.button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45}.disclosure-note{color:var(--muted-2);font:500 9px/1.5 var(--mono)}.comments-panel{z-index:80;border-left:1px solid var(--line);background:#0e0f11fa;grid-template-rows:auto minmax(0,1fr) auto;width:min(380px,100%);animation:.19s ease-out slide-in;display:grid;position:fixed;top:0;bottom:0;right:0;box-shadow:-30px 0 80px #0000005c}.comments-backdrop{z-index:70;cursor:default;background:#0203046b;border:0;padding:0;position:fixed;inset:0}.comments-header{border-bottom:1px solid var(--line);align-items:center;padding:18px;display:flex}.comments-title{font-size:14px;font-weight:700}.comments-list{padding:4px 18px 24px;overflow-y:auto}.comment{border-bottom:1px solid #ffffff0f;grid-template-columns:35px minmax(0,1fr);gap:10px;padding:16px 0;display:grid}.comment-avatar{width:35px;height:35px;color:var(--muted);background:#202226;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.comment-user{color:var(--muted);font-size:10px;font-weight:600}.comment-text{color:#ffffffe0;margin:4px 0;font-size:12px;line-height:1.45}.comment-meta{color:var(--muted-2);font:500 9px/1 var(--mono)}.comment-composer{padding:13px 16px max(13px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#101113;gap:8px;display:flex}.comment-input{border:1px solid var(--line);background:#ffffff0a;border-radius:11px;flex:1;min-width:0;padding:10px 12px;font-size:12px}.comment-submit{color:var(--acid);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:11px;font-weight:700}.metadata-panel{gap:9px;margin-top:1px;display:grid}.metadata-row{grid-template-columns:112px minmax(0,1fr);gap:8px;display:grid}.metadata-key{color:var(--muted-2)}.metadata-value{color:#ffffffc2;overflow-wrap:anywhere}.toast{z-index:140;color:#090a0b;background:var(--acid);max-width:min(390px,100vw - 34px);font:600 11px/1.4 var(--mono);border-radius:11px;padding:12px 15px;animation:.18s ease-out rise-in;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #00000073}.mobile-topbar,.mobile-nav{display:none}.empty-state{min-height:280px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius-md);text-align:center;place-items:center;padding:30px;display:grid}@keyframes scanline{to{transform:translateY(-48px)}}@keyframes ambient-turn{to{transform:rotate(1turn)}}@keyframes glyph-float{0%,to{transform:translate(-50%,-58%)rotate(-6deg)}50%{transform:translate(-50%,-63%)rotate(3deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes disc-spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes slide-in{0%{transform:translate(100%)}}@media (width<=899px){.desktop-shell{display:block}.sidebar{display:none}.main{height:100dvh}.mobile-topbar{z-index:40;height:55px;padding:max(8px, env(safe-area-inset-top)) 13px 8px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar>*{pointer-events:auto}.mobile-brand{text-shadow:0 2px 14px #000000a6;align-items:center;gap:7px;font-size:16px;font-weight:700;display:inline-flex}.mobile-brand .brand-mark{border-radius:8px;width:27px;height:27px;font-size:13px}.mobile-feed-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090a75;border:1px solid #ffffff1a;border-radius:999px;gap:16px;padding:8px 12px;display:flex}.mobile-feed-tab{color:#ffffff8c;background:0 0;border:0;padding:0;font-size:12px;font-weight:600;position:relative}.mobile-feed-tab[aria-selected=true]{color:#fff}.mobile-feed-tab[aria-selected=true]:after{background:var(--acid);content:"";border-radius:2px;height:2px;position:absolute;bottom:-7px;left:20%;right:20%}.feed{height:100dvh}.feed-section{height:100dvh;min-height:100dvh;padding:0}.clip-layout{width:100%;height:100%;display:block}.clip-card{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;border:0;border-radius:0}.clip-header{top:calc(62px + env(safe-area-inset-top));left:13px;right:13px}.clip-copy{right:74px;bottom:calc(76px + env(safe-area-inset-bottom));left:14px}.clip-caption{font-size:14px}.world-rule{font-size:9px}.action-rail{z-index:5;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));gap:14px;padding:0;position:absolute}.avatar{width:43px;height:43px}.rail-button svg{width:27px;height:27px}.sound-disc{width:38px;height:38px}.mobile-nav{z-index:50;height:calc(64px + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0bf0;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-button{width:54px;min-height:50px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:9px;display:flex}.mobile-nav-button[aria-current=page]{color:#fff}.mobile-nav-button svg{width:21px;height:21px}.mobile-generate{color:#090a0b;background:linear-gradient(90deg, var(--cyan) 0 48%, var(--pink) 48% 100%);cursor:pointer;border:0;border-radius:9px;place-items:center;width:44px;height:32px;display:grid}.mobile-generate:after{content:"+";background:#fff;border-radius:7px;place-items:center;width:38px;height:28px;font-size:23px;line-height:1;display:grid}.view-page{height:calc(100dvh - 64px);padding:calc(66px + env(safe-area-inset-top)) 14px 28px}.view-header{margin-bottom:18px;display:block}.tag-result-count{margin-top:13px;display:inline-block}.tag-filter-panel{margin-top:-2px;padding:10px}.tag-value-row{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.clear-tag-filters{margin-left:0}.filter-row{margin-top:16px}.creation-model-row{margin-top:0}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.grid-card{border-radius:8px;min-height:240px}.profile-hero{border-radius:16px;grid-template-columns:58px minmax(0,1fr);gap:13px;padding:15px}.profile-avatar{width:58px;height:58px;font-size:22px}.profile-handle{font-size:18px}.profile-stats{gap:10px}.comments-panel{border-top:1px solid var(--line-strong);border-left:0;border-radius:22px 22px 0 0;width:100%;height:min(72dvh,660px);animation-name:sheet-up;top:auto}.comments-panel:before{content:"";background:#ffffff38;border-radius:99px;width:38px;height:4px;margin:8px auto -4px}.dialog{border-radius:22px 22px 0 0;align-self:end;width:100%;max-height:88dvh}.backdrop{place-items:end center;padding:0}.choice-grid,.compatible-recipe-grid{grid-template-columns:1fr}.toast{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center;max-width:none;left:12px}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (width>=900px) and (height<=700px){.sidebar{padding-top:15px}.sidebar-nav{margin-top:18px}.generate-primary{margin-top:14px}.intake-card{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}