:root{--font-serif: "Fraunces", "Times New Roman", serif;--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg: #0e1422;--bg-deep: #080d18;--surface: #161d2e;--surface-2: #1d2538;--line: rgba(232, 222, 201, .1);--text: #f3ecdc;--text-soft: rgba(243, 236, 220, .72);--text-mute: rgba(243, 236, 220, .45);--gold: #d8a85a;--gold-soft: rgba(216, 168, 90, .18);--sage: #7b9a7e;--rose: #c98a7a;--indigo: #6e7ab8;--star: #e8dcc0;--shadow-card: 0 24px 48px rgba(0, 0, 0, .18), 0 0 0 .5px rgba(0, 0, 0, .04);--shadow-float: 0 12px 28px rgba(0, 0, 0, .28);--radius-lg: 28px;--radius: 24px;--radius-md: 18px;--radius-sm: 12px;--radius-pill: 999px;--primary: var(--gold);--secondary: var(--gold-soft);--accent: var(--rose);--background: var(--bg);--text-light: var(--text-soft);--border-color: var(--line);--input-bg: var(--surface-2);--shadow-sm: var(--shadow-card);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-float);--font-family: var(--font-sans)}[data-theme=dark]{--bg: #0e1422;--bg-deep: #080d18;--surface: #161d2e;--surface-2: #1d2538;--line: rgba(232, 222, 201, .1);--text: #f3ecdc;--text-soft: rgba(243, 236, 220, .72);--text-mute: rgba(243, 236, 220, .45);--gold: #d8a85a;--gold-soft: rgba(216, 168, 90, .18);--sage: #7b9a7e;--rose: #c98a7a;--indigo: #6e7ab8;--star: #e8dcc0;--shadow-card: 0 24px 48px rgba(0, 0, 0, .18), 0 0 0 .5px rgba(0, 0, 0, .04);--shadow-float: 0 12px 28px rgba(0, 0, 0, .28)}[data-theme=light]{--bg: #f5f0e6;--bg-deep: #ece4d3;--surface: #ffffff;--surface-2: #fbf5e8;--line: rgba(40, 32, 20, .1);--text: #1f1a12;--text-soft: rgba(31, 26, 18, .66);--text-mute: rgba(31, 26, 18, .42);--gold: #a87526;--gold-soft: rgba(168, 117, 38, .12);--sage: #5e7c63;--rose: #a05f51;--indigo: #4d5896;--star: #c9b88a;--shadow-card: 0 18px 38px rgba(40, 32, 20, .1), 0 0 0 .5px rgba(40, 32, 20, .04);--shadow-float: 0 12px 28px rgba(40, 32, 20, .14)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text)}body{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss02";transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:300;line-height:1.15;letter-spacing:-.01em;margin-bottom:.5em}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{text-decoration:none;color:inherit}.eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}.serif-italic{font-family:var(--font-serif);font-style:italic;font-weight:300}.hairline{height:1px;background:var(--line);border:0}.container{max-width:600px;margin:0 auto;padding:1rem}.card{background:var(--surface);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-card);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-float)}.btn-primary{background:var(--text);color:var(--bg);padding:14px 22px;border-radius:var(--radius-pill);font-weight:500;font-size:14px;letter-spacing:.01em;box-shadow:var(--shadow-card);transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.fade-in{animation:fadeIn .5s ease-out forwards}.glass{background:color-mix(in srgb,var(--surface-2) 80%,transparent);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--line)}@keyframes tqpulse{0%,to{transform:scale(.7);opacity:.7}50%{transform:scale(1);opacity:1}}@keyframes tqblink{50%{opacity:0}}.home-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.home-content{position:relative;z-index:5;max-width:600px;margin:0 auto;padding:8px 24px 140px}.home-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.home-mesh span{position:absolute;display:block;filter:blur(28px);border-radius:50%}.mesh-gold{top:-8%;right:-20%;width:60%;height:38%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%)}.mesh-indigo{top:30%;left:-30%;width:70%;height:40%;background:radial-gradient(closest-side,color-mix(in srgb,var(--indigo) 18%,transparent),transparent 70%)}.mesh-rose{bottom:18%;right:-10%;width:50%;height:32%;background:radial-gradient(closest-side,color-mix(in srgb,var(--rose) 14%,transparent),transparent 70%)}.home-greeting{display:flex;justify-content:space-between;align-items:flex-start;margin:14px 0 28px}.home-greeting-text{flex:1;min-width:0}.home-greeting-h1{font-family:var(--font-serif);font-weight:300;font-size:38px;line-height:1.05;letter-spacing:-.02em;margin:8px 0 0;color:var(--text);font-variation-settings:"opsz" 144,"SOFT" 50}.home-greeting-name{font-style:italic;font-weight:400;color:var(--gold)}.home-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--rose));display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:17px;font-weight:500;color:var(--bg);border:1px solid var(--line)}.home-greeting .profile-theme-toggle{flex-shrink:0;margin-bottom:0;background:var(--surface);border:1px solid var(--line)}.home-greeting .profile-theme-option{width:34px;height:34px}.home-hero-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px 22px 22px;margin-bottom:26px;overflow:hidden;box-shadow:var(--shadow-card)}.home-hero-spark{position:absolute;top:18px;right:22px;opacity:.55;pointer-events:none}.home-hero-question{font-family:var(--font-serif);font-size:22px;font-weight:300;line-height:1.25;letter-spacing:-.015em;color:var(--text);max-width:280px;margin:10px 0 22px}.home-mood-grid{display:flex;gap:6px;justify-content:space-between}.home-mood-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--text-soft);font-family:var(--font-sans);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .18s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.home-mood-pill:active{transform:scale(.92)}.home-mood-pill.is-on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.home-mood-pill.is-saving{opacity:.7;cursor:progress}.home-mood-dot{border-radius:50%;background:color-mix(in srgb,var(--text) 30%,transparent);transition:background .2s ease,transform .2s ease;display:block}.home-mood-pill:nth-child(1) .home-mood-dot{background:color-mix(in srgb,var(--text) 18%,transparent)}.home-mood-pill:nth-child(2) .home-mood-dot{background:color-mix(in srgb,var(--text) 30%,transparent)}.home-mood-pill:nth-child(3) .home-mood-dot{background:color-mix(in srgb,var(--text) 48%,transparent)}.home-mood-pill:nth-child(4) .home-mood-dot{background:color-mix(in srgb,var(--text) 60%,transparent)}.home-mood-pill:nth-child(5) .home-mood-dot{background:color-mix(in srgb,var(--text) 80%,transparent)}.home-mood-pill.is-on .home-mood-dot{background:var(--gold)}.home-mood-label{font-size:10px;font-weight:500;letter-spacing:.03em;text-transform:lowercase}.home-mood-suggestion{margin-top:4px;padding:18px 18px 16px;border-radius:18px;background:var(--gold-soft);border-left:3px solid var(--gold);display:flex;flex-direction:column;gap:12px}.home-mood-suggestion-head{display:flex;align-items:center;gap:10px}.home-mood-suggestion-emoji{font-size:18px;line-height:1}.home-mood-change{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);background:transparent;padding:2px 6px;border-radius:999px}.home-mood-change:hover{color:var(--text-soft)}.home-mood-suggestion-text{font-family:var(--font-serif);font-size:15.5px;font-style:italic;font-weight:300;line-height:1.45;color:var(--text)}.home-mood-suggestion-cta{align-self:flex-start;background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;transition:opacity .2s ease,transform .18s ease}.home-mood-suggestion-cta:hover{opacity:.92;transform:translateY(-1px)}.home-mood-toast{position:absolute;top:18px;right:48px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);background:color-mix(in srgb,var(--sage) 16%,transparent);padding:4px 10px;border-radius:999px}.home-mood-toast.is-error{color:var(--rose);background:color-mix(in srgb,var(--rose) 16%,transparent)}.home-trail-block{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.home-trail-hero{position:relative;display:block;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:24px;padding:22px 22px 20px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:var(--shadow-card)}.home-trail-hero:hover{transform:translateY(-3px);box-shadow:var(--shadow-float)}.home-trail-hero-blob{position:absolute;top:0;right:0;width:160px;height:100%;pointer-events:none}.home-trail-hero.tone-indigo .home-trail-hero-blob{background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--indigo) 50%,transparent),transparent 60%)}.home-trail-hero.tone-sage .home-trail-hero-blob{background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--sage) 50%,transparent),transparent 60%)}.home-trail-hero-body{position:relative;padding-right:52px}.home-trail-eyebrow.tone-indigo{color:var(--indigo)}.home-trail-eyebrow.tone-sage{color:var(--sage)}.home-trail-hero-title{font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:1.18;letter-spacing:-.015em;color:var(--text);margin:8px 0 14px}.home-trail-hero-title em{font-style:italic;font-weight:300}.home-trail-hero-meta{display:flex;gap:12px;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-soft);text-transform:uppercase}.home-trail-play{position:absolute;top:22px;right:22px;width:38px;height:38px;border-radius:50%;background:var(--text);display:flex;align-items:center;justify-content:center}.home-trail-progress{display:flex;gap:3px;margin-top:18px;position:relative}.home-trail-progress .segment{flex:1;height:3px;border-radius:2px;background:var(--line)}.home-trail-hero.tone-indigo .home-trail-progress .segment.is-done{background:var(--indigo)}.home-trail-hero.tone-sage .home-trail-progress .segment.is-done{background:var(--sage)}.home-trail-progress .segment.is-current{background:var(--gold)}.home-trail-link{align-self:flex-start;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-soft);padding:4px 0;transition:color .2s ease}.home-trail-link:hover{color:var(--text)}.home-rituals{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.home-rituals-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.home-ritual-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 14px;min-height:96px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.home-ritual-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.home-ritual-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.home-ritual-card.tone-sage .home-ritual-icon{background:color-mix(in srgb,var(--sage) 20%,transparent);border:1px solid color-mix(in srgb,var(--sage) 40%,transparent)}.home-ritual-card.tone-indigo .home-ritual-icon{background:color-mix(in srgb,var(--indigo) 20%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 40%,transparent)}.home-ritual-card.tone-gold .home-ritual-icon{background:color-mix(in srgb,var(--gold) 20%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.home-ritual-card.tone-rose .home-ritual-icon{background:color-mix(in srgb,var(--rose) 20%,transparent);border:1px solid color-mix(in srgb,var(--rose) 40%,transparent)}.home-ritual-title{font-family:var(--font-serif);font-size:18px;font-weight:400;letter-spacing:-.012em;color:var(--text)}.home-ritual-sub{font-family:var(--font-sans);font-size:11.5px;color:var(--text-mute);margin-top:2px}.home-week{display:flex;flex-direction:column;gap:12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.home-week-head{display:flex;justify-content:space-between;align-items:center}.home-week-link{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);background:transparent;transition:color .2s ease}.home-week-link:hover{color:var(--text-soft)}.home-week-strip{display:flex;justify-content:space-between;gap:6px;padding:6px 0 4px}.home-week-dot{flex:1;height:8px;max-width:18px;border-radius:999px;background:var(--line);transition:background .2s ease,transform .2s ease}.home-week-dot.is-today{outline:2px solid color-mix(in srgb,var(--gold) 40%,transparent);outline-offset:2px}.home-week-summary{display:flex;align-items:baseline;gap:8px}.home-week-percent{font-family:var(--font-serif);font-weight:300;font-size:28px;letter-spacing:-.02em;color:var(--text)}.home-week-summary-label{font-family:var(--font-sans);font-size:12px;color:var(--text-soft)}.home-quote{position:relative;padding:28px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px;text-align:center}.home-quote-label{position:absolute;top:-7px;left:50%;transform:translate(-50%);background:var(--bg);padding:0 12px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.22em;color:var(--text-mute)}.home-quote-text{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:17px;line-height:1.55;color:var(--text-soft);padding:0 8px;margin:0}.home-quote-accent{color:var(--gold);font-style:normal}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background);padding:1rem}.login-card{background:var(--surface);padding:2.5rem;border-radius:24px;box-shadow:0 10px 30px -5px #0000000d;width:100%;max-width:400px;text-align:center;border:1px solid var(--border-color)}.login-header{margin-bottom:2rem}.login-logo{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.login-brand-name{font-family:Fraunces,serif;font-size:2rem;font-weight:400;margin:0;line-height:1;letter-spacing:-.01em}.login-title{font-size:1.5rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.login-brand-dark{color:#1f1a12}html:not([data-theme=light]) .login-brand-dark{color:#fff}.login-subtitle{color:var(--text-light);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{text-align:left}.form-label{display:block;font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:12px;font-size:1rem;outline:none;transition:all .2s;background:var(--input-bg)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f7a7401a;background:var(--surface)}.login-btn{background:var(--primary);color:#fff;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-btn:hover{background:#e18e22}.forgot-password{margin-top:1.5rem;font-size:.9rem}.forgot-password a{color:var(--text-light);text-decoration:none;transition:color .2s}.forgot-password a:hover{color:var(--primary);text-decoration:underline}.challenge-container{background:var(--background);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;color:var(--text);padding-bottom:5rem}.challenge-container:before{content:"";position:absolute;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(247,167,64,.08) 0%,transparent 70%);filter:blur(60px);z-index:0}.back-btn{margin:1rem 0 0 1rem;display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-light);background:none;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:999px;background-color:#fff;box-shadow:0 2px 5px #0000000d;z-index:10;align-self:flex-start;transition:all .2s}.back-btn:hover{color:#f7a740;background-color:#fff;box-shadow:0 4px 10px #0000001a}.challenge-header{margin-bottom:1.5rem;text-align:center;padding:0 1.5rem;position:relative;z-index:10}.challenge-header h1{font-size:2rem;color:var(--text);margin-bottom:.25rem;text-shadow:none}.challenge-header p{color:var(--text-light);margin-bottom:1.5rem}.progress-container{max-width:400px;margin:0 auto;background:var(--surface);padding:1rem 1.25rem;border-radius:20px;box-shadow:0 4px 15px #0000000d;border:1px solid var(--border-color)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem}.progress-label{font-weight:600;color:var(--text)}.progress-value{font-weight:700;color:#f7a740}.progress-bar-bg{height:8px;background-color:var(--surface-2);border-radius:99px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f7a740,#f2c06b);border-radius:99px}.timeline-wrapper{position:relative;flex-grow:1;display:flex;align-items:center;overflow-x:auto;padding:2rem 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;z-index:10;scroll-snap-type:x mandatory}.timeline-wrapper::-webkit-scrollbar{display:none}.timeline-cards{display:flex;gap:4rem;padding:0 calc(50vw - 160px);align-items:center;min-width:max-content;position:relative;z-index:1}.timeline-item{position:relative;scroll-snap-align:center}.week-tabs{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.week-tab{padding:.5rem 1rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.03em;border:1.5px solid var(--border-color);background:var(--surface);color:var(--text-light);cursor:pointer;transition:all .3s ease}.week-tab-active{background:linear-gradient(135deg,#f2c06b,#f7a740);color:#fff;border-color:transparent;box-shadow:0 2px 8px #f7a74059}.card-week-label{display:block;font-size:.65rem;font-weight:700;color:#f7a740;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.timeline-track{position:absolute;top:50%;left:0;width:max-content;min-width:100%;height:2px;background-image:linear-gradient(to right,#dfe6e9 50%,transparent 50%);background-position:top;background-size:20px 2px;background-repeat:repeat-x;z-index:0}.timeline-dot{position:absolute;left:-2rem;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--surface);border:4px solid #F7A740;border-radius:50%;z-index:1;transition:border-color .4s ease,background .4s ease}.timeline-dot.current-progress{background:#f7a740}.timeline-dot.completed-dot{border-color:#f7a740;background:#f7a740}.challenge-card{width:260px;height:300px;background:var(--surface);border-radius:24px;padding:1.5rem;box-shadow:0 10px 30px -5px #0000000d;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-color);cursor:pointer;position:relative;transition:all .4s cubic-bezier(.25,1,.5,1);overflow:visible}.active-card{width:320px;height:380px;background:var(--surface);box-shadow:0 0 0 4px #f7a74040,0 25px 50px -12px #f7a74033;z-index:10;border-color:#f7a740}.challenge-card.completed{border-color:#f7a740}.active-card.completed{border-color:#f7a740;box-shadow:0 0 0 4px #f7a74040,0 25px 50px -12px #f7a74033}.day-number{font-size:1.2rem;font-weight:800;color:#f7a740}.challenge-card.completed .day-number{color:#f7a740}.active-card .day-number{font-size:1.5rem}.user-avatar{background:#f7a740;color:#fff;width:32px;height:32px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.card-title{color:var(--text);font-size:1.1rem;font-weight:700;margin-top:1rem}.active-card .card-title{font-size:1.5rem;margin-top:2rem}.challenge-card:not(.active-card){opacity:.5;transform:scale(.85);filter:blur(1px)}.start-journey-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#f2c06b,#f7a740);color:#fff;border-radius:99px;font-weight:700;font-size:1rem;border:none;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #f7a74059;transition:transform .2s,opacity .2s}.active-card.completed .start-journey-btn{background:linear-gradient(135deg,#fff3dc,#f2c06b);box-shadow:0 4px 15px #f7a74033}.start-journey-btn:hover{transform:scale(1.03);opacity:.92}.active-card.completed .start-journey-btn:hover{opacity:.88}.card-indicator{font-weight:600;color:#64748b;text-align:left}@media(max-width:768px){.challenge-header{padding:0 1rem}.challenge-header h1{font-size:1.5rem}.progress-container{max-width:calc(100% - 2rem);margin:0 auto;padding:.8rem 1rem}.week-tabs{gap:.35rem}.week-tab{padding:.4rem .75rem;font-size:.75rem}.timeline-cards{gap:1.5rem;padding:0 calc(50vw - 140px)}.challenge-card{width:240px;height:280px}.active-card{width:280px;height:330px}.card-title{font-size:1rem;margin-top:.5rem}.active-card .card-title{font-size:1.25rem;margin-top:1rem}.timeline-dot{left:-.75rem}}.sono-theme{background:linear-gradient(175deg,#0a1628,#0f1e3a 60%,#131a30)}.sono-theme:before{background:radial-gradient(circle,rgba(110,122,184,.1) 0%,transparent 70%)}.sono-theme .progress-value{color:var(--indigo)}.sono-theme .progress-bar-fill{background:linear-gradient(90deg,var(--indigo),#8b96d4)}.sono-theme .week-tab{background:#ffffff0d;border-color:#6e7ab840;color:var(--text-soft)}.sono-theme .week-tab-active{background:var(--indigo);box-shadow:0 2px 10px #6e7ab859;border-color:transparent;color:#fff}.sono-theme .card-week-label{color:var(--indigo)}.sono-theme .timeline-track{background-image:linear-gradient(to right,rgba(110,122,184,.3) 50%,transparent 50%)}.sono-theme .timeline-dot{border-color:var(--indigo);background:#0f1e3a}.sono-theme .timeline-dot.current-progress{background:var(--indigo)}.sono-theme .timeline-dot.completed-dot{border-color:var(--indigo);background:var(--indigo)}.sono-theme .challenge-card{background:#ffffff0a;border-color:#6e7ab82e}.sono-theme .active-card{border-color:var(--indigo);box-shadow:0 0 0 3px #6e7ab838,0 25px 50px -12px #6e7ab82e;background:#141c37e6}.sono-theme .challenge-card.completed{border-color:#6e7ab873}.sono-theme .active-card.completed{border-color:var(--indigo);box-shadow:0 0 0 3px #6e7ab838,0 25px 50px -12px #6e7ab82e}.sono-theme .day-number,.sono-theme .challenge-card.completed .day-number{color:var(--indigo)}.sono-theme .card-title{color:var(--text)}.sono-theme .user-avatar{background:var(--indigo)}.sono-theme .start-journey-btn{background:var(--indigo);box-shadow:0 4px 15px #6e7ab859}.sono-theme .active-card.completed .start-journey-btn{background:color-mix(in srgb,var(--indigo) 60%,#0f1e3a);box-shadow:0 4px 15px #6e7ab833}.sono-theme .card-indicator{color:var(--text-mute)}.sono-theme .progress-container{background:#ffffff0a;border-color:#6e7ab82e}.sono-theme .progress-bar-bg{background:#ffffff12}.ansiedade-theme:before{background:radial-gradient(circle,color-mix(in srgb,var(--sage) 10%,transparent) 0%,transparent 70%)}.ansiedade-theme .progress-value{color:var(--sage)}.ansiedade-theme .progress-bar-fill{background:linear-gradient(90deg,var(--sage),color-mix(in srgb,var(--sage) 70%,#a8c8ab))}.ansiedade-theme .week-tab-active{background:var(--sage);box-shadow:0 2px 8px color-mix(in srgb,var(--sage) 40%,transparent);border-color:transparent;color:#fff}.ansiedade-theme .card-week-label{color:var(--sage)}.ansiedade-theme .timeline-dot{border-color:var(--sage)}.ansiedade-theme .timeline-dot.current-progress{background:var(--sage)}.ansiedade-theme .timeline-dot.completed-dot{border-color:var(--sage);background:var(--sage)}.ansiedade-theme .active-card{border-color:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 22%,transparent),0 25px 50px -12px color-mix(in srgb,var(--sage) 18%,transparent)}.ansiedade-theme .challenge-card.completed{border-color:color-mix(in srgb,var(--sage) 55%,transparent)}.ansiedade-theme .active-card.completed{border-color:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 22%,transparent),0 25px 50px -12px color-mix(in srgb,var(--sage) 18%,transparent)}.ansiedade-theme .day-number,.ansiedade-theme .challenge-card.completed .day-number{color:var(--sage)}.ansiedade-theme .user-avatar{background:var(--sage)}.ansiedade-theme .start-journey-btn{background:var(--sage);box-shadow:0 4px 15px color-mix(in srgb,var(--sage) 35%,transparent)}.ansiedade-theme .active-card.completed .start-journey-btn{background:color-mix(in srgb,var(--sage) 70%,var(--surface));box-shadow:0 4px 15px color-mix(in srgb,var(--sage) 20%,transparent)}.ansiedade-theme .card-indicator svg{color:var(--sage)}.exercise-quiz{display:flex;flex-direction:column;gap:1rem}.eq-progress{background:var(--surface);border:1px solid var(--border-color);border-radius:14px;padding:.75rem 1rem}.eq-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.eq-progress-step{font-size:.8rem;font-weight:700;color:var(--text)}.eq-progress-answered{font-size:.75rem;font-weight:500;color:#f7a740}.eq-progress-bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden}.eq-progress-fill{height:100%;background:linear-gradient(90deg,#f7a740,#f2c06b);border-radius:99px}.eq-wizard-card-wrap{overflow:hidden;border-radius:20px}.eq-wizard-card{background:var(--surface);border:1px solid var(--border-color);border-radius:20px;padding:1.75rem 1.5rem;min-height:240px;display:flex;flex-direction:column;justify-content:center}.eq-wizard-header-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1rem 0}.eq-wizard-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#f7a74026,#f2c06b1a);border:1.5px solid rgba(247,167,64,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f7a740}.eq-wizard-header-title{font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.3;margin:0}.eq-wizard-input-step{display:flex;flex-direction:column;gap:.85rem}.eq-wizard-label{font-size:1rem;font-weight:600;color:var(--text);line-height:1.45}.eq-wizard-phrase-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:.5rem 0}.eq-phrase-icon-wrap{width:48px;height:48px;background:linear-gradient(135deg,#f2c06b,#f7a740);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #f7a7404d}.eq-phrase-text{font-size:1.05rem;font-weight:500;color:var(--text);line-height:1.6;font-style:italic;margin:0;max-width:340px}.eq-textarea{width:100%;border:1.5px solid var(--border-color);border-radius:12px;padding:.85rem 1rem;font-size:.92rem;font-family:inherit;color:var(--text);background:var(--background);resize:vertical;transition:border-color .2s;line-height:1.5}.eq-textarea:focus{outline:none;border-color:#f7a740;box-shadow:0 0 0 3px #f7a7401f}.eq-textarea::placeholder{color:var(--text-light);opacity:.6}.eq-options{display:flex;flex-direction:column;gap:.5rem}.eq-option-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:12px;background:var(--background);color:var(--text);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left;line-height:1.3}.eq-option-btn:hover{border-color:#f2c06b;background:#f7a7400a}.eq-option-btn.selected{border-color:#f7a740;background:#f7a74014}.eq-option-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:2px solid var(--border-color);font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;transition:all .2s}.eq-option-btn.selected .eq-option-check{background:#f7a740;border-color:#f7a740}.eq-yesno{display:flex;gap:.75rem}.eq-yn-btn{flex:1;padding:1rem;border:1.5px solid var(--border-color);border-radius:14px;background:var(--background);font-size:1rem;font-weight:600;font-family:inherit;color:var(--text);cursor:pointer;transition:all .2s ease}.eq-yn-btn:hover{border-color:#f2c06b}.eq-yn-btn.selected-yes{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#68c77d;color:#256336}.eq-yn-btn.selected-no{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#e8737e;color:#842029}.eq-scale{display:flex;gap:.4rem;flex-wrap:wrap}.eq-scale-btn{width:42px;height:42px;border:1.5px solid var(--border-color);border-radius:10px;background:var(--background);font-size:.88rem;font-weight:700;font-family:inherit;color:var(--text);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.eq-scale-btn:hover{border-color:#f2c06b;background:#f7a7400a}.eq-scale-btn.selected{background:linear-gradient(135deg,#f2c06b,#f7a740);border-color:transparent;color:#fff;box-shadow:0 2px 8px #f7a7404d}.eq-list{display:flex;flex-direction:column;gap:.5rem}.eq-list-row{display:flex;align-items:center;gap:.75rem}.eq-list-num{font-size:.88rem;font-weight:700;color:#f7a740;min-width:1.5rem}.eq-list-input{flex:1;padding:.7rem 1rem;border:1.5px solid var(--border-color);border-radius:12px;background:var(--background);font-size:.9rem;font-family:inherit;color:var(--text);transition:border-color .2s}.eq-list-input:focus{outline:none;border-color:#f7a740;box-shadow:0 0 0 3px #f7a7401f}.eq-list-input::placeholder{color:var(--text-light);opacity:.6}.eq-wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.eq-nav-back{display:flex;align-items:center;gap:.35rem;padding:.7rem 1.1rem;border:1.5px solid var(--border-color);border-radius:99px;background:var(--surface);color:var(--text-light);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.eq-nav-back:hover:not(:disabled){border-color:var(--text-light);color:var(--text)}.eq-nav-back:disabled{opacity:.35;cursor:default}.eq-nav-next{display:flex;align-items:center;gap:.35rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#f2c06b,#f7a740);color:#fff;border:none;border-radius:99px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 3px 12px #f7a7404d}.eq-nav-next:hover{opacity:.92;transform:translateY(-1px)}.eq-nav-finish{display:flex;align-items:center;gap:.4rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#68c77d,#5caa7f);color:#fff;border:none;border-radius:99px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 3px 12px #5caa7f59}.eq-nav-finish:hover{opacity:.92;transform:translateY(-1px)}.eq-nav-done{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;color:#5caa7f;background:#5caa7f1a;border:1.5px solid rgba(92,170,127,.3);border-radius:99px;padding:.7rem 1.25rem}.eq-finished-banner{display:flex;align-items:center;gap:.6rem;background:#5caa7f1a;border:1.5px solid rgba(92,170,127,.3);border-radius:12px;padding:.75rem 1rem;color:#3d8a5e;font-size:.88rem;font-weight:600}@media(max-width:768px){.eq-wizard-card{padding:1.4rem 1.1rem;min-height:200px}.eq-scale-btn{width:36px;height:36px;font-size:.8rem}.eq-yn-btn{padding:.85rem;font-size:.95rem}.eq-nav-next{padding:.75rem 1.25rem;font-size:.9rem}}.ytp-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 30px -5px #00000040;margin-bottom:2rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ytp-iframe{position:absolute;inset:0;width:100%;height:100%}.ytp-iframe iframe{width:100%;height:100%;border:none;pointer-events:none}.ytp-overlay{position:absolute;inset:0 0 60px;z-index:1}.ytp-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.ytp-controls--visible{opacity:1;transform:translateY(0)}.ytp-play-btn{flex-shrink:0;background:#f7a740eb;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 2px 8px #0000004d}.ytp-play-btn:hover{background:#f7a740;transform:scale(1.1)}.ytp-play-btn:active{transform:scale(.95)}.ytp-track{flex:1;position:relative;height:18px;display:flex;align-items:center;cursor:pointer}.ytp-track:before{content:"";position:absolute;left:0;right:0;height:4px;background:#ffffff40;border-radius:99px}.ytp-track-fill{position:absolute;left:0;height:4px;background:#f7a740;border-radius:99px;pointer-events:none;transition:width .1s linear}.ytp-track-thumb{position:absolute;width:14px;height:14px;background:#f7a740;border-radius:50%;transform:translate(-50%);pointer-events:none;box-shadow:0 0 0 3px #f7a74059;transition:left .1s linear}.ytp-track:hover .ytp-track-fill{height:5px}.ytp-track:hover .ytp-track-thumb{width:16px;height:16px}.ytp-time{flex-shrink:0;color:#ffffffe6;font-size:.78rem;font-weight:500;letter-spacing:.3px;white-space:nowrap}.ytp-loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#0009}.ytp-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#f7a740;border-radius:50%;animation:ytp-spin .8s linear infinite}@keyframes ytp-spin{to{transform:rotate(360deg)}}.challenge-details-page{padding-bottom:4rem;max-width:1000px;margin:0 auto}.details-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-top:env(safe-area-inset-top,0)}.back-btn{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;flex-shrink:0;transition:all .2s;box-shadow:0 2px 8px #0000000f}.back-btn:hover{background:var(--surface-2);color:#f7a740;transform:translate(-3px)}.day-badge{background:linear-gradient(135deg,#f2c06b,#f7a740);color:#fff;padding:.3rem 1rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #f7a74040}.uncomplete-btn{display:flex;align-items:center;gap:.3rem;background:none;border:1px solid var(--border-color);border-radius:999px;padding:.3rem .75rem;font-size:.78rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s}.details-header{margin-bottom:2rem;text-align:left}.details-header h1{font-size:2rem;color:var(--text);line-height:1.2;margin:0}.content-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:900px){.content-grid{grid-template-columns:1.5fr 1fr}}.video-container{width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -5px #0000001a;margin-bottom:2rem;background-color:#000}.video-container iframe{width:100%;height:100%}.video-placeholder{background-color:var(--surface-2);border-radius:20px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;margin-bottom:2rem;border:2px dashed var(--border-color)}.video-placeholder:hover{background-color:var(--surface);border-color:#f7a740}.play-icon{color:#f7a740;margin-bottom:1rem;transition:transform .2s;opacity:.8}.video-placeholder:hover .play-icon{transform:scale(1.1);opacity:1}.info-section{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--surface);padding:1.5rem;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-color)}.info-card h3{font-size:1.1rem;color:var(--text);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.info-card p{color:var(--text-light);font-size:1rem;line-height:1.6}.tip-card{background-color:#fff8ee;border-left:4px solid #F7A740;border-radius:12px}.action-column{position:relative}.action-card{background:var(--surface);padding:2rem;border-radius:24px;box-shadow:0 10px 30px -5px #0000001a;position:sticky;top:2rem;border:1px solid var(--border-color)}.action-card h2{font-size:1.5rem;color:var(--text);margin-bottom:1rem}.description{margin-bottom:2rem;color:var(--text-light);font-size:1.1rem;line-height:1.6;background:var(--surface-2);padding:1rem;border-radius:12px;font-style:italic}.notes-label{display:block;font-weight:600;color:var(--text);margin-bottom:.5rem}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.notes-saved-badge{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:#f7a740;font-weight:500;animation:fadeInOut .3s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notes-area{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;font-family:inherit;font-size:1rem;resize:vertical;background-color:var(--surface);transition:all .2s;outline:none;min-height:150px;color:var(--text)}.notes-area:focus{border-color:#f7a740;box-shadow:0 0 0 3px #f7a7401a}.complete-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#f2c06b,#f7a740);color:#fff;border-radius:99px;font-weight:700;font-size:1.05rem;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .2s;border:none;cursor:pointer;box-shadow:0 4px 15px #f7a7404d}.complete-btn:hover{transform:translateY(-2px);opacity:.92}.complete-btn.completed{background:linear-gradient(135deg,#8ed4a8,#5caa7f);box-shadow:none;cursor:default}.complete-btn.completed:hover{transform:none;opacity:1}.undo-btn{width:100%;margin-top:.75rem;padding:.75rem 1rem;background:transparent;color:var(--text-light);border:1px dashed var(--border-color);border-radius:99px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .3s ease}.undo-btn:hover{color:var(--text);border-color:var(--text-light);background:var(--surface-2)}.undo-btn.confirming{color:#c0392b;border-color:#f5b8b0;background:#fdf0ee;font-weight:600;animation:pulse-subtle 1.5s ease-in-out infinite}@keyframes pulse-subtle{0%,to{box-shadow:0 0 #f7a74000}50%{box-shadow:0 0 0 4px #f7a7401f}}.cross-link-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.25rem;margin-top:1rem;background:#f7a74014;border:1px solid rgba(247,167,64,.25);border-left:4px solid #F7A740;border-radius:14px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s}.cross-link-card:hover{background:#f7a74024;transform:translate(2px)}.cross-link-content{display:flex;flex-direction:column;gap:.15rem}.cross-link-label{font-size:.7rem;font-weight:700;color:#f7a740;text-transform:uppercase;letter-spacing:.5px}.cross-link-text{font-size:.9rem;font-weight:600;color:var(--text)}.cross-link-arrow{color:#f7a740;flex-shrink:0}.trail-day-image-placeholder{background:var(--surface-2);border-radius:20px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;border:2px dashed var(--border-color)}.trail-day-image-placeholder .placeholder-icon{color:var(--text-light);opacity:.4}.trail-day-image-placeholder p{font-size:.85rem;color:var(--text-light);opacity:.5}.breathing-widget{background:var(--surface);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.bw-header{text-align:center}.bw-title{display:block;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.bw-desc{font-size:.82rem;color:var(--text-light)}.bw-circle-wrapper{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.bw-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:#f7a740;filter:blur(28px);z-index:0}.bw-tone-indigo .bw-glow{background:var(--indigo)}.bw-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f2c06b,#f7a740);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 4px 24px #f7a7404d}.bw-tone-indigo .bw-circle{background:linear-gradient(135deg,#8b96d4,var(--indigo));box-shadow:0 4px 24px #6e7ab859}.bw-phase{font-size:.85rem;font-weight:700;color:#fff;text-align:center;padding:0 8px;line-height:1.2}.bw-controls{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:100%}.bw-timer{font-size:1.3rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.bw-btns{display:flex;gap:.5rem;align-items:center}.bw-btn{display:flex;align-items:center;gap:.35rem;padding:.55rem 1.25rem;border-radius:99px;border:none;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s}.bw-btn-primary{background:linear-gradient(135deg,#f2c06b,#f7a740);color:#fff;box-shadow:0 3px 12px #f7a7404d}.bw-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.bw-tone-indigo .bw-btn-primary{background:var(--indigo);box-shadow:0 3px 12px #6e7ab859}.bw-btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-color)}.bw-btn-ghost{background:var(--surface-2);color:var(--text-light);border:1px solid var(--border-color);padding:.55rem .7rem}.bw-btn-ghost:hover{color:var(--primary)}.sounds-widget{background:var(--surface);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;margin-bottom:1.5rem}.sw-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border-color)}.sw-emoji{font-size:1.2rem}.sw-name{font-size:.95rem;font-weight:700;color:var(--text)}.sw-list{padding:.5rem 0}.sw-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .15s;text-align:left}.sw-row:hover{background:var(--surface-2)}.sw-row.playing{background:#f7a7400f}.sw-sound-emoji{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.sw-sound-text{flex:1;min-width:0}.sw-sound-title{display:block;font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-playing-label{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:#f7a740;font-weight:500;margin-top:1px}.sw-pulse{width:6px;height:6px;border-radius:50%;background:#f7a740;animation:swPulse 1s ease-in-out infinite;flex-shrink:0}@keyframes swPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.sw-play-btn{width:32px;height:32px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-light);flex-shrink:0;transition:all .2s}.sw-play-btn.active{background:#f7a740;border-color:#f7a740;color:#fff}.sono-page{position:relative;min-height:100vh;background:linear-gradient(175deg,#0a1628,#0f1e3a 45%,#131a30);color:var(--text);overflow-x:hidden;padding-bottom:120px}.sono-stars{position:fixed;inset:0;pointer-events:none;z-index:0}.sono-star{position:absolute;border-radius:50%;background:#e8dcc0;display:block}.sono-top-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;padding-top:calc(16px + env(safe-area-inset-top,0px))}.sono-back-btn{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--text-soft);cursor:pointer;flex-shrink:0;transition:background .2s,color .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sono-back-btn:hover{background:#ffffff24;color:var(--text)}.sono-trail-label{color:#e8dcc08c;letter-spacing:.22em}.sono-clock-btn{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--text-soft);cursor:pointer;transition:background .2s,color .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sono-clock-btn:hover{background:#ffffff24;color:var(--text)}.sono-hero{position:relative;z-index:5;padding:48px 24px 32px}.sono-day-block{display:flex;align-items:flex-end;gap:0;margin-bottom:16px;line-height:1}.sono-dia-word{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;color:#e8dcc073;padding-bottom:14px;padding-right:8px}.sono-dia-num{font-family:var(--font-serif);font-weight:200;font-size:96px;letter-spacing:-.04em;color:var(--text);line-height:.85;font-variation-settings:"opsz" 144}.sono-title{font-family:var(--font-serif);font-weight:300;font-size:28px;line-height:1.2;letter-spacing:-.015em;color:var(--text);margin:0}.sono-objetivo-block{position:relative;z-index:5;padding:24px 24px 28px;border-top:1px solid rgba(232,220,192,.08)}.sono-objetivo-block .eyebrow{display:block;margin-bottom:12px;color:#e8dcc073}.sono-objetivo-text{font-family:var(--font-serif);font-weight:300;font-size:16px;font-style:normal;line-height:1.65;color:var(--text-soft)}.sono-content{position:relative;z-index:5;padding:0 20px;display:flex;flex-direction:column;gap:16px}.sono-card{background:#ffffff0a;border:1px solid rgba(232,220,192,.1);border-radius:var(--radius);padding:22px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sono-exercicio{font-family:var(--font-sans);font-size:14.5px;line-height:1.7;color:var(--text-soft);white-space:pre-line;margin-bottom:20px}.sono-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sono-notes-label{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#e8dcc066}.sono-saved-badge{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--indigo);opacity:.8}.sono-notes-area{width:100%;padding:14px 16px;border:1px solid rgba(232,220,192,.12);border-radius:var(--radius-md);margin-bottom:20px;font-family:var(--font-sans);font-size:14px;line-height:1.6;resize:vertical;background:#ffffff08;color:var(--text);outline:none;min-height:120px;transition:border-color .2s}.sono-notes-area::placeholder{color:#e8dcc047}.sono-notes-area:focus{border-color:#6e7ab880}.sono-complete-btn{width:100%;padding:14px;background:var(--indigo);color:#fff;border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:opacity .2s,transform .18s}.sono-complete-btn:hover{opacity:.9;transform:translateY(-1px)}.sono-completed-state{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-pill);background:#6e7ab826;border:1px solid rgba(110,122,184,.3)}.sono-completed-label{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--indigo)}.sono-uncomplete-btn{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);background:transparent;transition:color .2s}.sono-uncomplete-btn:hover{color:var(--text-soft)}.trails-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.trails-content{position:relative;z-index:5;max-width:600px;margin:0 auto;padding:8px 24px 180px}.trails-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.trails-mesh span{position:absolute;display:block;filter:blur(28px);border-radius:50%}.trails-mesh .mesh-gold{top:-10%;right:-25%;width:65%;height:38%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 18%,transparent),transparent 70%)}.trails-mesh .mesh-indigo{top:35%;left:-30%;width:70%;height:45%;background:radial-gradient(closest-side,color-mix(in srgb,var(--indigo) 18%,transparent),transparent 70%)}.trails-header{margin:14px 0 22px}.trails-headline{font-family:var(--font-serif);font-weight:300;font-size:36px;line-height:1.05;letter-spacing:-.02em;color:var(--text);margin:6px 0 14px;font-variation-settings:"opsz" 144,"SOFT" 50}.trails-headline-accent{font-style:italic;font-weight:400;color:var(--gold)}.trails-subtitle{font-family:var(--font-sans);font-size:13px;line-height:1.55;color:var(--text-soft);max-width:280px;margin:0}.trails-list{display:flex;flex-direction:column;gap:14px}.trail-card{position:relative;display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:22px 22px 24px;overflow:hidden;cursor:pointer;font-family:var(--font-sans);color:var(--text);box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease}.trail-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-float)}.trail-card-blob{position:absolute;top:0;right:0;width:60%;height:100%;pointer-events:none}.trail-card.tone-sage .trail-card-blob{background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--sage) 40%,transparent),transparent 70%)}.trail-card.tone-indigo .trail-card-blob{background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--indigo) 55%,transparent),transparent 70%)}.trail-card-stars{position:absolute;top:18px;right:18px;opacity:.7;pointer-events:none}.trail-card-row{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.trail-card-status.tone-sage{color:var(--sage)}.trail-card-status.tone-indigo{color:var(--indigo)}.trail-card-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:4px 8px;border-radius:999px}.trail-card-count.tone-sage{color:var(--sage);background:color-mix(in srgb,var(--sage) 15%,transparent)}.trail-card-count.tone-indigo{color:var(--indigo);background:color-mix(in srgb,var(--indigo) 18%,transparent)}.trail-card-title{position:relative;font-family:var(--font-serif);font-weight:300;font-size:30px;line-height:1.1;letter-spacing:-.02em;color:var(--text);margin:12px 0 6px}.trail-card-title em{font-style:italic;font-weight:400}.trail-card-title em.tone-sage{color:var(--sage)}.trail-card-title em.tone-indigo{color:var(--indigo)}.trail-card-title em.tone-rose{color:var(--rose)}.trail-card-desc{position:relative;font-family:var(--font-sans);font-size:12.5px;line-height:1.55;color:var(--text-soft);max-width:240px;margin:0 0 18px}.trail-progress{position:relative;display:flex;gap:4px;margin-bottom:18px}.trail-progress .segment{flex:1;height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 10%,transparent)}.trail-card.tone-sage .trail-progress .segment.is-done{background:var(--sage)}.trail-card.tone-indigo .trail-progress .segment.is-done{background:var(--indigo)}.trail-card-footer{position:relative;display:flex;align-items:center;gap:12px}.trail-card-cta{background:var(--text);color:var(--bg);padding:10px 20px;border-radius:999px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.012em}.trail-card-duration{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;color:var(--text-mute);text-transform:uppercase}.trail-card-locked{background:transparent;border:1px dashed var(--line);box-shadow:none;cursor:default;padding:22px 22px 24px}.trail-card-locked:hover{transform:none;box-shadow:none}.trail-locked-icon{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.trail-card-title-muted{font-size:24px;color:var(--text-soft);margin:12px 0 6px}.trail-card-desc-muted{color:var(--text-mute);margin-bottom:0}.trails-stats{display:flex;justify-content:space-between;margin-top:28px;padding:20px 4px 0;border-top:1px solid var(--line)}.trails-stat{display:flex;flex-direction:column;gap:6px}.trails-stat-value{font-family:var(--font-serif);font-size:28px;font-weight:300;letter-spacing:-.02em;line-height:1;color:var(--text)}.trails-stat-gold{color:var(--gold)}.trails-stat-unit{font-family:var(--font-serif);font-size:14px;font-weight:300;color:var(--text-mute);letter-spacing:0}.br-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.br-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.br-mesh span{position:absolute;display:block;filter:blur(28px);border-radius:50%}.br-content{position:relative;z-index:5;max-width:600px;margin:0 auto;padding:8px 24px 140px}.br-header{display:flex;align-items:flex-start;gap:16px;margin:14px 0 32px}.br-nav-back{flex-shrink:0;margin-top:4px;width:36px;height:36px;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text-soft);transition:background .2s,color .2s}.br-nav-back:hover{background:var(--surface-2);color:var(--text)}.br-title{font-family:var(--font-serif);font-weight:300;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:var(--text);margin:8px 0 6px}.br-title em{font-style:italic;color:var(--sage)}.br-subtitle{font-family:var(--font-sans);font-size:14px;color:var(--text-mute);line-height:1.5}.br-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:420px){.br-grid{grid-template-columns:1fr}}.br-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px 18px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.br-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;pointer-events:none;opacity:.35;filter:blur(20px)}.br-card.tone-indigo:before{background:var(--indigo)}.br-card.tone-sage:before{background:var(--sage)}.br-card.tone-gold:before{background:var(--gold)}.br-card.tone-rose:before{background:var(--rose)}.br-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-float)}.br-card-body{display:flex;flex-direction:column;gap:6px;flex-grow:1}.br-card-title{font-family:var(--font-serif);font-weight:400;font-size:17px;line-height:1.2;letter-spacing:-.01em;color:var(--text);margin:6px 0 0}.br-card-desc{font-family:var(--font-sans);font-size:12px;color:var(--text-mute);line-height:1.4}.br-duration{display:flex;flex-direction:column;gap:8px}.br-duration-label{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}.br-duration-options{display:flex;gap:6px}.br-duration-btn{flex:1;padding:6px 4px;border:1px solid var(--line);background:transparent;border-radius:8px;font-family:var(--font-sans);font-size:11px;font-weight:500;color:var(--text-soft);cursor:pointer;transition:background .18s,border-color .18s,color .18s}.br-duration-btn:hover{border-color:var(--gold);color:var(--gold)}.br-duration-btn.is-on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.br-start-btn{width:100%;padding:11px;background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:opacity .2s,transform .18s}.br-start-btn:hover{opacity:.9;transform:translateY(-1px)}.br-card.tone-indigo .br-start-btn{background:var(--indigo);color:#fff}.br-card.tone-sage .br-start-btn{background:var(--sage);color:#fff}.br-card.tone-gold .br-start-btn{background:var(--gold);color:var(--bg)}.br-card.tone-rose .br-start-btn{background:var(--rose);color:#fff}.br-session-page{position:relative;min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.br-session-mesh{position:absolute;inset:0;pointer-events:none;z-index:0}.br-mesh-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70vw;height:70vw;max-width:400px;max-height:400px;border-radius:50%;filter:blur(60px);opacity:.12}.br-session-page.tone-indigo .br-mesh-blob{background:var(--indigo)}.br-session-page.tone-sage .br-mesh-blob{background:var(--sage)}.br-session-page.tone-gold .br-mesh-blob{background:var(--gold)}.br-session-page.tone-rose .br-mesh-blob{background:var(--rose)}.br-back-btn{position:absolute;top:20px;left:20px;z-index:10;display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-soft);padding:8px 14px 8px 10px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);transition:color .2s,background .2s}.br-back-btn:hover{color:var(--text);background:var(--surface-2)}.br-session-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;padding:0 24px;width:100%;max-width:400px}.br-session-meta{margin-bottom:48px;display:flex;flex-direction:column;align-items:center;gap:10px}.br-timer{font-family:var(--font-serif);font-weight:300;font-size:52px;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.br-circle-wrapper{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:48px}.br-circle-glow{position:absolute;inset:0;border-radius:50%}.br-session-page.tone-indigo .br-circle-glow{background:var(--indigo)}.br-session-page.tone-sage .br-circle-glow{background:var(--sage)}.br-session-page.tone-gold .br-circle-glow{background:var(--gold)}.br-session-page.tone-rose .br-circle-glow{background:var(--rose)}.br-circle{position:relative;z-index:2;width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.br-session-page.tone-indigo .br-circle{background:color-mix(in srgb,var(--indigo) 28%,var(--surface))}.br-session-page.tone-sage .br-circle{background:color-mix(in srgb,var(--sage) 28%,var(--surface))}.br-session-page.tone-gold .br-circle{background:color-mix(in srgb,var(--gold) 28%,var(--surface))}.br-session-page.tone-rose .br-circle{background:color-mix(in srgb,var(--rose) 28%,var(--surface))}.br-circle-phase{font-family:var(--font-serif);font-weight:300;font-size:20px;font-style:italic;color:var(--text);letter-spacing:-.01em}.br-session-controls{display:flex;gap:10px}.br-control-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-soft);cursor:pointer;transition:background .2s,color .2s,transform .18s}.br-control-btn:hover{background:var(--surface-2);color:var(--text);transform:translateY(-1px)}.pocket-container{max-width:1000px;margin:0 auto;padding:2rem 1rem 6rem;min-height:100vh}.pocket-header{text-align:center;margin-bottom:3rem}.pocket-header h1{font-size:2.5rem;color:var(--text);margin-bottom:1.5rem}.intro-card{background:var(--surface);padding:1.5rem;border-radius:16px;box-shadow:0 4px 15px #0000000d;max-width:800px;margin:0 auto;text-align:left;line-height:1.6;color:var(--text-light);border-left:5px solid var(--primary)}.intro-card p{margin-bottom:.8rem}.intro-card p:last-child{margin-bottom:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.tool-card{background:var(--surface);border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;border:1px solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px -5px #0000001a;border-color:var(--primary)}.tool-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;transition:transform .3s}.tool-card:hover .tool-icon-wrapper{transform:scale(1.1) rotate(5deg)}.tool-title{font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.tool-subtitle{color:var(--text-light);font-size:.95rem;line-height:1.5;margin-bottom:1rem;flex-grow:1}.tool-arrow{margin-top:auto;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:.5rem;opacity:.7;transition:all .3s}.tool-card:hover .tool-arrow{opacity:1;transform:translate(5px)}.active-tool-overlay{position:fixed;inset:0;background:var(--surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;flex-direction:column;padding:2rem;overflow-y:auto}.tool-content{max-width:700px;width:100%;margin:0 auto;background:var(--surface);padding:2.5rem;border-radius:24px;box-shadow:0 20px 40px -10px #0000001a;position:relative;border:1px solid var(--border-color)}.close-tool-btn{position:absolute;top:1.5rem;right:1.5rem;background:var(--surface-2);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-light);transition:all .2s}.close-tool-btn:hover{background:var(--border-color);color:var(--text)}.step-indicator{display:flex;gap:.5rem;margin-bottom:2rem;justify-content:center}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .3s}.step-dot.active{background:var(--primary);transform:scale(1.5)}.tool-step-content{text-align:left}.step-badge{display:inline-block;background:#f7a74026;color:var(--primary);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.step-title{font-size:1.8rem;color:var(--text);margin-bottom:2rem;line-height:1.3}.step-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.detail-section h4{font-size:1rem;color:var(--text);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.detail-section p{font-size:1.05rem;color:var(--text-light);line-height:1.6}.detail-section.highlight{background:var(--surface-2);padding:1rem;border-radius:12px;border-left:4px solid #a29bfe}.input-section{margin-top:2rem}.input-section label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text)}.step-input{width:100%;padding:1rem;border-radius:12px;border:1px solid var(--border-color);min-height:100px;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:1rem;outline:none;resize:none;transition:border-color .2s}.step-input:focus{border-color:var(--primary)}.nav-buttons{display:flex;justify-content:space-between;margin-top:3rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.nav-btn{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.nav-btn.prev{background:var(--surface-2);color:var(--text-light)}.nav-btn.next{background:var(--primary);color:#fff}.nav-btn:hover{opacity:.9;transform:translateY(-2px)}@media(max-width:768px){.pocket-header h1{font-size:2rem}.tool-content{padding:1.5rem}.step-title{font-size:1.5rem}}.sounds-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.sounds-content{position:relative;z-index:5;max-width:600px;margin:0 auto;padding:8px 24px 180px}.sounds-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.sounds-mesh span{position:absolute;display:block;filter:blur(32px);border-radius:50%}.sounds-mesh .sounds-mesh-indigo{top:-10%;right:-25%;width:65%;height:38%;background:radial-gradient(closest-side,color-mix(in srgb,var(--indigo) 16%,transparent),transparent 70%)}.sounds-mesh .sounds-mesh-sage{top:40%;left:-30%;width:70%;height:42%;background:radial-gradient(closest-side,color-mix(in srgb,var(--sage) 12%,transparent),transparent 70%)}.sounds-header{margin:14px 0 22px}.sounds-headline{font-family:var(--font-serif);font-weight:300;font-size:36px;line-height:1.05;letter-spacing:-.02em;color:var(--text);margin:6px 0 0;font-variation-settings:"opsz" 144,"SOFT" 50}.sounds-headline-accent{font-style:italic;font-weight:400;color:var(--gold)}.sounds-now-playing{position:relative;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:24px;padding:22px;margin-bottom:28px;overflow:hidden;box-shadow:var(--shadow-card);transition:opacity .3s ease}.sounds-now-playing.is-idle{opacity:.55}.sounds-np-blob{position:absolute;inset:0;pointer-events:none}.sounds-now-playing.tone-sage .sounds-np-blob{background:radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--sage) 28%,transparent),transparent 70%)}.sounds-now-playing.tone-indigo .sounds-np-blob{background:radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--indigo) 28%,transparent),transparent 70%)}.sounds-now-playing.tone-rose .sounds-np-blob{background:radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--rose) 25%,transparent),transparent 70%)}.sounds-now-playing.tone-gold .sounds-np-blob{background:radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--gold) 25%,transparent),transparent 70%)}.sounds-np-inner{position:relative}.sounds-np-eyebrow{display:block}.sounds-np-eyebrow.tone-sage{color:var(--sage)}.sounds-np-eyebrow.tone-indigo{color:var(--indigo)}.sounds-np-eyebrow.tone-rose{color:var(--rose)}.sounds-np-eyebrow.tone-gold{color:var(--gold)}.sounds-np-title{font-family:var(--font-serif);font-weight:400;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin:8px 0 4px}.sounds-np-desc{font-family:var(--font-sans);font-size:12px;color:var(--text-mute);margin:0}.sounds-np-idle{position:relative;display:flex;flex-direction:column;gap:16px}.sounds-np-idle-bars{display:flex;align-items:center;gap:2px;height:40px}.sounds-waveform{display:flex;align-items:center;gap:2px;margin-top:20px;height:40px}.sounds-waveform-bar{flex:1;border-radius:1px;transition:background .4s ease}.sounds-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.sounds-ctrl-time,.sounds-ctrl-loop{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:.06em;min-width:32px}.sounds-ctrl-loop{text-align:right;font-size:13px}.sounds-ctrl-center{display:flex;align-items:center;gap:14px}.sounds-ctrl-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .15s ease}.sounds-ctrl-btn:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.sounds-ctrl-btn:active{transform:scale(.9)}.sounds-ctrl-play{width:48px;height:48px;border-radius:50%;border:none;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,opacity .18s ease;box-shadow:0 8px 20px color-mix(in srgb,var(--text) 25%,transparent)}.sounds-ctrl-play:hover{opacity:.88}.sounds-ctrl-play:active{transform:scale(.94)}.sounds-library-header{margin-bottom:12px}.sounds-list{display:flex;flex-direction:column}.sound-row{width:100%;display:flex;align-items:center;gap:14px;padding:14px 0;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--text);-webkit-tap-highlight-color:transparent;transition:opacity .18s ease}.sound-row.has-border{border-bottom:1px solid var(--line)}.sound-row:active{opacity:.7}.sound-icon-box{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center}.sound-icon-box.tone-sage{background:color-mix(in srgb,var(--sage) 14%,transparent);border:1px solid color-mix(in srgb,var(--sage) 30%,transparent)}.sound-icon-box.tone-indigo{background:color-mix(in srgb,var(--indigo) 14%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 30%,transparent)}.sound-icon-box.tone-rose{background:color-mix(in srgb,var(--rose) 14%,transparent);border:1px solid color-mix(in srgb,var(--rose) 30%,transparent)}.sound-icon-box.tone-gold{background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.sound-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sound-title{font-family:var(--font-serif);font-size:16px;font-weight:400;color:var(--text);letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-desc{font-family:var(--font-sans);font-size:11.5px;color:var(--text-mute);line-height:1.3}.sound-play-btn{width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease}.sound-play-btn.is-playing{background:var(--text);border-color:var(--text)}.change-pw-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.change-pw-card{background:#fff;width:100%;max-width:400px;border-radius:var(--radius);padding:2.5rem 2rem;box-shadow:var(--shadow-lg);position:relative;text-align:center}.change-pw-card .back-btn{position:absolute;top:1rem;left:1rem;background:none;border:none;display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s}.change-pw-card .back-btn:hover{background:var(--surface-2);color:var(--text)}.change-pw-header{margin-bottom:2rem;margin-top:1rem}.change-pw-header .icon-wrapper{background:#dcfce7;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.change-pw-header h2{color:var(--text);margin-bottom:.5rem;font-size:1.5rem}.change-pw-header p{color:var(--text-light);font-size:.95rem}.change-pw-form{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;color:var(--text);font-weight:500}.input-group input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;outline:none;transition:all .2s;background-color:var(--input-bg);color:var(--text)}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #fdcb6e33}.submit-pw-btn{background-color:var(--primary);color:#fff;border:none;padding:.875rem;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.submit-pw-btn:hover:not(:disabled){background-color:#e5b05c;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.submit-pw-btn:disabled{opacity:.7;cursor:not-allowed}.error-msg{background:#fee2e2;color:#ef4444;padding:.75rem;border-radius:var(--radius);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.success-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 0;animation:fadeIn .5s ease-out}.success-msg p{color:var(--text);font-weight:600;font-size:1.1rem}.success-msg span{color:var(--text-light);font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-container{max-width:600px;margin:0 auto;padding:2rem 1rem 6rem;min-height:100vh}.profile-header-section{display:flex;flex-direction:column;align-items:center;padding:2rem 0 2.5rem}.profile-theme-toggle{display:flex;align-items:center;gap:2px;background:var(--surface-2, rgba(0,0,0,.06));border:none;border-radius:999px;padding:4px;cursor:pointer;margin-bottom:1rem}.profile-theme-option{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--text-muted, #888);transition:background .2s,color .2s}.profile-theme-option.active{background:var(--surface, #fff);color:var(--gold, #F7A740);box-shadow:0 2px 8px #0000001a}.insights-row{color:#f7a740;font-weight:600}.profile-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.profile-name{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:0}.profile-name-edit-btn{background:none;border:none;color:var(--text-light);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;transition:color .2s}.profile-name-edit-btn:hover{color:var(--primary)}.profile-name-edit{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.25rem;width:100%;max-width:280px}.profile-name-input{width:100%;text-align:center;font-size:1.2rem;font-weight:600;border:2px solid var(--primary);border-radius:10px;padding:.4rem .75rem;background:var(--input-bg);color:var(--text);outline:none}.profile-name-actions{display:flex;gap:.5rem}.profile-name-save{display:flex;align-items:center;gap:.3rem;background:var(--primary);color:#fff;border:none;border-radius:999px;padding:.35rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .2s}.profile-name-save:disabled{opacity:.6}.profile-name-cancel{background:var(--surface-2);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-light);cursor:pointer}.profile-email{color:var(--text-light);font-size:.9rem}.profile-sections{display:flex;flex-direction:column;gap:1.5rem}.section-label{font-size:.8rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-left:.25rem}.profile-card{background:var(--surface);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.profile-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;color:var(--text);font-size:.95rem;transition:background-color .2s}.profile-row:hover{background-color:var(--surface-2)}.row-left{display:flex;align-items:center;gap:.75rem}.row-chevron{color:var(--text-light)}.theme-toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--border-color);position:relative;transition:background-color .3s;flex-shrink:0}.theme-toggle-switch.on{background:var(--primary)}.toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #00000026}.theme-toggle-switch.on .toggle-thumb{transform:translate(20px)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:none;border:1px solid #fee2e2;border-radius:16px;color:#ef4444;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.logout-btn:hover{background:#fee2e2}.insights-container{max-width:600px;margin:0 auto;padding:1.25rem 1rem 0;min-height:100vh}.insights-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:#f7a740;border-radius:50%;animation:spin .8s linear infinite}.insights-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-top:env(safe-area-inset-top,0)}.back-btn{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;flex-shrink:0;transition:background .2s}.back-btn:hover{background:var(--surface-2)}.insights-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0;line-height:1.1}.insights-subtitle{font-size:.85rem;color:var(--text-light);margin:0}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.summary-card{background:var(--surface);border:1px solid var(--border-color);border-radius:16px;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.summary-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.1rem}.summary-value{font-size:1.4rem;font-weight:700;color:var(--text);line-height:1}.summary-label{font-size:.72rem;color:var(--text-light);font-weight:500;line-height:1.2}.insight-card{background:var(--surface);border:1px solid var(--border-color);border-radius:20px;padding:1.25rem;margin-bottom:1rem}.card-title{font-size:1.05rem;font-weight:700;color:var(--text);margin:0 0 .15rem}.card-subtitle{font-size:.8rem;color:var(--text-light);margin:0 0 1rem}.chart-wrapper{position:relative}.chart-tooltip{background:var(--surface);border:1px solid var(--border-color);border-radius:10px;padding:.4rem .7rem;display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text);box-shadow:0 4px 12px #00000014}.tooltip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chart-labels{display:flex;flex-direction:column-reverse;position:absolute;left:0;top:8px;height:140px;justify-content:space-between;pointer-events:none;display:none}.pie-layout{display:flex;align-items:center;gap:1rem}.pie-legend{flex:1;display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.legend-label{font-size:.85rem;color:var(--text);flex:1}.legend-pct{font-size:.85rem;font-weight:700;color:var(--text-light)}.challenge-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:.75rem}.challenge-dot{aspect-ratio:1;border-radius:12px;border:2px solid var(--border-color);background:var(--surface-2);display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;padding:0}.challenge-dot:active{transform:scale(.9)}.challenge-dot.done{background:linear-gradient(135deg,#f2c06b,#f7a740);border-color:transparent;box-shadow:0 2px 8px #f7a74040}.challenge-dot.current{border:2.5px solid #F7A740}.challenge-dot.current .dot-number{color:#f7a740;font-weight:800}.challenge-dot.current.done{border:2.5px solid #D4891A}.challenge-dot.current.done .dot-number{color:#fff}.dot-number{font-size:.75rem;font-weight:700;color:var(--text-light)}.challenge-dot.done .dot-number{color:#fff}.insights-bottom-space{height:6rem}.flashcards-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.flashcards-content{position:relative;z-index:5;max-width:600px;margin:0 auto;padding:8px 24px 180px}.fl-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.fl-mesh span{position:absolute;display:block;filter:blur(28px);border-radius:50%}.fl-mesh .fl-mesh-gold{top:-8%;right:-20%;width:60%;height:35%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%)}.fl-mesh .fl-mesh-rose{top:42%;left:-25%;width:65%;height:40%;background:radial-gradient(closest-side,color-mix(in srgb,var(--rose) 12%,transparent),transparent 70%)}.fl-header{margin:14px 0 22px}.fl-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fl-filter-pill{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:transparent;letter-spacing:.08em;cursor:default;-webkit-user-select:none;user-select:none}.fl-headline{font-family:var(--font-serif);font-weight:300;font-size:36px;line-height:1.05;letter-spacing:-.02em;color:var(--text);margin:6px 0 14px;font-variation-settings:"opsz" 144,"SOFT" 50}.fl-headline-accent{font-style:italic;font-weight:400;color:var(--gold)}.fl-subtitle{font-family:var(--font-sans);font-size:13px;line-height:1.55;color:var(--text-soft);max-width:280px;margin:0}.fl-carta-dia{position:relative;display:block;width:100%;text-align:left;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:24px;padding:22px;margin-bottom:22px;overflow:hidden;cursor:pointer;font-family:var(--font-sans);color:var(--text);box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease}.fl-carta-dia:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.fl-carta-dia-blob{position:absolute;top:0;right:0;width:70%;height:100%;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--gold) 28%,transparent),transparent 60%);pointer-events:none}.fl-carta-dia-eyebrow{color:var(--gold)}.fl-carta-dia-quote{position:relative;font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:22px;line-height:1.35;color:var(--text);margin:14px 0 18px;letter-spacing:-.02em;font-variation-settings:"opsz" 72,"SOFT" 50}.fl-carta-dia-footer{position:relative;display:flex;align-items:center;gap:12px}.fl-carta-dia-cta{padding:10px 18px;background:var(--text);color:var(--bg);border-radius:99px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.012em;flex-shrink:0}.fl-carta-dia-label{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:.06em}.decks-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deck-card-new{position:relative;aspect-ratio:3 / 4;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--text);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.deck-card-new:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.deck-card-new:last-child:nth-child(odd){grid-column:1 / -1;aspect-ratio:16 / 7}.deck-card-overlay{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.deck-card-new.tone-gold .deck-card-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 14%,transparent) 0%,transparent 60%)}.deck-card-new.tone-sage .deck-card-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--sage) 14%,transparent) 0%,transparent 60%)}.deck-card-new.tone-rose .deck-card-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--rose) 14%,transparent) 0%,transparent 60%)}.deck-card-new.tone-indigo .deck-card-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--indigo) 14%,transparent) 0%,transparent 60%)}.deck-icon-box{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.deck-icon-box.tone-gold{background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.deck-icon-box.tone-sage{background:color-mix(in srgb,var(--sage) 12%,transparent);border:1px solid color-mix(in srgb,var(--sage) 30%,transparent)}.deck-icon-box.tone-rose{background:color-mix(in srgb,var(--rose) 12%,transparent);border:1px solid color-mix(in srgb,var(--rose) 30%,transparent)}.deck-icon-box.tone-indigo{background:color-mix(in srgb,var(--indigo) 12%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 30%,transparent)}.deck-card-top{position:relative}.deck-title-new{font-family:var(--font-serif);font-size:17px;font-weight:400;color:var(--text);margin:0;line-height:1.15;letter-spacing:-.02em;white-space:pre-line}.deck-subtitle-new{font-family:var(--font-sans);font-size:10.5px;color:var(--text-mute);margin:6px 0 0;line-height:1.4}.deck-card-bottom{position:relative}.deck-footer-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.deck-footer-count{font-family:var(--font-mono);font-size:9px;color:var(--text-mute);letter-spacing:.06em}.deck-footer-pct{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em}.deck-footer-pct.tone-gold{color:var(--gold)}.deck-footer-pct.tone-sage{color:var(--sage)}.deck-footer-pct.tone-rose{color:var(--rose)}.deck-footer-pct.tone-indigo{color:var(--indigo)}.deck-bar-track{height:2px;background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:1px;overflow:hidden}.deck-bar-fill{height:100%;border-radius:1px;transition:width .6s ease}.deck-bar-fill.tone-gold{background:var(--gold)}.deck-bar-fill.tone-sage{background:var(--sage)}.deck-bar-fill.tone-rose{background:var(--rose)}.deck-bar-fill.tone-indigo{background:var(--indigo)}.study-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden}.study-loading,.study-error{align-items:center;justify-content:center;gap:16px}.study-spinner{width:30px;height:30px;border:2px solid color-mix(in srgb,var(--gold) 20%,transparent);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.study-top-bar{display:flex;align-items:center;justify-content:space-between;padding:54px 20px 16px}.study-nav-btn{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .15s ease}.study-nav-btn:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.study-nav-btn:active{transform:scale(.92)}.study-top-center{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;padding:0 12px}.study-counter-mono{font-family:var(--font-mono);font-size:11px;color:var(--text);letter-spacing:.08em}.study-segments{display:flex;gap:3px;padding:0 24px;margin-bottom:20px}.study-segment{flex:1;height:2px;border-radius:1px;background:color-mix(in srgb,var(--text) 12%,transparent)}.study-segment.seg-done{background:var(--gold)}.study-segment.seg-current{background:var(--text)}.study-card-area{flex:1;padding:0 20px 10px;display:flex;align-items:flex-start;overflow:visible}.card-stack{position:relative;width:100%;max-width:420px;margin:0 auto;perspective:1200px}.card-ghost{position:absolute;inset:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;pointer-events:none;transform-origin:top center}.card-ghost-2{transform:translateY(18px) scaleX(.88);opacity:.4}.card-ghost-1{transform:translateY(9px) scaleX(.94);opacity:.65}.card-scene{position:relative;z-index:2;width:100%}.card-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1)}.card-inner.flipped{transform:rotateY(180deg)}.card-face{width:100%;border-radius:28px;padding:26px 24px;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column}.study-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.study-card-label-gold{color:var(--gold)}.card-front{position:absolute;inset:0;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:0 24px 48px #00000047,0 0 0 .5px color-mix(in srgb,var(--text) 8%,transparent)}.card-front-text{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:22px;line-height:1.35;color:var(--text);margin:0 0 auto;letter-spacing:-.02em;font-variation-settings:"opsz" 72,"SOFT" 50}.card-flip-hint{display:flex;align-items:center;gap:6px;margin-top:24px;color:var(--text-mute);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em}.card-back{position:relative;min-height:360px;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);box-shadow:0 24px 48px #0000005c,0 0 0 .5px color-mix(in srgb,var(--gold) 20%,transparent);transform:rotateY(180deg)}.card-back:before{content:"";position:absolute;top:0;right:0;width:60%;height:45%;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%);pointer-events:none}.card-back-anchor{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:14px;line-height:1.4;color:var(--text-mute);margin:0;letter-spacing:-.01em;position:relative}.study-hairline{height:1px;background:color-mix(in srgb,var(--gold) 28%,transparent);margin:16px 0 20px;flex-shrink:0;position:relative}.card-back-scroll{position:relative}.card-back-main{font-family:var(--font-serif);font-weight:400;font-size:17px;line-height:1.5;color:var(--text);margin:0;letter-spacing:-.02em;white-space:pre-line}.card-back-sub{font-family:var(--font-sans);font-size:13.5px;line-height:1.65;color:var(--text-soft);margin:16px 0 0;white-space:pre-line}.card-input-wrap{margin-top:18px}.card-note-input{width:100%;box-sizing:border-box;background:color-mix(in srgb,var(--bg) 65%,transparent);border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:14px;line-height:1.4;color:var(--text);resize:none;outline:none;transition:border-color .2s ease}.card-note-input:focus{border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.card-note-input::placeholder{color:var(--text-mute)}.study-hint-bar{padding:14px 24px 32px;border-top:1px solid var(--line);text-align:center}.feedback-area{padding:14px 20px 32px;border-top:1px solid var(--line)}.feedback-prompt{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin:0 0 12px}.feedback-buttons{display:flex;gap:8px}.fb-btn{flex:1;padding:11px 8px;border-radius:99px;border:1px solid transparent;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;transition:opacity .15s ease,transform .15s ease}.fb-btn:active{transform:scale(.95)}.fb-btn:disabled{opacity:.4;cursor:not-allowed}.fb-hard{color:var(--rose);border-color:color-mix(in srgb,var(--rose) 30%,transparent);background:color-mix(in srgb,var(--rose) 8%,transparent)}.fb-medium{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 30%,transparent);background:color-mix(in srgb,var(--gold) 8%,transparent)}.fb-easy{color:var(--sage);border-color:color-mix(in srgb,var(--sage) 30%,transparent);background:color-mix(in srgb,var(--sage) 8%,transparent)}.session-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;gap:18px}.session-done-icon{opacity:.9}.session-done-title{font-family:var(--font-serif);font-weight:300;font-size:32px;line-height:1.1;letter-spacing:-.02em;color:var(--text);margin:0;font-variation-settings:"opsz" 96,"SOFT" 50}.session-done-accent{font-style:italic;font-weight:400;color:var(--sage)}.session-done-desc{font-family:var(--font-sans);font-size:14px;line-height:1.65;color:var(--text-soft);margin:0;max-width:300px}.session-done-btn{margin-top:6px;padding:12px 32px;background:var(--text);color:var(--bg);font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.012em;border:none;border-radius:99px;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.session-done-btn:hover{opacity:.85}.session-done-btn:active{transform:scale(.97)}.bottom-nav{position:fixed;bottom:22px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-around;padding:10px 6px;border-radius:28px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--line);box-shadow:var(--shadow-float);z-index:900;overflow:visible}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{bottom:calc(22px + env(safe-area-inset-bottom,0))}}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 0;background:none;border:none;cursor:pointer;color:var(--text-mute);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;transition:color .2s ease,transform .18s ease}.nav-tab:active{transform:scale(.92)}.nav-tab.active{color:var(--gold)}.tab-label{font-size:9.5px;font-weight:500;letter-spacing:.025em;color:inherit}.nav-tab.active .tab-label{font-weight:600}.nav-brand{display:none}@media(min-width:1024px){.bottom-nav{inset:0 auto 0 0;width:64px;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 8px 24px;gap:2px;border-right:1px solid var(--line);border-bottom:none;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1)}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{bottom:0}}.bottom-nav:hover{width:220px}.nav-brand{display:flex;align-items:center;gap:10px;padding:4px 6px 20px;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);margin-bottom:8px}.bottom-nav:hover .nav-brand{padding:4px 13px 20px}.nav-brand-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--gold),var(--rose));display:flex;align-items:center;justify-content:center;color:var(--bg);font-family:var(--font-serif);font-size:18px;font-style:italic}.nav-brand-text{font-family:var(--font-serif);font-size:14px;font-weight:300;color:var(--text-soft);letter-spacing:.01em;opacity:0;transition:opacity .12s ease}.bottom-nav:hover .nav-brand-text{opacity:1}.nav-tab{flex:0 0 auto;flex-direction:row;justify-content:center;gap:12px;padding:11px 0;border-radius:var(--radius-sm);width:100%;white-space:nowrap;color:var(--text-soft);transition:background .15s ease,color .15s ease}.bottom-nav:hover .nav-tab{justify-content:flex-start;padding:11px 13px}.nav-tab:hover{background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--text)}.nav-tab.active{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold)}.nav-tab:active{transform:none}.tab-label{font-size:13.5px;max-width:0;overflow:hidden;opacity:0;transition:max-width .25s cubic-bezier(.4,0,.2,1),opacity .15s ease}.bottom-nav:hover .tab-label{max-width:180px;opacity:1}}.nav-tab-lia{flex:0 0 auto;padding:0;margin-top:-28px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.nav-tab-lia:active{transform:scale(.92)}.lia-tab-circle{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--rose));display:flex;align-items:center;justify-content:center;color:var(--bg);border:3px solid var(--surface-2);box-shadow:0 8px 22px color-mix(in srgb,var(--gold) 40%,transparent);transition:transform .2s ease,box-shadow .2s ease;position:relative}.nav-tab-lia.active .lia-tab-circle{transform:scale(1.05);box-shadow:0 10px 28px color-mix(in srgb,var(--gold) 55%,transparent)}.lia-badge{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;padding:0 4px;background:var(--rose);color:var(--bg);border-radius:999px;font-family:var(--font-mono);font-size:9.5px;font-weight:600;line-height:17px;text-align:center;border:2px solid var(--surface-2)}.star-field{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}html:not([data-theme=light]) .home-page,html:not([data-theme=light]) .trails-page,html:not([data-theme=light]) .br-page,html:not([data-theme=light]) .sounds-page,html:not([data-theme=light]) .flashcards-page,html:not([data-theme=light]) .challenge-container,html:not([data-theme=light]) .study-page{background:transparent}.star{position:absolute;border-radius:50%;background:var(--star);display:block}.star--twinkle{animation:star-twinkle linear infinite;opacity:.55}@keyframes star-twinkle{0%{opacity:.55}45%{opacity:.06}55%{opacity:.06}to{opacity:.55}}@media(min-width:1024px){body{padding-left:64px}.home-content,.trails-content,.sounds-content,.flashcards-content{max-width:960px}.br-content{max-width:800px}.insights-container{max-width:960px;padding:1.5rem 2rem 0}.profile-container{max-width:700px;padding:2rem 2rem 6rem}.pocket-container{max-width:1100px;padding:2rem 2rem 6rem}.challenge-container{padding-left:2rem;padding-right:2rem}.ai-chat-fullscreen{left:0}}