@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../../../fonts/poppins-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../../../fonts/poppins-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/poppins-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/poppins-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/poppins-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/poppins-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/poppins-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/poppins-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/poppins-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/poppins-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/unbounded-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/unbounded-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/unbounded-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/unbounded-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/unbounded-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/unbounded-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/unbounded-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/unbounded-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lavender: #7B5EA7;--lavender-light: #A68BC6;--lavender-dim: rgba(123, 94, 167, .15);--amber: #D4A055;--amber-glow: #E8C485;--sage: #7A6F5E;--rose: #A6536B;--error: #E05252;--bg: #110D18;--surface: #1C1528;--surface-hover: #261E32;--border: #2E2639;--text: #EBE3DB;--text-secondary: #9A9098;--text-tertiary: #857F8C;--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--font-mono: "Poppins", system-ui, sans-serif;--max-width: 520px;--sidebar-width: 240px;--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--page-padding-x: 20px;--page-padding-top: 20px;--page-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) ;--page-header-gap: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--lavender-light);outline-offset:2px}:focus:not(:focus-visible){outline:none}.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}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:9999}body:before{content:"";position:fixed;top:-30%;left:-20%;width:140%;height:80%;background:radial-gradient(ellipse at 40% 20%,rgba(123,94,167,.1) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(166,139,198,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.container{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:var(--page-padding-top) var(--page-padding-x) var(--page-padding-bottom);min-height:100vh;display:flex;flex-direction:column}.hidden{display:none!important}.sit-logo{width:120px;height:auto;display:block;margin:0 auto 12px}.sit-logo-sm{width:48px;margin-bottom:8px}.logo{font-family:var(--font-display);font-weight:800;font-size:1.1rem;letter-spacing:-.03em;color:var(--text);text-align:center;padding:16px 0 0}h1{font-family:var(--font-display);font-weight:800;font-size:3.2rem;letter-spacing:-.02em;line-height:1.1;color:var(--text)}h2{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;font-weight:400}.btn-primary{display:block;width:100%;padding:16px 24px;background:#e8dfd0;color:#1c1528;font-family:var(--font-display);font-weight:600;font-size:1rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #e8dfd033}.btn-primary:hover{background:#f0e9dd;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:block;width:100%;padding:14px 24px;background:transparent;color:var(--lavender-light);font-family:var(--font-display);font-weight:600;font-size:.95rem;border:1.5px solid rgba(166,139,198,.25);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--lavender-light);background:var(--lavender-dim)}.btn-text{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.btn-text:hover{color:var(--text-secondary)}.voice-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.voice-card{padding:14px 12px;background:var(--surface);border:1.5px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left}.voice-card:hover{border-color:#a68bc64d;background:var(--lavender-dim)}.voice-card.active{background:var(--lavender);border-color:var(--lavender)}.voice-card-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text)}.voice-card.active .voice-card-name{color:#fff}.voice-card-archetype{font-size:.72rem;color:var(--lavender-light);margin-top:2px;font-weight:600}.voice-card.active .voice-card-archetype{color:#fffc}.voice-card-tagline{font-size:.7rem;color:var(--text-tertiary);margin-top:4px;line-height:1.3}.voice-card.active .voice-card-tagline{color:#ffffffa6}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 8px 14px;background:var(--surface);border:1.5px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.style-btn svg{width:26px;height:26px}.style-btn span{font-size:.7rem;text-align:center;line-height:1.2}.style-btn:hover{border-color:#a68bc64d;background:var(--lavender-dim)}.style-btn.active{background:var(--lavender);border-color:var(--lavender);color:#fff}@media(max-width:400px){.style-grid{grid-template-columns:repeat(3,1fr)}}.field{display:flex;flex-direction:column;gap:6px}.field label,.field .label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.field select,.field input[type=text],.field input[type=email]{width:100%;padding:12px 14px;background:#ffffff0a;border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:border-color .2s;-webkit-appearance:none;appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239A9098' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.field select:focus,.field input:focus{border-color:var(--lavender-light);background:#ffffff0f}.duration-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:10px 0;flex:1;min-width:52px;text-align:center;font-family:var(--font-mono);font-size:.85rem;font-weight:400;border:1.5px solid var(--border);border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative}.pill:hover:not(.disabled){border-color:var(--lavender-light);color:var(--text)}.pill.active{background:var(--lavender);border-color:var(--lavender);color:#fff;box-shadow:0 2px 8px #7b5ea74d}.pill.disabled{opacity:.3;cursor:not-allowed;position:relative}.guidance-slider-wrap{width:100%}.guidance-level-label{text-align:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:4px;transition:color .2s}.guidance-level-desc{text-align:center;font-size:.7rem;color:var(--text-tertiary);margin-bottom:12px;transition:color .2s}.guidance-slider{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;margin:0 0 8px;cursor:pointer}.guidance-slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background:#a68bc633}.guidance-slider::-moz-range-track{width:100%;height:6px;border-radius:3px;background:#a68bc633;border:none}.guidance-slider::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:22px;height:22px;border-radius:50%;background:var(--lavender);cursor:pointer;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 10px #7b5ea780;margin-top:-8px}.guidance-slider::-moz-range-thumb{box-sizing:border-box;width:22px;height:22px;border-radius:50%;background:var(--lavender);cursor:pointer;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 10px #7b5ea780}.guidance-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-tertiary);font-family:var(--font-mono)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .5s ease forwards}.fade-in-1{animation-delay:.1s;opacity:0}.fade-in-2{animation-delay:.2s;opacity:0}.fade-in-3{animation-delay:.3s;opacity:0}.fade-in-4{animation-delay:.4s;opacity:0}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}#phase-email{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;padding:40px 0}#phase-email h1{font-size:3rem}#phase-email .subtitle{max-width:340px}.email-form{width:100%;display:flex;flex-direction:column;gap:12px}.email-form input[type=email]{padding:16px 18px;font-size:1rem;background:#ffffff0f;border:1.5px solid rgba(166,139,198,.25);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);text-align:center}.email-form input::placeholder{color:var(--text-tertiary)}.email-form input:focus{border-color:var(--lavender-light);background:#ffffff14}.email-error{color:var(--error);font-size:.85rem;min-height:1.2em}.email-legal{font-size:.75rem;color:var(--text-tertiary);line-height:1.4;max-width:320px}#phase-config{padding:20px 0 40px}.config-header{text-align:center;margin-bottom:32px}.config-header .subtitle{margin-top:8px}.config-fields{display:flex;flex-direction:column;gap:20px}.rate-limit-banner{padding:14px 18px;background:#d4a0551a;border:1px solid rgba(212,160,85,.2);border-radius:var(--radius-xs);color:var(--amber);font-size:.9rem;text-align:center}#phase-generating{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:32px;padding:60px 0;position:relative}.gen-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--lavender-light);border-radius:50%;animation:spin 1s linear infinite}.gen-logo{width:72px;height:auto;animation:breathe 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(123,94,167,.4))}@keyframes breathe{0%,to{transform:scale(1);opacity:.85;filter:drop-shadow(0 0 16px rgba(123,94,167,.3))}50%{transform:scale(1.12);opacity:1;filter:drop-shadow(0 0 28px rgba(123,94,167,.6))}}.gen-phrase{font-family:var(--font-display);font-size:1.05rem;font-weight:500;letter-spacing:-.01em;color:var(--text-secondary);max-width:320px;margin:0;line-height:1.4}.gen-privacy{position:absolute;bottom:28px;left:0;right:0;font-size:.7rem;color:var(--text-tertiary);opacity:.55;margin:0;text-align:center;letter-spacing:.02em}#phase-player{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:28px;padding:40px 0}.player-artwork{width:240px;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 32px #0006}.player-artwork img{width:100%;height:100%;object-fit:cover}.player-title{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--text);letter-spacing:-.02em}.player-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--text-tertiary)}.player-controls{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.play-btn{width:72px;height:72px;border-radius:50%;background:var(--lavender);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #7b5ea766;transition:all .2s}.play-btn:hover{background:var(--lavender-light);transform:scale(1.05)}.play-btn svg{fill:#fff;width:28px;height:28px}.progress-bar-container{width:100%;display:flex;align-items:center;gap:12px}.progress-time{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--text-tertiary);min-width:44px}.progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden;cursor:pointer}.progress-bar-fill{height:100%;background:var(--lavender-light);border-radius:2px;width:0%;transition:width .3s linear}.soundscape-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none;-ms-overflow-style:none}.soundscape-strip::-webkit-scrollbar{display:none}.soundscape-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 10px;min-width:72px;background:var(--surface);border:1.5px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.soundscape-card svg{width:28px;height:28px}.soundscape-card span{font-size:.65rem;text-align:center;line-height:1.2;white-space:nowrap}.soundscape-card:hover{border-color:#a68bc64d;background:var(--lavender-dim)}.soundscape-card.active{background:var(--lavender);border-color:var(--lavender);color:#fff}.soundscape-control{width:100%;display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-tertiary)}.soundscape-control label{flex-shrink:0}.soundscape-control input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:3px;background:var(--border);border-radius:2px}.soundscape-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--lavender-light);cursor:pointer}#phase-feedback{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:40px 0}#phase-feedback h2{text-align:center}.feedback-fields{display:flex;flex-direction:column;gap:16px}.feedback-fields textarea{width:100%;padding:12px 14px;background:#ffffff0a;border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:var(--font-body);font-size:.9rem;resize:vertical;min-height:72px}.feedback-fields textarea::placeholder{color:var(--text-tertiary)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.toggle-row span{font-size:.95rem;color:var(--text-secondary)}.toggle-btns{display:flex;gap:8px}.toggle-btn{padding:8px 20px;border:1.5px solid var(--border);border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--lavender);border-color:var(--lavender);color:#fff}#phase-done{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;padding:60px 0}.share-card{width:100%;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.share-card h3{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--text)}.share-link{display:flex;gap:8px;align-items:center}.share-link input{flex:1;padding:10px 12px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem}.share-link button{padding:10px 16px;background:#e8dfd0;color:#1c1528;border:none;border-radius:var(--radius-xs);font-family:var(--font-body);font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap}.come-back{font-size:.9rem;color:var(--text-tertiary);padding:16px 0}.back-home{text-align:center;padding:24px 0 100px}.back-home a{color:var(--text-tertiary);font-size:.8rem;text-decoration:none}.back-home a:hover{color:var(--text-secondary)}@keyframes phaseEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.phase-enter{animation:phaseEnter .5s ease-out both}@keyframes ambientPulse{0%,to{opacity:.05}50%{opacity:.15}}#phase-player{position:relative}#phase-player:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(ellipse at center,rgba(123,94,167,.25) 0%,transparent 70%);animation:ambientPulse 8s ease-in-out infinite;pointer-events:none;z-index:-1;border-radius:50%}@keyframes playerTitleEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes playBtnEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#phase-player.phase-enter .player-title{animation:playerTitleEnter .6s ease-out .1s both}#phase-player.phase-enter .play-btn{animation:playBtnEnter .5s ease-out .25s both}.field select{padding:14px 36px 14px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239A9098' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"),linear-gradient(180deg,#ffffff0a,#ffffff03);background-repeat:no-repeat,no-repeat;background-position:right 14px center,center;background-size:auto,100% 100%}.field select:focus{border-color:var(--lavender-light);border-left:2px solid var(--lavender-light);background:#ffffff0f}#phase-feedback{gap:28px}.feedback-divider{width:48px;height:2px;background:linear-gradient(90deg,transparent,rgba(196,147,90,.4),transparent);margin:0 auto 4px;border-radius:1px}.feedback-fields textarea:focus{border-color:#c4935a80}.stars{display:flex;justify-content:center;gap:10px}.star{cursor:pointer;transition:transform .15s ease}.star:hover{transform:scale(1.15)}.star svg{width:32px;height:32px;transition:all .2s ease}.star svg .star-fill{fill:transparent;transition:fill .2s ease}.star svg .star-stroke{stroke:var(--text-tertiary);stroke-width:1.5;fill:none;transition:stroke .2s ease}.star.active svg .star-fill{fill:#d4a055}.star.active svg .star-stroke{stroke:#d4a055}@media(min-width:768px){:root{--max-width: 680px;--page-padding-top: 40px;--page-padding-x: 24px}#phase-email h1{font-size:3.6rem}}@media(min-width:1024px){:root{--max-width: 1200px;--page-padding-top: 40px;--page-padding-x: 48px;--page-padding-bottom: 60px;--page-header-gap: 24px}.container{margin-left:var(--sidebar-width);margin-right:0;max-width:none;width:auto;align-items:stretch}.container>*{max-width:100%;width:100%}.container:has(#phase-email){margin-left:0;margin-right:0;max-width:100%;align-items:center;justify-content:center}#phase-config{max-width:100%;margin:0}.config-header{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:24px}.style-grid{grid-template-columns:repeat(5,1fr)}.config-fields{gap:28px;align-items:stretch}.config-fields .duration-guidance-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.voice-cards{grid-template-columns:repeat(3,1fr)}.soundscape-strip{flex-wrap:wrap}.soundscape-card{flex:0 0 auto;min-width:80px}#generate-btn{margin:0}#phase-generating,#phase-player,#phase-feedback,#phase-done{max-width:680px;margin:0 auto}.player-artwork{width:420px}}.tab-bar.svelte-1wwzsr0{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:72px;padding-bottom:env(safe-area-inset-bottom,0px);background:#110d18eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100}.tab.svelte-1wwzsr0{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.tab.svelte-1wwzsr0:active{opacity:.7}.tab-icon.svelte-1wwzsr0{width:24px;height:24px;color:var(--text-tertiary);transition:color .2s ease}.tab-icon.svelte-1wwzsr0 svg:where(.svelte-1wwzsr0){width:100%;height:100%}.tab-label.svelte-1wwzsr0{font-size:.65rem;font-weight:500;color:var(--text-tertiary);transition:color .2s ease;letter-spacing:.3px}.tab.active.svelte-1wwzsr0 .tab-icon:where(.svelte-1wwzsr0){color:var(--lavender)}.tab.active.svelte-1wwzsr0 .tab-label:where(.svelte-1wwzsr0){color:var(--lavender)}.sidebar.svelte-1wwzsr0{display:none}@media(min-width:1024px){.tab-bar.svelte-1wwzsr0{display:none}.sidebar.svelte-1wwzsr0{display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;height:100dvh;background:#110d18eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;padding:20px 16px;overflow-y:auto}.sidebar-top.svelte-1wwzsr0{display:flex;flex-direction:column;gap:32px}.sidebar-logo.svelte-1wwzsr0{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:12px 14px;margin-bottom:8px;-webkit-tap-highlight-color:transparent}.sidebar-logo-img.svelte-1wwzsr0{width:40px;height:auto;border-radius:10px;flex-shrink:0;object-fit:contain}.sidebar-logo-text.svelte-1wwzsr0{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--text);letter-spacing:-.03em}.sidebar-nav.svelte-1wwzsr0{display:flex;flex-direction:column;gap:4px}.sidebar-item.svelte-1wwzsr0{display:flex;align-items:center;gap:12px;padding:10px 14px;background:none;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.sidebar-item.svelte-1wwzsr0:hover{background:var(--surface-hover)}.sidebar-item.active.svelte-1wwzsr0{background:var(--lavender-dim);border:1px solid rgba(123,94,167,.3)}.sidebar-icon.svelte-1wwzsr0{width:22px;height:22px;color:var(--text-tertiary);transition:color .2s ease;flex-shrink:0}.sidebar-icon.svelte-1wwzsr0 svg:where(.svelte-1wwzsr0){width:100%;height:100%}.sidebar-label.svelte-1wwzsr0{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.sidebar-item.active.svelte-1wwzsr0 .sidebar-icon:where(.svelte-1wwzsr0){color:var(--lavender)}.sidebar-item.active.svelte-1wwzsr0 .sidebar-label:where(.svelte-1wwzsr0){color:var(--lavender-light)}}.toast-container.svelte-cqwvc2{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:420px;width:calc(100% - 48px);pointer-events:none}.toast.svelte-cqwvc2{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 32px #0000004d;pointer-events:auto}.toast-success.svelte-cqwvc2{border-color:#5ea67866;background:#5ea6781a}.toast-error.svelte-cqwvc2{border-color:#dc505066;background:#dc50501a}.toast-info.svelte-cqwvc2{border-color:#a68bc666;background:#a68bc61a}.toast-icon.svelte-cqwvc2{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-icon.svelte-cqwvc2 svg:where(.svelte-cqwvc2){width:20px;height:20px}.toast-success.svelte-cqwvc2 .toast-icon:where(.svelte-cqwvc2){color:var(--sage)}.toast-error.svelte-cqwvc2 .toast-icon:where(.svelte-cqwvc2){color:var(--error, #dc5050)}.toast-info.svelte-cqwvc2 .toast-icon:where(.svelte-cqwvc2){color:var(--lavender)}.toast-message.svelte-cqwvc2{flex:1;font-size:.85rem;color:var(--text);line-height:1.4}.toast-close.svelte-cqwvc2{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-tertiary);min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.toast-close.svelte-cqwvc2 svg:where(.svelte-cqwvc2){width:14px;height:14px}.toast-close.svelte-cqwvc2:hover{color:var(--text-secondary)}@media(min-width:1024px){.toast-container.svelte-cqwvc2{bottom:32px;left:auto;right:32px;transform:none}}.skip-link.svelte-12qhfyh{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 24px;background:var(--lavender);color:var(--bg);border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;text-decoration:none;transition:top .2s ease}.skip-link.svelte-12qhfyh:focus{top:16px}