.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:300px;max-width:500px;pointer-events:auto;border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text)}.toast-success{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-strong) 88%,var(--color-success) 12%) 0%,var(--color-surface-strong) 100%);border-left:4px solid color-mix(in srgb,var(--color-success) 70%,var(--color-text) 30%)}.toast-error{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-strong) 88%,var(--color-danger) 12%) 0%,var(--color-surface-strong) 100%);border-left:4px solid color-mix(in srgb,var(--color-danger) 70%,var(--color-text) 30%)}.toast-info{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-strong) 92%,var(--color-accent) 8%) 0%,var(--color-surface-strong) 100%);border-left:4px solid color-mix(in srgb,var(--color-accent) 70%,var(--color-text) 30%)}.toast-icon{font-size:18px;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.4}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@media (max-width: 768px){.toast-container{left:20px;right:20px}.toast{min-width:auto;max-width:none}}.dialog-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:12000}.dialog-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(var(--blur-sm))}.dialog-surface{position:relative;z-index:1;width:min(640px,92vw);max-height:84vh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:0;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);box-shadow:var(--shadow-lg);animation:dialogIn var(--motion-base) var(--ease-emphasized)}.dialog-sm{width:min(460px,92vw)}.dialog-lg{width:min(820px,94vw)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border)}.dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.dialog-description{margin:var(--space-2) 0 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.dialog-close{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;width:36px;height:36px;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit}.dialog-body{padding:var(--space-5);overflow:auto}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}@keyframes dialogIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.room-navigator{width:100%;height:100dvh;overflow:hidden;position:relative;background:var(--bg-primary);display:flex}.room-sidebar-backdrop{position:fixed;inset:0;z-index:800;background:#00000047;opacity:0;pointer-events:none;transition:opacity .22s ease}.room-sidebar-backdrop.open{opacity:1;pointer-events:auto}.room-sidebar{position:relative;z-index:900;height:100dvh;width:268px;flex:0 0 auto;border-right:1px solid color-mix(in srgb,var(--border-color) 70%,transparent 30%);background:radial-gradient(1100px 760px at 20% 10%,#ffffff29,#ffffff0f 58%,#0000001a),color-mix(in srgb,var(--bg-secondary) 82%,transparent 18%);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);display:flex;flex-direction:column;padding:12px 12px 14px;transition:transform .26s ease,opacity .26s ease,width .26s ease}.room-sidebar-top{display:flex;align-items:center;gap:10px;padding:8px 6px 10px}.room-sidebar-brand{font-size:12px;font-weight:900;letter-spacing:.22em;color:color-mix(in srgb,var(--text-secondary) 70%,transparent 30%);user-select:none}.room-sidebar-toggle{width:38px;height:38px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent 40%);background:color-mix(in srgb,var(--bg-primary) 65%,transparent 35%);display:grid;place-items:center;gap:3px;padding:0;cursor:pointer}.room-sidebar-toggle:hover{background:color-mix(in srgb,var(--bg-primary) 78%,transparent 22%)}.room-sidebar-toggle-bar{display:block;width:16px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 70%,transparent 30%)}.room-sidebar-nav{display:flex;flex-direction:column;gap:6px;padding:8px 4px 0;overflow-y:auto;overscroll-behavior:contain}.room-sidebar-item{width:100%;height:40px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:700;text-align:left;padding:0 12px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;display:flex;align-items:center;gap:10px}.room-sidebar-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:10px;background:#ffffff59;border:1px solid rgba(0,0,0,.06);color:color-mix(in srgb,var(--text-primary) 72%,transparent 28%);flex:0 0 auto}.room-sidebar-item:hover{background:color-mix(in srgb,var(--bg-primary) 64%,transparent 36%);color:var(--text-primary)}.room-sidebar-item.active{background:color-mix(in srgb,var(--bg-primary) 72%,transparent 28%);border-color:color-mix(in srgb,var(--border-color) 70%,transparent 30%);color:var(--text-primary)}.room-sidebar-item.active .room-sidebar-icon{background:#d4af3729;border-color:#d4af3757}.room-sidebar-item:active{transform:translateY(1px)}.room-sidebar-item-label{display:inline-block;white-space:nowrap}.room-sidebar.narrow{position:fixed;top:0;left:0;z-index:900;transform:translate(-102%);box-shadow:0 24px 70px #00000038}.room-sidebar.narrow.open{transform:translate(0)}.room-sidebar.narrow.closed{transform:translate(-102%)}.room-sidebar-fab{position:fixed;top:14px;left:14px;z-index:850;width:44px;height:44px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 62%,transparent 38%);background:#ffffff94;backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05);display:grid;place-items:center;gap:3px;padding:0;cursor:pointer}.room-sidebar-fab:hover{background:#ffffffb3}.room-sidebar-fab-bar{display:block;width:18px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 72%,transparent 28%)}.room-sidebar.wide{transform:translate(0)}.room-sidebar.wide.closed{width:86px}.room-sidebar.wide.closed .room-sidebar-brand{opacity:0;width:0;overflow:hidden}.room-sidebar.wide.closed .room-sidebar-item{padding:0;justify-content:center;gap:0}.room-sidebar.wide.closed .room-sidebar-icon{width:34px;height:34px}.room-sidebar.wide.closed .room-sidebar-item-label{opacity:0;width:0;overflow:hidden}.room-stage{position:relative;height:100dvh;flex:1 1 auto;overflow:hidden}.rooms-container{display:flex;height:100%;width:100%;will-change:transform;cursor:grab;transition:transform .8s cubic-bezier(.4,0,.2,1)}.rooms-container:active{cursor:grabbing}.room{min-width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;flex-shrink:0;background:var(--bg-primary);position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.room-content{width:100%;max-width:980px;margin:0 auto;padding:28px 24px calc(32px + var(--player-safe-area, 96px));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;position:relative}@media (min-width: 900px){.room-sidebar.wide.closed~.room-stage .room-content:not(.album-room){left:-43px}}.room-navigator.indicators-hidden .room-content{padding-top:40px}.room-title{font-size:clamp(28px,4.2vw,44px);margin:0 0 10px;color:var(--text-primary);font-weight:650;letter-spacing:.02em}.room-subtitle{font-size:clamp(14px,2.4vw,18px);color:var(--text-secondary);margin:0 0 32px;font-weight:400}.room-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.room-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-4)}.room-placeholder{width:100%;max-width:600px;height:300px;border:1px dashed rgba(0,0,0,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#00000059;font-size:18px;background:#fff6}@media (prefers-reduced-motion: reduce){.rooms-container,.room-sidebar,.room-sidebar-backdrop,.room-sidebar-item{transition:none!important}}@media (max-width: 860px){.room-navigator{display:block}.room-stage{width:100%}.room-content{padding-left:18px;padding-right:18px;padding-top:20px}}.onboarding-form{width:100%;max-width:600px;margin:0 auto;padding:20px}.onboarding-header{text-align:center;margin-bottom:40px}.blend-text{font-size:clamp(28px,5vw,36px);font-weight:600;letter-spacing:.2px;margin:0 0 16px;color:var(--color-text)}.onboarding-subtitle{font-size:16px;color:var(--color-text-muted);margin:0 0 30px;line-height:1.6}.progress-bar{width:100%;height:6px;background:color-mix(in srgb,var(--color-border) 55%,transparent 45%);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:var(--color-text);transition:width .3s ease;border-radius:3px}.step-indicator{font-size:14px;color:var(--color-text-muted);margin:0}.question-container{min-height:280px;margin-bottom:30px}.onboarding-room{height:100%;overflow-y:auto;overscroll-behavior:contain}.onboarding-actions{position:sticky;bottom:12px;z-index:5;padding-top:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 0%,transparent 100%) 0%,color-mix(in srgb,var(--bg-primary) 92%,transparent 8%) 40%,var(--bg-primary) 100%)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-btn{text-align:left;padding:16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-strong);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.choice-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text) 40%);box-shadow:var(--shadow-sm)}.choice-btn.is-selected{border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border) 30%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent 82%)}.choice-title{font-size:16px;font-weight:650;color:var(--color-text)}.choice-desc{margin-top:6px;font-size:13px;color:var(--color-text-muted);line-height:1.5}.question-step{animation:fadeIn .3s ease-in}.question-title{font-size:clamp(20px,4vw,24px);color:var(--color-text);margin:0 0 12px;font-weight:500}.question-description{font-size:15px;color:var(--color-text-muted);margin:0 0 30px;line-height:1.6}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:color-mix(in srgb,var(--color-text) 78%,transparent 22%)}.form-select,.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-strong);color:var(--color-text);font-size:16px;font-family:inherit;transition:all .2s ease;outline:none}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 18%,transparent 82%)}.form-select:hover,.form-input:hover,.form-textarea:hover{border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text) 40%)}.form-textarea{resize:vertical;min-height:80px;line-height:1.6}.form-input::placeholder,.form-textarea::placeholder{color:color-mix(in srgb,var(--color-text) 40%,transparent 60%)}.button-group{display:flex;gap:12px;justify-content:space-between;margin-top:30px}.button-group .btn{flex:1;padding:14px 24px;font-size:16px;font-weight:500;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-strong);color:var(--color-text);cursor:pointer;transition:all .2s ease;outline:none}.button-group .btn:hover:not(:disabled){background:var(--color-bg-muted);border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text) 40%);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button-group .btn:active:not(:disabled){transform:translateY(0)}.button-group .btn:disabled{opacity:.4;cursor:not-allowed}.button-group .btn-primary{background:var(--color-text);border-color:var(--color-text);color:var(--color-text-invert)}.button-group .btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 92%,black 8%);border-color:color-mix(in srgb,var(--color-text) 92%,black 8%)}.button-group .btn-success{background:var(--color-text);border-color:var(--color-text);color:var(--color-text-invert)}.button-group .btn-success:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 92%,black 8%);border-color:color-mix(in srgb,var(--color-text) 92%,black 8%)}.button-group .btn-secondary{background:var(--color-surface-strong);border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text) 40%);color:var(--color-text)}@media (max-width: 480px){.onboarding-form{padding:16px}.button-group{flex-direction:column}.button-group .btn{width:100%}.choice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.question-step{animation:none}.progress-fill,.button-group .btn,.form-select,.form-input,.form-textarea{transition:none}}.onboarding-complete{text-align:center;padding:40px 20px;max-width:600px;margin:0 auto}.completion-message{font-size:16px;color:var(--color-text-muted);line-height:1.8;margin:24px 0 40px}.onboarding-generate-status{margin:10px 0 16px;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 72%,transparent 28%);color:var(--color-text-muted);font-size:13px}.onboarding-generate-elapsed{margin-left:6px;color:color-mix(in srgb,var(--color-text-muted) 82%,transparent 18%);font-variant-numeric:tabular-nums}.onboarding-complete .button-group{justify-content:center;max-width:500px;margin:0 auto}.confirm-dialog-backdrop{position:fixed;inset:0;background:#00000059;backdrop-filter:blur(6px);z-index:50}.confirm-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));background:#fffffff5;border:1px solid rgba(0,0,0,.12);border-radius:16px;box-shadow:0 18px 60px #0000002e;z-index:51;padding:16px}.confirm-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.confirm-dialog-eyebrow{font-size:12px;font-weight:800;letter-spacing:.04em;color:#0000008c}.confirm-dialog-title{margin:3px 0 0;font-size:18px;font-weight:850}.confirm-dialog-close{appearance:none;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;width:34px;height:34px;border-radius:10px;font-size:18px;font-weight:900;line-height:1;cursor:pointer}.confirm-dialog-body{padding:10px 2px 12px;font-size:14px;line-height:1.6;color:#000000b8;white-space:pre-wrap}.confirm-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-dialog-danger{background:color-mix(in srgb,var(--accent-danger) 70%,#111 30%);border-color:color-mix(in srgb,var(--accent-danger) 70%,#111 30%)}.confirm-dialog-danger:hover:not(:disabled){background:color-mix(in srgb,var(--accent-danger) 78%,#111 22%);border-color:color-mix(in srgb,var(--accent-danger) 78%,#111 22%)}.confirm-dialog-shortcut{margin-top:10px;font-size:12px;color:#00000080;text-align:right}.auth-room{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 24px)}.auth-card{width:min(92vw,520px);padding:24px;border-radius:16px;background:#141418b8;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #00000073;backdrop-filter:blur(14px)}.auth-loading{margin-top:10px;margin-bottom:8px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000029}:root[data-theme=light] .auth-loading{border:1px solid rgba(0,0,0,.08);background:#0000000a}.auth-loading-row{display:flex;align-items:flex-start;gap:10px}.auth-spinner{width:20px;height:20px;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:#ffffffe6;animation:authSpin .86s linear infinite;margin-top:1px;flex:0 0 auto}:root[data-theme=light] .auth-spinner{border:3px solid rgba(0,0,0,.14);border-top-color:#000000c7}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-loading-title{font-size:13px;font-weight:650;letter-spacing:.01em}.auth-loading-sub{margin-top:4px;font-size:12px;opacity:.78;line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e;margin-bottom:14px}:root[data-theme=light] .auth-tabs{border:1px solid rgba(0,0,0,.08);background:#0000000a}.auth-tab{appearance:none;border:none;background:transparent;color:#ffffffd1;padding:10px 12px;border-radius:999px;cursor:pointer;font-weight:650;letter-spacing:.02em}:root[data-theme=light] .auth-tab{color:#000000b8}.auth-tab.active{background:#ffffff24;color:#fffffff5;box-shadow:0 10px 22px #00000038}:root[data-theme=light] .auth-tab.active{background:#ffffffdb;color:#000000db;box-shadow:0 10px 22px #0000001a}.auth-tab:disabled{opacity:.55;cursor:not-allowed}:root[data-theme=light] .auth-card{background:#ffffffd1;border:1px solid rgba(0,0,0,.08)}.auth-title{margin:0;font-size:32px;letter-spacing:.08em}.auth-subtitle{margin:6px 0 18px;opacity:.85}.auth-actions{display:flex;flex-direction:column;gap:12px}.auth-google.disabled{opacity:.6}.btn-apple{border-radius:999px;padding:12px 16px}.auth-error{margin-top:14px;padding:10px 12px;border-radius:12px;background:#ff3c3c1f;border:1px solid rgba(255,60,60,.22);color:#ffc8c8f2;white-space:pre-wrap}:root[data-theme=light] .auth-error{background:#ff3c3c14;color:#8c0000f2}.auth-note{margin-top:14px;opacity:.75;font-size:13px}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:14px;margin-bottom:12px}.auth-label{display:flex;flex-direction:column;gap:6px;font-size:14px;opacity:.9}.auth-input{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0000003d;color:#ffffffeb;outline:none;font-size:16px;line-height:1.35}:root[data-theme=light] .auth-input{border:1px solid rgba(0,0,0,.1);background:#ffffffd9;color:#000000db}.auth-input:disabled{opacity:.7}.auth-input::placeholder{color:#ffffff8c}:root[data-theme=light] .auth-input::placeholder{color:#0000006b}.auth-submit{border-radius:999px;padding:12px 16px}.auth-sep{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;opacity:.7;font-size:12px;margin:10px 0 12px}.auth-sep span{height:1px;background:#ffffff29}:root[data-theme=light] .auth-sep span{background:#0000001a}.auth-inline-link{appearance:none;border:none;background:transparent;padding:0;margin:0;color:inherit;text-decoration:underline;cursor:pointer;font-weight:650}.auth-inline-link:disabled{opacity:.7;cursor:not-allowed}.landing-room{max-width:1120px;margin:0 auto;padding-bottom:40px}.landing-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:radial-gradient(1200px 600px at 20% 10%,rgba(212,175,55,.22),transparent 62%),radial-gradient(900px 480px at 85% 30%,rgba(140,190,255,.18),transparent 58%),radial-gradient(900px 520px at 55% 90%,rgba(255,140,170,.12),transparent 62%),linear-gradient(180deg,#ffffffb8,#ffffff85);box-shadow:var(--shadow-lg)}html[data-theme=dark] .landing-hero{background:radial-gradient(1200px 600px at 20% 10%,rgba(230,195,90,.2),transparent 62%),radial-gradient(900px 480px at 85% 30%,rgba(120,170,255,.16),transparent 58%),radial-gradient(900px 520px at 55% 90%,rgba(255,120,180,.1),transparent 62%),linear-gradient(180deg,#121214c7,#12121494)}.landing-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 0,transparent 52%),radial-gradient(circle at 90% 20%,rgba(255,255,255,.08) 0,transparent 60%),radial-gradient(circle at 40% 90%,rgba(0,0,0,.05) 0,transparent 55%);pointer-events:none;mix-blend-mode:overlay}.landing-hero-inner{position:relative;z-index:1;padding:clamp(20px,4vw,40px);display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(18px,3vw,36px);align-items:start}@media (max-width: 960px){.landing-hero-inner{grid-template-columns:1fr}}.landing-eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-muted)}.landing-hero-toprow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width: 520px){.landing-hero-toprow{align-items:flex-start}}.landing-legal{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:12px}.landing-legal-link{appearance:none;border:none;background:transparent;padding:6px 8px;border-radius:999px;color:var(--color-text-muted);cursor:pointer}.landing-legal-link:hover{background:#ffffff29;color:var(--color-text)}html[data-theme=dark] .landing-legal-link:hover{background:#00000038}.landing-legal-sep{opacity:.7}.landing-title{margin:10px 0 8px;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:.04em}.landing-title-sub{display:block;margin-top:12px;font-size:clamp(16px,2.6vw,20px);letter-spacing:.02em;opacity:.85}.landing-lead{margin:14px 0 0;font-size:16px;color:var(--color-text-muted)}.landing-cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.landing-cta .btn{flex:0 0 auto}@media (max-width: 520px){.landing-cta .btn{width:100%}}.landing-cta-primary{padding:12px 16px;border-radius:var(--radius-pill)}.landing-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.landing-signup-note{margin-top:10px;font-size:12px;color:var(--color-text-muted);line-height:1.55}.landing-chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-border);background:#ffffff1a;color:var(--color-text-muted)}html[data-theme=dark] .landing-chip{background:#0000002e}.landing-hero-cover{display:grid;gap:10px}.landing-cover-card{border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface-glass-strong);box-shadow:var(--shadow-md);padding:14px;backdrop-filter:blur(var(--blur-sm))}.landing-cover-top{display:flex;justify-content:space-between;gap:10px;color:var(--color-text-muted);font-size:12px}.landing-cover-title{margin-top:10px;font-weight:var(--font-weight-semibold);font-size:18px}.landing-cover-sub{margin-top:2px;color:var(--color-text-muted);font-size:13px}.landing-cover-image{height:180px;border-radius:14px;margin-top:12px;border:1px solid var(--color-border);background:radial-gradient(120px 120px at 25% 30%,rgba(230,195,90,.65),transparent 70%),radial-gradient(160px 140px at 65% 35%,rgba(140,190,255,.55),transparent 72%),radial-gradient(170px 150px at 55% 80%,rgba(255,120,180,.45),transparent 74%),linear-gradient(135deg,#0000001a,#ffffff0f);position:relative;overflow:hidden}.landing-cover-image:after{content:"";position:absolute;inset:-40%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 1px,transparent 1px,transparent 7px);transform:rotate(10deg);opacity:.45}html[data-theme=dark] .landing-cover-image:after{opacity:.2}.landing-cover-bottom{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.landing-cover-pills{display:flex;gap:6px;flex-wrap:wrap}.landing-pill{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffff14}html[data-theme=dark] .landing-pill{background:#0000002e}.landing-cover-wave{display:flex;align-items:flex-end;gap:4px;height:20px}.landing-wave-bar{width:4px;border-radius:999px;background:#d4af37d9;height:10px;animation:landingWave 1.2s var(--ease-emphasized) infinite alternate}.landing-wave-bar:nth-child(2){height:14px;animation-delay:.12s}.landing-wave-bar:nth-child(3){height:8px;animation-delay:.2s}.landing-wave-bar:nth-child(4){height:18px;animation-delay:.34s}.landing-wave-bar:nth-child(5){height:12px;animation-delay:.44s}.landing-wave-bar:nth-child(6){height:16px;animation-delay:.54s}.landing-wave-bar:nth-child(7){height:9px;animation-delay:.66s}.landing-wave-bar:nth-child(8){height:19px;animation-delay:.78s}@keyframes landingWave{0%{transform:translateY(0);opacity:.65}to{transform:translateY(-4px);opacity:1}}.landing-cover-note{font-size:12px;color:var(--color-text-muted);opacity:.9}.landing-section{margin-top:30px;padding:22px 6px}.landing-section-narrow{max-width:860px;margin-left:auto;margin-right:auto}.landing-section-head{margin-bottom:14px}.landing-h2{margin:0;font-size:clamp(18px,2.4vw,24px);letter-spacing:.02em}.landing-sub{margin:8px 0 0;color:var(--color-text-muted)}.landing-steps{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media (max-width: 900px){.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.landing-steps{grid-template-columns:1fr}}.landing-step{border:1px solid var(--color-border);background:var(--color-surface-glass);border-radius:16px;padding:14px;box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--blur-sm))}.landing-step-no{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--color-border);background:#ffffff1a;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.landing-h3{margin:10px 0 0;font-size:15px}.landing-p{margin:6px 0 0;color:var(--color-text-muted);font-size:13px}.landing-divider{margin:18px 0;height:1px;background:var(--color-border);opacity:.8}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 900px){.landing-grid{grid-template-columns:1fr}}.landing-card{border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface-glass);padding:14px;box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--blur-sm))}.landing-article{border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface-glass);padding:18px;box-shadow:var(--shadow-md);backdrop-filter:blur(var(--blur-sm))}.landing-article-p{margin:0;color:var(--color-text-muted);font-size:15px}.landing-article-p+.landing-article-p{margin-top:12px}.landing-quote{margin-top:16px;display:grid;grid-template-columns:24px 1fr;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(212,175,55,.25);background:#d4af371a}.landing-quote-mark{font-size:28px;line-height:1;opacity:.8}.landing-quote-text{font-weight:var(--font-weight-medium);color:var(--color-text)}.landing-quote-sub{margin-top:4px;font-size:12px;color:var(--color-text-muted)}.landing-bottom{padding-bottom:0}.landing-bottom-inner{border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface-glass);box-shadow:var(--shadow-lg);padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;backdrop-filter:blur(var(--blur-sm))}.landing-bottom-actions{display:flex;gap:10px;flex-wrap:wrap}.landing-footer{margin-top:16px;padding:0 2px;color:var(--color-text-muted);font-size:12px}.landing-footer-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.landing-footer-links{margin-top:10px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.landing-footer-link{appearance:none;border:1px solid var(--color-border);background:#ffffff1a;color:var(--color-text-muted);font-size:12px;padding:6px 10px;border-radius:999px;cursor:pointer}html[data-theme=dark] .landing-footer-link{background:#0000002e}.landing-footer-link:hover{color:var(--color-text);background:#ffffff29}html[data-theme=dark] .landing-footer-link:hover{background:#0000003d}.landing-footer-brand{letter-spacing:.12em}.legal-page{border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-glass);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--blur-sm));padding:18px}.legal-page h1{margin:0;font-size:20px;letter-spacing:.02em}.legal-page h2{margin:0;font-size:15px}.legal-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border)}.legal-page p{margin:8px 0 0;color:var(--color-text-muted)}.legal-page ul{margin:10px 0 0;padding-left:18px;color:var(--color-text-muted)}.legal-page li{margin:6px 0}.legal-note{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(212,175,55,.25);background:#d4af371a;color:var(--color-text-muted)}.legal-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;padding:2px 6px;border-radius:10px;border:1px solid var(--color-border);background:#ffffff14;color:var(--color-text)}html[data-theme=dark] .legal-inline-code{background:#0000002e}.legal-room{max-width:980px;margin:0 auto;padding-bottom:36px}.legal-topbar{display:flex;align-items:center;gap:10px;padding:10px 4px}.legal-topbar-spacer{flex:1}.legal-hero{margin-top:10px;border:1px solid var(--color-border);border-radius:18px;padding:18px;background:var(--color-surface-glass);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--blur-sm))}.legal-hero-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted)}.legal-hero-title{margin:10px 0 0;font-size:clamp(22px,3.2vw,32px);line-height:1.18}.legal-hero-sub{display:block;margin-top:8px;font-size:14px;color:var(--color-text-muted);font-weight:var(--font-weight-regular);letter-spacing:.02em}.legal-hero-lead{margin:12px 0 0;color:var(--color-text-muted)}.legal-body{margin-top:14px}.legal-bottom{margin-top:18px}.legal-bottom-inner{border:1px solid var(--color-border);border-radius:18px;padding:16px;background:var(--color-surface-glass);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;backdrop-filter:blur(var(--blur-sm))}.legal-bottom-title{font-weight:var(--font-weight-semibold)}.legal-bottom-sub{margin-top:4px;color:var(--color-text-muted);font-size:13px}.legal-bottom-actions{display:flex;gap:10px;flex-wrap:wrap}.chatSession{width:100%;max-width:980px;margin:0 auto;padding:18px clamp(14px,3vw,24px);display:flex;flex-direction:column;gap:12px;border-radius:22px;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent 15%);background:radial-gradient(900px 520px at 18% 12%,rgba(212,175,55,.1),transparent 58%),radial-gradient(760px 520px at 86% 18%,rgba(120,160,255,.1),transparent 60%),color-mix(in srgb,var(--color-surface-glass-strong) 88%,transparent 12%);box-shadow:0 18px 54px #00000014;backdrop-filter:blur(14px) saturate(1.05);height:100%;max-height:none;overflow:hidden;min-height:0}.chatPrimary{appearance:none;border:1px solid rgba(0,0,0,.12);background:#111;color:#fff;border-radius:999px;padding:10px 14px;font-weight:700}.chatPrimary:disabled{opacity:.6}.chatCancel{appearance:none;border:1px solid rgba(0,0,0,.12);background:#ffffffeb;color:#111;border-radius:999px;padding:10px 12px;font-weight:800}.chatHeaderRight{display:flex;gap:10px;align-items:center}.chatLayout{display:flex;gap:14px;flex:1;min-height:0}.chatMain{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1 1 auto;min-width:0}.chatBody{border:1px solid color-mix(in srgb,var(--color-border) 92%,transparent 8%);border-radius:16px;background:color-mix(in srgb,var(--color-surface) 92%,transparent 8%);box-shadow:0 16px 46px #00000014;padding:14px;flex:1;min-height:0;overflow:auto}.chatSide{border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent 12%);border-radius:16px;background:color-mix(in srgb,var(--color-surface) 94%,transparent 6%);box-shadow:0 16px 46px #00000012;padding:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden;width:340px;flex:0 0 auto;transition:width .22s ease,opacity .22s ease,transform .22s ease,padding .22s ease,border-color .22s ease}.chatSide.closed{width:0;opacity:0;transform:translate(10px);padding:0;border-color:transparent;pointer-events:none}@media (min-width: 901px){.chatSide.closed{margin-left:-14px}}.chatSideHeader{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 10px;border-bottom:1px solid rgba(0,0,0,.08)}.chatSideTitle{font-weight:800;font-size:13px;letter-spacing:.02em}.chatSideHint{font-size:12px;color:#0000008c}.chatDock{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08);background:linear-gradient(to bottom,#fff0,color-mix(in srgb,var(--color-surface) 76%,transparent 24%) 22%,color-mix(in srgb,var(--color-surface) 92%,transparent 8%))}.chatDockTop{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}.chatDockMeta{min-width:0;flex:1 1 auto}.chatMetaPill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#0000009e;padding:8px 10px;border:1px solid rgba(0,0,0,.1);border-radius:999px;background:#ffffffb8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatMetaElapsed{color:#00000080;font-variant-numeric:tabular-nums}.chatMetaHint{font-size:12.5px;color:#00000085;padding:6px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatDockActions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.chatMsg{display:flex;margin:8px 0}.chatMsg.user{justify-content:flex-end}.chatMsg.assistant{justify-content:flex-start}.chatBubble{max-width:min(660px,90%);white-space:pre-wrap;line-height:1.55;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.1)}.chatMsg.user .chatBubble{background:#111;color:#fff;border-color:#00000040}.chatMsg.assistant .chatBubble{background:#ffffffe6;color:#111}.chatRecsList{list-style:none;margin:0;padding:10px 0 0;display:grid;gap:10px;overflow:auto}.chatRecsEmpty{padding:12px 4px;font-size:13px;color:#0009}.chatRecMain{font-size:13px}.chatRecComposer{font-weight:700}.chatRecSep{margin:0 6px;color:#00000073}.chatRecEra{margin-left:6px;color:#0000008c}.chatRecWhy{margin-top:3px;font-size:12.5px;color:#0000009e}.chatRecActions{margin-top:8px;display:flex;align-items:center;gap:10px}.chatRecPlay{appearance:none;border-radius:999px;border:1px solid rgba(0,0,0,.14);padding:6px 10px;font-weight:700;font-size:12px;background:#fffffff2;cursor:pointer}.chatRecPlay:disabled{opacity:.6;cursor:not-allowed}.chatRecOpen{font-size:12px;font-weight:700;color:#000000b8;text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#00000008}.chatRecOpen:hover{background:#d4af371f;border-color:#d4af3759}.chatRecErr{margin-top:6px;font-size:12px;color:#b00020d9}.chatError{color:#b00020;font-size:13px}.chatComposer{display:flex;gap:10px;align-items:flex-end}.chatInput{flex:1;resize:vertical;border-radius:14px;border:1px solid color-mix(in srgb,var(--color-border) 92%,transparent 8%);padding:10px 12px;font-size:14px;line-height:1.45;background:color-mix(in srgb,var(--color-surface-strong) 92%,transparent 8%);color:var(--color-text)}.chatSend{appearance:none;border-radius:14px;border:1px solid rgba(0,0,0,.12);padding:10px 14px;font-weight:700;background:#ffffffeb}.chatSend:disabled{opacity:.6}@media (max-width: 900px){.chatLayout{flex-direction:column}.chatSide{order:2;max-height:260px;width:100%}.chatSide.closed{width:100%;max-height:0;opacity:0;padding:0;border-color:transparent}.chatDockTop{flex-direction:column;align-items:stretch;gap:8px}.chatDockActions{justify-content:flex-start;flex-wrap:wrap}}.album-title-backdrop{position:fixed;inset:0;background:#0a0a0c59;backdrop-filter:blur(10px);z-index:10010}.album-title-modal{position:fixed;z-index:10011;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 32px));border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffffeb,#ffffffdb);box-shadow:0 30px 80px #0000002e;overflow:hidden;animation:albumTitleIn .52s cubic-bezier(.2,.9,.2,1)}@keyframes albumTitleIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.album-title-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 10px;border-bottom:1px solid rgba(0,0,0,.08);background:radial-gradient(circle at 30% 20%,rgba(212,175,55,.18),transparent 60%)}.album-title-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#0000008c}.album-title-heading{margin:8px 0 6px;font-size:22px;color:#000000e0}.album-title-sub{margin:0;font-size:13px;color:#0000009e}.album-title-close{border:none;background:transparent;font-size:22px;line-height:1;color:#0009;cursor:pointer;padding:6px 10px;border-radius:10px}.album-title-close:hover{background:#0000000f}.album-title-body{padding:18px}.album-title-label{display:block;font-size:12px;color:#0000009e;margin-bottom:10px;letter-spacing:.08em}.album-title-input{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.16);background:#ffffffc7;font-size:16px;color:#000000e0;outline:none;box-shadow:inset 0 1px #ffffffe6}.album-title-input:focus{border-color:#d4af37b3;box-shadow:0 0 0 4px #d4af372e}.album-title-hint{margin-top:10px;font-size:13px;color:#0000009e}.album-title-shortcut{margin-top:6px;font-size:12px;color:#00000070}.album-title-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px 18px}@media (prefers-reduced-motion: reduce){.album-title-modal{animation:none}}.album-card{display:grid;grid-template-columns:140px 1fr;gap:var(--space-4);align-items:center;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-strong);box-shadow:var(--shadow-sm);padding:var(--space-4)}.album-card-compact{grid-template-columns:72px 1fr;padding:var(--space-3)}.album-card-image img{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover;aspect-ratio:1 / 1}.album-card-body{display:grid;gap:6px}.album-card-title{font-size:16px;font-weight:var(--font-weight-semibold)}.album-card-mood,.album-card-meta{font-size:12px;color:var(--color-text-muted)}.album-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.album-badge{font-size:11px;padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-muted);color:var(--color-text)}.album-badge.tone-success{border-color:color-mix(in srgb,var(--color-success) 70%,var(--color-border) 30%);background:color-mix(in srgb,var(--color-success) 15%,var(--color-bg-muted) 85%)}.album-badge.tone-warning{border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border) 30%);background:color-mix(in srgb,var(--color-accent) 15%,var(--color-bg-muted) 85%)}.album-badge.tone-info{border-color:color-mix(in srgb,var(--color-text) 50%,var(--color-border) 50%);background:color-mix(in srgb,var(--color-text) 10%,var(--color-bg-muted) 90%)}@media (max-width: 680px){.album-card{grid-template-columns:1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;padding:40px;text-align:center}.empty-icon{position:relative;width:72px;height:72px;margin-bottom:24px;opacity:0;animation:fadeIn .8s ease .2s forwards;display:flex;align-items:center;justify-content:center;color:#1a1a1a}.empty-title{font-size:24px;font-weight:600;margin-bottom:12px;opacity:0;animation:fadeIn .8s ease .4s forwards;color:#1a1a1a}.empty-description{font-size:16px;color:#0000008c;margin-bottom:32px;opacity:0;animation:fadeIn .8s ease .6s forwards;max-width:500px}.empty-cta-button{padding:12px 24px;font-size:16px;background:#d4af372e;color:#1a1a1a;border:1px solid rgba(212,175,55,.45);border-radius:999px;cursor:pointer;opacity:0;animation:fadeIn .8s ease .8s forwards,float 3s ease infinite;transition:transform .3s ease,box-shadow .3s ease}.empty-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.empty-cta-button:active{transform:translateY(0)}.empty-cta-button:focus-visible{outline:2px solid #D4AF37;outline-offset:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.popover{position:relative;display:inline-flex}.popover-trigger{border:none;background:transparent;padding:0;cursor:pointer}.popover-panel{position:absolute;min-width:200px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-strong);box-shadow:var(--shadow-md);z-index:40}.popover-bottom .popover-panel{top:calc(100% + 8px);left:0}.popover-top .popover-panel{bottom:calc(100% + 8px);left:0}.popover-left .popover-panel{right:calc(100% + 8px);top:0}.popover-right .popover-panel{left:calc(100% + 8px);top:0}.menu{display:grid;gap:4px}.menu-item{text-align:left;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;padding:8px 10px;cursor:pointer;color:var(--color-text);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.menu-item:hover{background:var(--color-bg-muted);border-color:var(--color-border)}.tabs{display:grid;gap:var(--space-3)}.tabs-list{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border)}.tab-button{border:none;background:transparent;color:var(--color-text-muted);padding:10px 8px;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.tab-button.is-active{color:var(--color-text);border-color:var(--color-text);font-weight:var(--font-weight-semibold)}.tab-panel{padding-top:var(--space-2)}.segmented-control{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--color-bg-muted);border:1px solid var(--color-border)}.segmented-item{border:1px solid transparent;background:transparent;color:var(--color-text);padding:8px 14px;border-radius:var(--radius-pill);font-size:13px;cursor:pointer;transition:all var(--motion-fast) var(--ease-standard)}.segmented-item.is-active{background:var(--color-text);color:var(--color-text-invert);border-color:var(--color-text);box-shadow:var(--shadow-sm)}.gallery-room{width:100%;max-width:100%}.bookshelf-container{width:100%;max-width:1200px;margin:0 auto;padding:18px 0 8px;display:flex;flex-direction:column;gap:14px;min-height:0}.bookshelf-overlay-grid{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);gap:20px;padding:44px 32px 50px}.bookshelf-badge{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end;height:24px;align-self:start;justify-self:end;opacity:.7;transform:translate(-10px,6px)}@media (max-width: 900px){.bookshelf-overlay-grid{padding:36px 20px 40px;gap:14px}.bookshelf-badge{transform:translate(-6px,4px) scale(.9)}}.bookshelf-badge.is-selected{opacity:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.badge-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--radius-pill);font-size:10px;line-height:1;border:1px solid var(--overlay-chip-border);background:var(--overlay-chip-bg);color:var(--overlay-chip-fg);white-space:nowrap}.badge-chip.badge-compact{padding:2px 5px;font-size:9px}.badge-chip.is-priority{border-width:2px;box-shadow:var(--overlay-chip-priority-shadow)}.badge-chip .badge-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.badge-chip.badge-public{color:#63e6be}.badge-chip.badge-favorite{color:#d4af37}.book-tooltip{max-width:220px;padding:8px 10px;border-radius:12px;background:#101012e0;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 40px #00000059;color:#ffffffeb;backdrop-filter:blur(10px)}:root[data-theme=light] .book-tooltip{background:#ffffffeb;border:1px solid rgba(0,0,0,.1);color:#000000db;box-shadow:0 14px 40px #00000026}.book-tooltip-title{font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-tooltip-sub{margin-top:4px;font-size:11px;opacity:.75;white-space:nowrap}.book-focus-controls{display:flex;gap:8px;align-items:center}.book-focus-btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#0a0a0c8c;color:#ffffffeb;backdrop-filter:blur(10px);padding:8px 10px;border-radius:999px;font-size:12px;cursor:pointer;box-shadow:0 10px 26px #00000047;user-select:none}:root[data-theme=light] .book-focus-btn{border:1px solid rgba(0,0,0,.12);background:#fffc;color:#000000c7}.book-focus-btn:active{transform:translateY(1px)}.book-focus-icon{width:36px;padding:8px 0;font-weight:800}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.gallery-toolbar-left,.gallery-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gallery-filter-tags{display:flex;gap:8px;flex-wrap:wrap}.filter-tag{font-size:12px;padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-muted);color:var(--color-text)}.gallery-focus,.gallery-focus-card{display:grid;gap:16px}.gallery-focus-actions{display:flex;gap:10px;flex-wrap:wrap}.gallery-focus-empty{display:grid;gap:8px}.gallery-shelf-stage{position:relative;min-height:420px;flex:1;min-height:0;border-radius:18px;overflow:hidden;border:1px solid var(--color-border);background:radial-gradient(900px 420px at 30% 20%,#ffffff24,#ffffff05 55%,#00000014),linear-gradient(180deg,#ffffff0a,#00000024);box-shadow:0 18px 50px #00000040}.gallery-shelf-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a0a0c38;color:#ffffffe0;backdrop-filter:blur(10px);pointer-events:none;opacity:.9}:root[data-theme=light] .gallery-shelf-hint{border:1px solid rgba(0,0,0,.1);background:#ffffff8c;color:#000000b3}.gallery-shelf-hint-pill{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.75}.gallery-shelf-hint-text{font-size:12px;white-space:nowrap;opacity:.9}@media (max-width: 640px){.gallery-shelf-hint{left:50%;bottom:10px;padding:7px 9px}.gallery-shelf-hint-text{font-size:11px}}.gallery-shelf-stage.empty{padding-bottom:30px}.gallery-actionbar{margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--color-surface-strong)}.gallery-selection{min-width:0}.gallery-selection-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.gallery-selection-value{margin-top:6px;font-size:16px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.gallery-actions{display:flex;align-items:center;gap:10px}@media (max-width: 640px){.gallery-actionbar{flex-direction:column;align-items:stretch}.gallery-selection-value{max-width:100%}.gallery-actions,.gallery-actions .btn{width:100%}}.empty-shelf-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.empty-shelf-overlay .empty-state{pointer-events:auto;max-width:420px;min-height:auto;padding:32px 28px}.empty-icon-shape{width:40px;height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.4);transform:rotate(45deg);background:#d4af3726;box-shadow:0 0 18px #d4af3740;display:inline-block}.bookshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;padding:40px 30px 50px;background:linear-gradient(180deg,#fffffff0,#f6f6f6fa,#f0f0f0fa);border-radius:16px;box-shadow:0 12px 36px #00000014,0 2px 8px #0000000d,inset 0 1px #fffc,inset 0 -4px 12px #00000008;position:relative;transform-style:preserve-3d;transform:rotateX(2deg);border:1px solid rgba(255,255,255,.8)}.bookshelf:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#fff9,#f0f0f04d,#fff9);border-radius:16px;z-index:-1;filter:blur(8px);opacity:.7}.bookshelf:before{content:"";position:absolute;bottom:-8px;left:8px;right:-8px;height:16px;background:linear-gradient(90deg,#00000026,#00000014 30% 70%,#00000026);border-radius:0 0 16px 16px;transform:perspective(800px) rotateX(-45deg);transform-origin:top;filter:blur(3px)}.book-spine{height:240px;background:linear-gradient(to right,#fffffffa,#f8f8f8f5 20%,#f0f0f0f0 80%,#e8e8e8e6);border:1px solid rgba(0,0,0,.08);border-left:3px solid rgba(0,0,0,.06);border-radius:6px 12px 12px 6px;cursor:pointer;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 0 8px #00000014,8px 4px 16px #0000000f,inset -2px 0 4px #0000000a,inset 1px 0 #ffffffe6;transform-style:preserve-3d;transform:translateZ(0) rotateY(-8deg) translate(4px);overflow:hidden}.book-spine:after{content:"";position:absolute;left:-6px;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,#e6e6e6f2,#dcdcdce6,#e6e6e6f2);transform:rotateY(-90deg);transform-origin:right;box-shadow:inset -1px 0 2px #0000001a}.book-spine:hover{transform:translateZ(20px) rotateY(-12deg) translate(-8px) translateY(-12px);box-shadow:8px 2px 16px #0000001f,16px 8px 32px #00000014,0 0 20px #d4af3740,inset -2px 0 6px #0000000d,inset 1px 0 #fff;border-color:#d4af3773}.book-spine:active{transform:translateZ(10px) rotateY(-10deg) translate(-4px) translateY(-6px)}.book-spine:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#d4af374d,#d4af3780 30%,#d4af37b3,#d4af3780 70%,#d4af374d);border-radius:6px 0 0 6px;box-shadow:inset 1px 0 #ffffff80,1px 0 4px #d4af3740}.book-spine-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);width:220px;text-align:center;z-index:2;text-shadow:0 1px 2px rgba(255,255,255,.8)}.book-spine-title{font-size:18px;font-weight:600;color:#000000d9;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.book-spine-date{font-size:13px;color:#00000073;font-weight:400;letter-spacing:.5px}.book-spine-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:#d4af371f;border:1px solid rgba(212,175,55,.3);border-radius:12px;font-size:10px;font-weight:600;color:#000000b3;text-transform:uppercase;letter-spacing:.5px;transform:rotate(90deg);transform-origin:center;white-space:nowrap}.book-spine-preview{position:absolute;inset:0;opacity:.08;z-index:1;mix-blend-mode:multiply}.book-spine-preview img{width:100%;height:100%;object-fit:cover;filter:grayscale(.7) blur(1px)}@media (max-width: 768px){.bookshelf{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;padding:30px 20px 40px}.book-spine{height:200px}.book-spine-content{width:180px}.book-spine-title{font-size:16px}.book-spine-date{font-size:12px}}@media (max-width: 480px){.bookshelf{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.book-spine{height:160px}.book-spine-content{width:140px}}@media (prefers-reduced-motion: reduce){.gallery-room{perspective:none}.bookshelf{transform:none}.bookshelf:after{display:none}.book-spine,.book-spine:hover,.book-spine:active{transition:none;transform:none}.book-spine:after{display:none}}.explainability-panel{background:var(--surface-paper);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 8px 20px #0000000a;backdrop-filter:blur(12px)}.explainability-title{font-size:1.2em;margin-bottom:15px;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px}.explainability-hint{color:var(--text-secondary);font-style:italic}.explainability-section{margin-bottom:20px}.section-title{font-size:1em;color:var(--text-secondary);margin-bottom:10px;font-weight:600}.timeline{display:flex;flex-direction:column;gap:8px}.timeline-item{display:flex;justify-content:space-between;padding:8px 12px;background:#ffffffb3;border-radius:8px;border:1px solid rgba(0,0,0,.04)}.timeline-label{font-weight:600;color:var(--text-primary)}.timeline-value{color:var(--text-secondary);font-size:.9em}.analysis-explanation{display:flex;flex-direction:column;gap:12px}.ir-values{display:flex;flex-direction:column;gap:10px}.ir-value{display:flex;align-items:center;gap:10px}.ir-label{font-weight:600;min-width:80px;color:var(--text-primary);font-size:.9em}.ir-gauge{flex:1;height:20px;background:#0000000a;border-radius:10px;overflow:hidden;position:relative}.ir-gauge-fill{height:100%;border-radius:10px;transition:width .3s ease}.ir-number{min-width:50px;text-align:right;color:var(--text-secondary);font-size:.9em;font-family:monospace}.motif-tags{padding:10px;background:#ffffffb3;border-radius:8px;color:var(--text-primary);font-size:.95em;border:1px solid rgba(0,0,0,.04)}.reasoning-text{padding:12px;background:#ffffffb8;border-left:3px solid rgba(0,0,0,.15);border-radius:8px;color:var(--text-primary);line-height:1.5;font-size:.95em}.image-details,.music-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.detail-item{display:flex;gap:8px;padding:8px 12px;background:#ffffffb3;border-radius:8px;border:1px solid rgba(0,0,0,.04)}.detail-label{font-weight:600;color:var(--text-secondary);font-size:.9em}.detail-value{color:var(--text-primary);font-size:.9em}.error-section{border-left:3px solid rgba(200,80,80,.6)}.errors-list{display:flex;flex-direction:column;gap:8px}.error-item{padding:10px;background:#c8505014;border-radius:8px;color:var(--text-primary);font-size:.9em}.error-stage{font-weight:600;margin-right:8px;color:#c85050cc}.error-message{color:var(--text-secondary)}@media (max-width: 768px){.explainability-panel{padding:15px}.image-details,.music-details{grid-template-columns:1fr}}.album-room{width:100%;max-width:100%}.album-header-left{min-width:0}.back-to-gallery-btn{background:var(--color-surface-strong);color:var(--color-text-muted);transition:all var(--motion-fast) var(--ease-standard);box-shadow:none}.back-to-gallery-btn:hover{background:color-mix(in srgb,var(--color-surface-strong) 80%,var(--color-accent) 20%);border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-accent) 40%);transform:translate(-1px)}.album-title{font-size:clamp(32px,6vw,48px);margin:0;color:var(--color-text);font-weight:600;letter-spacing:.02em}.album-subtitle{margin:10px 0 0;font-size:14px;color:var(--color-text-muted)}.album-empty{text-align:center;padding:60px 20px;background:#00000005;border:1px dashed rgba(0,0,0,.12);border-radius:12px}.album-empty p{color:#00000080;margin:8px 0}.album-empty-hint{font-size:14px;color:#0006}.album-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.album-media{display:flex;flex-direction:column;gap:16px;min-width:0}.album-meta-card{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:14px;padding:16px 16px 12px;box-shadow:0 12px 34px #0000002e}.album-meta-title{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.album-meta-grid{margin-top:12px;display:grid;grid-template-columns:90px 1fr;gap:8px 10px}.album-meta-k{color:var(--color-text-muted);font-size:12px}.album-meta-v{color:var(--color-text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--color-text-muted);white-space:normal;word-break:break-all}.album-image-container{position:relative;background:var(--surface-porcelain);--tilt-x: 0deg;--tilt-y: 0deg;--shine-x: 50%;--shine-y: 45%;padding:20px;border-radius:12px;box-shadow:0 8px 24px #00000014;border:1px solid var(--border-color);overflow:hidden}.album-image-container:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.42),transparent 52%),linear-gradient(135deg,#d4af3700,#d4af371a,#d4af3700);opacity:.55;mix-blend-mode:soft-light;transition:opacity .22s ease}.album-image-container:hover:after{opacity:.95}.album-image{position:relative;z-index:1;width:100%;height:auto;border-radius:8px;display:block;box-shadow:0 4px 12px #0000001a;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(8px);transform-style:preserve-3d;will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.album-image-container:hover .album-image{transition:transform 70ms linear}.album-image-container.is-playing .album-image{animation:albumFloat 2.8s ease-in-out infinite}@keyframes albumFloat{0%,to{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(8px) translateY(0)}50%{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(8px) translateY(-3px)}}@media (prefers-reduced-motion: reduce){.album-image-container:after{transition:none}.album-image{transition:none;animation:none!important}}.album-metadata{display:flex;flex-direction:column;gap:24px}.album-summary-card{display:grid;gap:12px}.metadata-section{background:var(--color-surface-strong);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.metadata-section-title{font-size:16px;font-weight:600;color:var(--color-text-muted);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.album-details-toggle>summary.metadata-section-title{list-style:none;cursor:pointer;user-select:none;margin-bottom:0;padding-bottom:12px}.album-details-toggle>summary.metadata-section-title::-webkit-details-marker{display:none}.album-details-toggle[open]>summary.metadata-section-title{margin-bottom:16px}.album-text-block{margin:0 0 14px}.album-text-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.album-text-inline{font-size:13px;color:var(--color-text);line-height:1.6;opacity:.95}.album-text-pre{margin:0;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 72%,transparent 28%);color:var(--color-text);font-size:12px;line-height:1.6;overflow:auto;white-space:pre-wrap;word-break:break-word}.metadata-item{background:transparent;padding:12px 0;border-radius:0;border:none;border-bottom:1px solid var(--color-border);box-shadow:none;transition:background-color .3s ease;cursor:pointer}.metadata-item:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent 88%)}.metadata-item:last-child{border-bottom:none}.metadata-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.metadata-value{display:block;font-size:18px;color:var(--color-text);font-weight:400}.metadata-hint{font-size:14px;color:var(--color-text-muted);margin-left:8px;font-style:italic}.metadata-tags{font-size:14px;line-height:1.6}.album-memo-input{width:100%;resize:vertical;min-height:84px;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 72%,transparent 28%);color:var(--color-text);outline:none;line-height:1.6}.album-memo-input:focus{border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border) 30%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent 78%)}.album-memo-hint{margin-top:10px;font-size:13px;color:var(--color-text-muted)}.album-actions{margin-top:12px}.regenerate-btn{width:100%;padding:16px 24px;border:1px solid rgba(212,175,55,.4);border-radius:12px;background:linear-gradient(135deg,#d4af372e,#d4af370f);color:#000c;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.regenerate-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af3747,#d4af371f);border-color:#d4af378c;transform:translateY(-2px);box-shadow:0 4px 12px #d4af3733}.regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.regenerate-error{margin-top:12px;padding:12px;background:#0000000a;border:1px solid rgba(0,0,0,.15);border-radius:8px;color:#000000b3;font-size:14px}.regenerate-success{margin-top:12px;padding:12px;background:#d4af371f;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#000000b3;font-size:14px}.metadata-id{font-size:12px;font-family:monospace;color:#0009;word-break:break-all}@media (max-width: 768px){.album-details{grid-template-columns:1fr;gap:24px}.album-header{flex-direction:column;align-items:stretch}.album-header-actions,.album-header-actions .btn,.album-header-actions .back-to-gallery-btn{width:100%}}@media (prefers-reduced-motion: reduce){.back-to-gallery-btn,.back-to-gallery-btn:hover{transition:none;transform:none}}.music-room{max-width:1040px;margin:0 auto}.music-header{margin-bottom:18px}.music-actions{display:flex;gap:10px;flex-wrap:wrap}.music-panel{display:grid;gap:16px}.music-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.album-card-button{border:none;background:transparent;padding:0;text-align:left;cursor:pointer}.music-empty{padding:16px;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.music-meta-grid{display:grid;gap:8px;font-size:13px;color:var(--color-text-muted)}.music-meta-row{display:flex;justify-content:space-between;gap:8px}.music-meta-label{font-weight:var(--font-weight-semibold);color:var(--color-text)}.social-room{max-width:980px;margin:0 auto}.social-filter{display:flex;justify-content:flex-start;margin:8px 0 14px}.social-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.social-header-actions{display:flex;gap:8px}.social-compose{border:1px solid var(--color-border);background:var(--color-surface-glass);backdrop-filter:blur(var(--blur-md));border-radius:16px;padding:14px;margin-bottom:18px}.social-auth{border:1px solid var(--color-border);background:var(--color-surface-glass);backdrop-filter:blur(var(--blur-md));border-radius:16px;padding:14px;margin-bottom:14px}.social-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-auth-form{display:flex;flex-direction:column;gap:12px}.social-auth-tabs{display:flex;gap:8px;flex-wrap:wrap}.social-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-auth-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.social-auth-title{font-size:12px;opacity:.8}.social-auth-handle{font-weight:800}.social-auth-sub{font-size:12px;opacity:.75}.social-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-field{display:flex;flex-direction:column;gap:6px}.social-field-wide{grid-column:1 / -1}.social-label{font-size:12px;opacity:.85}.social-input,.social-select,.social-textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-strong);color:inherit;outline:none}.social-textarea{resize:vertical}.social-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.social-compose-preview{display:flex;align-items:center;gap:10px;min-width:260px;max-width:440px;padding:8px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface-glass)}.social-error{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,60,60,.35);background:#ff3c3c14;color:#ffdcdcf2}.social-muted{opacity:.7;padding:18px 2px}.social-timeline{display:flex;flex-direction:column;gap:14px;padding-bottom:60px}.social-post{border:1px solid var(--color-border);background:var(--color-surface-glass);border-radius:18px;padding:14px}.social-post-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.social-post-author{font-weight:700}.social-post-author-sub{margin-left:8px;font-size:12px;opacity:.7;font-weight:600}.social-post-follow{margin:6px 0 0;display:flex;justify-content:flex-end}.social-post-date{font-size:12px;opacity:.65}.social-post-album{display:block}.social-post-caption{margin-top:10px;line-height:1.5;opacity:.95}.social-post-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;flex-wrap:wrap}.social-action{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;width:auto;padding:8px 12px;min-width:fit-content;justify-content:center}.social-action-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.social-action-icon{width:16px;height:16px;flex:0 0 auto}.social-action-label{white-space:nowrap}.social-action.social-action-iconOnly{padding:8px 10px}.social-action.is-active{background:color-mix(in srgb,var(--color-text) 6%,transparent 94%);border-color:color-mix(in srgb,var(--color-border) 40%,var(--color-text) 60%)}.social-count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text) 8%,transparent 92%);font-size:12px}@media (max-width: 520px){.social-action{padding:8px 10px;gap:8px}.social-action-label{display:none}}@media (max-width: 680px){.social-post-actions{justify-content:flex-start}.social-auth-row{align-items:flex-start;flex-direction:column}}@media (max-width: 560px){.social-auth-grid{grid-template-columns:1fr}}@media (max-width: 480px){.social-post-actions .btn{width:auto;flex:0 0 auto}}.social-post-comments-count{font-size:12px;opacity:.7}.social-post-comments{margin-top:12px;display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px dashed var(--color-border);background:var(--color-surface-glass);border-radius:12px;padding-left:10px;padding-right:10px}.social-comment{display:flex;gap:10px;font-size:13px;opacity:.92}.social-comment-author{font-weight:700;opacity:.95;white-space:nowrap}.social-comment-text{opacity:.9}.social-comment-compose{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:6px}@media (max-width: 680px){.social-header{flex-direction:column;align-items:stretch}.social-compose-grid{grid-template-columns:1fr}.social-compose-actions{flex-direction:column;align-items:stretch}.social-compose-preview{min-width:auto;max-width:none}.social-post-album{width:100%}}.settings-room{max-width:980px;margin:0 auto}.settings-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.settings-header-actions{display:flex;gap:var(--space-2)}.settings-card{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-glass);box-shadow:var(--shadow-md);padding:var(--space-5);display:grid;gap:var(--space-4);backdrop-filter:blur(var(--blur-sm))}.settings-section{display:grid;gap:var(--space-2)}.settings-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.settings-kv{display:grid;gap:var(--space-2)}.settings-kv-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-strong)}.settings-k{opacity:.8}.settings-v{font-weight:var(--font-weight-semibold)}.settings-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 820px){.settings-grid{grid-template-columns:1fr 1fr}.settings-field-wide{grid-column:span 2}}.settings-field{display:grid;gap:6px}.settings-label{font-size:13px;opacity:.85}.settings-input,.settings-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;background:var(--color-surface-strong);color:var(--color-text)}.settings-textarea{resize:vertical}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.settings-muted{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.6}.admin-room{max-width:1040px}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.admin-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff9;font-size:12px;font-weight:700;letter-spacing:.06em}.admin-pill.ok{color:#0b7a2a;border-color:#0b7a2a40;background:#0b7a2a14}.admin-pill.ng{color:#0000008c}.admin-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:16px}.admin-metrics{margin-bottom:16px}.admin-metrics-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.admin-metrics-cards{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;flex:1}.admin-metric{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#ffffff8c;padding:12px}.admin-metric-k{font-size:12px;opacity:.7;font-weight:650}.admin-metric-v{font-size:22px;font-weight:900;letter-spacing:.02em;margin-top:6px}.admin-metrics-days{display:flex;gap:8px;flex-wrap:wrap}.admin-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-chart{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#ffffff8c;padding:12px}.admin-chart-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.admin-chart-title{font-weight:850}.admin-chart-meta{font-size:12px;opacity:.65}.admin-chart-bars{display:flex;align-items:flex-end;gap:2px;height:90px;border-radius:10px;padding:8px;background:#00000008;overflow:hidden}.admin-chart-bar{flex:1;min-width:2px;height:100%;display:flex;align-items:flex-end}.admin-chart-barFill{width:100%;border-radius:6px;background:#00000073}.admin-chart-axis{margin-top:8px;display:flex;justify-content:space-between;font-size:12px;opacity:.55}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field-wide{grid-column:1 / -1}.admin-label{font-size:12px;color:var(--text-secondary);font-weight:650}.admin-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fffc;outline:none}.admin-input:focus{border-color:#00000038}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-toggle{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--text-secondary)}.admin-error{margin-top:12px;color:#9a1b1b;font-weight:600}.admin-hint{margin-top:12px;opacity:.7}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-empty{opacity:.65;padding:18px;border:1px dashed rgba(0,0,0,.18);border-radius:12px}.admin-row{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#ffffff8c;overflow:hidden}.admin-row-main{appearance:none;width:100%;text-align:left;padding:14px 14px 10px;border:none;background:transparent;cursor:pointer}.admin-row-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.admin-row-type{font-weight:800;letter-spacing:.02em}.admin-row-ts{font-size:12px;opacity:.65}.admin-row-mid{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.admin-row-actor{font-size:13px;opacity:.85}.admin-row-summary{font-size:13px;opacity:.9}.admin-row-path{margin-top:8px;font-size:12px;opacity:.6;word-break:break-word}.admin-row-actions{padding:0 14px 12px;display:flex;justify-content:flex-end}.admin-row-json{margin:0;padding:12px 14px 14px;border-top:1px solid rgba(0,0,0,.08);background:#00000008;overflow:auto;max-height:320px;font-size:12px}@media (max-width: 720px){.admin-grid,.admin-charts,.admin-metrics-cards{grid-template-columns:1fr}}.info-room{max-width:980px;margin:0 auto}.info-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-glass);box-shadow:var(--shadow-md);padding:var(--space-5);display:grid;gap:var(--space-4);backdrop-filter:blur(var(--blur-sm))}.info-section{display:grid;gap:var(--space-2)}.info-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.info-text{margin:0;color:var(--color-text-muted);line-height:1.7}.info-list{margin:0;padding-left:18px;color:var(--color-text-muted);line-height:1.7}.info-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.info-badge{width:22px;height:22px;border-radius:var(--radius-pill);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:var(--color-surface-strong);color:var(--color-text)}.theme-toggle{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.theme-button{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard)}.theme-button[aria-pressed=true]{background:var(--color-text);color:var(--color-text-invert);border-color:var(--color-text);box-shadow:var(--shadow-sm)}.info-reset{border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:10px 12px;background:var(--color-surface-strong);font-weight:var(--font-weight-semibold);cursor:pointer}.info-link{color:inherit}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-bubble{position:absolute;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);background:var(--color-text);color:var(--color-text-invert);padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;z-index:30}.tooltip-bubble.is-open{opacity:1;transform:translateY(0)}.tooltip-top .tooltip-bubble{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,-6px)}.tooltip-top .tooltip-bubble.is-open{transform:translate(-50%)}.tooltip-bottom .tooltip-bubble{top:calc(100% + 8px);left:50%;transform:translate(-50%,6px)}.tooltip-bottom .tooltip-bubble.is-open{transform:translate(-50%)}.tooltip-left .tooltip-bubble{right:calc(100% + 8px);top:50%;transform:translate(-6px,-50%)}.tooltip-left .tooltip-bubble.is-open{transform:translateY(-50%)}.tooltip-right .tooltip-bubble{left:calc(100% + 8px);top:50%;transform:translate(6px,-50%)}.tooltip-right .tooltip-bubble.is-open{transform:translateY(-50%)}.feedback-room{max-width:980px;margin:0 auto}.feedback-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.feedback-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feedback-hero{border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent 45%);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-glass) 86%,white 14%),color-mix(in srgb,var(--color-surface-glass) 92%,white 8%));box-shadow:0 18px 60px #00000014;padding:16px;margin-bottom:16px;backdrop-filter:blur(var(--blur-sm))}.feedback-hero-title{margin:0;font-size:18px;font-weight:900;letter-spacing:.02em}.feedback-hero-sub{margin:6px 0 0;color:var(--color-text-muted);line-height:1.7}.feedback-grid{display:grid;gap:10px;margin-top:12px}.feedback-field{display:grid;gap:6px}.feedback-label{font-size:12px;font-weight:800;letter-spacing:.04em;color:color-mix(in srgb,var(--color-text-muted) 90%,var(--color-text) 10%)}.feedback-input,.feedback-textarea{width:100%;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent 40%);background:color-mix(in srgb,var(--color-surface-strong) 70%,transparent 30%);color:var(--color-text);padding:10px 12px;font-size:14px}.feedback-textarea{resize:vertical;min-height:90px;line-height:1.6}.feedback-span-2{grid-column:1 / -1}.feedback-split{display:grid;gap:10px}@media (min-width: 760px){.feedback-grid,.feedback-split{grid-template-columns:1fr 1fr}}.feedback-check{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-border) 45%,transparent 55%);background:color-mix(in srgb,var(--color-surface-glass) 75%,transparent 25%);color:var(--color-text)}.feedback-actions{display:grid;gap:8px;padding-top:6px}.feedback-submit{width:100%;border-radius:12px;padding:12px 14px;font-weight:900}.feedback-hint{font-size:12px;color:var(--color-text-muted)}.feedback-error{font-size:13px;color:color-mix(in srgb,var(--accent-danger) 70%,var(--color-text) 30%);padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-danger) 55%,transparent 45%);background:color-mix(in srgb,var(--accent-danger) 10%,transparent 90%)}.diagnostics-card{border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent 45%);border-radius:18px;background:color-mix(in srgb,var(--color-surface-glass) 85%,white 15%);box-shadow:0 16px 54px #00000012;padding:16px;margin-bottom:16px;backdrop-filter:blur(var(--blur-sm));display:grid;gap:10px}.diagnostics-title{margin:0;font-size:16px;font-weight:900;letter-spacing:.02em}.diagnostics-sub{margin:6px 0 0;color:var(--color-text-muted);line-height:1.7}.diagnostics-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.diagnostics-attach{display:inline-flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-border) 45%,transparent 55%);background:color-mix(in srgb,var(--color-surface-glass) 70%,transparent 30%);color:var(--color-text);font-size:13px}.diagnostics-note{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.6}.diagnostics-textarea{width:100%;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent 40%);background:color-mix(in srgb,var(--color-surface-strong) 70%,transparent 30%);color:var(--color-text);padding:10px 12px;font-size:12px;line-height:1.5;resize:vertical;min-height:120px}.diagnostics-error{font-size:13px;color:color-mix(in srgb,var(--accent-danger) 70%,var(--color-text) 30%);padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-danger) 55%,transparent 45%);background:color-mix(in srgb,var(--accent-danger) 10%,transparent 90%)}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 45%,#0f0f120f,#fff 58%);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;overflow:hidden;color:#111}.splash-bg{position:absolute;inset:0;pointer-events:none}.splash-orbit{position:absolute;inset:-30%;background:conic-gradient(from 90deg,#d4af3700,#d4af3726,#0000,#d4af371a,#0000);filter:blur(22px);opacity:.9;transform-origin:center;animation:splashOrbit 5.8s linear infinite}@keyframes splashOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-grain{position:absolute;inset:-40%;background-image:radial-gradient(circle at 20% 20%,rgba(0,0,0,.05) 0 1px,transparent 1px 100%),radial-gradient(circle at 70% 40%,rgba(0,0,0,.04) 0 1px,transparent 1px 100%),radial-gradient(circle at 40% 80%,rgba(0,0,0,.035) 0 1px,transparent 1px 100%);background-size:120px 120px,140px 140px,160px 160px;opacity:.22;transform:translateZ(0);animation:splashGrain 1.4s steps(2) infinite}@keyframes splashGrain{0%{transform:translateZ(0)}25%{transform:translate3d(-1.5%,1.2%,0)}50%{transform:translate3d(1.2%,-1.6%,0)}75%{transform:translate3d(-.8%,-.6%,0)}to{transform:translateZ(0)}}.splash-content{text-align:center;position:relative;max-width:640px;padding:24px}.splash-mark{width:84px;height:84px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:linear-gradient(180deg,#ffffffc7,#ffffff8c);box-shadow:0 18px 55px #0000001a;display:grid;place-items:center;margin:0 auto 18px}.splash-monogram{font-family:Times New Roman,serif;font-size:36px;letter-spacing:.02em;color:#000000c7}.splash-title{font-family:Times New Roman,serif;font-size:clamp(2.1rem,3.6vw,3.1rem);font-weight:400;letter-spacing:.18em;margin:0}.splash-rule{width:min(260px,70vw);height:1px;background:#0000001f;margin:14px auto 12px}.splash-subtitle{font-family:"Noto Serif JP",serif;font-size:1.05rem;color:#000000ad;margin:0}.splash-hint{height:20px;margin-top:18px;font-size:.95rem;color:#0000008c}.splash-enter{opacity:0}.splash-enter .splash-content{transform:translateY(10px);opacity:0}.splash-ready{opacity:1}.splash-ready .splash-content{transform:translateY(0);opacity:1;transition:transform .42s ease,opacity .42s ease}.splash-ready .splash-mark{animation:splashMark 2.6s ease-in-out infinite}@keyframes splashMark{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}.splash-exit{opacity:0;pointer-events:none;transition:opacity .26s ease}.splash-exit .splash-content{transform:translateY(-6px);opacity:0;transition:transform .26s ease,opacity .26s ease}@media (prefers-reduced-motion: reduce){.splash-enter,.splash-ready,.splash-exit,.splash-content{transition:none!important}.splash-orbit,.splash-grain,.splash-mark{animation:none!important}}.spotify-square-dock{position:fixed;right:14px;bottom:14px;width:76px;height:76px;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 45%,transparent 55%);background:color-mix(in srgb,var(--color-surface-glass) 88%,transparent 12%);box-shadow:0 18px 46px #00000047;z-index:1100;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.spotify-square-dock:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 70%,transparent 30%);outline-offset:3px}.spotify-square-dock-art{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.spotify-square-dock-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0000008c,#0000001f 42%,#0000 70%);pointer-events:none}.spotify-square-dock-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#00000059;color:#fffffff2;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:transform .15s ease,background .15s ease;padding:0}.spotify-square-dock-play:hover{background:#0000007a;transform:translate(-50%,-50%) scale(1.03)}.spotify-square-dock-play:active{transform:translate(-50%,-50%) scale(.97)}.spotify-square-dock-progress{position:absolute;left:10px;right:10px;bottom:10px;height:3px;border-radius:99px;background:#ffffff38;overflow:hidden}.spotify-square-dock-progressFill{height:100%;background:color-mix(in srgb,var(--color-accent) 75%,#ffffff 25%);width:0}.spotify-square-dock-hint{position:absolute;left:10px;right:10px;top:10px;pointer-events:none}.spotify-square-dock-title{font-size:10px;line-height:1.2;font-weight:750;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.55);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 520px){.spotify-square-dock{right:10px;bottom:10px;width:72px;height:72px;border-radius:16px}}@media (prefers-reduced-motion: reduce){.spotify-square-dock-play{transition:none}}.playback-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}.playback-controls.expanded{gap:16px;padding:16px 0}.control-button{width:40px;height:40px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:#ffffffb3;color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;padding:0}.control-button:hover:not(:disabled){background:#d4af3726;transform:translateY(-1px)}.control-button:active:not(:disabled){transform:translateY(0)}.control-button:disabled{opacity:.3;cursor:not-allowed}.control-button.primary{width:48px;height:48px;font-size:20px;background:#d4af3733;color:#000000d9;box-shadow:0 2px 8px #d4af3733;border-radius:8px}.playback-controls.expanded .control-button.primary{width:56px;height:56px;font-size:24px}.control-button.primary:hover:not(:disabled){background:#d4af374d;box-shadow:0 4px 12px #d4af374d}.control-button.secondary{width:36px;height:36px;font-size:16px}.control-button.active{background:#d4af3759;color:#000000e6}.repeat-indicator{position:absolute;top:-2px;right:-2px;font-size:10px;background:#d4af37;color:#fff;width:14px;height:14px;border-radius:4px;display:flex;align-items:center;justify-content:center}.control-icon-svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:currentColor;stroke-linecap:round;stroke-linejoin:round}.control-button.primary .control-icon-svg{width:22px;height:22px}@media (prefers-reduced-motion: reduce){.control-button,.control-button:hover,.control-button:active{transition:none;transform:none}}.seek-bar-container{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0}.seek-time{font-size:11px;color:var(--text-secondary);min-width:40px;font-variant-numeric:tabular-nums}.seek-time.current{text-align:right}.seek-time.total{text-align:left}.seek-track{flex:1;height:4px;background:#0000001a;border-radius:2px;cursor:pointer;position:relative;transition:height .2s ease}.seek-track:hover{height:6px}.seek-progress{height:100%;border-radius:2px;position:relative;transition:width .1s linear;background:#d4af37d9}.seek-thumb{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:6px;height:14px;background:#d4af37f2;border-radius:2px;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity .2s ease}.seek-track:hover .seek-thumb{opacity:1}@media (prefers-reduced-motion: reduce){.seek-track,.seek-progress,.seek-thumb{transition:none}}.volume-control{display:flex;align-items:center;gap:8px}.volume-control.expanded{gap:12px}.volume-icon{width:32px;height:32px;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;color:var(--text-primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;padding:0;border-radius:6px;position:relative}.volume-icon:hover{transform:translateY(-1px)}.volume-icon:active{transform:translateY(0)}.volume-slider{width:100px;height:4px;background:#0000001a;border-radius:2px;cursor:pointer;position:relative;transition:height .2s ease}.volume-control.expanded .volume-slider{width:200px}.volume-slider:hover{height:6px}.volume-fill{height:100%;background:linear-gradient(90deg,#d4af3780,#d4af37f2);border-radius:2px;position:relative;transition:width .1s linear}.volume-thumb{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:6px;height:14px;background:#d4af37f2;border-radius:2px;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity .2s ease}.volume-slider:hover .volume-thumb{opacity:1}@media (prefers-reduced-motion: reduce){.volume-icon,.volume-icon:hover,.volume-icon:active,.volume-slider,.volume-fill,.volume-thumb{transition:none;transform:none}}.volume-core{width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.45);background:#00000026;transform:rotate(45deg)}.volume-wave{position:absolute;border:1px solid rgba(0,0,0,.4);border-left:none;border-radius:0 10px 10px 0;width:10px;height:12px;right:5px;opacity:.9}.volume-wave.wave-1{width:8px;height:10px;right:7px}.volume-wave.wave-2{width:12px;height:14px;right:3px}.volume-icon.muted .volume-wave{opacity:.2;border-color:#00000040}.volume-icon.low .volume-wave.wave-2{opacity:.3}.queue-preview{padding:16px 0;width:100%}.queue-label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.queue-items{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.queue-items::-webkit-scrollbar{height:4px}.queue-items::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.queue-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.queue-item{display:inline-flex;align-items:stretch;padding:4px;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;min-width:240px}.queue-item:hover{background:#ffffff14;transform:translateY(-2px)}.queue-item:active{transform:translateY(0)}.queue-album-card{width:100%;background:#ffffff0f;border-color:#ffffff1f}.queue-album-card .album-card-title{color:#fffffff2}.queue-album-card .album-card-mood,.queue-album-card .album-card-meta{color:#ffffffb3}@media (prefers-reduced-motion: reduce){.queue-item,.queue-item:hover,.queue-item:active{transition:none;transform:none}}.motif-orbit{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.motif-tag{position:absolute;font-family:"Noto Serif JP",serif;font-size:18px;color:#ffffffe6;background:#ffffff1a;backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.2);white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003;transition:opacity .3s ease,transform .3s ease;pointer-events:auto;cursor:default}.motif-tag:hover{opacity:1!important;transform:translate(-50%,-50%) scale(1.1)!important;background:#ffffff26}@media (prefers-reduced-motion: reduce){.motif-tag{transition:none}}.expanded-player-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(10px);z-index:9998;animation:fadeIn .3s ease}.expanded-player-modal{position:fixed;inset:auto 0 0;transform:none;width:100%;max-width:none;height:min(84dvh,860px);background:var(--surface-glass-strong);backdrop-filter:blur(20px);border-radius:10px 10px 0 0;border-top:1px solid rgba(0,0,0,.12);border-left:0;border-right:0;border-bottom:0;box-shadow:0 -18px 70px #00000059;z-index:9999;overflow:hidden;animation:modalSlideUp .45s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.expanded-player-close,.expanded-player-minimize{position:absolute;top:14px;width:40px;height:40px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:#ffffffb8;color:#000000a6;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0}.expanded-player-close{right:14px}.expanded-player-minimize{right:62px}.expanded-player-close:hover,.expanded-player-minimize:hover{background:#d4af3733;transform:translateY(-1px)}.expanded-player-content{height:100%;overflow-y:auto;padding:58px 22px 24px;display:flex;flex-direction:column;align-items:center;gap:32px}.expanded-player-album-section{display:flex;flex-direction:column;align-items:center;gap:24px}.expanded-player-album-container{position:relative;width:400px;height:400px}.expanded-player-album-image{width:100%;height:100%;border-radius:10px;object-fit:cover;box-shadow:0 8px 32px #00000040}.expanded-player-album-meta{text-align:center}.expanded-player-album-title{font-size:32px;font-weight:700;color:var(--text-blend);margin:0 0 8px;mix-blend-mode:difference}.expanded-player-album-details{font-size:16px;color:var(--text-secondary);margin:0 0 8px}.expanded-player-album-character{font-size:14px;font-style:italic;color:#00000073;max-width:500px;margin:0 auto}.expanded-player-memo{margin-top:14px;width:min(520px,92vw);margin-left:auto;margin-right:auto;text-align:left}.expanded-player-memo-label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0000008c;margin-bottom:8px}.expanded-player-memo-input{width:100%;resize:vertical;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#ffffff9e;color:#000000d1;padding:10px 12px;outline:none;line-height:1.6}.expanded-player-memo-input:focus{border-color:#d4af37a6;box-shadow:0 0 0 3px #d4af372e}.expanded-player-visualization-section{width:100%;max-width:800px;display:flex;flex-direction:column;gap:16px}.visualization-mode-toggle{display:flex;justify-content:center;gap:8px}.visualization-mode-toggle button{padding:8px 16px;border:1px solid rgba(0,0,0,.18);background:#fff9;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.visualization-mode-toggle button:hover{background:#d4af371f}.visualization-mode-toggle button.active{background:#d4af3733;border-color:#d4af3780;color:#000000e6}.expanded-player-controls-section{width:100%;max-width:600px;display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.expanded-player-modal{height:min(88dvh,900px);border-radius:14px 14px 0 0}.expanded-player-content{padding:40px 24px;gap:24px}.expanded-player-album-container{width:280px;height:280px}.expanded-player-album-title{font-size:24px}}@media (prefers-reduced-motion: reduce){.expanded-player-backdrop,.expanded-player-modal,.expanded-player-close,.expanded-player-minimize,.expanded-player-close:hover,.expanded-player-minimize:hover,.visualization-mode-toggle button{animation:none;transition:none;transform:none}}@keyframes playerExpand{0%{transform:scale(.3) translateY(50vh);opacity:.5}to{transform:scale(1) translateY(0);opacity:1}}@keyframes playerMinimize{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.3) translateY(50vh);opacity:.5}}body.player-expanded{overflow:hidden}.expanded-player-modal *:focus{outline:2px solid rgba(212,175,55,.6);outline-offset:2px}.mini-player-loading{opacity:0;transition:opacity .3s ease}.mini-player-loaded{opacity:1}.mini-player-bar{position:fixed;bottom:0;left:0;width:100%;height:72px;transform:none;background:#ffffffdb;backdrop-filter:blur(26px);border-top:1px solid rgba(0,0,0,.12);border-left:0;border-right:0;border-bottom:0;border-radius:0;box-shadow:0 -10px 28px #0000001f;z-index:1000;transition:box-shadow .2s ease}.mini-player-bar.empty{opacity:.65}.mini-player-bar:hover{box-shadow:0 -14px 34px #00000024}.mini-player-bar-content{display:flex;align-items:center;gap:12px;height:100%;padding:0 16px;max-width:1200px;margin:0 auto}.mini-player-thumbnail{width:48px;height:48px;border-radius:4px;object-fit:cover;box-shadow:0 4px 12px #0003;flex-shrink:0}.mini-player-info-section{min-width:160px;max-width:260px;flex-shrink:0}.mini-player-track-title{font-size:13px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-track-meta{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.mini-player-controls-section{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.mini-player-volume-section,.mini-player-visualization-section{flex-shrink:0}.mini-player-expand-button{height:34px;border-radius:6px;border:1px solid rgba(0,0,0,.18);background:#0000000a;color:#000000b8;font-size:12px;font-weight:800;letter-spacing:.06em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0 10px}.mini-player-expand-button:hover{background:#d4af3724}.mini-player-expand-button:active{transform:translateY(1px)}@media (max-width: 1024px){.mini-player-visualization-section{display:none}}@media (max-width: 768px){.mini-player-bar-content{padding:0 12px;gap:12px}.mini-player-info-section{min-width:120px;max-width:150px}.mini-player-volume-section{display:none}}@media (prefers-reduced-motion: reduce){.mini-player-bar,.mini-player-bar:hover,.mini-player-expand-button,.mini-player-expand-button:hover,.mini-player-expand-button:active{transition:none;transform:none}}.playback-backdrop{position:fixed;inset:-40px;z-index:0;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;filter:blur(34px) saturate(.75) brightness(.92);transform:scale(1.08);transition:opacity .38s ease,filter .9s ease}.playback-backdrop.is-active{opacity:.7}.playback-backdrop.is-playing{animation:playbackBloom 14s cubic-bezier(.2,.9,.2,1) forwards}@keyframes playbackBloom{0%{filter:blur(36px) saturate(.65) brightness(.9)}60%{filter:blur(34px) saturate(1.05) brightness(.98)}to{filter:blur(32px) saturate(1.25) brightness(1.02)}}@media (prefers-reduced-motion: reduce){.playback-backdrop.is-playing{animation:none}}.gen-frost{position:fixed;inset:0;z-index:9000;pointer-events:none}.gen-frost-surface{position:absolute;inset:0;background:radial-gradient(1200px 800px at 40% 20%,#ffffff38,#ffffff0f 58%,#00000029),linear-gradient(180deg,#00000026,#00000047);backdrop-filter:blur(calc(34px * var(--frost, .75))) saturate(.95);-webkit-backdrop-filter:blur(calc(34px * var(--frost, .75))) saturate(.95);opacity:1;animation:genFrostDrift 3.6s ease-in-out infinite}@keyframes genFrostDrift{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}.gen-frost-card{position:absolute;left:50%;top:18dvh;transform:translate(-50%);width:min(520px,calc(100% - 32px));border:1px solid rgba(255,255,255,.45);background:#ffffffbd;box-shadow:0 16px 44px #0000002e;border-radius:10px;padding:14px 14px 12px;pointer-events:auto}.gen-frost-title{display:flex;align-items:baseline;gap:10px;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#0000008c}.gen-frost-title-main{display:inline-block}.gen-frost-scope{display:inline-block;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:none;color:#0000009e;border:1px solid rgba(0,0,0,.1);background:#0000000a;padding:4px 8px;border-radius:999px}.gen-frost-status{margin-top:8px;font-size:14px;font-weight:800;color:#000000d1}.gen-frost-elapsed{margin-left:6px;font-variant-numeric:tabular-nums;color:#0000008c}.gen-frost-cancel{margin-top:12px;width:100%;height:38px;border-radius:8px;border:1px solid rgba(0,0,0,.18);background:#0000000a;color:#000000c7;font-weight:800;cursor:pointer}.gen-frost-cancel:hover{background:#d4af3729}@media (prefers-reduced-motion: reduce){.gen-frost-surface{animation:none}}:root{font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--color-bg: #ffffff;--color-bg-muted: #f7f7f8;--color-surface: rgba(255, 255, 255, .96);--color-surface-strong: rgba(255, 255, 255, .98);--color-surface-glass: rgba(255, 255, 255, .8);--color-surface-glass-strong: rgba(255, 255, 255, .94);--color-border: rgba(0, 0, 0, .1);--color-text: #0F0F0F;--color-text-muted: rgba(0, 0, 0, .55);--color-text-invert: #F7F7F7;--color-accent: #D4AF37;--color-accent-hover: #C7A02E;--color-danger: #d04f4f;--color-success: #2b8a3e;--color-focus: #111111;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 6px 18px rgba(0, 0, 0, .06);--shadow-md: 0 10px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 18px 36px rgba(0, 0, 0, .12);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--blur-sm: 8px;--blur-md: 14px;--noise-opacity: .06;--overlay-chip-border: rgba(255, 255, 255, .75);--overlay-chip-bg: rgba(0, 0, 0, .65);--overlay-chip-fg: rgba(255, 255, 255, .95);--overlay-chip-priority-shadow: 0 0 0 2px rgba(0, 0, 0, .25);--bg-primary: var(--color-bg);--bg-secondary: rgba(255, 255, 255, .92);--bg-tertiary: rgba(0, 0, 0, .02);--border-color: var(--color-border);--surface-paper: var(--color-surface);--surface-porcelain: var(--color-surface-strong);--surface-glass: var(--color-surface-glass);--surface-glass-strong: var(--color-surface-glass-strong);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-blend: var(--color-text-invert);--accent-primary: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-input: var(--color-accent);--accent-album: var(--color-accent);--accent-music: var(--color-accent);--accent-success: rgba(0, 0, 0, .05);--accent-danger: rgba(0, 0, 0, .08);--accent-processing: rgba(0, 0, 0, .03);--gold: var(--color-accent);--shadow: rgba(0, 0, 0, .1);--shadow-soft: rgba(0, 0, 0, .06)}html[data-theme=dark]{--color-bg: #0b0b0c;--color-bg-muted: #121216;--color-surface: rgba(18, 18, 20, .9);--color-surface-strong: rgba(18, 18, 20, .98);--color-surface-glass: rgba(18, 18, 20, .75);--color-surface-glass-strong: rgba(18, 18, 20, .9);--color-border: rgba(255, 255, 255, .08);--color-text: #f5f5f7;--color-text-muted: rgba(255, 255, 255, .6);--color-text-invert: #0b0b0c;--color-accent: #e6c35a;--color-accent-hover: #d4af37;--color-danger: #ff6b6b;--color-success: #63e6be;--color-focus: #f5f5f7;--overlay-chip-border: rgba(255, 255, 255, .72);--overlay-chip-bg: rgba(0, 0, 0, .62);--overlay-chip-fg: rgba(255, 255, 255, .96);--overlay-chip-priority-shadow: 0 0 0 2px rgba(0, 0, 0, .35)}html[data-theme=high-contrast]{--color-bg: #000000;--color-bg-muted: #000000;--color-surface: #000000;--color-surface-strong: #000000;--color-surface-glass: #000000;--color-surface-glass-strong: #000000;--color-border: #ffffff;--color-text: #ffffff;--color-text-muted: #ffffff;--color-text-invert: #000000;--color-accent: #ffffff;--color-accent-hover: #ffffff;--color-danger: #ffffff;--color-success: #ffffff;--color-focus: #ffffff;--overlay-chip-border: #ffffff;--overlay-chip-bg: #000000;--overlay-chip-fg: #ffffff;--overlay-chip-priority-shadow: 0 0 0 2px #ffffff;--player-safe-area: 32px}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;font-size:16px;min-height:100vh;overflow:hidden;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1200px;margin:0 auto;padding:20px;height:100%;overflow-y:auto}.app-ui-layer{position:relative;z-index:1}.preauth-shell{height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.loading-panel{min-height:70dvh;display:grid;place-items:center;padding:28px 16px}.loading-card{width:min(92vw,520px);border-radius:16px;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent 28%);background:color-mix(in srgb,var(--bg-secondary) 82%,transparent 18%);box-shadow:0 18px 54px #00000024;padding:18px 18px 16px;backdrop-filter:blur(10px)}.loading-row{display:flex;align-items:flex-start;gap:12px}.loading-spinner{width:22px;height:22px;border-radius:999px;border:3px solid color-mix(in srgb,var(--text-secondary) 30%,transparent 70%);border-top-color:var(--text-primary);animation:spin .86s linear infinite;margin-top:1px;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:14px;font-weight:650;color:var(--text-primary);margin:0;letter-spacing:.01em}.loading-sub{font-size:13px;color:var(--text-secondary);margin:6px 0 0;line-height:1.55}header{text-align:center;padding:32px 20px 24px;border-bottom:1px solid var(--border-color);margin-bottom:24px}header h1{font-size:clamp(28px,5vw,42px);margin:0 0 10px;color:var(--text-primary)}.subtitle{font-size:clamp(14px,3vw,18px);color:var(--text-secondary);margin:0}.primary-focus{margin-top:24px;display:flex;flex-direction:column;gap:16px;align-items:center}.primary-focus-title{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.primary-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;max-width:860px}.focus-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#ffffffbf;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 24px #00000014;text-align:left}.focus-card h3{margin:0 0 4px;font-size:16px;font-weight:600}.focus-card p{margin:0;font-size:13px;color:var(--text-secondary)}.focus-step{width:36px;height:36px;border-radius:12px;border:1px solid rgba(0,0,0,.35);background:#d4af3733;color:#000c;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.08em}main{display:grid;gap:30px}@media (min-width: 768px){main{grid-template-columns:1fr 1fr}}section{background:var(--surface-paper);border:1px solid var(--border-color);border-radius:16px;padding:28px;box-shadow:0 6px 18px var(--shadow-soft);backdrop-filter:blur(18px)}@media (max-width: 767px){section{padding:20px}}section h2{font-size:clamp(20px,4vw,24px);margin:0 0 20px;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:12px;letter-spacing:.04em}section h3{font-size:clamp(16px,3.5vw,20px);margin:20px 0 10px}.control-group{margin-bottom:20px}.control-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary);font-size:14px}select{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-porcelain);color:var(--text-primary);font-size:16px;cursor:pointer;transition:all .2s ease}select:hover:not(:disabled){border-color:var(--accent-input)}select:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:3px;box-shadow:0 0 0 4px #d4af3729}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid rgba(0,0,0,.25);outline-offset:3px;box-shadow:0 0 0 4px #d4af371f}select:disabled{opacity:.5;cursor:not-allowed}.timer-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;margin-bottom:24px}.timer-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:5px}.timer-value{display:block;font-size:32px;font-weight:700;color:var(--accent-input)}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}button,.btn{padding:12px 22px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);font-size:15px;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard);font-weight:var(--font-weight-medium);flex:1;min-width:fit-content;letter-spacing:.02em}@media (max-width: 480px){button,.btn{width:100%;flex:1 1 100%}}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--color-bg-muted);border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text) 40%)}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px);background:color-mix(in srgb,var(--color-bg-muted) 70%,var(--color-text) 30%)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-focus) 25%,transparent 75%)}.btn-primary{background:var(--color-text);border-color:var(--color-text);color:var(--color-text-invert)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 92%,black 8%);border-color:color-mix(in srgb,var(--color-text) 92%,black 8%)}.btn-secondary{background:var(--color-surface-strong);border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text) 40%);color:var(--color-text)}.btn-success{background:var(--color-text);border-color:var(--color-text);color:var(--color-text-invert)}.btn-success:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 92%,black 8%);border-color:color-mix(in srgb,var(--color-text) 92%,black 8%)}.btn-outline{background:transparent}.error-message{background:#00000008;border:1px solid rgba(0,0,0,.15);border-radius:12px;padding:16px;margin-bottom:20px;color:var(--text-primary);text-align:center}.error-container{background:#f443360d;border:1px solid var(--accent-danger);border-radius:8px;padding:20px;margin-top:20px}.error-details{margin-bottom:20px}.error-title{font-size:18px;font-weight:600;color:#000000b3;margin:0 0 12px}.error-code{font-family:monospace;font-size:14px;color:var(--text-secondary);margin:8px 0}.error-message{color:#000000b3;margin:8px 0}.retry-count,.retry-info{color:var(--text-secondary);font-size:14px;margin:8px 0}.error-actions{margin:20px 0;justify-content:center}.fallback-help{text-align:center;color:var(--text-secondary);font-size:14px;margin-top:16px;font-style:italic}.success-message{background:#d4af3714;border:1px solid rgba(212,175,55,.35);border-radius:12px;padding:16px;margin-bottom:20px;color:var(--text-primary);text-align:center;animation:slideIn .8s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-indicator{text-align:center;padding:40px 20px}.loading-indicator p{margin:8px 0}.job-id{font-family:monospace;font-size:12px;color:var(--text-secondary);opacity:.7}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--accent-input);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border-top-color:var(--accent-input);border-right-color:var(--accent-input)}}.preview-container{margin-top:30px;text-align:center}.preview-image{max-width:100%;height:auto;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px var(--shadow);margin-top:15px}footer{text-align:center;padding:40px 20px;margin-top:40px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:14px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #fff;--text-secondary: #fff}}*:focus-visible{outline:2px solid var(--accent-input);outline-offset:2px}.external-generation{background:var(--surface-glass);border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:30px;margin-top:30px}.external-generation h2{color:var(--text-primary);mix-blend-mode:difference;letter-spacing:.08em;margin-top:0}.section-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px;font-style:italic}.job-id{font-size:12px;color:var(--text-secondary);font-family:monospace;margin-top:5px}.preview-image[crossorigin]{max-width:100%;height:auto}.analysis-status{background:var(--bg-primary);border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:15px;margin:15px 0;text-align:center;position:relative;overflow:hidden}.analysis-status:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;border:2px solid var(--gold);opacity:0;transform:translate(-50%,-50%);animation:analysisRipple 2s ease-out infinite}.analysis-status:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;border:2px solid var(--gold);opacity:0;transform:translate(-50%,-50%);animation:analysisRipple 2s ease-out infinite 1s}@keyframes analysisRipple{0%{width:0;height:0;opacity:.6}to{width:300px;height:300px;opacity:0}}.analysis-result{background:linear-gradient(135deg,#0000000a,#00000005);color:var(--text-primary);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 12px #00000014}.analysis-result h3{margin-top:0;color:var(--text-primary);mix-blend-mode:difference;font-size:18px}.analysis-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.analysis-details p{margin:0;background:#fff9;padding:10px;border-radius:8px;font-size:14px}.analysis-details p strong{display:block;margin-bottom:5px;font-size:12px;opacity:.7}@media (max-width: 600px){.analysis-details{grid-template-columns:1fr}}.progress-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;margin:20px 0;background:#00000005;border:1px solid rgba(0,0,0,.08);border-radius:16px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px;transition:all .3s ease}.progress-step.active{transform:scale(1.1)}.progress-step .step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;background:#00000008;border:1px solid rgba(0,0,0,.1);color:var(--text-secondary);transition:all .3s ease}.progress-step.active .step-icon{background:#d4af3733;border-color:#d4af3799;color:var(--accent-input);animation:pulse 1.5s ease-in-out infinite}.progress-step.completed .step-icon{background:#0000000d;border-color:#0003;color:var(--text-secondary)}.progress-step .step-label{font-size:13px;color:var(--text-secondary);text-align:center;white-space:nowrap}.progress-step.active .step-label{color:var(--accent-input);font-weight:600}.progress-step.completed .step-label{color:var(--text-secondary)}.progress-arrow{font-size:24px;color:#00000040;font-weight:700}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 600px){.progress-flow{gap:8px;padding:16px}.progress-step{min-width:80px}.progress-step .step-icon{width:40px;height:40px;font-size:16px}.progress-step .step-label{font-size:12px}.progress-arrow{font-size:18px}}.music-info{padding:20px}.current-track{background:#00000008;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:22px;margin-bottom:30px}.current-track h2{margin-top:0;color:var(--text-primary);letter-spacing:.02em}.track-details{margin:15px 0}.track-details p{margin:8px 0;color:#000000b3}.music-hint{font-size:14px;color:#0009;font-style:italic;margin-top:15px}.no-selection{padding:40px;text-align:center;color:#0009}.music-library{background:var(--surface-glass);border:1px solid var(--border-color);border-radius:16px;padding:22px}.music-library h2{margin-top:0;color:var(--text-primary);letter-spacing:.02em}.music-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.music-list{list-style:none;padding:0;margin:20px 0 0}.music-list li{padding:12px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:4px;cursor:pointer;border-radius:10px}.music-list li:hover{background:#00000008}.music-list li:focus{outline:2px solid rgba(0,0,0,.25);outline-offset:2px}.music-list li.selected{background:#0000000a;border-left:3px solid rgba(0,0,0,.65)}.music-title{font-weight:500;color:#000000d9}.music-meta{font-size:13px;color:#0009}.airia-stage{position:relative;isolation:isolate}.airia-stage>header,.airia-stage>main,.airia-stage>footer,.airia-stage>.error-message,.airia-stage>.success-message{position:relative;z-index:2}.airia-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0}.airia-atmosphere canvas{position:absolute;inset:0;width:100%;height:100%}.airia-glass-canvas{mix-blend-mode:soft-light;opacity:.7;filter:blur(.4px)}.airia-dust-canvas{mix-blend-mode:screen;opacity:.9}.airia-stage.idle .airia-dust-canvas{opacity:0}.airia-stage.safe-zone .airia-atmosphere{opacity:.5;filter:grayscale(.2)}.darkroom-overlay{position:fixed;inset:0;background:radial-gradient(circle at 50% 45%,#ffffff0d,#0a0a0ad9,#000000f2);animation:darkroomReveal 2.6s ease-in-out;z-index:1;pointer-events:none}@keyframes darkroomReveal{0%{opacity:0}35%{opacity:.8}to{opacity:.55}}.airia-cursor-active{cursor:none}.airia-cursor-trail{position:fixed;inset:0;pointer-events:none;z-index:3}.airia-fluid-cursor{position:fixed;top:0;left:0;width:32px;height:32px;pointer-events:none;z-index:4;transition:transform .2s ease-out}.airia-fluid-cursor .cursor-core{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 12px #d4af3799;top:50%;left:50%;transform:translate(-50%,-50%)}.airia-fluid-cursor .cursor-ring{position:absolute;width:32px;height:32px;border-radius:50%;border:1px solid rgba(212,175,55,.5);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #d4af3766;animation:cursorBreath 3.6s ease-in-out infinite}.airia-fluid-cursor.magnetized .cursor-ring{border-color:#d4af37cc;box-shadow:0 0 24px #d4af37cc}@keyframes cursorBreath{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.airia-stage button:hover:not(:disabled),.airia-stage button:focus-visible,.airia-stage select:hover:not(:disabled),.airia-stage select:focus-visible{animation:breathePulse 3.8s ease-in-out infinite}@keyframes breathePulse{0%,to{box-shadow:0 0 #d4af3733}50%{box-shadow:0 0 20px #d4af3773}}@media (prefers-reduced-motion: reduce){.airia-fluid-cursor,.airia-cursor-trail{display:none}.darkroom-overlay{animation:none}}.button,button:not(.unstyled){position:relative;transition:background .15s ease,border-color .15s ease}.button:focus-visible,button:not(.unstyled):focus-visible{outline:2px solid #D4AF37;outline-offset:4px}.button:disabled,button:not(.unstyled):disabled{opacity:.5;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.geometric-pattern,.visual-decoration{display:none!important}}@media (prefers-contrast: high){.button,button:not(.unstyled){border:2px solid currentColor}.button:focus-visible,button:not(.unstyled):focus-visible{outline-width:3px}}.skip-to-main{position:absolute;top:-40px;left:0;background:#d4af37;color:#000;padding:8px 16px;text-decoration:none;z-index:100000}.skip-to-main:focus{top:0}a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #D4AF37;outline-offset:2px}:root{--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-background: #ffffff;--color-surface: #f5f5f5;--color-accent: #D4AF37;--color-accent-dark: #B8941E}@media (prefers-color-scheme: dark){:root{--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-background: #1a1a1a;--color-surface: #2a2a2a}}