*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f8fb;color:#0f1b2b}body{min-height:100vh}.main-shell{max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.header{justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap}.brand-block,.header{display:flex;align-items:center;gap:1rem}.brand-icon{width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#4bc4c8,#087a93);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.brand-title{font-size:1.6rem;font-weight:700}.brand-subtitle{font-size:.9rem;color:#50627b}.badge{padding:.3rem .7rem;border-radius:999px;font-size:.75rem;background:#e2f5f7;color:#0b8293;border:1px solid #c7e8ec;flex-shrink:0}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}@media (min-width:900px){.grid{grid-template-columns:2fr 1.6fr}}.card{background:#fff;border-radius:1rem;padding:1.5rem 1.6rem;box-shadow:0 12px 30px rgba(4,32,60,.06);border:1px solid #dde6f0;margin-bottom:1.5rem}.card h2{margin:0 0 .5rem}.card p{margin:.25rem 0 .7rem;color:#50627b;font-size:.95rem;line-height:1.5}hr{margin:1.25rem 0;border:0;border-top:1px solid #dde6f0}.therapy-page{max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.therapy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.logo-block{display:flex;flex-direction:column}.logo-text-main{font-size:1.6rem;font-weight:700}.logo-text-sub{font-size:.9rem;color:#50627b}.therapy-intro{display:flex;justify-content:space-between;align-items:center;gap:2rem}@media (max-width:768px){.therapy-intro{flex-direction:column;text-align:center}}.section-header{margin-bottom:1rem}.pitch-controls{margin-top:1rem}.pitch-adjust-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.current-pitch-display{text-align:center;font-size:1.1rem;padding:.5rem;background:#f8fafc;border-radius:.5rem}.pitch-buttons{gap:.5rem}.pitch-actions,.pitch-buttons{display:flex;justify-content:center}.pitch-actions{gap:1rem}.saved-pitch-label{text-align:center;margin-top:1rem;font-size:.95rem}.session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.timer-display{text-align:center;background:#e0f7f7;border:1px solid #c7e8ec;padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem}.timer-label{display:block;font-size:.9rem;color:#0b8293;font-weight:500}.timer-value{display:block;font-size:2.2rem;font-weight:700;color:#0f1b2b;line-height:1.2}.session-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.empty-history{text-align:center;padding:2rem 0;color:#6b7d94;border:1px dashed #dde6f0;border-radius:.5rem}.history-list{list-style:none;padding:0}.history-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:.6rem;margin-bottom:.5rem;font-size:.9rem}.history-date{font-weight:600;color:#0f1b2b}.history-details,.history-meta{color:#50627b;display:flex;gap:.5rem;font-size:.8rem}.tab-container{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-button{border:1px solid #c7e8ec;background:#f2f6fc;color:#425674;padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#e2f5f7}.tab-button.active{background:#087a93;color:#fff;border-color:#087a93}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.pill{border:1px solid #dde6f0;background:#f8fafc;color:#425674;padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pill:hover:not(:disabled){background:#eef1f4}.pill-selected{background:#087a93;color:#fff;border-color:#087a93}.hint-text{font-size:.8rem;color:#6b7280;margin-top:.5rem!important}.label-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.4rem;color:#4b6077;font-weight:500}.slider{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn,.ghost-btn,.primary-btn,.secondary-btn{border:none;border-radius:999px;padding:.55rem 1.3rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center}.primary-btn{background:linear-gradient(135deg,#087a93,#46c0c7);color:#fff}.primary-btn:hover:not(:disabled){opacity:.9}.secondary-btn{background:#ecf2fa;color:#1a3352;border:1px solid #dde6f0}.secondary-btn:hover:not(:disabled){background:#e2e8f0}.ghost-btn{background:transparent;color:#425674;border:1px solid transparent}.ghost-btn:hover:not(:disabled){background:#f2f6fc;border-color:#f2f6fc}.ghost-btn.small,.primary-btn.small,.secondary-btn.small{padding:.3rem .8rem;font-size:.8rem}.btn[disabled],.ghost-btn[disabled],.primary-btn[disabled],.secondary-btn[disabled]{opacity:.6;cursor:not-allowed}.small-note{font-size:.8rem;color:#6b7d94;margin-top:.75rem}.small-note strong{color:#1a3352}.status-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;padding:.4rem .8rem;border-radius:999px;background:#f2f6fc;color:#425674}.status-pill-dot{width:9px;height:9px;border-radius:999px;background:#b0b8c3}.status-pill.testing .status-pill-dot{background:#f59e0b}.status-pill.running .status-pill-dot{background:#22c55e;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.safety-list{font-size:.85rem;color:#425674;padding-left:1.2rem;line-height:1.5}.history-log{max-height:400px;overflow-y:auto;padding-right:.5rem}.history-item{background:#f8fafc;border:1px solid #dde6f0;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:.75rem}.history-item-title{font-weight:600;color:#0f1b2b;font-size:.95rem;margin:0 0 .25rem}.history-item-details{font-size:.85rem;color:#50627b;margin:0}.progress-chart{margin-top:.75rem}.footer{margin-top:2rem;text-align:center;font-size:.75rem;color:#7a8ca2}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.top-nav{display:flex;gap:.6rem;font-size:.75rem}.top-nav a{color:#425674;text-decoration:none}.top-nav a:hover{text-decoration:underline}.auth-chip{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.auth-email{max-width:160px;overflow:hidden;text-overflow:ellipsis}.btn-xs{padding:.25rem .7rem;font-size:.75rem}.btn-link{font-size:.75rem;color:#087a93;text-decoration:none}.btn-link:hover{text-decoration:underline}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f8fb;padding:1.5rem}.auth-card{background:#fff;border-radius:1rem;padding:2rem 2.2rem;max-width:420px;width:100%;box-shadow:0 16px 40px rgba(15,23,42,.12);border:1px solid #dde6f0}.auth-card h1{margin:0 0 .4rem}.auth-sub{font-size:.9rem;color:#64748b;margin-bottom:1.2rem}.auth-form{gap:.9rem;margin-bottom:.9rem}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{font-size:.8rem;color:#475569;gap:.25rem}.auth-form input{border-radius:.6rem;border:1px solid #cbd5e1;padding:.45rem .6rem;font-size:.9rem}.pw-wrapper{display:flex;align-items:center}.pw-wrapper input{flex:1 1}.pw-toggle{margin-left:.4rem;border-radius:999px;border:1px solid #cbd5e1;padding:.25rem .6rem;font-size:.75rem;background:#f8fafc;cursor:pointer}.auth-error{color:#b91c1c;font-size:.8rem}.auth-btn{width:100%;margin-top:.4rem}.auth-footer{font-size:.8rem;color:#64748b;margin-top:.5rem}.info-page{min-height:100vh;background:#f4f8fb;padding:2.5rem 1.25rem}.info-card{max-width:720px;margin:0 auto;background:#fff;border-radius:1rem;padding:2rem 2.2rem;box-shadow:0 16px 40px rgba(15,23,42,.12);border:1px solid #dde6f0}.info-card h1{margin-top:0}.info-card ul{padding-left:1.3rem;font-size:.9rem;color:#425674}.feedback-form textarea{width:100%;border-radius:.75rem;border:1px solid #cbd5e1;padding:.6rem;font-size:.9rem;resize:vertical;margin-bottom:.8rem}