@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--jj-primitive-color-brand-ink:#20282b;--jj-primitive-color-brand-rust:#b6694f;--jj-primitive-color-brand-rust-hover:#ce8c74;--jj-primitive-color-brand-rust-pressed:#d89b84;--jj-primitive-color-brand-rust-soft:#f1ded6;--jj-primitive-color-brand-moss:#718077;--jj-primitive-color-surface-canvas:#f3f1ec;--jj-primitive-color-surface-surface:#fcfbf8;--jj-primitive-color-surface-inverse:#20282b;--jj-primitive-color-neutral-border:#dcddd8;--jj-primitive-color-neutral-text-secondary:#667074;--jj-primitive-color-neutral-white:#fff;--jj-primitive-color-neutral-muted:#a6aba7;--jj-primitive-color-semantic-success:#718077;--jj-primitive-color-semantic-warning:#a46f32;--jj-primitive-color-semantic-danger:#a84242;--jj-primitive-color-semantic-info:#526e78;--jj-primitive-color-semantic-soft-success:#e5ece8;--jj-primitive-color-semantic-soft-warning:#f4e9d8;--jj-primitive-color-semantic-soft-danger:#f4e1df;--jj-primitive-color-semantic-soft-info:#e2eaec;--jj-primitive-typography-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--jj-primitive-typography-font-family-reading:"Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", STSong, serif;--jj-primitive-typography-size-micro:10px;--jj-primitive-typography-size-tiny:11px;--jj-primitive-typography-size-caption:12px;--jj-primitive-typography-size-label:13px;--jj-primitive-typography-size-body:14px;--jj-primitive-typography-size-body-large:16px;--jj-primitive-typography-size-reading-mobile:17px;--jj-primitive-typography-size-reading-desktop:18px;--jj-primitive-typography-size-title-mobile:24px;--jj-primitive-typography-size-display-mobile:32px;--jj-primitive-typography-size-display-desktop:42px;--jj-primitive-typography-weight-regular:400;--jj-primitive-typography-weight-medium:500;--jj-primitive-typography-weight-semibold:600;--jj-primitive-typography-weight-bold:700;--jj-primitive-typography-line-height-tight:1.2;--jj-primitive-typography-line-height-body:1.5;--jj-primitive-typography-line-height-reading:1.57;--jj-primitive-radius-control:10px;--jj-primitive-radius-card:12px;--jj-primitive-radius-chip:14px;--jj-primitive-radius-composer:24px;--jj-primitive-radius-pill:999px;--jj-primitive-spacing-1:.25rem;--jj-primitive-spacing-2:.5rem;--jj-primitive-spacing-3:.75rem;--jj-primitive-spacing-4:1rem;--jj-primitive-spacing-5:1.25rem;--jj-primitive-spacing-6:1.5rem;--jj-primitive-spacing-8:2rem;--jj-primitive-spacing-10:2.5rem;--jj-primitive-spacing-12:3rem;--jj-primitive-spacing-14:3.5rem;--jj-primitive-spacing-16:4rem;--jj-primitive-elevation-hairline:inset 0 0 0 1px #dcddd8;--jj-primitive-elevation-surface:0 12px 36px #20282b0f, 0 0 0 1px #dcddd8;--jj-primitive-elevation-popover:0 18px 45px #20282b29;--jj-primitive-motion-fast:.14s;--jj-primitive-motion-standard:.18s;--jj-primitive-motion-easing:ease-out;--jj-semantic-text-primary:#20282b;--jj-semantic-text-secondary:#667074;--jj-semantic-text-tertiary:#20282bb8;--jj-semantic-text-disabled:#20282b52;--jj-semantic-text-inverse:#fcfbf8;--jj-semantic-surface-canvas:#f3f1ec;--jj-semantic-surface-default:#fcfbf8;--jj-semantic-surface-muted:#eae9e3;--jj-semantic-surface-inverse:#20282b;--jj-semantic-border-default:#dcddd8;--jj-semantic-border-strong:#bfc3be;--jj-semantic-border-subtle:#e9e9e4;--jj-semantic-brand-primary:#20282b;--jj-semantic-brand-accent:#b6694f;--jj-semantic-brand-accent-soft:#f1ded6;--jj-semantic-focus-ring:#b6694f57;--jj-semantic-reading-font-family:"Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", STSong, serif;--jj-semantic-reading-line-height:1.57;--jj-semantic-reading-max-width:44rem;--jj-semantic-layout-content-max:1200px;--jj-semantic-layout-reading-max:44rem;--jj-semantic-layout-desktop-min:1280px;--jj-semantic-layout-mobile-min:320px;--jj-component-control-height:40px;--jj-component-control-touch-height:44px;--jj-component-control-radius:10px;--jj-component-control-horizontal-padding:16px;--jj-component-chip-height:2.25rem;--jj-component-card-radius:12px;--jj-component-card-padding:24px;--jj-component-composer-radius:24px;--jj-component-composer-safe-area-bottom:env(safe-area-inset-bottom);--jj-component-navigation-mobile-height:64px;--jj-component-navigation-desktop-height:64px;--jj-component-world-card-min-height:220px;--jj-component-story-card-radius:12px;--jj-component-story-card-padding:1.25rem;--jj-component-story-card-cover-height:180px;--jj-component-story-card-cover-height-mobile:220px;--jj-component-story-card-grid-gap:1.25rem;--jj-component-story-card-section-gap:2rem;--jj-component-story-card-content-gap:.5rem;--jj-component-story-card-title-gap:.75rem;--jj-component-story-card-meta-gap:1rem;--jj-component-story-card-hook-min-height:54px;--jj-component-story-card-promise-min-height:42px;--jj-component-story-card-action-height:44px;--jj-component-story-card-border-width:1px;--jj-component-simulation-story-ratio:7fr;--jj-component-simulation-state-ratio:3fr;--jj-color-brand-ink:var(--jj-primitive-color-brand-ink);--jj-color-brand-rust:var(--jj-primitive-color-brand-rust);--jj-color-brand-rust-hover:var(--jj-primitive-color-brand-rust-hover);--jj-color-brand-rust-pressed:var(--jj-primitive-color-brand-rust-pressed);--jj-color-brand-rust-soft:var(--jj-primitive-color-brand-rust-soft);--jj-color-brand-moss:var(--jj-primitive-color-brand-moss);--jj-color-neutral-muted:var(--jj-primitive-color-neutral-muted);--jj-color-surface-canvas:var(--jj-semantic-surface-canvas);--jj-color-surface-default:var(--jj-semantic-surface-default);--jj-color-surface-muted:var(--jj-semantic-surface-muted);--jj-color-surface-inverse:var(--jj-semantic-surface-inverse);--jj-color-text-primary:var(--jj-semantic-text-primary);--jj-color-text-secondary:var(--jj-semantic-text-secondary);--jj-color-text-tertiary:var(--jj-semantic-text-tertiary);--jj-color-text-disabled:var(--jj-semantic-text-disabled);--jj-color-text-inverse:var(--jj-semantic-text-inverse);--jj-color-border-default:var(--jj-semantic-border-default);--jj-color-border-strong:var(--jj-semantic-border-strong);--jj-color-border-subtle:var(--jj-semantic-border-subtle);--jj-color-success:var(--jj-primitive-color-semantic-success);--jj-color-warning:var(--jj-primitive-color-semantic-warning);--jj-color-danger:var(--jj-primitive-color-semantic-danger);--jj-color-info:var(--jj-primitive-color-semantic-info);--jj-color-success-soft:var(--jj-primitive-color-semantic-soft-success);--jj-color-warning-soft:var(--jj-primitive-color-semantic-soft-warning);--jj-color-danger-soft:var(--jj-primitive-color-semantic-soft-danger);--jj-color-info-soft:var(--jj-primitive-color-semantic-soft-info);--jj-focus-ring:var(--jj-semantic-focus-ring);--jj-font-sans:var(--jj-primitive-typography-font-family-sans);--jj-font-reading:var(--jj-primitive-typography-font-family-reading);--jj-size-caption:var(--jj-primitive-typography-size-caption);--jj-size-label:var(--jj-primitive-typography-size-label);--jj-size-body:var(--jj-primitive-typography-size-body);--jj-size-body-large:var(--jj-primitive-typography-size-body-large);--jj-size-micro:var(--jj-primitive-typography-size-micro);--jj-size-tiny:var(--jj-primitive-typography-size-tiny);--jj-size-reading-mobile:var(--jj-primitive-typography-size-reading-mobile);--jj-size-reading-desktop:var(--jj-primitive-typography-size-reading-desktop);--jj-size-title-mobile:var(--jj-primitive-typography-size-title-mobile);--jj-size-display-mobile:var(--jj-primitive-typography-size-display-mobile);--jj-size-display-desktop:var(--jj-primitive-typography-size-display-desktop);--jj-leading-tight:var(--jj-primitive-typography-line-height-tight);--jj-leading-body:var(--jj-primitive-typography-line-height-body);--jj-leading-reading:var(--jj-primitive-typography-line-height-reading);--jj-weight-regular:var(--jj-primitive-typography-weight-regular);--jj-weight-medium:var(--jj-primitive-typography-weight-medium);--jj-weight-semibold:var(--jj-primitive-typography-weight-semibold);--jj-weight-bold:var(--jj-primitive-typography-weight-bold);--jj-radius-control:var(--jj-primitive-radius-control);--jj-radius-card:var(--jj-primitive-radius-card);--jj-radius-chip:var(--jj-primitive-radius-chip);--jj-radius-composer:var(--jj-primitive-radius-composer);--jj-radius-pill:var(--jj-primitive-radius-pill);--jj-space-1:var(--jj-primitive-spacing-1);--jj-space-2:var(--jj-primitive-spacing-2);--jj-space-3:var(--jj-primitive-spacing-3);--jj-space-4:var(--jj-primitive-spacing-4);--jj-space-5:var(--jj-primitive-spacing-5);--jj-space-6:var(--jj-primitive-spacing-6);--jj-space-8:var(--jj-primitive-spacing-8);--jj-space-10:var(--jj-primitive-spacing-10);--jj-space-12:var(--jj-primitive-spacing-12);--jj-space-14:var(--jj-primitive-spacing-14);--jj-space-16:var(--jj-primitive-spacing-16);--jj-shadow-hairline:var(--jj-primitive-elevation-hairline);--jj-shadow-surface:var(--jj-primitive-elevation-surface);--jj-shadow-popover:var(--jj-primitive-elevation-popover);--jj-motion-fast:var(--jj-primitive-motion-fast);--jj-motion-standard:var(--jj-primitive-motion-standard);--jj-motion-easing:var(--jj-primitive-motion-easing);--jj-control-height:var(--jj-component-control-height);--jj-touch-height:var(--jj-component-control-touch-height);--jj-chip-height:var(--jj-component-chip-height);--jj-content-max:var(--jj-semantic-layout-content-max);--jj-reading-max:var(--jj-semantic-layout-reading-max);--jj-story-card-radius:var(--jj-component-story-card-radius);--jj-story-card-padding:var(--jj-component-story-card-padding);--jj-story-card-cover-height:var(--jj-component-story-card-cover-height);--jj-story-card-cover-height-mobile:var(--jj-component-story-card-cover-height-mobile);--jj-story-card-grid-gap:var(--jj-component-story-card-grid-gap);--jj-story-card-section-gap:var(--jj-component-story-card-section-gap);--jj-story-card-content-gap:var(--jj-component-story-card-content-gap);--jj-story-card-title-gap:var(--jj-component-story-card-title-gap);--jj-story-card-meta-gap:var(--jj-component-story-card-meta-gap);--jj-story-card-hook-min-height:var(--jj-component-story-card-hook-min-height);--jj-story-card-promise-min-height:var(--jj-component-story-card-promise-min-height);--jj-story-card-action-height:var(--jj-component-story-card-action-height);--jj-story-card-border-width:var(--jj-component-story-card-border-width)}:focus-visible{outline:2px solid var(--jj-color-brand-rust);outline-offset:2px;box-shadow:0 0 0 4px var(--jj-focus-ring)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{color:var(--jj-color-text-primary);background:var(--jj-color-surface-canvas);font-family:var(--jj-font-sans);font-size:var(--jj-size-body);line-height:var(--jj-leading-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block}h1,h2,h3,h4{font-weight:var(--jj-weight-semibold)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--jj-radius-pill);background:#20282b14}html{scrollbar-width:thin;scrollbar-color:#20282b14 transparent}.site-shell{min-height:100vh;overflow-x:hidden}.page-container{max-width:var(--jj-content-max);padding:var(--jj-space-6) var(--jj-space-6) var(--jj-space-10);gap:var(--jj-space-6);margin:0 auto;display:grid}.page-container--detail,.page-container--workspace,.page-container--list,.page-container--account{gap:var(--jj-space-5)}.page-container--auth{max-width:1000px;min-height:calc(100vh - var(--jj-component-navigation-desktop-height));align-content:center}.page-heading{gap:var(--jj-space-2);display:grid}.page-heading h1{font-size:var(--jj-size-display-mobile);line-height:var(--jj-leading-tight);letter-spacing:-.01em;margin:0}.section-kicker,.eyebrow{margin:0 0 var(--jj-space-3);color:var(--jj-color-brand-rust);font-size:var(--jj-size-caption);letter-spacing:.16em;font-weight:var(--jj-weight-semibold);text-transform:none}.button{min-height:var(--jj-touch-height);padding:0 var(--jj-space-5);justify-content:center;align-items:center;gap:var(--jj-space-2);border-radius:var(--jj-radius-control);font-size:var(--jj-size-body);font-weight:var(--jj-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--jj-motion-fast) var(--jj-motion-easing), border-color var(--jj-motion-fast) var(--jj-motion-easing), color var(--jj-motion-fast) var(--jj-motion-easing), transform var(--jj-motion-fast) var(--jj-motion-easing);border:1px solid #0000;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{background:var(--jj-color-surface-muted);border-color:var(--jj-color-border-default);color:var(--jj-color-text-disabled);cursor:not-allowed;transform:none}.button.primary{background:var(--jj-color-brand-ink);color:var(--jj-color-text-inverse)}.button.primary:hover{background:var(--jj-color-brand-ink);box-shadow:0 6px 16px #20282b3d}.button.secondary{border-color:var(--jj-color-border-default);background:var(--jj-color-surface-default);color:var(--jj-color-text-primary)}.button.secondary:hover{border-color:var(--jj-color-brand-rust)}.button.danger{border-color:var(--jj-color-danger);background:var(--jj-color-surface-default);color:var(--jj-color-danger)}.button.accent{background:var(--jj-color-brand-rust);color:var(--jj-color-text-inverse)}.button.small{min-height:38px;padding:0 var(--jj-space-4);font-size:var(--jj-size-label)}.button.full{width:100%}.button.tertiary{min-height:var(--jj-touch-height);padding:0 var(--jj-space-2);align-items:center;gap:var(--jj-space-2);color:var(--jj-color-brand-rust);font-size:var(--jj-size-body);font-weight:var(--jj-weight-medium);cursor:pointer;transition:color var(--jj-motion-fast) var(--jj-motion-easing);background:0 0;border:0;display:inline-flex}.button.tertiary:hover{color:var(--jj-color-brand-ink)}.button.tertiary:disabled{color:var(--jj-color-text-disabled);cursor:not-allowed}.field{gap:var(--jj-space-2);flex-direction:column;display:flex}.field-label{font-size:var(--jj-size-label);font-weight:var(--jj-weight-medium);color:var(--jj-color-text-primary)}.field-label em{color:var(--jj-color-brand-rust);font-style:normal;font-size:var(--jj-size-caption)}.field input,.field select,.field textarea,.input{width:100%;min-height:var(--jj-touch-height);padding:0 var(--jj-space-4);border:1px solid var(--jj-color-border-default);border-radius:var(--jj-radius-control);background:var(--jj-color-surface-default);color:var(--jj-color-text-primary);font:inherit;font-size:var(--jj-size-body);transition:border-color var(--jj-motion-fast) var(--jj-motion-easing), box-shadow var(--jj-motion-fast) var(--jj-motion-easing);outline:none}.field textarea{min-height:80px;padding-block:var(--jj-space-3);line-height:var(--jj-leading-body);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--jj-color-brand-rust);box-shadow:0 0 0 3px var(--jj-focus-ring)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--jj-color-danger)}.field-error{color:var(--jj-color-danger);font-size:var(--jj-size-caption)}.field-hint{color:var(--jj-color-text-tertiary);font-size:var(--jj-size-caption)}.alert{padding:var(--jj-space-3) var(--jj-space-4);border-radius:var(--jj-radius-control);font-size:var(--jj-size-label);line-height:var(--jj-leading-body);border:1px solid #0000}.alert.error{border-color:var(--jj-color-danger);background:var(--jj-color-danger-soft);color:var(--jj-color-danger)}.alert.success{border-color:var(--jj-color-success);background:var(--jj-color-success-soft);color:var(--jj-color-success)}.alert.warning{border-color:var(--jj-color-warning);background:var(--jj-color-warning-soft);color:var(--jj-color-warning)}.alert.info{border-color:var(--jj-color-info);background:var(--jj-color-info-soft);color:var(--jj-color-info)}.app-header{z-index:40;height:var(--jj-component-navigation-desktop-height);border-bottom:1px solid var(--jj-color-border-subtle);background:var(--jj-color-surface-default);position:sticky;top:0}.app-header-inner{max-width:var(--jj-content-max);height:100%;padding:0 var(--jj-space-6);justify-content:space-between;align-items:center;gap:var(--jj-space-6);margin:0 auto;display:flex}.app-brand{flex-shrink:0;align-items:center;display:inline-flex}.app-nav{align-items:center;gap:var(--jj-space-8);color:var(--jj-color-text-secondary);font-size:var(--jj-size-body);display:flex}.app-nav a{padding:var(--jj-space-5) 0;color:inherit;position:relative}.app-nav a:hover{color:var(--jj-color-text-primary)}.app-nav a.active{color:var(--jj-color-text-primary);font-weight:var(--jj-weight-medium)}.app-nav a.active:after{content:"";left:50%;bottom:var(--jj-space-3);width:var(--jj-space-1);height:var(--jj-space-1);background:var(--jj-color-brand-rust);position:absolute;transform:translate(-50%)}.app-header-actions{align-items:center;gap:var(--jj-space-3);display:flex}.glimmer{align-items:center;gap:var(--jj-space-2);color:var(--jj-color-text-secondary);font-size:var(--jj-size-label);display:inline-flex}.glimmer i{border-radius:var(--jj-radius-pill);background:var(--jj-color-brand-rust);width:6px;height:6px}.avatar{width:var(--jj-control-height);height:var(--jj-control-height);border:1px solid var(--jj-color-brand-rust-soft);border-radius:var(--jj-radius-pill);background:var(--jj-color-brand-rust-soft);color:var(--jj-color-brand-rust);font-size:var(--jj-size-label);font-weight:var(--jj-weight-semibold);justify-content:center;align-items:center;display:inline-flex}.avatar:hover{border-color:var(--jj-color-brand-rust)}.mobile-nav{display:none}.state-panel{min-height:220px;padding:var(--jj-space-8) var(--jj-space-5);align-content:center;place-items:center;gap:var(--jj-space-3);border:1px solid var(--jj-color-border-default);border-radius:var(--jj-radius-card);background:var(--jj-color-surface-default);color:var(--jj-color-text-secondary);text-align:center;display:grid}.state-panel strong{color:var(--jj-color-text-primary);font-size:var(--jj-size-body-large)}.state-panel span{color:var(--jj-color-text-secondary);font-size:var(--jj-size-label)}@media (max-width:860px){.app-header-inner{padding:0 var(--jj-space-4)}.app-nav,.glimmer{display:none}.page-container{padding:var(--jj-space-5) var(--jj-space-4) calc(var(--jj-component-navigation-mobile-height) + var(--jj-space-8));gap:var(--jj-space-5)}.page-container--auth{min-height:calc(100vh - var(--jj-space-5))}.page-heading h1{font-size:var(--jj-size-title-mobile)}.mobile-nav{z-index:30;left:var(--jj-space-3);right:var(--jj-space-3);bottom:calc(var(--jj-space-2) + var(--jj-component-composer-safe-area-bottom));min-height:var(--jj-component-navigation-mobile-height);padding:var(--jj-space-2) var(--jj-space-3);border:1px solid var(--jj-color-border-default);border-radius:var(--jj-radius-card);background:var(--jj-color-surface-default);box-shadow:var(--jj-shadow-popover);justify-content:space-around;align-items:center;display:flex;position:fixed}.mobile-nav a{justify-content:center;align-items:center;gap:var(--jj-space-1);min-width:56px;color:var(--jj-color-text-tertiary);font-size:var(--jj-size-tiny);line-height:var(--jj-leading-tight);flex-direction:column;display:flex}.mobile-nav a .mobile-nav-icon{display:inline-flex}.mobile-nav a.active{color:var(--jj-color-text-primary)}.mobile-nav a.active .mobile-nav-icon{color:var(--jj-color-brand-rust)}}.logo-state-mark{transform-origin:50%;display:block;overflow:visible}.logo-state-mark .plane-path{fill:var(--jj-color-brand-ink,#20282b)}.logo-state-mark.theme-reverse .plane-path{fill:var(--jj-color-surface-default,#fcfbf8)}.logo-state-mark .point-rect,.logo-state-mark .trail-rect{fill:var(--jj-color-brand-rust,#b6694f)}.logo-state-mark .opt-shape{fill:var(--jj-color-brand-rust-soft,#f1ded6)}.logo-state-mark .point,.logo-state-mark .trail,.logo-state-mark .plane-left,.logo-state-mark .plane-right,.logo-state-mark .glow-shape,.logo-state-mark .portal-shape,.logo-state-mark .ring-shape,.logo-state-mark .opt-shape,.logo-state-mark .badge-shape{transform-box:fill-box;transform-origin:50%}.logo-state-mark .plane-left{transform-origin:100%}.logo-state-mark .plane-right{transform-origin:0}.logo-state-mark .glow-shape,.logo-state-mark .portal-shape{opacity:0}.logo-state-mark .ring-shape{stroke:var(--jj-color-success,#718077);stroke-width:7px;stroke-linecap:round;opacity:0}.logo-state-mark .badge-shape{fill:var(--jj-color-brand-rust,#b6694f);stroke:var(--jj-color-surface-default,#fcfbf8);stroke-width:7px;opacity:0}.logo-state-mark .opt-shape{opacity:0}@keyframes jj-idle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.009)}}@keyframes jj-idle-gate-l{0%,to{transform:translate(0)}30%{transform:translate(-1.5px)}70%{transform:translate(.8px)}}@keyframes jj-idle-gate-r{0%,to{transform:translate(0)}30%{transform:translate(1.5px)}70%{transform:translate(-.8px)}}@keyframes jj-idle-point{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.68;transform:scale(1.3)}}.logo-state-idle .logo-state-mark{animation:6.4s ease-in-out infinite jj-idle-breathe}.logo-state-idle .plane-left{animation:6.4s ease-in-out infinite jj-idle-gate-l}.logo-state-idle .plane-right{animation:6.4s ease-in-out infinite jj-idle-gate-r}.logo-state-idle .point{animation:3.2s ease-in-out .7s infinite jj-idle-point}@keyframes jj-hover-glow{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.38;transform:scale(1.05)}}.logo-state-hover .glow-shape{fill:url(#jj-glow-success);animation:3.6s ease-in-out infinite jj-hover-glow}.logo-state-hover .logo-state-mark{transition:transform .38s cubic-bezier(.22,1,.36,1),filter .38s}.logo-state-hover .plane-left,.logo-state-hover .plane-right,.logo-state-hover .point{transition:transform .38s cubic-bezier(.22,1,.36,1),fill .3s}.logo-state-hover:hover .logo-state-mark{filter:drop-shadow(0 16px 20px #20282b29);transform:translateY(-6px)scale(1.03)}.logo-state-hover:hover .plane-left{transform:translate(-2.6px)}.logo-state-hover:hover .plane-right{transform:translate(2.6px)}.logo-state-hover:hover .point{fill:var(--jj-color-brand-rust-hover);transform:scale(1.45)}@keyframes jj-press-mark{0%{transform:scale(1)}16%{transform:scale(.945)}30%{transform:scale(.9)translateY(2.4px)}52%{transform:scale(1.045)translateY(-1px)}76%{transform:scale(.99)}to{transform:scale(1)}}@keyframes jj-press-plane-l{0%,to{transform:translate(0)}55%{transform:translate(-2px)}82%{transform:translate(.6px)}}@keyframes jj-press-plane-r{0%,to{transform:translate(0)}55%{transform:translate(2px)}82%{transform:translate(-.6px)}}@keyframes jj-press-point{0%,26%{fill:var(--jj-color-brand-rust,#b6694f);transform:scale(1)}40%{fill:var(--jj-color-brand-rust-pressed);transform:scale(1.7)}66%{fill:var(--jj-color-brand-rust,#b6694f);transform:scale(1.08)}to{fill:var(--jj-color-brand-rust,#b6694f);transform:scale(1)}}.logo-state-press.pressed .logo-state-mark{animation:.62s cubic-bezier(.34,1.2,.5,1) jj-press-mark}.logo-state-press.pressed .plane-left{animation:.62s ease-out jj-press-plane-l}.logo-state-press.pressed .plane-right{animation:.62s ease-out jj-press-plane-r}.logo-state-press.pressed .point{animation:.62s ease-out jj-press-point}@keyframes jj-load-point{0%{opacity:0;transform:translate(-96px,-4px)scale(.9)}10%{opacity:1}38%{transform:translate(-12px,-2px)scale(.85)}52%{transform:translate(0)scale(.72)}68%{transform:translate(18px,2px)scale(.9)}88%{opacity:1;transform:translate(96px,4px)scale(1.05)}96%{opacity:0;transform:translate(96px,4px)scale(1.05)}to{opacity:0;transform:translate(-96px,-4px)scale(.9)}}@keyframes jj-load-gate{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.88;transform:scaleY(1.035)}}.logo-state-loading .point{animation:1.7s cubic-bezier(.45,.05,.55,.95) infinite jj-load-point}.logo-state-loading .trail{opacity:1;animation:1.7s cubic-bezier(.45,.05,.55,.95) .16s infinite jj-load-point}.logo-state-loading .trail-rect{fill:var(--jj-color-brand-rust,#b6694f);opacity:.22}.logo-state-loading .plane-left,.logo-state-loading .plane-right{animation:1.7s ease-in-out infinite jj-load-gate}@keyframes jj-busy-mark{0%,to{transform:scale(1)}20%{transform:scale(1.02)}40%{transform:scale(.985)}60%{transform:scale(1.015)}80%{transform:scale(.992)}}@keyframes jj-busy-point{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-7px)scale(1.14)}55%{transform:translateY(5px)scale(.86)}75%{transform:translateY(-1px)scale(1.04)}}@keyframes jj-busy-plane-l{0%,to{transform:translate(0)}40%{transform:translate(-1.6px)}70%{transform:translate(.6px)}}@keyframes jj-busy-plane-r{0%,to{transform:translate(0)}40%{transform:translate(1.6px)}70%{transform:translate(-.6px)}}.logo-state-busy .logo-state-mark{animation:1.05s cubic-bezier(.5,.05,.5,.95) infinite jj-busy-mark}.logo-state-busy .point{animation:1.05s cubic-bezier(.5,.05,.5,.95) infinite jj-busy-point}.logo-state-busy .plane-left{animation:1.05s ease-in-out infinite jj-busy-plane-l}.logo-state-busy .plane-right{animation:1.05s ease-in-out infinite jj-busy-plane-r}.logo-state-busy .point-rect{fill:var(--jj-color-warning,#a46f32)}@keyframes jj-suc-mark{0%,14%{transform:scale(1)}22%{transform:scale(.955)}46%{transform:scale(1.03)}62%{transform:scale(.995)}to{transform:scale(1)}}@keyframes jj-suc-door-l{0%,20%{transform:rotate(0)}46%{transform:rotate(-14deg)translate(-3px)}to{transform:rotate(-14deg)translate(-3px)}}@keyframes jj-suc-door-r{0%,20%{transform:rotate(0)}46%{transform:rotate(14deg)translate(3px)}to{transform:rotate(14deg)translate(3px)}}@keyframes jj-suc-point{0%,14%{fill:var(--jj-color-brand-rust,#b6694f);opacity:1;transform:translate(0)scale(1)}30%{fill:var(--jj-color-brand-rust,#b6694f);opacity:1;transform:translateY(30px)scale(.85)}44%{fill:var(--jj-color-success,#718077);transform:translate(0)scale(1.7)}58%{fill:var(--jj-color-success,#718077);transform:translate(0)scale(1.12)}to{fill:var(--jj-color-success,#718077);transform:translate(0)scale(1.05)}}@keyframes jj-suc-glow{0%,26%{opacity:0;transform:scale(.35)}48%{opacity:1;transform:scale(1)}70%{opacity:.85;transform:scale(1.06)}to{opacity:.4;transform:scale(1.1)}}@keyframes jj-suc-ring{0%,58%{opacity:0;transform:scale(.45)}66%{opacity:.95;transform:scale(.6)}80%{opacity:0;transform:scale(2)}to{opacity:0}}.logo-state-success .logo-state-mark{animation:3.2s ease-out infinite jj-suc-mark}.logo-state-success .plane-left{animation:3.2s cubic-bezier(.34,1.2,.4,1) infinite jj-suc-door-l}.logo-state-success .plane-right{animation:3.2s cubic-bezier(.34,1.2,.4,1) infinite jj-suc-door-r}.logo-state-success .point{animation:3.2s ease-out infinite jj-suc-point}.logo-state-success .glow-shape{fill:url(#jj-glow-success);animation:3.2s ease-out infinite jj-suc-glow}.logo-state-success .ring-shape{stroke:var(--jj-color-success,#718077);animation:3.2s ease-out infinite jj-suc-ring}.logo-state-success .logo-state-mark,.logo-state-success .plane-left,.logo-state-success .plane-right,.logo-state-success .point,.logo-state-success .glow-shape,.logo-state-success .ring-shape{animation-delay:-1.3s}@keyframes jj-fail-mark{0%,8%{transform:translate(0)}12%{transform:translate(-8px)}18%{transform:translate(7px)}24%{transform:translate(-6px)}30%{transform:translate(5px)}36%{transform:translate(-4px)}42%{transform:translate(3px)}48%{transform:translate(-2px)}54%{transform:translate(1px)}60%,to{transform:translate(0)}}@keyframes jj-fail-door-l{0%,16%{transform:rotate(0)}40%{transform:rotate(7deg)translate(2px)}to{transform:rotate(7deg)translate(2px)}}@keyframes jj-fail-door-r{0%,16%{transform:rotate(0)}40%{transform:rotate(-7deg)translate(-2px)}to{transform:rotate(-7deg)translate(-2px)}}@keyframes jj-fail-point{0%,8%{fill:var(--jj-color-brand-rust,#b6694f);opacity:0;transform:translate(0)scale(1)}16%{opacity:1}26%{fill:var(--jj-color-danger,#a84242);transform:translateY(-3px)scale(.9)}36%{fill:var(--jj-color-danger,#a84242);transform:translate(-30px,-6px)scale(1.18)}48%{fill:var(--jj-color-danger,#a84242);opacity:1;transform:translate(-30px,-6px)scale(1.25)}58%{fill:var(--jj-color-danger,#a84242);opacity:.9;transform:translate(-22px)scale(.95)}72%{fill:var(--jj-color-danger,#a84242);opacity:1;transform:translate(-16px)scale(1)}90%{opacity:.15}to{fill:var(--jj-color-danger,#a84242);opacity:0;transform:translate(-16px)scale(1)}}@keyframes jj-fail-glow{0%,34%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.15)}66%{opacity:.5;transform:scale(1.25)}to{opacity:0;transform:scale(1.3)}}@keyframes jj-fail-ring{0%,30%{opacity:0;transform:scale(.4)}36%{opacity:.95;transform:scale(.55)}52%{opacity:0;transform:scale(1.6)}to{opacity:0}}.logo-state-failure .logo-state-mark{animation:3.4s ease-out infinite jj-fail-mark}.logo-state-failure .plane-left{animation:3.4s cubic-bezier(.34,1.1,.4,1) infinite jj-fail-door-l}.logo-state-failure .plane-right{animation:3.4s cubic-bezier(.34,1.1,.4,1) infinite jj-fail-door-r}.logo-state-failure .point{animation:3.4s ease-in-out infinite jj-fail-point}.logo-state-failure .glow-shape{fill:url(#jj-glow-danger);animation:3.4s ease-in-out infinite jj-fail-glow}.logo-state-failure .ring-shape{stroke:var(--jj-color-danger,#a84242);stroke-width:6px;animation:3.4s ease-out infinite jj-fail-ring}.logo-state-failure .logo-state-mark,.logo-state-failure .plane-left,.logo-state-failure .plane-right,.logo-state-failure .point,.logo-state-failure .glow-shape,.logo-state-failure .ring-shape{animation-delay:-2.2s}.logo-state-focus .logo-state-mark{transition:transform .3s cubic-bezier(.22,1,.36,1)}.logo-state-focus.focused .logo-state-mark{transform:scale(1.03)}.logo-state-disabled .logo-state-mark{opacity:.4;filter:saturate(.15)}.logo-state-disabled .point-rect{fill:var(--jj-color-neutral-muted)}@keyframes jj-notif-badge{0%,16%{opacity:0;transform:scale(.3)}26%{opacity:1;transform:scale(1.3)}34%{opacity:1;transform:scale(.92)}42%{opacity:1;transform:scale(1.1)}50%{opacity:1;transform:scale(1)}58%{opacity:1;transform:scale(1.2)}66%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes jj-notif-point{0%,42%{transform:scale(1)}50%{transform:scale(1.35)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes jj-notif-gate-l{0%,to{transform:translate(0)}50%{transform:translate(-1.2px)}}@keyframes jj-notif-gate-r{0%,to{transform:translate(0)}50%{transform:translate(1.2px)}}.logo-state-notification .badge-shape{animation:4.4s cubic-bezier(.34,1.4,.4,1) infinite jj-notif-badge}.logo-state-notification .point{animation:4.4s ease-out infinite jj-notif-point}.logo-state-notification .plane-left{animation:4.4s ease-in-out infinite jj-notif-gate-l}.logo-state-notification .plane-right{animation:4.4s ease-in-out infinite jj-notif-gate-r}.logo-state-notification .badge-shape,.logo-state-notification .point,.logo-state-notification .plane-left,.logo-state-notification .plane-right{animation-delay:-3s}@keyframes jj-dec-opt-l{0%,24%{opacity:0;transform:scale(.4)}32%{opacity:1;transform:scale(1.15)}40%{opacity:1;transform:scale(1)}58%{opacity:1}72%,to{opacity:0;transform:scale(.6)}}@keyframes jj-dec-opt-r{0%,48%{opacity:0;transform:scale(.4)}56%{opacity:1;transform:scale(1.15)}64%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(1)}}@keyframes jj-dec-point{0%,16%{fill:var(--jj-color-brand-rust,#b6694f);transform:translate(0)scale(1)}26%{fill:var(--jj-color-brand-rust,#b6694f);transform:translate(-33px)scale(1.25)}40%{transform:translate(-33px)scale(1.12)}52%{transform:translate(0)scale(1)}60%{fill:var(--jj-color-success,#718077);transform:translate(33px)scale(1.25)}78%{fill:var(--jj-color-success,#718077);transform:translate(33px)scale(1.3)}to{fill:var(--jj-color-brand-rust,#b6694f);transform:translate(0)scale(1)}}.logo-state-decision .opt-shape{animation:4.6s ease-in-out infinite jj-dec-opt-l}.logo-state-decision .opt-r .opt-shape{animation-name:jj-dec-opt-r}.logo-state-decision .point{animation:4.6s ease-in-out infinite jj-dec-point}.logo-state-decision .opt-shape,.logo-state-decision .opt-r .opt-shape,.logo-state-decision .point{animation-delay:-.9s}@keyframes jj-portal-mark{0%,12%{opacity:1;transform:scale(1)}46%{opacity:1;transform:scale(1.32)}58%{opacity:0;transform:scale(1.38)}to{opacity:0;transform:scale(1.38)}}@keyframes jj-portal-door-l{0%,14%{transform:rotate(0)}46%{transform:rotate(-24deg)translate(-4px)}to{transform:rotate(-24deg)translate(-4px)}}@keyframes jj-portal-door-r{0%,14%{transform:rotate(0)}46%{transform:rotate(24deg)translate(4px)}to{transform:rotate(24deg)translate(4px)}}@keyframes jj-portal-point{0%,10%{opacity:1;transform:translate(0)scale(1)}34%{opacity:1;transform:translateY(-2px)scale(2.2)}46%{opacity:.9;transform:translate(0)scale(2.6)}56%{opacity:0;transform:translate(0)scale(3.1)}to{opacity:0;transform:translate(0)scale(1)}}@keyframes jj-portal-glow{0%,26%{opacity:0;transform:scale(.3)}46%{opacity:1;transform:scale(1.4)}58%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}.logo-state-portal .logo-state-mark{animation:4s cubic-bezier(.22,1,.36,1) infinite jj-portal-mark}.logo-state-portal .plane-left{animation:4s cubic-bezier(.34,1.2,.4,1) infinite jj-portal-door-l}.logo-state-portal .plane-right{animation:4s cubic-bezier(.34,1.2,.4,1) infinite jj-portal-door-r}.logo-state-portal .point{animation:4s ease-out infinite jj-portal-point}.logo-state-portal .portal-shape{animation:4s ease-out infinite jj-portal-glow}.logo-state-portal .logo-state-mark,.logo-state-portal .plane-left,.logo-state-portal .plane-right,.logo-state-portal .point,.logo-state-portal .portal-shape{animation-delay:-2.5s}.logo-state-panel{align-items:center;gap:var(--jj-space-4);min-width:0;display:inline-flex}.logo-state-panel .logo-state-copy{font-size:var(--jj-size-label);color:var(--jj-color-text-secondary);line-height:var(--jj-leading-body)}.logo-state-panel-queued .logo-state-copy,.logo-state-panel-saving .logo-state-copy,.logo-state-panel-busy .logo-state-copy{color:var(--jj-color-warning)}.logo-state-panel-generating .logo-state-copy,.logo-state-panel-loading .logo-state-copy{color:var(--jj-color-brand-rust)}.logo-state-panel-failed .logo-state-copy,.logo-state-panel-failure .logo-state-copy{color:var(--jj-color-danger)}.logo-state-panel-success .logo-state-copy{color:var(--jj-color-success)}.submit-working{min-height:var(--jj-touch-height);justify-content:center;align-items:center;display:flex}.submit-working .logo-state-panel{gap:var(--jj-space-2)}.submit-working .logo-state-copy{white-space:nowrap;font-size:var(--jj-size-label)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes jj-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes jj-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes jj-rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.jj-enter{animation:.5s ease-out both jj-fade-in}.jj-rise{animation:.6s cubic-bezier(.22,1,.36,1) both jj-rise-in}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,a,.world-card{transition:none!important}.logo-state-mark,.logo-state-mark *{transition:none!important;animation:none!important}}.explore-toolbar{align-items:center;gap:var(--jj-space-3);display:flex}.explore-search{flex:auto;max-width:560px;position:relative}.explore-search input{width:100%;min-height:var(--jj-touch-height);padding:0 var(--jj-space-4) 0 var(--jj-space-12);border:1px solid var(--jj-color-border-default);border-radius:var(--jj-radius-pill);background:var(--jj-color-surface-default);font-size:var(--jj-size-body);transition:border-color var(--jj-motion-fast) var(--jj-motion-easing), box-shadow var(--jj-motion-fast) var(--jj-motion-easing);outline:none}.explore-search-icon{top:50%;left:var(--jj-space-4);width:22px;height:22px;color:var(--jj-color-text-tertiary);pointer-events:none;position:absolute;transform:translateY(-50%)}.explore-search-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:100%;height:100%;display:block}.explore-search input:focus{border-color:var(--jj-color-brand-rust);box-shadow:0 0 0 3px var(--jj-focus-ring)}.filter-row{gap:var(--jj-space-2);flex-wrap:wrap;display:flex}.filter{min-height:var(--jj-chip-height);padding:0 var(--jj-space-4);border:1px solid var(--jj-color-border-default);border-radius:var(--jj-radius-pill);background:var(--jj-color-surface-default);font-size:var(--jj-size-label);color:var(--jj-color-text-secondary);cursor:pointer;transition:background var(--jj-motion-fast) var(--jj-motion-easing), color var(--jj-motion-fast) var(--jj-motion-easing), border-color var(--jj-motion-fast) var(--jj-motion-easing);flex:none}.filter:hover{border-color:var(--jj-color-brand-rust);color:var(--jj-color-text-primary)}.filter.active{background:var(--jj-color-brand-rust);color:var(--jj-color-text-inverse);border-color:var(--jj-color-brand-rust)}.featured-banner{isolation:isolate;border-radius:var(--jj-space-6);background:var(--jj-color-brand-ink);min-height:330px;color:var(--jj-color-text-inverse);box-shadow:var(--jj-shadow-surface);position:relative;overflow:hidden}.featured-banner-image,.featured-banner-overlay{position:absolute;inset:0}.featured-banner-image{z-index:-3;object-fit:cover;object-position:center}.featured-banner-overlay{z-index:-2;background:linear-gradient(90deg,#151c1fe6 0%,#151c1fa3 38%,#151c1f1f 100%),linear-gradient(#0000 45%,#151c1f75)}.featured-banner-content{z-index:1;max-width:760px;padding:var(--jj-space-6) var(--jj-space-12) var(--jj-space-8);position:absolute;bottom:0;left:0;right:0}.featured-banner-badge{min-height:30px;padding:0 var(--jj-space-3);border-radius:var(--jj-radius-pill);color:var(--jj-color-text-inverse);font-size:var(--jj-size-caption);background:#ffffff24;border:1px solid #ffffff3d;align-items:center;display:inline-flex}.featured-banner h2{margin:var(--jj-space-3) 0 0;font-size:var(--jj-size-display-mobile);line-height:var(--jj-leading-tight);letter-spacing:-.03em}.featured-banner-intro{max-width:760px;margin:var(--jj-space-2) 0 0;-webkit-line-clamp:2;color:#ffffffd1;font-family:var(--jj-font-reading);font-size:var(--jj-size-body-large);line-height:var(--jj-leading-body);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-banner-intro span:first-child{color:var(--jj-color-text-inverse);font-family:var(--jj-font-sans);font-size:var(--jj-size-label)}.featured-banner-dots{z-index:2;right:var(--jj-space-6);bottom:var(--jj-space-5);align-items:center;gap:var(--jj-space-2);display:flex;position:absolute}.featured-banner-dots button{cursor:pointer;width:8px;height:8px;transition:width var(--jj-motion-fast) var(--jj-motion-easing), background var(--jj-motion-fast) var(--jj-motion-easing);background:#ffffff85;border:0;border-radius:50%;padding:0}.featured-banner-dots button.active{border-radius:var(--jj-radius-pill);background:var(--jj-color-text-inverse);width:26px}.featured-banner-dots button:focus-visible{outline:2px solid var(--jj-color-text-inverse);outline-offset:2px}.featured-banner-gate{z-index:-3;background:var(--jj-color-brand-ink);position:absolute;inset:0}.featured-banner-gate i,.featured-banner-gate b{background:#ffffff1a;width:22%;height:82%;position:absolute;top:9%}.featured-banner-gate i{left:44%;transform:skew(-8deg)}.featured-banner-gate b{right:19%;transform:skew(8deg)}.featured-banner-gate em{background:var(--jj-color-brand-rust);width:10px;height:10px;position:absolute;top:48%;left:56%}.catalog-section{margin-top:0}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:var(--jj-story-card-grid-gap);margin-bottom:var(--jj-story-card-meta-gap);display:flex}.catalog-heading h2{font-size:var(--jj-size-display-mobile);line-height:var(--jj-leading-tight);margin:0}.catalog-heading>span{color:var(--jj-color-text-tertiary);font-size:var(--jj-size-caption);flex:none}.world-grid{gap:var(--jj-story-card-grid-gap);grid-template-columns:repeat(3,1fr);display:grid}.world-card{border:var(--jj-story-card-border-width) solid var(--jj-color-border-subtle);border-radius:var(--jj-story-card-radius);background:var(--jj-color-surface-default);min-width:0;box-shadow:var(--jj-shadow-hairline);transition:transform var(--jj-motion-standard) var(--jj-motion-easing), box-shadow var(--jj-motion-standard) var(--jj-motion-easing);flex-direction:column;display:flex;position:relative;overflow:hidden}.world-card:hover{box-shadow:var(--jj-shadow-surface);transform:translateY(-3px)}.world-card-link{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.world-card-link:disabled{cursor:wait}.world-cover{aspect-ratio:16/9;position:relative;overflow:hidden}.world-cover .cover-image{object-fit:cover}.world-cover.rust{background:var(--jj-color-brand-rust-soft)}.world-cover.ink{background:var(--jj-color-brand-ink)}.world-cover.moss{background:var(--jj-color-success-soft)}.world-cover.ash{background:var(--jj-color-surface-muted)}.world-cover.amber{background:var(--jj-color-warning-soft)}.cover-gate i,.cover-gate b{background:var(--jj-color-brand-ink);opacity:.85;width:30%;height:72%;position:absolute;top:14%}.cover-gate i{clip-path:polygon(15% 0,100% 7%,90% 100%,0 91%);left:18%}.cover-gate b{clip-path:polygon(0 7%,85% 0,100% 91%,10% 100%);right:18%}.cover-gate em{background:var(--jj-color-brand-rust);width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px)}.world-body{padding:var(--jj-story-card-padding);flex-direction:column;flex:1;display:flex}.world-body h3{min-width:0;color:var(--jj-color-text-primary);font-size:var(--jj-size-body-large);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.world-card-hook{margin:var(--jj-space-2) 0 0;text-overflow:ellipsis;color:var(--jj-color-text-secondary);font-family:var(--jj-font-reading);font-size:var(--jj-size-reading-mobile);line-height:var(--jj-leading-body);-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.world-card-starting{z-index:2;background:var(--jj-color-brand-ink);place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.world-card-starting{background:color-mix(in srgb, var(--jj-color-brand-ink) 82%, transparent)}}.world-card-starting .logo-state-panel{text-align:center;align-items:center;gap:var(--jj-space-2);flex-direction:column}.world-card-starting .logo-state-copy{display:none}.popularity{font-weight:var(--jj-weight-medium)}.popularity-new{color:var(--jj-color-text-tertiary)}.popularity-rising{color:var(--jj-color-brand-rust)}.popularity-popular{color:var(--jj-color-warning)}.popularity-hot{color:var(--jj-color-brand-rust);font-weight:var(--jj-weight-semibold)}.popularity-burning{color:var(--jj-color-danger);font-weight:var(--jj-weight-semibold)}@media (max-width:860px){.explore-toolbar{flex-direction:row;align-items:center}.explore-search{flex:auto;max-width:none}.explore-search input{font-size:var(--jj-size-label);min-height:var(--jj-control-height)}.explore-create{font-size:var(--jj-size-label);flex:none}.filter{font-size:var(--jj-size-caption);min-height:var(--jj-space-8)}.featured-banner{aspect-ratio:16/9;border-radius:var(--jj-space-4);min-height:0}.featured-banner-content{padding:var(--jj-space-5) var(--jj-space-6) var(--jj-space-6)}.featured-banner-intro{font-size:var(--jj-size-label)}.featured-banner h2{margin-top:var(--jj-space-2);font-size:var(--jj-size-reading-desktop)}.featured-banner-dots{right:var(--jj-space-5);bottom:var(--jj-space-4)}.catalog-heading{align-items:flex-start;gap:var(--jj-space-2);flex-direction:column}.catalog-heading h2{font-size:var(--jj-size-title-mobile)}.world-cover{aspect-ratio:16/9;height:auto}.world-grid{gap:var(--jj-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.world-grid .world-card-hook{display:none}.world-grid .world-body{padding:.625rem}.world-grid .world-body h3{-webkit-line-clamp:2;white-space:normal;font-size:var(--jj-size-label);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (min-width:861px) and (max-width:1100px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-container{padding-inline:var(--jj-space-5)}.journey-layout{grid-template-columns:minmax(0,1fr) 300px}.reader-column{padding:var(--jj-space-6) var(--jj-space-8) var(--jj-space-10)}.studio-editor{max-width:960px}}.dialog-layer{z-index:50;padding:var(--jj-space-5);place-items:center;display:grid;position:fixed;inset:0}.dialog-backdrop{background:var(--jj-color-text-tertiary);border:0;width:100%;height:100%;position:absolute;inset:0}.dialog-panel{width:min(100%,480px);max-height:88vh;padding:var(--jj-space-6);background:var(--jj-color-surface-default);border-radius:var(--jj-radius-card);box-shadow:var(--jj-shadow-popover);position:relative;overflow-y:auto}.dialog-panel header{margin-bottom:var(--jj-space-5);justify-content:space-between;align-items:flex-start;display:flex}.dialog-panel header h2{font-size:var(--jj-size-body-large);margin:0}.dialog-panel header button{width:var(--jj-touch-height);height:var(--jj-touch-height);border:1px solid var(--jj-color-border-default);border-radius:var(--jj-radius-pill);background:var(--jj-color-surface-default);cursor:pointer;font-size:var(--jj-size-body-large)}@media (max-width:860px){.dialog-layer{align-items:end;padding:0}.dialog-panel{width:100%;max-height:92vh;padding:var(--jj-space-6) var(--jj-space-5) calc(var(--jj-space-6) + var(--jj-component-composer-safe-area-bottom));border-radius:var(--jj-radius-card) var(--jj-radius-card) 0 0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}