@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.italic{font-style:italic}.bold{font-weight:600}.logo-text{font-family:var(--font-serif);font-size:24px;font-weight:700}.header-text{font-family:var(--font-serif);font-size:1.5rem;font-weight:400}.mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);font-size:.75rem}.muted-text{color:#f0ede899}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.p-4{padding:var(--spacing-md)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.surface{background-color:var(--color-surface);border:1px solid var(--color-border)}.btn-outline{border:1px solid var(--color-accent);color:var(--color-accent);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);letter-spacing:1px;font-size:.8rem}.btn-outline:hover:not(:disabled){background-color:#d4c5a91a}.btn-primary{background-color:var(--color-accent);color:var(--color-bg);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);border-radius:var(--radius-sm);font-weight:500}.btn-primary:active:not(:disabled){opacity:.8}.btn-primary:disabled{background-color:var(--color-surface);color:#f0ede84d;border:1px solid var(--color-border)}.input-field{background-color:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-sans)}.input-field:focus{border-color:var(--color-accent)}.hidden{display:none}:root{--color-bg:#0a0a0a;--color-text:#f0ede8;--color-accent:#d4c5a9;--color-surface:#141414;--color-border:#d4c5a926;--text-muted:#f0ede880;--font-serif:"Cormorant Garamond", serif;--font-sans:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--radius-sm:2px;--radius-md:4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}button{cursor:pointer;transition:all .2s ease-in-out}button:disabled{cursor:not-allowed;opacity:.5}::selection{background-color:var(--color-accent);color:var(--color-bg)}@keyframes ambientBreathe{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.hero-logo{text-align:center;margin-top:32px;margin-bottom:24px;position:relative}.hero-logo h1{font-family:var(--font-serif);letter-spacing:-.06em;justify-content:center;margin-bottom:16px;font-size:80px;font-weight:300;line-height:.8;display:flex}.hero-logo h1 .s{margin-right:-4px}.hero-logo h1 .o{color:var(--color-accent);z-index:2;font-style:italic;position:relative}.hero-logo h1 .b{margin-left:-4px}.hero-logo .subtitle{font-family:var(--font-mono);letter-spacing:.3em;color:var(--text-muted);text-transform:uppercase;font-size:10px}.msg-user{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:8px;max-width:85%;display:flex}.msg-user .bubble{border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);background-color:#d4c5a908;padding:16px;font-size:14px;line-height:1.5}.msg-ai{flex-direction:column;align-self:flex-start;width:100%;display:flex}.ai-header-bar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.ai-header-bar:after{content:"";background:linear-gradient(90deg, var(--color-border), transparent);flex:1;height:1px}.ai-section{margin-bottom:24px}.ai-section:last-child{margin-bottom:0}.ai-section h3{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:12px;font-size:16px;font-weight:500}.ai-section p{color:#f0ede8e6;margin-bottom:12px;font-size:14px;line-height:1.6}.ai-section p:last-child{margin-bottom:0}.play-list{counter-reset:play-counter;list-style:none}.play-list li{margin-bottom:12px;padding-left:24px;font-size:14px;line-height:1.5;position:relative}.play-list li:before{counter-increment:play-counter;content:"0" counter(play-counter) ".";font-family:var(--font-mono);color:var(--color-accent);font-size:10px;position:absolute;top:1px;left:0}.quote-block{border-left:2px solid var(--color-accent);background:linear-gradient(90deg,#d4c5a90d 0%,#0000 100%);margin-top:16px;padding:16px 16px 16px 20px}.quote-block p{font-family:var(--font-serif);color:var(--color-text);font-size:18px;font-style:italic;line-height:1.4}.bottom-nav{z-index:50;background-color:var(--bg);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.input-area{background:linear-gradient(0deg, var(--bg) 80%, transparent 100%);z-index:40;align-items:center;padding:16px 24px 24px;display:flex;position:fixed;bottom:60px;left:0;right:0}.input-wrapper{border-bottom:1px solid var(--color-border);align-items:center;width:100%;padding-bottom:8px;transition:border-color .3s;display:flex}.input-wrapper:focus-within{border-bottom-color:var(--color-accent)}