@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Poppins:wght@300;400;600;700;800&display=swap");:root{--brand-text:#183547;--brand-muted:#9aa6b2;--brand-surface:#fff;--brand-panel:#b0e0e6;--brand-accent:#7fd1d0;--brand-accent-strong:#06b6d4;--brand-warm:#ffd9cc;--brand-cool:#cfeff8;--brand-border:rgba(24,53,71,.08);--btn-bg:var(--brand-accent-strong);--btn-text:#7fd1d0;--btn-border:transparent;--btn-outline-border:rgba(24,53,71,.12);--btn-outline-text:var(--brand-text);--btn-strong-bg:var(--btn-bg);--btn-strong-text:var(--btn-text)}body,html{font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--brand-text);background:var(--brand-surface)}.quote,.serif-display,blockquote{font-family:"DM Serif Display",ui-serif,Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1.2}svg.icon{display:inline-block;width:1.2em;height:1.2em;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.btn{gap:8px;padding:8px 14px;border-radius:8px;color:var(--btn-text,var(--component-btn-text,#fff));background:var(--btn-bg,var(--component-cta,var(--brand-accent,#7fd1d0)));border:1px solid var(--btn-border,var(--component-btn-border,transparent))}.btn-strong{background:var(--btn-strong-bg,var(--component-cta,var(--btn-bg,var(--brand-accent-strong,#06b6d4))));color:var(--btn-strong-text,var(--component-cta-text,var(--btn-text,#fff)));border:1px solid transparent}.btn-outline{color:var(--btn-outline-text,var(--component-btn-text,var(--btn-text,var(--brand-text))));border:1px solid var(--btn-outline-border,var(--component-btn-border,var(--brand-border,rgba(24,53,71,.08))))}.btn-plain{background:transparent;border:none;padding:6px;font-weight:700}.btn:focus{outline:3px solid rgba(14,165,164,.12);outline-offset:2px}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=DM+Serif+Display:ital@0;1&display=swap");:root{--color-sky-light:#e8f4f8;--color-sky-soft:#d8eef5;--color-aqua-mist:#b8e0d9;--color-sand-warm:#e9cfa6;--color-coral-soft:#f4b8a4;--color-seafoam:#a8d5ba;--color-shell-pink:#f5d5d8;--bg-gradient:linear-gradient(180deg,var(--color-sky-light),var(--color-sky-soft));--bg-glass:hsla(0,0%,100%,.92);--text-primary:#183547;--text-secondary:#4b6b7a;--text-muted:#7b8899;--text-light:#eef1ff;--text-on-dark:#7fd1d0;--cta-gradient:linear-gradient(90deg,var(--color-sand-warm),var(--color-aqua-mist));--cta-strong:linear-gradient(90deg,#d8b37b,#b8e0d9);--cta-text:#07233e;--card-radius:18px;--card-shadow:0 18px 45px rgba(20,35,50,.06);--card-border:1px solid rgba(10,20,30,.04);--space-xs:6px;--space-sm:12px;--space-md:18px;--space-lg:28px;--space-xl:42px;--font-ui:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"DM Serif Display",Georgia,serif;--max-width:1200px;--container-width:420px}body,html{margin:0;padding:0;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-secondary);background:var(--bg-gradient);min-height:100vh}.card{border-radius:var(--card-radius);padding:var(--space-md);background:var(--bg-glass);box-shadow:var(--card-shadow);border:var(--card-border);transition:transform .26s ease,box-shadow .26s ease}.card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(20,35,50,.1)}.content-card{border-radius:14px;padding:var(--space-md);background:linear-gradient(180deg,#fff,#fbfdff);color:var(--text-primary);box-shadow:0 8px 20px rgba(6,20,40,.04);border:1px solid rgba(10,20,30,.02)}.profile-card{border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(6,20,40,.08);background:transparent}.topbar{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(90deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.96));border-bottom:1px solid rgba(6,20,40,.04);box-shadow:0 2px 8px rgba(6,20,40,.02)}.brand-avatar,.topbar{display:flex;align-items:center}.brand-avatar{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#fff;box-shadow:0 6px 18px rgba(6,20,40,.06);justify-content:center}.brand-avatar img{width:100%;height:100%;object-fit:cover;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px 16px;border:none;border-radius:12px;font-family:var(--font-ui);font-weight:600;font-size:14px;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;background:var(--bg-glass);color:var(--text-primary)}.btn:hover{transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid rgba(20,40,60,.12);color:var(--text-primary);padding:9px 16px}.btn-outline:hover{background:hsla(0,0%,100%,.5);border-color:rgba(20,40,60,.16)}.btn-strong{background:var(--cta-strong);color:var(--text-on-dark);box-shadow:0 8px 24px rgba(184,224,217,.3)}.btn-strong:hover{box-shadow:0 12px 32px rgba(184,224,217,.4)}.btn.small{padding:6px 12px;font-size:13px}.muted{color:var(--text-muted);font-size:14px}.display-text{font-family:var(--font-display);font-style:italic;line-height:1.4}.quote-banner{padding:var(--space-lg) var(--space-md);background:linear-gradient(135deg,var(--color-shell-pink),var(--color-sand-warm));border-radius:var(--card-radius);text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 40px hsla(15,78%,80%,.2)}.quote-banner:before{content:'"';position:absolute;top:-20px;left:20px;font-family:var(--font-display);font-size:120px;color:hsla(0,0%,100%,.3);line-height:1}.quote-banner__text{font-family:var(--font-display);font-size:22px;font-style:italic;color:var(--text-primary);position:relative;z-index:1;margin:0 0 var(--space-sm) 0}.quote-banner__author{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--text-secondary);position:relative;z-index:1}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);margin:var(--space-md) 0}.image-grid__item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:linear-gradient(135deg,var(--color-sky-soft),var(--color-aqua-mist));box-shadow:0 6px 18px rgba(6,20,40,.06);transition:transform .26s ease,box-shadow .26s ease}.image-grid__item:hover{transform:scale(1.03);box-shadow:0 12px 32px rgba(6,20,40,.12)}.image-grid__item img{width:100%;height:100%;object-fit:cover;display:block}.icon-small{width:24px;height:24px;display:inline-block}.icon-medium{width:40px;height:40px;display:inline-block}.icon-large{width:64px;height:64px;display:inline-block}.icon-container{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);border-radius:50%;background:var(--bg-glass)}.hide-mobile{display:none}.show-mobile{display:block}@media (min-width:768px){.hide-mobile{display:block}.show-mobile{display:none}.image-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (min-width:1024px){.image-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-aqua-mist);outline-offset:2px}@import url("/css/styles.css");:root{--bg:#fff6f1;--card:#fffaf6;--muted:#7b5a54;--accent:#d86249;--text:#1a1a1a;--shadow:0 10px 28px rgba(224,122,95,.12)}*{box-sizing:border-box}body,html{height:100%}body{background:linear-gradient(180deg,#fff6f1,#fff8f3);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0}.page{max-width:980px;margin:32px auto;padding:20px}.hero{display:flex;align-items:flex-start;gap:20px;margin-bottom:12px}.hero-inner{padding:6px}.title{font-weight:700;margin:0;font-size:1.6rem}.subtitle{margin:8px 0;color:var(--muted)}.controls{margin-top:8px;display:flex;gap:12px;align-items:center}.btn{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:0 6px 18px rgba(224,122,95,.12)}.btn-ghost{background:transparent;color:var(--accent);border:1px solid rgba(216,98,73,.12);padding:8px 12px;box-shadow:none}.toggle{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px;gap:16px;margin-top:8px;margin-bottom:32px}.card{background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--shadow);border:1px solid rgba(30,40,55,.04);display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .2s ease,border-color .2s ease}.card:active{transform:scale(.997)}.card .icon{width:56px;height:56px;color:var(--accent);opacity:1}.card .icon *{stroke-width:2.2}.card .label{font-weight:600;color:#2b1f1e}.card .meta{font-size:.86rem;color:var(--muted);margin-bottom:4px}.card{border:1px solid rgba(30,40,55,.06)}.card[aria-pressed=true]{box-shadow:0 18px 42px rgba(224,122,95,.18);border-color:var(--accent);transform:translateY(-6px)}.card.pulse{animation:cardPulse .42s ease}@keyframes cardPulse{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.card-controls{flex-direction:column;margin-top:auto}.card-controls,.volume-control{display:flex;gap:8px;width:100%}.volume-control{align-items:center}.volume-slider{width:100%;height:6px;border-radius:3px;background:rgba(216,98,73,.15);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;-moz-transition:transform .15s ease;transition:transform .15s ease}.volume-slider:focus::-webkit-slider-thumb,.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.volume-slider:focus::-moz-range-thumb,.volume-slider:hover::-moz-range-thumb{transform:scale(1.2)}.btn-group{display:flex;gap:6px;justify-content:flex-end}.btn-small{background:rgba(216,98,73,.1);color:var(--accent);border:1px solid rgba(216,98,73,.2);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;min-width:32px}.btn-small:hover{background:rgba(216,98,73,.15);transform:translateY(-2px)}.btn-small:active{transform:scale(.95)}.btn-small.active,.btn-small[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.master-controls{background:var(--card);border-radius:14px;padding:20px;box-shadow:var(--shadow);border:1px solid rgba(30,40,55,.04);margin-bottom:32px}.master-controls h2{font-size:1.2rem;font-weight:700;margin:0 0 16px;color:var(--text)}.master-grid{display:grid;grid-gap:16px;gap:16px;align-items:center}.master-volume-control{display:flex;flex-direction:column;gap:8px}.master-volume-control label{font-size:.95rem;font-weight:600;color:var(--text)}.master-volume-control input[type=range]{width:100%;height:8px;border-radius:4px;background:rgba(216,98,73,.15);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.master-volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease;box-shadow:0 2px 8px rgba(216,98,73,.3)}.master-volume-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;-moz-transition:transform .15s ease;transition:transform .15s ease;box-shadow:0 2px 8px rgba(216,98,73,.3)}.master-volume-control input[type=range]:focus::-webkit-slider-thumb,.master-volume-control input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.master-volume-control input[type=range]:focus::-moz-range-thumb,.master-volume-control input[type=range]:hover::-moz-range-thumb{transform:scale(1.15)}.preset-controls{display:flex;gap:12px;flex-wrap:wrap}@media (min-width:600px){.master-grid{grid-template-columns:1fr auto;align-items:center}}.foot{margin-top:20px;color:var(--muted)}.status{font-size:.95rem}.breathing-section{margin-bottom:32px}.breathing-section h2{font-size:1.3rem;font-weight:700;margin:24px 0 16px;color:var(--text)}.breathing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.breathing-card{background:var(--card);border-radius:14px;padding:20px;box-shadow:var(--shadow);border:1px solid rgba(30,40,55,.04);display:flex;flex-direction:column;gap:12px}.breathing-card h3{margin:0;font-size:1.1rem;color:var(--text)}.breathing-desc{margin:0;font-size:.9rem;color:var(--muted)}.breathing-btn{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:0 6px 18px rgba(224,122,95,.12);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.breathing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(224,122,95,.18)}.breathing-btn:active{transform:scale(.98)}.breathing-btn.active{background:#10b981}.breathing-visual{display:flex!important;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.breath-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(216,98,73,.2),rgba(216,98,73,.05));border:3px solid var(--accent);animation:none}.breath-label{font-size:1.1rem;font-weight:600;color:var(--accent);letter-spacing:1px}.box-breathing.active .breath-circle{animation:breatheBox 16s ease-in-out infinite}.breathing-478.active .breath-circle{animation:breathe478 18s ease-in-out infinite}.breathing-diaphragm.active .breath-circle{animation:breatheDiaphragm 10s ease-in-out infinite}@keyframes breathe{0%{transform:scale(1);opacity:.6}25%{transform:scale(1.2);opacity:1}50%{transform:scale(1.3);opacity:.8}75%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:.6}}.box-breathing{animation:none}@keyframes breatheBox{0%{transform:scale(1);opacity:.6}20%{transform:scale(1.3);opacity:1}25%{transform:scale(1.3);opacity:1}50%{transform:scale(1.05);opacity:.7}75%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:.6}}.breathing-478{animation:none}@keyframes breathe478{0%{transform:scale(1);opacity:.6}14.28%{transform:scale(1.35);opacity:1}28.56%{transform:scale(1.2);opacity:.8}57.12%{transform:scale(1.05);opacity:.5}to{transform:scale(1);opacity:.6}}.breathing-diaphragm{animation:none}@keyframes breatheDiaphragm{0%{transform:scale(1);opacity:.65}40%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:.65}}.affirmations-section{margin-bottom:32px}.affirmations-section h2{font-size:1.3rem;font-weight:700;margin:24px 0 16px;color:var(--text)}.affirmations-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.affirmation-display{background:var(--card);border-radius:14px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(30,40,55,.04);min-height:100px;display:flex;align-items:center;justify-content:center}.affirmation-text{margin:0;font-size:1.2rem;font-weight:500;color:var(--text);text-align:center;line-height:1.6;font-style:italic}.ftc-debug{position:fixed;left:14px;bottom:14px;max-width:320px;max-height:40vh;overflow:auto;background:rgba(26,26,26,.9);color:#fff;padding:10px;border-radius:10px;font-family:monospace;font-size:12px;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.35)}.ftc-debug .hdr{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}.ftc-debug .hdr .title{font-weight:700;font-size:12px}.ftc-debug .hdr .controls button{background:transparent;border:1px solid hsla(0,0%,100%,.12);color:#fff;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12px}.ftc-debug .lines{max-height:calc(40vh - 40px);overflow:auto}.ftc-debug .line{padding:6px 0;border-bottom:1px solid hsla(0,0%,100%,.03);opacity:.95}@media (prefers-reduced-motion:reduce){.card,.ftc-debug{transition:none}.card{animation:none}.breathing-card{transition:none}.breath-circle,.breathing-visual{animation:none}}