.block-browser{display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-s);overflow-y:auto;height:100%}.block-browser__category{display:flex;flex-direction:column;gap:var(--space-xs)}.block-browser__category-title{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary);margin:0;padding-left:2px}.block-browser__grid{display:flex;flex-direction:column;gap:var(--space-xs)}.block-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);background:var(--surface-card);border:1px solid var(--border-gold-soft);border-radius:var(--radius-card);padding:10px 12px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;text-align:left}.block-card:hover,.block-card:focus-visible{border-color:var(--border-gold-mid);box-shadow:var(--glow-gold-soft);outline:none}.block-card--active{border-color:var(--border-electric);box-shadow:0 0 16px #46e0a047}.block-card__info{display:flex;flex-direction:column;gap:4px;min-width:0}.block-card__name{font-family:var(--font-body);font-weight:600;font-size:var(--text-large);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-card__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary)}.block-card__syllable{font-family:var(--font-body);font-style:italic;color:var(--text-secondary);font-size:var(--text-small)}.block-card__difficulty{display:inline-flex;gap:3px;align-items:center}.block-card__dot{width:5px;height:5px;border-radius:50%;background:var(--border-gold-soft)}.block-card__dot--filled{background:var(--gold)}.block-card__add{flex-shrink:0;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gold);background:transparent;border:1px solid var(--border-gold);border-radius:var(--radius-pill);padding:6px 12px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.block-card__add:hover,.block-card__add:focus-visible{color:var(--electric);border-color:var(--border-electric);outline:none}.timeline{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-s);height:100%;overflow-y:auto;border:1px solid transparent;border-radius:var(--radius-card-lg);transition:border-color .2s ease,box-shadow .2s ease}.timeline--drag-active{border-color:var(--border-gold-mid);box-shadow:var(--glow-gold-soft)}.timeline__empty{position:relative;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-body);font-style:italic;font-size:var(--text-large);color:var(--text-tertiary);border:1px dashed var(--border-gold-soft);border-radius:var(--radius-card-lg);padding:var(--space-l)}.timeline-insert-indicator--empty{position:absolute;top:var(--space-m);bottom:var(--space-m);right:var(--space-l)}.timeline__row{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-content:flex-start}.timeline-insert-indicator{width:2px;align-self:stretch;flex-shrink:0;background:var(--gold-bright);border-radius:2px;box-shadow:0 0 8px 1px #c9a24aa6,0 0 16px 3px #c9a24a59}.timeline-chip{display:flex;align-items:center;gap:8px;background:var(--surface-card);border:1px solid var(--border-gold-soft);border-radius:var(--radius-card);padding:8px 10px;cursor:grab;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.timeline-chip:active{cursor:grabbing}.timeline-chip--dragging{opacity:.4}.timeline-chip--active{border-color:var(--gold);box-shadow:var(--glow-gold)}.timeline-chip__label{display:flex;flex-direction:column;gap:2px;padding-right:4px}.timeline-chip__name{font-family:var(--font-body);font-weight:600;font-size:var(--text-medium);color:var(--text-primary);white-space:nowrap}.timeline-chip__repeat{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary)}.timeline-chip__controls{display:flex;align-items:center;gap:3px}.timeline-chip__btn{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-gold-soft);border-radius:6px;width:22px;height:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease}.timeline-chip__btn:hover,.timeline-chip__btn:focus-visible{color:var(--electric);border-color:var(--border-electric);outline:none}.timeline-chip__btn:disabled{opacity:.3;cursor:default}.timeline-chip__btn--remove{color:var(--text-tertiary)}.timeline-chip__btn--remove:hover,.timeline-chip__btn--remove:focus-visible{color:var(--gold-bright);border-color:var(--border-gold-mid)}.transport{position:sticky;grid-column:1 / -1;bottom:0;z-index:40;display:flex;align-items:center;gap:var(--space-m);height:72px;padding:0 var(--space-m);background:var(--surface-nav);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-gold);overflow-x:auto}.transport__group{display:flex;align-items:center;gap:8px;flex-shrink:0}.transport__label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}.transport__value{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;color:var(--gold-light);min-width:3.5ch;text-align:right}.transport__play{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--gradient-gold-pill);border:none;color:var(--text-on-gold);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.transport__play:hover,.transport__play:focus-visible{box-shadow:var(--glow-gold);outline:none}.transport__play:active{transform:scale(.96)}.transport__play-icon{width:14px;height:14px;display:block}.transport__pill-btn{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;background:transparent;color:var(--gold);border:1px solid var(--border-gold);border-radius:var(--radius-pill);padding:8px 16px;cursor:pointer;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.transport__pill-btn:hover,.transport__pill-btn:focus-visible{color:var(--electric);border-color:var(--border-electric);outline:none}.transport__pill-btn--on{color:var(--electric);border-color:var(--border-electric);box-shadow:0 0 14px #46e0a040}.transport__slider{width:120px;accent-color:var(--gold)}.transport__select{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-gold-soft);border-radius:var(--radius-input);padding:6px 8px;cursor:pointer}.transport__select:hover,.transport__select:focus-visible{border-color:var(--border-gold-mid);outline:none}.transport__spacer{flex:1;min-width:var(--space-s)}.saved-riffs{display:flex;flex-direction:column;height:100%;border-left:1px solid var(--border-gold-soft)}.saved-riffs__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-s);border-bottom:1px solid var(--border-gold-soft)}.saved-riffs__title{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary);margin:0}.saved-riffs__toggle{font-family:var(--font-mono);font-size:var(--text-label);color:var(--gold);background:transparent;border:1px solid var(--border-gold-soft);border-radius:var(--radius-pill);width:24px;height:24px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.saved-riffs__toggle:hover,.saved-riffs__toggle:focus-visible{color:var(--electric);border-color:var(--border-electric);outline:none}.saved-riffs__list{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-s);overflow-y:auto}.saved-riffs__empty{font-family:var(--font-body);font-style:italic;color:var(--text-tertiary);font-size:var(--text-small);padding:var(--space-s) 0}.saved-riff-card{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-card);border:1px solid var(--border-gold-soft);border-radius:var(--radius-card);padding:8px 10px;transition:border-color .2s ease}.saved-riff-card--current{border-color:var(--border-gold-mid)}.saved-riff-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.saved-riff-card__name{font-family:var(--font-body);font-size:var(--text-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-riff-card__meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.saved-riff-card__actions{display:flex;gap:4px;flex-shrink:0}.saved-riff-card__btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid var(--border-gold-soft);border-radius:var(--radius-pill);padding:5px 10px;color:var(--gold);cursor:pointer;transition:color .2s ease,border-color .2s ease}.saved-riff-card__btn:hover,.saved-riff-card__btn:focus-visible{color:var(--electric);border-color:var(--border-electric);outline:none}.saved-riff-card__btn--delete{color:var(--text-tertiary)}.saved-riff-card__btn--delete:hover,.saved-riff-card__btn--delete:focus-visible{color:var(--gold-bright);border-color:var(--border-gold-mid)}.hero{position:relative;min-height:calc(100vh - 62px);display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--section-padding-x);overflow:hidden;isolation:isolate}.hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 100% 0%,rgba(39,71,176,.14),transparent 60%),radial-gradient(ellipse 55% 45% at 0% 100%,rgba(201,162,74,.1),transparent 60%)}.hero__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);max-width:760px;text-align:center}.hero__eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent-eyebrow)}.hero__headline{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(3rem,9vw,6.5rem);line-height:var(--leading-heading);background:var(--gradient-gold-name);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold)}.hero__tagline{margin:0;font-family:var(--font-body);font-style:italic;font-size:clamp(1.35rem,2.2vw,2rem);color:var(--text-primary)}.hero__body{margin:0;max-width:52ch;font-family:var(--font-body);font-size:var(--text-large);line-height:var(--leading-body);color:var(--text-secondary)}.hero__cta{margin-top:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;background:var(--gradient-gold-pill);color:var(--text-on-gold);border:none;border-radius:var(--radius-pill);padding:14px 36px;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.hero__cta:hover,.hero__cta:focus-visible{box-shadow:var(--glow-gold);outline:none}.hero__cta:active{transform:scale(.96)}.hero__hint{margin:0;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary)}.hero-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-s) 0;font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-label);color:var(--border-gold-mid)}@media (max-width: 600px){.hero{padding:var(--space-l) var(--section-padding-x)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--surface-page);color:var(--text-primary)}button,input,select{font-family:inherit;color:inherit}button{background:none;border:none}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--surface-page);color:var(--text-primary);isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 15% 0%,rgba(39,71,176,.16),transparent 60%),radial-gradient(ellipse 50% 35% at 100% 100%,rgba(201,162,74,.1),transparent 60%)}.app-header{position:sticky;top:0;z-index:50;height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-m);background:var(--surface-nav);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-gold)}.app-header__brand{display:flex;align-items:baseline;gap:var(--space-s)}.app-header__wordmark{font-family:var(--font-display);font-weight:800;font-size:var(--text-medium);letter-spacing:.04em;margin:0;background:var(--gradient-gold-name);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold)}.app-header__eyebrow{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent-eyebrow)}.app-main{flex:none;display:grid;grid-template-columns:300px 1fr 280px;height:calc(100vh - 62px);min-height:0;scroll-margin-top:62px;grid-template-rows:1fr auto}.app-main__browser{border-right:1px solid var(--border-gold-soft);min-height:0}.app-main__center{display:flex;flex-direction:column;min-height:0;min-width:0}.app-project-bar{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s);border-bottom:1px solid var(--border-gold-soft);flex-shrink:0}.app-project-bar__name{flex:1;min-width:0;font-family:var(--font-body);font-style:italic;font-size:var(--text-large);color:var(--text-primary);background:transparent;border:none;border-bottom:1px solid transparent;padding:4px 2px;transition:border-color .2s ease}.app-project-bar__name:hover,.app-project-bar__name:focus-visible{border-color:var(--border-gold);outline:none}.app-project-bar__save{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;background:var(--gradient-gold-pill);color:var(--text-on-gold);border:none;border-radius:var(--radius-pill);padding:8px 20px;cursor:pointer;transition:box-shadow .2s ease}.app-project-bar__save:hover,.app-project-bar__save:focus-visible{box-shadow:var(--glow-gold);outline:none}.app-main__timeline{flex:1;min-height:0}.app-main__saved{min-height:0}@media (max-width: 960px){.app-main{grid-template-columns:1fr;grid-template-rows:none;align-content:start;height:auto;min-height:calc(100vh - 62px)}.app-main__browser,.app-main__saved{border:none;border-top:1px solid var(--border-gold-soft)}}@font-face{font-family:Cinzel;font-weight:700;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cinzel-v26-latin-700.woff2) format("woff2")}@font-face{font-family:Cinzel;font-weight:800;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cinzel-v26-latin-800.woff2) format("woff2")}@font-face{font-family:Cinzel;font-weight:900;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cinzel-v26-latin-900.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:400;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cormorant-garamond-v21-latin-regular.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:400;font-style:italic;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cormorant-garamond-v21-latin-italic.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:500;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cormorant-garamond-v21-latin-500.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:500;font-style:italic;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cormorant-garamond-v21-latin-500italic.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:600;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/cormorant-garamond-v21-latin-600.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/jetbrains-mono-v24-latin-regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:500;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/jetbrains-mono-v24-latin-500.woff2) format("woff2")}@font-face{font-family:Tangerine;font-weight:700;font-style:normal;font-display:swap;src:url(/wp-content/plugins/tanya-empress-core/riff-alchemy/fonts/tangerine-v18-latin-700.woff2) format("woff2")}:root{--ink: #08080c;--ink-2: #0a0a10;--ink-3: #070709;--gold: #c9a24a;--gold-deep: #9c7a2e;--gold-light: #e8c879;--gold-bright: #f6e7b0;--gold-pale: #fbf1ce;--lapis: #2747b0;--blue-text: #5a6fb0;--sand: #c9a86a;--electric: #46e0a0;--text: #e9e2cf;--text-muted: #a99f86;--text-dim: #8a7c4e;--gradient-gold-pill: linear-gradient(180deg, #e8c879 0%, #c49a40 100%);--gradient-gold-name: linear-gradient(176deg, #fbf1ce 0%, #ebcb7d 34%, #c99b3e 58%, #9a7327 100%);--gradient-cartouche: linear-gradient(160deg, #f6e7b0 0%, #9c7a2e 50%, #2747b0 100%);--surface-page: var(--ink);--surface-panel: var(--ink-2);--surface-footer: var(--ink-3);--surface-card: rgba(8, 8, 12, .5);--surface-nav: rgba(8, 8, 12, .82);--text-primary: var(--text);--text-secondary: var(--text-muted);--text-tertiary: var(--text-dim);--text-on-gold: #1a1404;--accent-eyebrow: var(--electric);--accent-hover: #f3dfa0;--link-color: var(--text);--link-hover-color: var(--gold-light);--border-gold: rgba(201, 162, 74, .28);--border-gold-soft: rgba(201, 162, 74, .16);--border-gold-mid: rgba(201, 162, 74, .4);--border-electric: var(--electric)}:root{--font-display: "Cinzel", serif;--font-body: "Cormorant Garamond", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--font-script: "Tangerine", cursive;--text-label: 11px;--text-small: 15px;--text-medium: 18px;--text-large: clamp(17px, 1.7vw, 22px);--text-heading: clamp(32px, 4.5vw, 56px);--text-display: clamp(46px, 9vw, 128px);--tracking-label: .3em;--tracking-nav: .2em;--tracking-eyebrow: .34em;--leading-heading: 1.05;--leading-body: 1.6}:root{--space-xs: 8px;--space-s: 16px;--space-m: 28px;--space-l: clamp(40px, 5vw, 64px);--space-xl: clamp(56px, 8vw, 108px);--content-width: 1180px;--content-wide: 1240px;--section-padding-y: clamp(56px, 8vw, 108px);--section-padding-x: clamp(20px, 5vw, 72px);--radius-pill: 999px;--radius-card: 8px;--radius-card-lg: 10px;--radius-input: 8px;--radius-portal: 180px 180px 14px 14px}:root{--grain-opacity: .07;--scanline-opacity: .5;--glow-gold: 0 0 30px rgba(201, 162, 74, .55);--glow-gold-soft: 0 0 60px rgba(39, 71, 176, .25)}.ds-grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.ds-scanline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:59;opacity:var(--scanline-opacity);background-image:repeating-linear-gradient(180deg,#0000,#0000 2px,#00000029 3px)}@media (prefers-reduced-motion: reduce){.ds-grain-overlay,.ds-scanline-overlay{display:none}}