:root{--bg-page: #05060a;--bg-panel: rgba(20, 20, 24, .6);--bg-panel-strong: rgba(26, 26, 32, .78);--bg-panel-elevated: rgba(26, 26, 32, .78);--bg-chip: rgba(255, 255, 255, .06);--bg-chip-hover: rgba(255, 255, 255, .16);--bg-xr-bar: rgba(12, 14, 20, .95);--canvas-bg-gradient-top: #30303a;--canvas-bg-gradient-bottom: #111118;--border-subtle: rgba(255, 255, 255, .1);--border-white: #ffffff;--border-grey: #6f7280;--border-dark: #3a3d4a;--border-dashed: #5a5d6b;--text-primary: #f9fafb;--text-secondary: rgba(249, 250, 251, .65);--text-dim: rgba(249, 250, 251, .4);--text-white: #ffffff;--text-black: #000000;--text-grey: #9ca3af;--text-light-grey: #e5e7eb;--accent: #9b87ff;--accent-soft: rgba(155, 135, 255, .32);--cta: #ff6f61;--cta-soft: rgba(255, 111, 97, .26);--brand-primary: #667eea;--brand-secondary: #764ba2;--brand-primary-hover: #5568d3;--spotify-green: #1DB954;--soundcloud-orange: #FF5500;--google-blue: #4285F4;--meta-blue: #0081FB;--success-green: #4caf50;--success-green-hover: #45a049;--error-red: #FF3355;--warning-orange: #FFAF50;--success-bg: rgba(46, 125, 50, .18);--success-text: #a5e3a8;--error-bg: rgba(198, 40, 40, .2);--error-text: #ffb1be;--info-bg: rgba(25, 118, 210, .2);--info-text: #9cc9ff;--warning-bg: rgba(255, 179, 71, .2);--hand-color-base: #4a9eff;--hand-color-glow: #6bb5ff;--hand-color-pinch: #ffd93d;--font-family-base: -apple-system, system-ui, BlinkMacSystemFont, "SF Pro Text", sans-serif;--font-family-system: system-ui, Arial, sans-serif;--font-family-monospace: "JetBrains Mono", "SF Mono", Menlo, monospace;--font-family-emoji: system-ui, emoji, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--canvas-font-xs: 12px;--canvas-font-sm: 14px;--canvas-font-md: 18px;--canvas-font-lg: 20px;--canvas-font-xl: 24px;--canvas-font-2xl: 28px;--canvas-font-3xl: 32px;--canvas-font-4xl: 36px;--canvas-font-5xl: 40px;--canvas-font-6xl: 42px;--canvas-font-7xl: 44px;--canvas-font-8xl: 48px;--canvas-font-9xl: 56px;--canvas-font-10xl: 60px;--canvas-font-11xl: 68px;--canvas-font-12xl: 70px;--canvas-font-13xl: 72px;--canvas-font-14xl: 80px;--canvas-font-15xl: 96px;--canvas-font-16xl: 120px;--canvas-font-17xl: 200px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--line-height-loose: 1.8;--space-xxs: 2px;--space-xs: 6px;--space-sm: 12px;--space-md: 18px;--space-lg: 28px;--space-xl: 40px;--space-2xl: 52px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 96px;--space-6xl: 120px;--space-7xl: 160px;--canvas-space-xs: 4px;--canvas-space-sm: 8px;--canvas-space-md: 12px;--canvas-space-lg: 16px;--canvas-space-xl: 24px;--canvas-space-2xl: 32px;--canvas-space-3xl: 40px;--canvas-space-4xl: 52px;--canvas-space-5xl: 64px;--canvas-space-6xl: 80px;--canvas-space-7xl: 96px;--canvas-space-8xl: 120px;--canvas-space-9xl: 160px;--canvas-space-10xl: 200px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--radius-3xl: 48px;--radius-4xl: 56px;--radius-full: 999px;--radius-outer: 32px;--radius-inner: 24px;--radius-button: 999px;--radius-panel: var(--radius-outer);--radius-card: var(--radius-inner);--canvas-radius-sm: 6px;--canvas-radius-md: 12px;--canvas-radius-lg: 24px;--canvas-radius-xl: 32px;--shadow-sm: 0 8px 18px rgba(0,0,0,.35);--shadow-md: 0 12px 28px rgba(0,0,0,.45);--shadow-lg: 0 22px 48px rgba(0,0,0,.55);--shadow-xl: 0 28px 80px rgba(0,0,0,.7);--shadow-brand: 0 10px 30px rgba(102, 126, 234, .55);--shadow-text: 0 0 8px rgba(0, 0, 0, .6);--canvas-shadow-sm: 10px;--canvas-shadow-md: 15px;--canvas-shadow-lg: 20px;--transition-fast: .1s ease-in-out;--transition-base: .12s ease;--transition-normal: .2s ease;--transition-slow: .25s ease;--transition-slower: .3s ease;--transition-slowest: .5s ease;--canvas-transition-fast: .1s;--canvas-transition-base: .12s;--canvas-transition-normal: .2s;--canvas-transition-slow: .25s;--canvas-transition-slower: .3s;--canvas-transition-slowest: .5s;--z-base: 10;--z-overlay: 100;--z-modal: 10000;--opacity-disabled: .45;--opacity-dim: .4;--opacity-muted: .65;--opacity-subtle: .08;--opacity-hover: .16;--opacity-panel: .6;--opacity-panel-strong: .78;--opacity-backdrop: .4;--opacity-backdrop-blur: .8;--backdrop-blur: blur(14px) saturate(135%);--backdrop-blur-strong: blur(18px) saturate(135%);--backdrop-blur-weak: blur(4px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at top left,#141827 0,#05060a 52%,#020308);color:var(--text-white);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased}canvas{display:block}h1,.heading-xl{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;color:var(--text-primary);letter-spacing:.01em}h2,.heading-lg{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0;color:var(--text-primary)}h3,.heading-md{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs) 0;color:var(--text-primary)}p{margin:var(--space-xs) 0;line-height:var(--line-height-relaxed);color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-base)}a:hover{color:var(--cta)}code{font-family:var(--font-family-monospace);font-size:var(--font-size-sm);background:#0f172ae6;padding:3px 8px;border-radius:var(--radius-xs);border:1px solid rgba(148,163,184,.5)}.container{max-width:600px;width:100%;margin:0 auto;padding:var(--space-3xl)}.section{margin-bottom:var(--space-2xl);padding:var(--space-lg);background:var(--bg-panel);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:var(--radius-button);font-weight:var(--font-weight-semibold);border:1px solid transparent;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),border-color var(--transition-base);font-size:var(--font-size-md);letter-spacing:.01em}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.96);box-shadow:0 4px 14px #000000b3}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--cta);color:var(--text-white);box-shadow:0 10px 24px #00000073}.btn-primary:hover{background:#ff7f6f}.btn-secondary{background:var(--bg-chip);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--bg-chip-hover)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-spotify{background:var(--spotify-green);color:var(--text-white)}.btn-soundcloud{background:var(--soundcloud-orange);color:var(--text-white)}.btn-google{background:var(--google-blue);color:var(--text-white)}.btn-meta{background:var(--meta-blue);color:var(--text-white)}.btn-success{background:var(--success-green);color:var(--text-white)}.btn-success:hover{background:var(--success-green-hover)}#xr-bar button{padding:10px 22px;border-radius:var(--radius-button);border:1px solid var(--border-subtle);background:var(--bg-panel-strong);color:var(--text-primary);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:8px}#xr-bar button:hover{background:#232734f2}#xr-bar button[disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.input{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid rgba(148,163,184,.6);font-family:var(--font-family-monospace);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);transition:border-color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal);background:#0f172ad9;color:var(--text-primary)}.input::placeholder{color:#94a3b8b3}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #9b87ff66;background:#0f172afa}textarea.input{resize:vertical;min-height:100px}.card{background:var(--bg-panel);color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);display:flex;flex-direction:column;gap:var(--space-sm)}.card-strong{background:var(--bg-panel-strong)}.hud-toast{background:var(--bg-panel);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);transition:opacity var(--transition-slower),transform var(--transition-slow);transform:translateY(4px);opacity:0}.hud-toast.is-visible{opacity:1;transform:translateY(0)}.hud-toast.is-fading{opacity:.8}.output{background:var(--success-bg);padding:var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-sm);word-break:break-all;font-family:var(--font-family-monospace);font-size:var(--font-size-sm);display:none}.output.show{display:block}.error{background:var(--error-bg);color:var(--error-text);padding:var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-sm);display:none}.error.show{display:block}.success{background:var(--success-bg);color:var(--success-text);padding:var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-sm);display:none}.success.show{display:block}.info{background:var(--info-bg);padding:var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--info-text)}.hud-root{position:fixed;top:var(--space-md);left:var(--space-md);z-index:var(--z-base);display:flex;flex-direction:column;gap:var(--space-sm)}#xr-bar{position:fixed;left:var(--space-md);bottom:var(--space-md);z-index:var(--z-overlay);display:flex;gap:var(--space-sm);flex-wrap:wrap}.xr-overlay *{pointer-events:auto}.hud-player-panel{background:var(--bg-panel);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.hud-player-panel button{background:var(--bg-chip);border:none;color:var(--text-primary);cursor:pointer;padding:6px 16px;margin-right:var(--space-xs);font-size:var(--font-size-sm);border-radius:var(--radius-button);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.hud-player-panel button:hover{background:var(--bg-chip-hover);transform:scale(1.05)}.hud-player-panel span{margin-left:var(--space-xs)}.hud-player-panel.is-hidden-in-main-feed{display:none!important}.hud-reaction{position:absolute;top:80px;left:50%;transform:translate(-50%);background:var(--bg-panel);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);color:var(--text-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);text-align:center;transition:opacity var(--transition-slow),transform var(--transition-slow);pointer-events:none;opacity:0}.hud-reaction.is-visible{opacity:1;transform:translate(-50%)}.hud-reaction.is-hidden{opacity:0;transform:translate(-50%,8px)}.hud-reaction-title{font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.hud-reaction-row{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-sm)}.hud-reaction-comments{max-width:280px;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-secondary)}.hud-reaction-comments p{margin:var(--space-xxs) 0}.music-ui-container{position:fixed;bottom:var(--space-3xl);right:var(--space-3xl);background:var(--bg-panel-strong);color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);z-index:var(--z-modal);min-width:300px}.music-ui-container.is-hidden-in-main-feed{display:none!important}.music-ui-title{margin:0 0 var(--space-sm) 0}.music-ui-auth-buttons{margin-bottom:var(--space-md)}.music-ui-button{width:100%;padding:10px 16px;border:none;border-radius:var(--radius-button);cursor:pointer;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.music-ui-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.music-ui-button:active{transform:scale(.97)}.music-ui-button:last-child{margin-bottom:0}.music-ui-button--spotify{background:var(--spotify-green);color:var(--text-white)}.music-ui-button--soundcloud{background:var(--soundcloud-orange);color:var(--text-white)}.music-ui-track-info{margin-bottom:var(--space-md)}.music-ui-track-title{font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.music-ui-track-artist{font-size:var(--font-size-xs);color:var(--text-secondary)}.music-ui-controls{display:flex;gap:var(--space-sm)}.music-ui-control-button{flex:1;padding:10px 0;border:none;border-radius:var(--radius-button);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);background:var(--bg-chip)}.music-ui-control-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.music-ui-control-button:active{transform:scale(.97)}.music-ui-control-button--play,.music-ui-control-button--stop{background:var(--cta);color:var(--text-white)}.music-ui-empty-state{color:var(--text-dim);font-size:var(--font-size-xs)}.auth-ui-container{position:fixed;top:var(--space-3xl);left:var(--space-3xl);background:var(--bg-panel-strong);color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);z-index:var(--z-modal);min-width:260px}.auth-ui-container.is-hidden-in-main-feed{display:none!important}.auth-ui-title{margin:0 0 var(--space-sm) 0}.auth-ui-user-info{margin-bottom:var(--space-md)}.auth-ui-user-name{font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.auth-ui-user-provider{font-size:var(--font-size-xs);color:var(--text-secondary)}.auth-ui-user-email{font-size:11px;color:var(--text-dim)}.auth-ui-button{width:100%;padding:10px 16px;border:none;border-radius:var(--radius-button);cursor:pointer;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);background:var(--bg-chip)}.auth-ui-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-ui-button:active{transform:scale(.97)}.auth-ui-button:last-child{margin-bottom:0}.auth-ui-button--google{background:var(--google-blue);color:var(--text-white)}.auth-ui-button--meta{background:var(--meta-blue);color:var(--text-white)}.auth-ui-button--guest{background:var(--bg-chip);color:var(--text-primary)}.auth-ui-button--guest:hover{background:var(--bg-chip-hover)}.auth-ui-button--signout{background:var(--cta);color:var(--text-white)}.asset-link-ui-container{position:fixed;top:var(--space-3xl);right:var(--space-3xl);background:var(--bg-panel-strong);color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);backdrop-filter:var(--backdrop-blur-strong);-webkit-backdrop-filter:var(--backdrop-blur-strong);max-width:400px;z-index:var(--z-modal)}.asset-link-ui-title{margin:0 0 var(--space-sm) 0}.asset-link-ui-form{margin-bottom:var(--space-md)}.asset-link-ui-input{width:100%;padding:10px 12px;border:1px solid var(--border-subtle);background:#0f172ad9;color:var(--text-primary);border-radius:var(--radius-card);margin-bottom:var(--space-xs);font-size:var(--font-size-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.asset-link-ui-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #9b87ff66;background:#0f172afa}.asset-link-ui-button{width:100%;padding:10px 16px;background:var(--cta);color:var(--text-white);border:none;border-radius:var(--radius-button);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.asset-link-ui-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.asset-link-ui-button:active{transform:scale(.97)}.asset-link-ui-list{max-height:300px;overflow-y:auto}.asset-link-ui-item{padding:var(--space-xs);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.asset-link-ui-item-content{flex:1}.asset-link-ui-item-title{font-weight:var(--font-weight-bold);margin-bottom:var(--space-xxs)}.asset-link-ui-item-meta{font-size:11px;color:var(--text-secondary)}.asset-link-ui-item-url{font-size:10px;color:var(--text-dim);word-break:break-all}.asset-link-ui-remove-button{padding:6px 10px;background:var(--cta);color:var(--text-white);border:none;border-radius:var(--radius-button);cursor:pointer;margin-left:var(--space-xs);font-size:var(--font-size-xs);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.asset-link-ui-remove-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.asset-link-ui-remove-button:active{transform:scale(.97)}.asset-link-ui-empty-state{color:var(--text-dim);font-size:var(--font-size-xs)}.is-hidden{display:none!important}.is-visible{display:block}.is-active{opacity:1}.is-inactive{opacity:var(--opacity-disabled)}.is-hidden-in-main-feed,.hidden{display:none!important}.spacer{flex-grow:1}