:root{--color-bg: #0d0d0f;--color-surface: #161619;--color-surface-raised:#1f1f24;--color-border: #2a2a30;--color-border-subtle: #1e1e22;--color-text: #e8e6e0;--color-text-muted: #888880;--color-text-faint: #4a4a52;--color-cyan: #00e5d4;--color-coral: #ff5c4a;--color-violet: #9b6dff;--color-amber: #ffc744;--color-focus: var(--color-cyan);--color-link: var(--color-cyan);--color-link-hover: #5ff5e8;--color-cat-digital: #ff5c4a;--color-cat-internet: #9b6dff;--color-cat-emotional: #00e5d4;--color-cat-ancestor: #ffc744;--font-sans: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.6;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 1280px;--container-pad: var(--space-6);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-raised: 0 8px 32px rgba(0, 0, 0, .5);--transition-fast: .12s ease;--transition-normal: .22s ease;--transition-slow: .38s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%;height:auto}svg{display:block}ul,ol{padding-left:1.5em;margin:0}p{margin:0}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--leading-tight)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}button{font:inherit;cursor:pointer;border:none;background:none;padding:0}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-cyan);color:#000;font-weight:var(--weight-semi);border-radius:var(--radius-md);transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.font-mono{font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:#0d0d0fe0;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.site-header__logo{font-size:var(--text-sm);font-weight:var(--weight-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);white-space:nowrap}.site-header__logo:hover{color:var(--color-cyan)}.site-nav{display:flex;gap:var(--space-6)}.site-nav a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);letter-spacing:.03em;transition:color var(--transition-fast)}.site-nav a:hover{color:var(--color-text)}.site-header__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-faint);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast)}.site-header__brand img{display:block}.site-header__brand:hover{color:var(--color-text)}.fullscreen-brand{position:fixed;top:var(--space-4);right:var(--space-5);z-index:60;opacity:.85}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);min-height:44px;cursor:pointer}.btn--primary{background:var(--color-cyan);color:#000;border:2px solid transparent}.btn--primary:hover{background:var(--color-link-hover)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn--icon{padding:var(--space-2);min-height:44px;min-width:44px;justify-content:center;border-radius:var(--radius-md)}.chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-muted);background:transparent;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);min-height:32px}.chip:hover{color:var(--color-text);border-color:var(--color-text-muted)}.chip[aria-pressed=true],.chip--active{background:var(--color-cyan);color:#000;border-color:transparent}.chip[data-category=digital-distortion][aria-pressed=true]{background:var(--color-cat-digital);color:#000}.chip[data-category=internet-nostalgia][aria-pressed=true]{background:var(--color-cat-internet);color:#fff}.chip[data-category=emotional-worlds][aria-pressed=true]{background:var(--color-cat-emotional);color:#000}.chip[data-category=visual-ancestors][aria-pressed=true]{background:var(--color-cat-ancestor);color:#000}.rating{display:flex;flex-direction:column;gap:var(--space-2)}.rating__header{display:flex;align-items:center;gap:var(--space-3)}.rating__label{font-size:var(--text-xs);font-weight:var(--weight-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.rating__marks{display:flex;gap:4px}.rating__marks>span{display:block;width:10px;height:10px;border-radius:2px;background:var(--color-border);transition:background var(--transition-fast)}.rating__marks>span[data-active=true]{background:var(--color-cyan)}.rating__rationale{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.style-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none;color:inherit}.style-card:hover{border-color:var(--color-border);transform:translateY(-2px);box-shadow:var(--shadow-raised)}.style-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.style-card__thumb{aspect-ratio:4 / 3;background:var(--color-surface-raised);overflow:hidden}.style-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.style-card:hover .style-card__thumb img{transform:scale(1.04)}.style-card__thumb--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-faint);font-size:var(--text-xs);font-family:var(--font-mono)}.style-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);flex:1}.style-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.style-card__category{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm)}.style-card__category[data-category=digital-distortion]{color:var(--color-cat-digital);background:#ff5c4a1f}.style-card__category[data-category=internet-nostalgia]{color:var(--color-cat-internet);background:#9b6dff1f}.style-card__category[data-category=emotional-worlds]{color:var(--color-cat-emotional);background:#00e5d41f}.style-card__category[data-category=visual-ancestors]{color:var(--color-cat-ancestor);background:#ffc7441f}.style-card__names{display:flex;flex-direction:column;gap:2px}.style-card__name-zh{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.style-card__name-en{font-size:var(--text-sm);color:var(--color-text-muted)}.style-card__summary{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog{display:flex;flex-direction:column;gap:var(--space-8)}.catalog__controls{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.catalog__search-row{display:flex;gap:var(--space-3);align-items:center}.catalog__search{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.catalog__search:focus-within{border-color:var(--color-cyan)}.catalog__search-input{flex:1;background:none;border:none;outline:none;color:var(--color-text);font:inherit;font-size:var(--text-base);min-height:36px}.catalog__search-input::placeholder{color:var(--color-text-faint)}.catalog__filters{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.catalog__filter-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--space-1)}.catalog__status{font-size:var(--text-sm);color:var(--color-text-muted)}.catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.catalog__empty{grid-column:1 / -1;text-align:center;padding:var(--space-20);color:var(--color-text-muted)}.hero{display:flex;flex-direction:column;gap:var(--space-3);padding-block:var(--space-20) var(--space-16)}.hero__eyebrow{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--color-cyan)}.hero__title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-muted);max-width:54ch;line-height:var(--leading-snug)}.section-heading{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8)}.section-heading h2{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.section-heading__sub{font-size:var(--text-sm);color:var(--color-text-faint)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-block:var(--space-10)}.comparison figure{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.comparison figure h2{font-size:var(--text-sm);font-weight:var(--weight-semi);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.comparison figure img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface-raised)}.comparison figcaption{font-size:var(--text-xs);color:var(--color-text-faint);line-height:var(--leading-normal)}.prompt-recipe{display:flex;flex-direction:column;gap:var(--space-6)}.prompt-full{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.prompt-full__label{font-size:var(--text-xs);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:.06em;color:var(--color-cyan)}.prompt-full__text{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);white-space:pre-wrap;word-break:break-word}.prompt-full__copy{align-self:flex-end}.prompt-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.prompt-module{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.prompt-module__number{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-faint);margin-bottom:var(--space-1)}.prompt-module__label{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--color-text-muted);margin-bottom:var(--space-2)}.prompt-module__value{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-snug)}.prompt-avoid{background:#ff5c4a0f;border:1px solid rgba(255,92,74,.2);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.prompt-avoid strong{color:var(--color-coral)}.palette-strip{display:flex;gap:var(--space-2);flex-wrap:wrap}.palette-swatch{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);position:relative}.palette-swatch:after{content:attr(data-hex);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.palette-swatch:hover:after{opacity:1}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{font-size:var(--text-xs);font-family:var(--font-mono);padding:2px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.relations{display:flex;flex-direction:column;gap:var(--space-6)}.relations__group{display:flex;flex-direction:column;gap:var(--space-3)}.relations__label{font-size:var(--text-xs);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint)}.relations__links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.relations__link{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition-fast),background var(--transition-fast);min-height:44px;display:inline-flex;align-items:center}.relations__link:hover{border-color:var(--color-cyan);background:var(--color-surface-raised)}.style-detail{max-width:900px;margin-inline:auto;padding-block:var(--space-12)}.style-detail__header{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border-subtle)}.style-detail__period{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-faint)}.style-detail__title{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.style-detail__title span{display:block;font-size:var(--text-xl);font-weight:var(--weight-regular);color:var(--color-text-muted);margin-top:var(--space-1);letter-spacing:0}.style-detail__summary{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch;line-height:var(--leading-normal)}.style-detail__section{padding-block:var(--space-10);border-bottom:1px solid var(--color-border-subtle)}.style-detail__section:last-child{border-bottom:none}.style-detail__section-title{font-size:var(--text-sm);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--space-5)}.style-detail__definition{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);max-width:72ch}.style-detail__ratings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.style-detail__assoc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5)}.style-detail__assoc-group h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);margin-bottom:var(--space-2)}.style-detail__assoc-group ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.style-detail__assoc-group li{font-size:var(--text-sm);color:var(--color-text-muted)}.failure-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.failure-list li{padding:var(--space-3) var(--space-4);background:#ff5c4a0d;border-left:3px solid var(--color-coral);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.citations-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.citations-list a{font-size:var(--text-sm);font-family:var(--font-mono);word-break:break-all}.mixer{max-width:800px;margin-inline:auto;padding-block:var(--space-12)}.mixer__selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;margin-bottom:var(--space-8)}.mixer__cross{font-size:var(--text-2xl);color:var(--color-text-faint);text-align:center}.mixer__select-group{display:flex;flex-direction:column;gap:var(--space-2)}.mixer__select-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint)}.mixer__select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer;min-height:44px}.mixer__select:focus{outline:2px solid var(--color-focus);outline-offset:2px}.mixer__result{display:flex;flex-direction:column;gap:var(--space-6)}.mixer__title{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.mixer__live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero-switcher{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-16)}.hero-switcher__image-area{position:relative;aspect-ratio:21 / 9;max-height:52vh;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-raised)}.hero-switcher__image-link{display:block;width:100%;height:100%}.hero-switcher__image-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.hero-switcher__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.hero-switcher__image-link:hover .hero-switcher__image{transform:scale(1.03)}.hero-switcher__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-8);background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.hero-switcher__overlay a,.hero-switcher__overlay button{pointer-events:auto}.hero-switcher__overlay-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-switcher__names{display:flex;flex-direction:column;gap:2px}.hero-switcher__name-zh{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#fff}.hero-switcher__name-en{font-size:var(--text-sm);color:#ffffffa6}.hero-switcher__summary{font-size:var(--text-sm);color:#fffc;max-width:48ch;line-height:var(--leading-snug)}.hero-switcher__controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero-switcher__tab{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);min-height:44px;text-align:left}.hero-switcher__tab:hover{border-color:var(--color-border);background:var(--color-surface-raised)}.hero-switcher__tab--active{border-color:var(--color-cyan);background:#00e5d414}.hero-switcher__tab-zh{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.hero-switcher__tab-en{font-size:var(--text-xs);color:var(--color-text-faint)}.hero-switcher__random{display:flex;justify-content:flex-end;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){.hero-switcher__image{transition:none}}.mixer-page{padding-block:var(--space-12)}.mixer-page__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.mixer-page__desc{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-10);max-width:56ch}.fullscreen-body{overflow:hidden}.fullscreen-body #content{height:100dvh;width:100vw;overflow:hidden}.style-viewer{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);height:100dvh;width:100%;max-width:100vw;overflow:hidden;background:var(--color-bg)}.style-viewer__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.style-viewer__heading{display:flex;align-items:center;gap:var(--space-3);min-width:0}.style-viewer__category{flex-shrink:0}.style-viewer__name{font-size:var(--text-xl);font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-viewer__name-en{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted)}.style-viewer__back,.style-viewer__detail{flex-shrink:0}.style-viewer__stage{position:relative;display:flex;align-items:stretch;min-height:0;overflow:hidden;padding:var(--space-6)}.style-viewer__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:#161619d9;border:1px solid var(--color-border);color:var(--color-text);backdrop-filter:blur(8px);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.style-viewer__arrow:hover{background:var(--color-surface-raised);border-color:var(--color-cyan)}.style-viewer__arrow--prev{left:var(--space-4)}.style-viewer__arrow--next{right:var(--space-4)}.style-viewer__stage[data-mode=experiment] .style-viewer__arrow--prev{left:calc(var(--space-4) + 40px)}.style-viewer__stage[data-mode=reference] .style-viewer__arrow--next{right:calc(var(--space-4) + 40px)}.style-viewer__split{display:flex;align-items:stretch;gap:var(--space-4);width:100%;height:100%;min-height:0}.style-viewer__pane{flex:1 1 0;display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0;margin:0}.style-viewer__pane-label{font-size:var(--text-xs);font-weight:var(--weight-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--color-cyan);text-align:center}.style-viewer__pane-label--alt{color:var(--color-coral)}.style-viewer__image-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle)}.style-viewer__image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.style-viewer__pane--reference .style-viewer__image-wrap{border-color:#00e5d440}.style-viewer__pane--experiment .style-viewer__image-wrap{border-color:#ff5c4a40}.style-viewer__caption{font-size:var(--text-xs);color:var(--color-text-faint);text-align:center;line-height:var(--leading-normal)}.style-viewer__divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);align-self:center;flex:0 0 auto}.style-viewer__divider-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.1em;color:var(--color-text-faint);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface)}.style-viewer__collapse{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.style-viewer__collapse:hover{color:var(--color-text);border-color:var(--color-cyan);background:var(--color-surface-raised)}.style-viewer__expand{flex:0 0 auto;width:36px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.style-viewer__expand:hover{color:var(--color-text);border-color:var(--color-cyan);background:var(--color-surface-raised)}.style-viewer__expand--left svg{transform:scaleX(-1)}.style-viewer__expand-text{writing-mode:vertical-rl;text-orientation:mixed;font-size:var(--text-xs);letter-spacing:.1em}.style-viewer__filmstrip-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border-subtle);min-height:0}.style-viewer__counter{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.style-viewer__filmstrip{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:thin;padding-block:var(--space-1);flex:1 1 0;min-width:0}.style-viewer__thumb{position:relative;flex-shrink:0;width:96px;height:60px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;opacity:.55;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.style-viewer__thumb:hover{opacity:.85}.style-viewer__thumb--active{opacity:1;border-color:var(--color-cyan)}.style-viewer__thumb img{width:100%;height:100%;object-fit:cover}.style-viewer__thumb-name{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-size:10px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.style-viewer__topbar{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.style-viewer__name{font-size:var(--text-base)}.style-viewer__stage{padding:var(--space-3)}.style-viewer__split{flex-direction:column;gap:var(--space-2)}.style-viewer__divider{flex-direction:row}.style-viewer__arrow{width:44px;height:44px}.style-viewer__arrow--prev{left:var(--space-1)}.style-viewer__arrow--next{right:var(--space-1)}.style-viewer__stage[data-mode=experiment] .style-viewer__arrow--prev{left:var(--space-1)}.style-viewer__stage[data-mode=reference] .style-viewer__arrow--next{right:var(--space-1)}.style-viewer__divider-label{font-size:var(--text-xs)}.style-viewer__expand{width:auto;height:36px;flex-direction:row;align-self:stretch}.style-viewer__expand-text{writing-mode:horizontal-tb}.style-viewer__thumb{width:72px;height:46px}}.mixer__section{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.mixer__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.mixer__section-title{font-size:var(--text-xs);font-weight:var(--weight-semi);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.mixer__copy{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.mixer__prompt{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);font-family:var(--font-mono)}.mixer__avoid{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.mixer__effects,.mixer__notes{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.mixer__effects li,.mixer__notes li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:var(--space-4);position:relative}.mixer__effects li:before{content:"·";position:absolute;left:0;color:var(--color-cyan)}.mixer__notes li:before{content:"→";position:absolute;left:0;color:var(--color-coral);font-size:var(--text-xs);top:2px}.map-disclaimer{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.style-map{position:relative}.map-canvas{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.map-axis{position:absolute;font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.map-axis--x-left{bottom:var(--space-2);left:var(--space-4)}.map-axis--x-right{bottom:var(--space-2);right:var(--space-4)}.map-axis--y-bottom{left:var(--space-2);bottom:var(--space-6);writing-mode:vertical-rl;transform:rotate(180deg)}.map-axis--y-top{left:var(--space-2);top:var(--space-6);writing-mode:vertical-rl;transform:rotate(180deg)}.map-node{position:absolute;transform:translate(-50%,50%);display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:var(--space-1);min-width:44px;min-height:44px;justify-content:center;z-index:1}.map-node:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.map-node__dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--node-color, var(--color-text-muted));transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.map-node:hover .map-node__dot,.map-node[aria-pressed=true] .map-node__dot{transform:scale(1.6);box-shadow:0 0 0 3px #ffffff26}.map-node__label{font-size:9px;color:var(--color-text-faint);white-space:nowrap;opacity:0;transition:opacity var(--transition-fast);pointer-events:none;max-width:60px;text-overflow:ellipsis;overflow:hidden;text-align:center}.map-node:hover .map-node__label,.map-node[aria-pressed=true] .map-node__label{opacity:1}.map-panel{position:absolute;z-index:10;width:220px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-raised)}.map-panel__close{position:absolute;top:var(--space-2);right:var(--space-2);min-height:28px;min-width:28px;font-size:var(--text-lg);line-height:1;padding:2px 6px;color:var(--color-text-muted)}.map-panel__period{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-1)}.map-panel__name{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--color-text);padding-right:var(--space-6)}.map-panel__name span{font-weight:var(--weight-regular);color:var(--color-text-muted)}.map-panel__summary{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.map-panel__ratings{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-faint)}.map-panel__link{font-size:var(--text-xs);min-height:32px;padding:var(--space-1) var(--space-3);text-align:center;text-decoration:none}.map-list{display:none;list-style:none;flex-direction:column;gap:var(--space-1);margin-top:var(--space-6)}.map-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.map-list__item:before{content:"";display:block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.map-list__item[data-category=digital-distortion]:before{background:var(--color-cat-digital)}.map-list__item[data-category=internet-nostalgia]:before{background:var(--color-cat-internet)}.map-list__item[data-category=emotional-worlds]:before{background:var(--color-cat-emotional)}.map-list__item[data-category=visual-ancestors]:before{background:var(--color-cat-ancestor)}.map-list__item a{font-size:var(--text-sm);color:var(--color-text);text-decoration:none}.map-list__item a:hover{color:var(--color-link)}.map-list__en{color:var(--color-text-faint);font-size:var(--text-xs)}@media(max-width:768px){.site-header{padding:var(--space-3) var(--space-4)}.hero{padding-block:var(--space-12) var(--space-10)}.comparison,.style-detail__ratings-grid,.mixer__selectors{grid-template-columns:1fr}.mixer__cross{display:none}.catalog__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.map-canvas{display:none}.map-list{display:flex}}@media(max-width:480px){:root{--container-pad: var(--space-4)}.catalog__grid{grid-template-columns:1fr}}.cat-atlas-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:center;padding:var(--space-8) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.cat-atlas-feature__media{border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.cat-atlas-feature__media img{display:block;width:100%;height:auto}.cat-atlas-feature__eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-3)}.cat-atlas-feature__heading{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.cat-atlas-feature__body{font-size:var(--text-sm);color:var(--color-text-muted);max-width:38ch;margin-bottom:var(--space-5)}@media(max-width:720px){.cat-atlas-feature{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-6) 0}}.application-prompt{display:flex;flex-direction:column;gap:var(--space-4)}.application-prompt__modes{display:flex;gap:var(--space-2);flex-wrap:wrap}.application-prompt__mode[aria-pressed=true]{border-color:var(--color-cyan);color:var(--color-cyan)}.application-prompt__avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0}.application-prompt__avatar img{width:min(320px,100%);height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.application-prompt__avatar figcaption{font-size:var(--text-xs);color:var(--color-text-faint)}.application-prompt__text{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.application-prompt__prompt{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.application-prompt__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.application-prompt__feedback{font-size:var(--text-sm);color:var(--color-cyan);opacity:0;transition:opacity var(--transition-fast)}.application-prompt__feedback[data-visible=true]{opacity:1}.style-detail__more{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6)}.style-detail__more>summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semi);letter-spacing:.04em;color:var(--color-text-muted);list-style:none}.style-detail__more>summary::-webkit-details-marker{display:none}.style-detail__more[open]>summary{margin-bottom:var(--space-6)}.detail-nav__links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.detail-nav__link{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.detail-nav__link:hover{border-color:var(--color-cyan);color:var(--color-text)}.detail-nav__link--next{text-align:right}.detail-nav__dir{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}.detail-nav__name{font-size:var(--text-base);font-weight:var(--weight-semi)}.detail-nav__name-en{font-size:var(--text-xs);color:var(--color-text-faint)}.detail-nav__arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:50;display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border-subtle);border-radius:999px;background:#11131899;color:var(--color-text-muted);backdrop-filter:blur(6px);cursor:pointer;opacity:.55;transition:opacity var(--transition-fast),color var(--transition-fast)}.detail-nav__arrow:hover{opacity:1;color:var(--color-text)}.detail-nav__arrow--prev{left:var(--space-4)}.detail-nav__arrow--next{right:var(--space-4)}@media(pointer:fine)and (min-width:900px){.detail-nav__arrow{display:flex}}@media(max-width:560px){.detail-nav__links{grid-template-columns:1fr}.detail-nav__link--next{text-align:left}}