@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600&display=swap";:root{--blue-night: #2c3e50;--cream: #fdfcf0;--sage-green: #b2ac88;--sage-light: #a39f88;--pastel-blue: #a8dadc;--background: var(--cream);--text: var(--blue-night);--primary: var(--sage-green);--secondary: var(--pastel-blue);--accent: #e63946;--ink-soft: #536271;--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--surface-warm: #f7f8f2;--line: rgba(44, 62, 80, .12);--line-sage: rgba(178, 172, 136, .34);--shadow-soft: 0 18px 48px rgba(44, 62, 80, .1);--shadow-lift: 0 22px 60px rgba(44, 62, 80, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--content-wide: 1180px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(145deg,#fdfcf0f5,#f0f4f8eb 56%,#a8dadc38)}#root{width:100%;margin:0;padding:0}h1{font-family:Outfit,sans-serif;font-weight:600;font-size:2.5rem;margin-bottom:2rem;color:var(--blue-night);text-align:center}.chat-container{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;height:500px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.8rem 1.2rem;border-radius:15px;font-size:.95rem;line-height:1.4;position:relative;animation:fadeIn .3s ease-out}.message.user{align-self:flex-end;background-color:var(--sage-green)!important;color:#1a1a1a!important;border-bottom-right-radius:2px;-webkit-text-fill-color:#1a1a1a!important}.message.ai{align-self:flex-start;background-color:#fff;color:var(--blue-night);border-bottom-left-radius:2px;border:1px solid var(--sage-light)}.input-area{margin-top:1rem;display:flex;gap:.5rem}input{flex:1;padding:.8rem 1.2rem;border-radius:25px;border:1px solid var(--sage-light);background:#fff;font-size:1rem;transition:all .2s}input:focus{outline:none;border-color:var(--sage-green);box-shadow:0 0 0 2px #b2ac8833}button{background-color:var(--sage-green);color:#fff;border:none;padding:.8rem 1.2rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center}a{color:inherit}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(168,218,220,.72);outline-offset:3px}.app-page-shell{width:min(var(--content-wide),100%);margin:0 auto}.page-hero{display:grid;gap:.5rem;margin:0 0 1.5rem;padding:1.1rem 0 .4rem}.page-hero h2{margin:0;color:var(--blue-night);font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08}.page-hero p{margin:0;max-width:720px;color:var(--ink-soft);line-height:1.65}.surface-panel{background:var(--surface);border:1px solid var(--line-sage);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.player-immersive-open{overflow:hidden}.global-audio-player{position:fixed;left:max(1rem,calc((100vw - var(--content-wide)) / 2));right:max(1rem,calc((100vw - var(--content-wide)) / 2));bottom:1rem;z-index:90;display:grid;grid-template-columns:auto minmax(0,1.05fr) minmax(180px,.9fr) auto auto auto;align-items:center;gap:.85rem;padding:.75rem;color:var(--blue-night);background:#fdfcf0e6;border:1px solid rgba(178,172,136,.46);border-radius:var(--radius-md);box-shadow:0 20px 60px #2c3e5033;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-main-button,.player-icon-button{flex:0 0 auto;border:0;display:grid;place-items:center;cursor:pointer}.player-main-button{width:3rem;height:3rem;padding:0;border-radius:999px;color:#fff;background:var(--blue-night);box-shadow:0 12px 28px #2c3e503d}.player-main-button:hover{background:#223241}.player-main-button.large{width:4.25rem;height:4.25rem}.player-icon-button{width:2.45rem;height:2.45rem;padding:0;border-radius:999px;color:var(--blue-night);background:#ffffffad;border:1px solid rgba(44,62,80,.1)}.player-icon-button:hover{color:#fff;background:var(--sage-green)}.player-icon-button.ghost{color:#fff;background:#ffffff1a;border-color:#fff3}.immersive-minimize-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.45rem;padding:0 .85rem;border-radius:999px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer}.immersive-minimize-button:hover{background:#b2ac886b}.immersive-minimize-button span{font-size:.9rem;font-weight:700}.player-track-copy{min-width:0;display:grid;gap:.1rem}.player-track-copy strong{overflow:hidden;color:var(--blue-night);font-family:Outfit,sans-serif;font-size:1rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.player-track-copy span,.player-track-copy small{overflow:hidden;color:var(--ink-soft);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.player-track-copy small{color:#b42318}.player-progress-zone{min-width:0;display:grid;gap:.25rem}.player-progress-zone input[type=range]{width:100%;height:.45rem;margin:0;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,var(--sage-green) 0 var(--player-progress, 0%),rgba(44,62,80,.13) var(--player-progress, 0%) 100%);accent-color:var(--sage-green);cursor:pointer}.player-progress-zone input[type=range]:focus{box-shadow:none}.player-times{display:flex;justify-content:space-between;color:#6b7580;font-size:.74rem;font-variant-numeric:tabular-nums}.audio-immersive{position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:auto 1fr;color:#fff;background:radial-gradient(circle at 50% 62%,rgba(168,218,220,.16),transparent 38%),linear-gradient(150deg,#182734,#2c3e50 48%,#17232e)}.audio-immersive:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(253,252,240,.04),transparent 34%,rgba(178,172,136,.08)),repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0 1px,transparent 1px 92px);pointer-events:none}.audio-immersive-top{position:relative;z-index:1;display:flex;justify-content:flex-end;padding:1rem}.audio-immersive-content{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));margin:0 auto;display:grid;align-content:center;justify-items:center;gap:1rem;padding-bottom:4rem;text-align:center}.immersive-kicker{margin:0;color:var(--pastel-blue);font-size:.8rem;font-weight:800;text-transform:uppercase}.audio-immersive h2{max-width:880px;margin:0;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,5rem);line-height:1}.audio-immersive p{margin:0;max-width:720px;color:#ffffffbd}.wave-canvas{width:100%;height:min(34vh,310px);margin:1.5rem 0 .5rem}.immersive-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.immersive-time{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffc7;font-variant-numeric:tabular-nums}@media(max-width:780px){.global-audio-player{left:.75rem;right:.75rem;bottom:.75rem;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.65rem;padding:.65rem}.player-progress-zone{grid-column:1 / -1;order:4}.global-audio-player .immersive-trigger{display:grid}.player-main-button{width:2.75rem;height:2.75rem}.player-icon-button{width:2.2rem;height:2.2rem}.audio-immersive-content{align-content:end;padding-bottom:7rem}.wave-canvas{height:28vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}button:hover{background-color:#9a9470;transform:translateY(-1px)}button:disabled{background-color:var(--sage-light);cursor:not-allowed}.audio-player{background:#fff;border-radius:20px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;gap:1rem;animation:slideUp .5s ease-out}.player-controls{display:flex;align-items:center;gap:1.5rem}.progress-bar{flex:1;height:6px;background:#eee;border-radius:3px;position:relative;cursor:pointer}.progress{position:absolute;left:0;top:0;height:100%;background:var(--sage-green);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.secondary-btn{background-color:transparent!important;color:var(--sage-green)!important;border:1px solid var(--sage-green)!important;flex:1}.secondary-btn:hover{background-color:var(--sage-green)!important;color:#fff!important}.primary-btn{flex:1.5}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--sage-light);border-radius:3px}