:root{--font-body:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Noto Sans SC","PingFang SC",sans-serif;--bg:#e8f4f8;--bg-secondary:#d4eef6;--bg-chat:#e8f4f8;--text:#1a3a4a;--text-secondary:#3d6b7e;--muted:#6a9bab;--morandi-green:#3d8fa6;--morandi-blue:#6bafc4;--morandi-pink:#c4978e;--morandi-beige:#c9b8a0;--morandi-lavender:#8eb5c7;--bubble-user:#3d8fa6;--bubble-user-text:#ffffff;--bubble-ai:rgba(255,255,255,0.9);--bubble-ai-text:#1a3a4a;--bubble-ai-border:rgba(107,175,196,0.3);--sos:#e8895c;--sos-hover:#d6774a;--sos-soft:rgba(232,137,92,0.1);--card-bg:rgba(255,255,255,0.85);--card-border:rgba(107,175,196,0.25);--card-border-hover:rgba(61,143,166,0.4);--surface:rgba(212,238,246,0.6);--input-bg:rgba(255,255,255,0.9);--input-border:rgba(107,175,196,0.3);--input-focus:#3d8fa6;--chip-bg:rgba(212,238,246,0.6);--chip-border:rgba(107,175,196,0.25);--chip-hover:rgba(107,175,196,0.2);--chip-text:#3d6b7e;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--header-height:56px;--input-area-height:72px;--max-chat-width:720px;--shadow-sm:0 1px 3px rgba(26,58,74,0.06);--shadow-md:0 4px 12px rgba(26,58,74,0.08);--shadow-lg:0 8px 24px rgba(26,58,74,0.1);--glass-bg:rgba(232,244,248,0.72);--glass-border:rgba(107,175,196,0.2);--transition:0.2s ease}[data-theme=dark]{--bg:#0d1b2a;--bg-secondary:#1b2838;--bg-chat:#0d1b2a;--text:#e0ecf1;--text-secondary:#8fb8c9;--muted:#7da8b6;--morandi-green:#4da6bf;--morandi-blue:#5a9fb5;--morandi-pink:#b08880;--morandi-beige:#8a7d6a;--morandi-lavender:#7aa5b7;--bubble-user:#2a6a80;--bubble-user-text:#e0ecf1;--bubble-ai:rgba(13,27,42,0.85);--bubble-ai-text:#e0ecf1;--bubble-ai-border:rgba(90,137,153,0.3);--sos:#e8895c;--sos-hover:#f09a70;--sos-soft:rgba(232,137,92,0.15);--card-bg:rgba(27,40,56,0.85);--card-border:rgba(90,137,153,0.25);--card-border-hover:rgba(77,166,191,0.4);--surface:rgba(27,40,56,0.6);--input-bg:rgba(27,40,56,0.85);--input-border:rgba(90,137,153,0.3);--input-focus:#4da6bf;--chip-bg:rgba(27,40,56,0.6);--chip-border:rgba(90,137,153,0.25);--chip-hover:rgba(90,137,153,0.2);--chip-text:#8fb8c9;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--glass-bg:rgba(13,27,42,0.72);--glass-border:rgba(90,137,153,0.2)}@media (prefers-contrast:high){:root{--bg:#ffffff;--bg-secondary:#f0f0f0;--bg-chat:#ffffff;--text:#000000;--text-secondary:#1a1a1a;--muted:#333333;--bubble-user:#005a7a;--bubble-user-text:#ffffff;--bubble-ai:#ffffff;--bubble-ai-text:#000000;--bubble-ai-border:#333333;--card-bg:#ffffff;--card-border:#333333;--card-border-hover:#000000;--input-bg:#ffffff;--input-border:#333333;--input-focus:#005a7a;--chip-bg:#f0f0f0;--chip-border:#333333;--chip-text:#000000}[data-theme=dark]{--bg:#000000;--bg-secondary:#111111;--bg-chat:#000000;--text:#ffffff;--text-secondary:#e0e0e0;--muted:#cccccc;--bubble-user:#006688;--bubble-user-text:#ffffff;--bubble-ai:#111111;--bubble-ai-text:#ffffff;--bubble-ai-border:#cccccc;--card-bg:#111111;--card-border:#cccccc;--card-border-hover:#ffffff;--input-bg:#111111;--input-border:#cccccc;--input-focus:#66ccee;--chip-bg:#111111;--chip-border:#cccccc;--chip-text:#ffffff}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow:hidden;height:100%}body{background:linear-gradient(170deg,#dceef5,#e8f4f8 40%,#eef7fa 70%,#f0ece4);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}[data-theme=dark] body{background:linear-gradient(170deg,#0d1b2a,#112233 40%,#1a2838 70%,#1a1e24)}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button{cursor:pointer;background:none}button,input,textarea{font:inherit;border:none}input,textarea{outline:none}::selection{background:rgba(61,143,166,.3)}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:var(--max-chat-width);margin:0 auto;position:relative;z-index:1}.header{justify-content:space-between;height:var(--header-height);padding:0 var(--space-4);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);flex-shrink:0;z-index:10}.header,.header__brand{display:flex;align-items:center}.header__brand{gap:var(--space-2);font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;min-width:0;color:var(--text)}.header__brand-dot{width:8px;height:8px;border-radius:50%;background:var(--morandi-green)}.header__tagline{font-size:.75rem;color:var(--muted);font-weight:400}.header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;white-space:nowrap}.lang-dropdown{position:relative}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;gap:2px;height:36px;padding:0 10px;border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:.75rem;font-weight:700;transition:all var(--transition);letter-spacing:0}.lang-toggle__arrow{width:10px;height:10px;transition:transform .2s ease}.lang-toggle:hover{background:var(--morandi-green);color:#fff}.lang-dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;max-height:320px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:100;padding:4px;animation:langDropIn .15s ease}@keyframes langDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-md);background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background .15s}.lang-dropdown__item:hover{background:var(--surface)}.lang-dropdown__item--active{color:#fff}.lang-dropdown__item--active,.lang-dropdown__item--active:hover{background:var(--morandi-green)}.lang-dropdown__flag{font-size:1.1rem;line-height:1}.sos-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--sos-soft);color:var(--sos);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;transition:all var(--transition)}.sos-btn:hover{background:var(--sos);color:#fff}.theme-toggle{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--muted);transition:all var(--transition)}.theme-toggle:hover{background:var(--surface);color:var(--text)}.theme-toggle svg{width:18px;height:18px}.chat-area{flex:1 1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);scroll-behavior:smooth;overscroll-behavior:contain}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:var(--radius-full)}.bubble-row{display:flex;max-width:85%;animation:bubbleIn .3s ease-out}.bubble-row--user{align-self:flex-end}.bubble-row--ai{align-self:flex-start;flex-direction:column}.bubble-model{font-size:.65rem;color:var(--muted);opacity:.5;padding-left:var(--space-2);margin-top:2px}.bubble{padding:var(--space-3) var(--space-4);font-size:.95rem;line-height:1.7;word-break:break-word}.bubble--user{background:var(--bubble-user);color:var(--bubble-user-text);border-radius:var(--radius-lg) var(--radius-lg) 6px var(--radius-lg)}.bubble--ai{background:var(--bubble-ai);color:var(--bubble-ai-text);border:1px solid var(--bubble-ai-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 6px;box-shadow:var(--shadow-sm)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{display:flex;align-items:center;gap:5px;padding:var(--space-3) var(--space-4);background:var(--bubble-ai);border:1px solid var(--bubble-ai-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 6px;box-shadow:var(--shadow-sm);align-self:flex-start}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.quick-replies{display:flex;flex-wrap:wrap;gap:var(--space-2);align-self:flex-start;max-width:85%;animation:bubbleIn .3s ease-out .2s both}.quick-reply{padding:8px 16px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--chip-text);transition:all var(--transition);white-space:nowrap}.quick-reply:hover{background:var(--chip-hover);border-color:var(--morandi-green);color:var(--text)}.disclaimer{font-size:.75rem;color:var(--muted);line-height:1.6;padding:var(--space-2) 0;align-self:flex-start;max-width:85%}.input-area{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--card-border);flex-shrink:0}.input-area,.input-wrapper{display:flex;align-items:center}.input-wrapper{flex:1 1;background:var(--input-bg);border:1px solid transparent;border-radius:var(--radius-xl);padding:0 var(--space-4);transition:background var(--transition)}.input-wrapper:focus-within{border-color:transparent;box-shadow:none}.input-wrapper input{flex:1 1;height:44px;background:transparent;color:var(--text);font-size:.95rem;-webkit-appearance:none}.input-wrapper input,.input-wrapper input:focus{border:none;outline:none!important;box-shadow:none!important}.input-wrapper input::placeholder{color:var(--muted)}.send-btn{width:44px;height:44px;display:grid;place-items:center;background:var(--morandi-green);color:#fff;border-radius:50%;flex-shrink:0;transition:all var(--transition);opacity:.5;pointer-events:none}.send-btn--active{opacity:1;pointer-events:auto}.send-btn--active:hover{filter:brightness(.9);transform:scale(1.05)}.send-btn svg{width:20px;height:20px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:var(--space-4);animation:fadeIn .2s ease-out}.modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:100%;box-shadow:var(--shadow-lg);animation:modalIn .3s ease-out}.modal h2{font-size:1.15rem;font-weight:600;margin-bottom:var(--space-3);color:var(--text)}.modal p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.hotline-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.hotline-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.hotline-item__name{font-size:.85rem;color:var(--text-secondary)}.hotline-item__number{font-size:1rem;font-weight:700;color:var(--sos);letter-spacing:.02em}.modal-close{width:100%;padding:var(--space-3);background:var(--surface);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all var(--transition)}.modal-close:hover{background:var(--card-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scale-options{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:85%;animation:bubbleIn .3s ease-out}.scale-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition)}.scale-option:hover{border-color:var(--morandi-green);background:var(--surface);box-shadow:var(--shadow-sm)}.scale-option__value{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--chip-bg);color:var(--muted);font-size:.75rem;font-weight:600;flex-shrink:0}.scale-option:hover .scale-option__value{background:var(--morandi-green);color:#fff}.scale-option__label{font-size:.88rem;color:var(--text-secondary)}.scale-option:hover .scale-option__label{color:var(--text)}.scale-progress{height:3px;background:var(--card-border);border-radius:var(--radius-full);margin-top:var(--space-2);overflow:hidden}.scale-progress__bar{height:100%;background:var(--morandi-green);border-radius:var(--radius-full);transition:width .3s ease}.scale-progress__text{font-size:.75rem;color:var(--muted);text-align:right;display:block;margin-top:2px}.scale-result{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);animation:bubbleIn .3s ease-out;min-width:200px}.scale-result__header{text-align:center}.scale-result__title{font-size:.85rem;color:var(--text-secondary);font-weight:500}.scale-result__score{display:flex;align-items:baseline;gap:var(--space-1)}.scale-result__number{font-size:2.5rem;font-weight:700;line-height:1}.scale-result__unit{font-size:.8rem;color:var(--muted)}.scale-result__level{padding:4px 16px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.scale-result__subscales{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.scale-result__subscale{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-sm)}.scale-result__subscale-name{font-size:.85rem;font-weight:500;color:var(--text)}.scale-result__subscale-score{font-size:.9rem;font-weight:700;color:var(--primary)}.scale-result__subscale-level{font-size:.78rem;color:var(--muted)}.scale-selector{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:85%;animation:bubbleIn .3s ease-out}.scale-selector__item{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition)}.scale-selector__item:hover{border-color:var(--morandi-green);background:var(--surface);transform:translateX(4px)}.scale-selector__name{font-size:.9rem;font-weight:600;color:var(--text)}.scale-selector__desc{font-size:.78rem;color:var(--muted)}.home-page{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.home-page::-webkit-scrollbar{display:none}.home-hero{text-align:center;padding:var(--space-5) 0 var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.home-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:color-mix(in srgb,var(--morandi-green) 12%,transparent);border:1px solid color-mix(in srgb,var(--morandi-green) 25%,transparent);border-radius:var(--radius-full);font-size:.78rem;font-weight:500;color:var(--morandi-green);letter-spacing:.03em}.home-hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--morandi-green);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.home-hero__title{font-size:1.5rem;font-weight:700;line-height:1.3;background:linear-gradient(135deg,var(--text) 0,#2a7a8f 40%,#3d8fa6 60%,#8eb5c7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-hero__desc{font-size:.88rem;color:var(--muted);line-height:1.7;max-width:320px}.home-features{display:flex;flex-direction:column;gap:var(--space-3)}.feature-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);text-align:left;transition:all var(--transition);box-shadow:var(--shadow-sm)}.feature-card:hover{border-color:var(--feature-color,var(--morandi-green));transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--feature-color,var(--morandi-green)) 20%,transparent)}.feature-card__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--feature-color,var(--morandi-green)) 15%,transparent);color:var(--feature-color,var(--morandi-green));flex-shrink:0}.feature-card__icon svg{width:24px;height:24px}.feature-card__text{flex:1 1;display:flex;flex-direction:column;gap:2px}.feature-card__title{font-size:1rem;font-weight:600;color:var(--text)}.feature-card__desc{font-size:.8rem;color:var(--muted)}.feature-card__arrow{width:20px;height:20px;color:var(--muted);flex-shrink:0;transition:transform var(--transition)}.feature-card:hover .feature-card__arrow{transform:translateX(3px);color:var(--feature-color,var(--morandi-green))}.home-disclaimer{font-size:.75rem;line-height:1.6;padding:var(--space-2) var(--space-4)}.home-about-link,.home-disclaimer{color:var(--muted);text-align:center}.home-about-link{font-size:.78rem;padding:var(--space-1) 0 var(--space-3);transition:color var(--transition);text-decoration:underline;text-underline-offset:3px}.home-about-link:hover{color:var(--morandi-green)}.home-version{font-size:.7rem;color:var(--muted);text-align:center;padding-bottom:var(--space-3);opacity:.6}.home-quote{text-align:center;padding:var(--space-2) var(--space-4)}.home-quote__label{font-size:.72rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.home-quote__text{font-family:var(--font-quote),serif;font-size:1.05rem;color:var(--text-secondary);font-style:normal;line-height:1.8;margin-top:4px}.home-daily-article{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition);box-shadow:var(--shadow-sm)}.home-daily-article--expanded{border-color:var(--morandi-green)}.home-daily-article__header{display:flex;flex-direction:column;gap:6px;padding:var(--space-3) var(--space-4);width:100%;text-align:left;cursor:pointer}.home-daily-article__top{display:flex;align-items:center;justify-content:space-between}.home-daily-article__label{font-size:.72rem;color:var(--morandi-green);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.home-daily-article__shuffle{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--muted);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition)}.home-daily-article__shuffle:hover{color:var(--morandi-green);background:var(--morandi-green-light,rgba(143,171,143,.1))}.home-daily-article__title{font-size:.95rem;font-weight:600;color:var(--text);line-height:1.5}.home-daily-article__summary{font-size:.82rem;color:var(--text-secondary);line-height:1.6}.home-daily-article__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.home-daily-article__category{font-size:.7rem;color:var(--morandi-green);background:rgba(143,171,143,.12);padding:1px 8px;border-radius:999px;font-weight:500}.home-daily-article__time{font-size:.7rem;color:var(--muted)}.home-daily-article__toggle{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--morandi-green);font-weight:500}.home-daily-article__toggle svg{transition:transform var(--transition)}.home-daily-article__arrow--up{transform:rotate(180deg)}.home-daily-article__body{padding:0 var(--space-4) var(--space-4);animation:bubbleIn .25s ease-out}.home-daily-article__body p{font-size:.85rem;color:var(--text-secondary);line-height:1.85;margin-bottom:var(--space-2)}.home-daily-article__body p:last-of-type{margin-bottom:var(--space-3)}.home-daily-article__collapse-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:var(--space-2);font-size:.78rem;color:var(--morandi-green);background:rgba(143,171,143,.08);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.home-daily-article__collapse-btn:hover{background:rgba(143,171,143,.16)}.home-section-title{font-size:.82rem;font-weight:600;color:var(--muted);padding:0 var(--space-1);letter-spacing:.03em}.home-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.mini-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3) var(--space-2);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition);box-shadow:var(--shadow-sm)}.mini-card:hover{border-color:var(--feature-color,var(--morandi-green));transform:translateY(-2px);box-shadow:var(--shadow-md)}.mini-card__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--feature-color,var(--morandi-green)) 15%,transparent);color:var(--feature-color,var(--morandi-green))}.mini-card__icon svg{width:18px;height:18px}.mini-card__title{font-size:.85rem;font-weight:600;color:var(--text)}.mini-card__desc{font-size:.72rem;color:var(--muted)}.breathe-page{flex:1 1;overflow-y:auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4)}.breathe-page,.breathe-patterns{display:flex;flex-direction:column}.breathe-patterns{gap:var(--space-2);width:100%;max-width:360px}.breathe-pattern-btn{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition)}.breathe-pattern-btn--active,.breathe-pattern-btn:hover{border-color:var(--morandi-green)}.breathe-pattern-btn--active{background:color-mix(in srgb,var(--morandi-green) 8%,var(--card-bg))}.breathe-pattern-btn__title{font-size:.9rem;font-weight:600;color:var(--text)}.breathe-pattern-btn__desc{font-size:.75rem;color:var(--muted)}.breathe-visual{position:relative;width:180px;height:180px;display:grid;place-items:center}.breathe-circle{position:absolute;width:60%;height:60%;border-radius:50%;background:color-mix(in srgb,var(--morandi-green) 15%,transparent);border:2px solid var(--morandi-green);opacity:.3;transition:all .5s ease}.breathe-circle--inhale{animation:breatheGrow var(--breathe-duration,4s) ease-in-out forwards}.breathe-circle--exhale{animation:breatheShrink var(--breathe-duration,4s) ease-in-out forwards}@keyframes breatheGrow{0%{width:60%;height:60%;opacity:.3}to{width:100%;height:100%;opacity:.6}}@keyframes breatheShrink{0%{width:100%;height:100%;opacity:.6}to{width:60%;height:60%;opacity:.3}}.breathe-visual--active .breathe-circle{opacity:.5}.breathe-center{z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px}.breathe-center__label{font-size:1rem;font-weight:600;color:var(--text)}.breathe-center__count{font-size:2rem;font-weight:700;color:var(--morandi-green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.breathe-rounds{font-size:.85rem;color:var(--muted)}.breathe-action-btn{padding:var(--space-3) var(--space-6);background:var(--morandi-green);color:#fff;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;transition:all var(--transition)}.breathe-action-btn:hover{filter:brightness(.9)}.breathe-action-btn--stop{background:var(--surface);color:var(--text-secondary);border:1px solid var(--card-border)}.meditate-page,.pomodoro-page{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4)}.meditate-intro{font-size:.9rem;color:var(--text-secondary);text-align:center;max-width:320px}.meditate-durations{display:flex;gap:var(--space-2)}.meditate-dur-btn{padding:8px 18px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--chip-text);transition:all var(--transition)}.meditate-dur-btn--active{background:var(--morandi-green);border-color:var(--morandi-green);color:#fff}.meditate-ring-wrap{position:relative;width:200px;height:200px;display:grid;place-items:center}.meditate-ring{position:absolute;width:100%;height:100%}.meditate-ring__bg{fill:none;stroke:var(--card-border);stroke-width:4}.meditate-ring__progress{fill:none;stroke:var(--morandi-green);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.meditate-ring__progress--break{stroke:var(--morandi-pink)}.meditate-ring__center{z-index:1;text-align:center}.meditate-ring__time{font-size:2.2rem;font-weight:700;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.meditate-ring__done{font-size:.9rem;color:var(--morandi-green);font-weight:500}.meditate-actions{display:flex;gap:var(--space-3)}.meditate-btn{padding:var(--space-3) var(--space-5);background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-full);font-size:.88rem;color:var(--text-secondary);transition:all var(--transition)}.meditate-btn:hover{background:var(--card-border);color:var(--text)}.meditate-btn--primary{background:var(--morandi-green);border-color:var(--morandi-green);color:#fff}.meditate-btn--primary:hover{filter:brightness(.9);background:var(--morandi-green);color:#fff}.pomodoro-settings{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:320px}.pomodoro-setting{display:flex;align-items:center;gap:var(--space-3)}.pomodoro-setting__label{font-size:.82rem;color:var(--muted);flex-shrink:0;min-width:60px}.pomodoro-setting__btns{display:flex;gap:var(--space-2)}.pomodoro-opt{padding:6px 14px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius-full);font-size:.82rem;color:var(--chip-text);transition:all var(--transition)}.pomodoro-opt--active{background:var(--morandi-green);border-color:var(--morandi-green);color:#fff}.pomodoro-mode-badge{padding:6px 20px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;background:color-mix(in srgb,var(--morandi-green) 15%,transparent);color:var(--morandi-green)}.pomodoro-mode-badge--break{background:color-mix(in srgb,var(--morandi-pink) 15%,transparent);color:var(--morandi-pink)}.pomodoro-completed{font-size:.85rem;color:var(--muted)}.selfcare-page{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4)}.selfcare-intro{font-size:.92rem;color:var(--text-secondary);text-align:center}.selfcare-progress{display:flex;flex-direction:column;gap:4px}.selfcare-progress__text{font-size:.78rem;color:var(--muted);text-align:right}.selfcare-progress__bar{height:4px;background:var(--card-border);border-radius:var(--radius-full);overflow:hidden}.selfcare-progress__fill{height:100%;background:var(--morandi-green);border-radius:var(--radius-full);transition:width .3s ease}.selfcare-list{display:flex;flex-direction:column;gap:var(--space-2)}.selfcare-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition)}.selfcare-item:hover{border-color:var(--morandi-green)}.selfcare-item--done{background:color-mix(in srgb,var(--morandi-green) 6%,var(--card-bg));border-color:color-mix(in srgb,var(--morandi-green) 30%,transparent)}.selfcare-item__check{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;color:var(--morandi-green)}.selfcare-item__check svg{width:18px;height:18px}.selfcare-item__circle{width:18px;height:18px;border:2px solid var(--card-border);border-radius:50%}.selfcare-item--done .selfcare-item__text{color:var(--muted);text-decoration:line-through}.selfcare-item__text{font-size:.88rem;color:var(--text)}.mood-page,.sleep-page{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4)}.mood-intro,.sleep-intro{font-size:.92rem;color:var(--text-secondary);text-align:center}.mood-emojis{display:flex;gap:var(--space-3)}.mood-emoji{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition);opacity:.5}.mood-emoji--active,.mood-emoji:hover{opacity:1;background:var(--surface)}.mood-emoji__icon{font-size:2rem}.mood-emoji__label{font-size:.72rem;color:var(--muted)}.mood-note{width:100%;max-width:360px;padding:var(--space-3);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text);font-size:.88rem;resize:none;line-height:1.6}.mood-note:focus{border-color:var(--input-focus);outline:none}.mood-save-btn{padding:var(--space-3) var(--space-6);background:var(--morandi-green);color:#fff;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;transition:all var(--transition)}.mood-save-btn:hover{filter:brightness(.9)}.mood-save-btn:disabled{opacity:.4;pointer-events:none}.mood-save-btn--saved{background:var(--surface);color:var(--morandi-green);border:1px solid var(--morandi-green)}.mood-history{width:100%;max-width:400px}.mood-history__title{font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:var(--space-3)}.mood-chart{display:flex;gap:var(--space-2);height:120px}.mood-chart__col{gap:4px}.mood-chart__bar-wrap,.mood-chart__col{flex:1 1;display:flex;flex-direction:column;align-items:center}.mood-chart__bar-wrap{width:100%;justify-content:flex-end}.mood-chart__bar{width:24px;background:var(--morandi-green);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;min-height:20px;transition:height .3s ease}.mood-chart__bar--sleep{background:var(--morandi-blue)}.mood-chart__emoji{font-size:.85rem}.mood-chart__value{font-size:.65rem;color:#fff;font-weight:600}.mood-chart__empty{width:24px;height:4px;background:var(--card-border);border-radius:var(--radius-full)}.mood-chart__label{font-size:.68rem;color:var(--muted)}.mood-chart__label--today{color:var(--morandi-green);font-weight:600}.mood-chart--compact .mood-chart__col{gap:2px}.mood-chart--compact .mood-chart__bar,.mood-chart--compact .mood-chart__empty{width:8px}.mood-chart--compact .mood-chart__label{font-size:.58rem}.mood-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.mood-history__header .mood-history__title{margin-bottom:0}.mood-range-toggle{display:flex;gap:4px;background:var(--input-bg);border-radius:var(--radius-full);padding:2px}.mood-range-btn{padding:2px 10px;font-size:.7rem;border-radius:var(--radius-full);color:var(--muted);transition:all var(--transition)}.mood-range-btn--active{background:var(--morandi-green);color:#fff}.mood-trend-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4)}.mood-trend-card__title{font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:var(--space-3)}.mood-trend-card__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-3)}.mood-trend-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.mood-trend-stat__icon{font-size:1.2rem;font-weight:700;color:var(--morandi-green)}.mood-trend-stat__value{font-size:1rem;font-weight:600;color:var(--text)}.mood-trend-stat__label{font-size:.65rem;color:var(--muted)}.mood-trend-card__suggestion{font-size:.82rem;color:var(--text-secondary);line-height:1.6;padding:var(--space-3);background:var(--input-bg);border-radius:var(--radius-md)}.sleep-inputs{display:flex;gap:var(--space-4)}.sleep-input-group{display:flex;flex-direction:column;align-items:center;gap:4px}.sleep-input-label{font-size:.78rem;color:var(--muted)}.sleep-time-input{padding:var(--space-2) var(--space-3);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text);font-size:1.1rem;font-weight:600;text-align:center}.sleep-time-input:focus{border-color:var(--input-focus);outline:none}.sleep-duration{display:flex;align-items:baseline;gap:var(--space-2)}.sleep-duration__label{font-size:.82rem;color:var(--muted)}.sleep-duration__value{font-size:1.5rem;font-weight:700;color:var(--morandi-blue)}.tips-page{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4)}.tips-intro{font-size:.9rem;color:var(--text-secondary);text-align:center}.tips-list{display:flex;flex-direction:column;gap:var(--space-2)}.tips-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition)}.tips-card--expanded{border-color:var(--morandi-green)}.tips-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;text-align:left}.tips-card__num{font-size:.75rem;font-weight:700;color:var(--morandi-green);flex-shrink:0}.tips-card__title{flex:1 1;font-size:.88rem;font-weight:600;color:var(--text)}.tips-card__arrow{width:18px;height:18px;color:var(--muted);flex-shrink:0;transition:transform var(--transition)}.tips-card--expanded .tips-card__arrow{transform:rotate(180deg)}.tips-card__body{padding:0 var(--space-4) var(--space-4);animation:bubbleIn .2s ease-out}.tips-card__body p{font-size:.85rem;color:var(--text-secondary);line-height:1.8}.article-categories{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-1)}.article-categories::-webkit-scrollbar{display:none}.article-category-tab{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--card-border);transition:all var(--transition);white-space:nowrap}.article-category-tab:hover{color:var(--primary);border-color:var(--primary)}.article-category-tab--active{color:#fff;background:var(--primary);border-color:var(--primary)}.article-list{gap:var(--space-2)}.article-card,.article-list{display:flex;flex-direction:column}.article-card{gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:left;transition:all var(--transition)}.article-card:hover{border-color:var(--morandi-green);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.article-card__header{display:flex;align-items:center;justify-content:space-between}.article-card__category{font-size:.72rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:2px 8px;border-radius:var(--radius-full)}.article-card__time{font-size:.72rem;color:var(--muted)}.article-card__title{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4}.article-card__summary{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.article-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:var(--primary);padding:var(--space-1) 0;transition:opacity var(--transition)}.article-back:hover{opacity:.7}.article-detail{display:flex;flex-direction:column;gap:var(--space-3)}.article-detail__meta{display:flex;align-items:center;gap:var(--space-3)}.article-detail__category{font-size:.75rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:2px 8px;border-radius:var(--radius-full)}.article-detail__time{font-size:.75rem;color:var(--muted)}.article-detail__title{font-size:1.2rem;font-weight:700;color:var(--text);line-height:1.4}.article-detail__body{display:flex;flex-direction:column;gap:var(--space-3)}.article-detail__body p{font-size:.88rem;color:var(--text-secondary);line-height:1.85;white-space:pre-line}.header__back{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--text);transition:all var(--transition);margin-right:var(--space-1)}.header__back:hover{background:var(--surface)}.header__back svg{width:20px;height:20px}.noise-player{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4)}.noise-visual{position:relative;width:180px;height:180px;display:grid;place-items:center;margin:var(--space-4) 0}.noise-circle{position:absolute;border-radius:50%;border:2px solid var(--morandi-green);opacity:.2;transition:all .5s ease}.noise-circle--outer{width:100%;height:100%}.noise-circle--inner{width:70%;height:70%}.noise-visual--active .noise-circle--outer{opacity:.3;animation:breathe 4s ease-in-out infinite}.noise-visual--active .noise-circle--inner{opacity:.2;animation:breathe 4s ease-in-out 1s infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.12);opacity:.4}}.noise-play-btn{width:64px;height:64px;border-radius:50%;background:var(--morandi-green);color:#fff;display:grid;place-items:center;transition:all var(--transition);z-index:1;box-shadow:var(--shadow-md)}.noise-play-btn:hover{transform:scale(1.08);filter:brightness(.92)}.noise-play-btn svg{width:28px;height:28px}.noise-timer-display{font-size:1.2rem;font-weight:600;color:var(--morandi-green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.noise-types{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-width:360px}.noise-type-btn{padding:8px 18px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--chip-text);transition:all var(--transition)}.noise-type-btn:hover{border-color:var(--morandi-green);color:var(--text)}.noise-type-btn--active{background:var(--morandi-green);border-color:var(--morandi-green);color:#fff}.noise-control{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:300px}.noise-control__label{font-size:.8rem;color:var(--muted);flex-shrink:0}.noise-slider{flex:1 1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-border);border-radius:var(--radius-full);outline:none}.noise-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--morandi-green);cursor:pointer;box-shadow:var(--shadow-sm)}.noise-timer{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.noise-timer-btn{padding:6px 14px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius-full);font-size:.78rem;color:var(--chip-text);transition:all var(--transition)}.noise-timer-btn--active,.noise-timer-btn:hover{border-color:var(--morandi-green)}.noise-timer-btn--active{background:color-mix(in srgb,var(--morandi-green) 15%,transparent);color:var(--morandi-green);font-weight:600}.scale-view{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4)}.scale-view__intro{text-align:center;max-width:360px}.scale-view__intro p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.scale-view__note{font-size:.78rem!important;color:var(--muted)!important;margin-top:var(--space-2)}.scale-view__question{text-align:center;max-width:400px}.scale-view__q-text{font-size:1.05rem;font-weight:500;color:var(--text);line-height:1.7}.scale-view__result-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.7;text-align:center;max-width:360px}.scale-view__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.scale-view__btn{padding:var(--space-3) var(--space-5);background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-full);font-size:.88rem;color:var(--text-secondary);transition:all var(--transition)}.scale-view__btn:hover{background:var(--card-border);color:var(--text)}.scale-view__btn--chat{background:var(--morandi-green);border-color:var(--morandi-green);color:#fff}.scale-view__btn--chat:hover{filter:brightness(.9);background:var(--morandi-green);color:#fff}.about-page{flex:1 1;overflow-y:auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.about-header{text-align:center;padding:var(--space-2) 0 0}.about-header__title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--text) 0,#2a7a8f 40%,#3d8fa6 60%,#8eb5c7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-sections{display:flex;flex-direction:column;gap:var(--space-2)}.about-card{display:flex;gap:var(--space-3);padding:10px var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center}.about-card:hover{border-color:var(--morandi-green);box-shadow:var(--shadow-md)}.about-card__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--morandi-green) 12%,transparent);color:var(--morandi-green);flex-shrink:0}.about-card__icon svg{width:16px;height:16px}.about-card__content{flex:1 1;display:flex;flex-direction:column;gap:2px}.about-card__title{font-size:.85rem;font-weight:600;color:var(--text)}.about-card__desc{font-size:.78rem;color:var(--text-secondary);line-height:1.6}.about-footer{font-size:.75rem;color:var(--muted);text-align:center;padding:0 0 var(--space-2);line-height:1.5}@media (min-width:768px){.app-shell{height:100dvh;max-width:1080px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:none;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-radius:0;box-shadow:0 0 80px rgba(0,0,0,.06)}.app-shell[data-view=about],.app-shell[data-view=home]{max-width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-left:none;border-right:none;box-shadow:none}.header{padding:0 2rem;height:64px}.header__brand{font-size:1.05rem;gap:var(--space-3)}.header__tagline{font-size:.8rem}.home-page{padding:var(--space-6) 3rem;gap:var(--space-6);max-width:960px;margin:0 auto;width:100%}.home-hero{padding:var(--space-6) 0 var(--space-4);gap:var(--space-4)}.home-hero__title{font-size:2.4rem;letter-spacing:.02em}.home-hero__desc{font-size:1rem;max-width:440px}.home-hero__badge{font-size:.82rem;padding:7px 20px}.home-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.feature-card{flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);gap:var(--space-3);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--feature-color,var(--morandi-green)) 8%,transparent),transparent 70%);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(26,58,74,.12),0 0 0 1px color-mix(in srgb,var(--feature-color,var(--morandi-green)) 30%,transparent)}.feature-card__icon{width:60px;height:60px;border-radius:var(--radius-lg)}.feature-card__icon svg{width:30px;height:30px}.feature-card__text{align-items:center}.feature-card__title{font-size:1.05rem}.feature-card__desc{font-size:.85rem}.feature-card__arrow{display:none}.bubble-row{max-width:65%}.chat-area{padding:var(--space-5) 2rem}.input-area{padding:var(--space-4) 2rem}.noise-player{padding:var(--space-6) 2rem}.noise-types{max-width:480px}.noise-control{max-width:400px}.home-mini-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.mini-card{padding:var(--space-4) var(--space-3)}.mini-card__icon{width:40px;height:40px}.mini-card__icon svg{width:22px;height:22px}.home-mini-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);max-width:720px;margin:0 auto}.about-page{padding:var(--space-4) 3rem;gap:var(--space-3);max-width:960px;margin:0 auto;width:100%}.about-header{padding:var(--space-2) 0 0}.about-header__title{font-size:1.8rem}.about-sections{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.about-card{flex-direction:column;align-items:flex-start;padding:var(--space-3)}.about-card:last-child:nth-child(3n+1){grid-column:1/-1;flex-direction:row;align-items:center}.scale-view{padding:var(--space-6) 2rem}.scale-view__intro{max-width:480px}.scale-options,.scale-selector{max-width:480px;width:100%}.scale-view__question{max-width:520px}.scale-view__result-desc{max-width:480px}}:focus-visible{outline:2px solid var(--morandi-green);outline-offset:2px;border-radius:var(--radius-sm)}.lang-toggle,.theme-toggle{min-width:44px;min-height:44px}.feature-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.mini-card:active{transform:scale(.97)}.sos-btn:active{transform:scale(.96)}.home-about-link:active,.share-btn:active{opacity:.7}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;scroll-behavior:auto!important}.bubble-row,.home-features,.home-hero__badge-dot,.home-quote,.scale-view__result{animation:none!important}}.share-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--muted);font-size:.85rem;cursor:pointer;transition:border-color .2s,color .2s}.share-btn:hover{border-color:var(--morandi-lavender);color:var(--text)}.share-btn:disabled{opacity:.5;cursor:default}.share-btn--inline{margin-top:var(--space-2);padding:var(--space-1) var(--space-2);font-size:.8rem}.funtest-result__actions,.gratitude-actions,.mood-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:center;flex-wrap:wrap}.noise-channels{flex-direction:column;width:100%;max-width:320px;margin:0 auto;padding:var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md)}.noise-channel,.noise-channels{display:flex;gap:var(--space-2)}.noise-channel{align-items:center}.noise-channel__label{font-size:.8rem;color:var(--muted);min-width:48px;text-align:right}.noise-slider--small{height:3px}.app-shell>:not(.header){animation:viewFadeIn .3s ease-out}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emergency-page{padding:var(--space-4) var(--space-4) var(--space-6);max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.emergency-intro{text-align:center;color:var(--muted);font-size:.95rem}.emergency-progress{display:flex;justify-content:center;gap:var(--space-2)}.emergency-progress__dot{width:10px;height:10px;border-radius:50%;background:var(--card-border);transition:background .3s,transform .3s}.emergency-progress__dot.active{background:var(--morandi-pink);transform:scale(1.3)}.emergency-progress__dot.done{background:var(--morandi-green)}.emergency-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.emergency-card__number{font-size:.8rem;color:var(--muted);margin-bottom:var(--space-2)}.emergency-card__title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);color:var(--text)}.emergency-card__text{font-size:.95rem;color:var(--muted);line-height:1.7}.emergency-actions{display:flex;justify-content:center;gap:var(--space-3)}.emergency-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;gap:var(--space-1)}.emergency-btn:active{transform:scale(.97)}.emergency-btn--primary{background:var(--morandi-pink);color:#fff}.emergency-btn--secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--card-border)}.emergency-complete{text-align:center;padding:var(--space-6) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.emergency-complete__icon svg{width:48px;height:48px;color:var(--morandi-pink)}.emergency-complete__text{color:var(--muted);line-height:1.7;max-width:360px}.emergency-complete__actions{display:flex;gap:var(--space-3)}.gratitude-page{padding:var(--space-4) var(--space-4) var(--space-6);max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.gratitude-intro{text-align:center;color:var(--muted);font-size:.95rem}.gratitude-prompt{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);font-size:.9rem;color:var(--muted)}.gratitude-prompt__icon{flex-shrink:0;color:var(--morandi-lavender)}.gratitude-inputs{display:flex;flex-direction:column;gap:var(--space-3)}.gratitude-input-row{display:flex;align-items:center;gap:var(--space-2)}.gratitude-input-row__num{width:24px;height:24px;border-radius:50%;background:var(--morandi-lavender);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.gratitude-input{flex:1 1;padding:var(--space-2) var(--space-3);border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s}.gratitude-input:focus{border-color:var(--morandi-lavender)}.gratitude-save-btn{padding:var(--space-2) var(--space-4);background:var(--morandi-lavender);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s}.gratitude-save-btn:disabled{opacity:.5;cursor:default}.gratitude-history{display:flex;flex-direction:column;gap:var(--space-3)}.gratitude-history__title{font-size:.9rem;font-weight:600;color:var(--text)}.gratitude-history__entry{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-3)}.gratitude-history__date{font-size:.8rem;color:var(--muted);margin-bottom:var(--space-1);display:block}.gratitude-history__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.gratitude-history__list li{font-size:.9rem;color:var(--text);padding-left:var(--space-3);position:relative}.gratitude-history__list li:before{content:"✦";position:absolute;left:0;color:var(--morandi-lavender);font-size:.7rem}.habits-page{padding:var(--space-4) var(--space-4) var(--space-6);max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.habits-intro{text-align:center;color:var(--muted);font-size:.95rem}.habits-list{display:flex;flex-direction:column;gap:var(--space-2)}.habits-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:border-color .2s}.habits-item--done{border-color:var(--morandi-green)}.habits-item__check{background:none;border:none;cursor:pointer;color:var(--morandi-green);padding:0;display:flex}.habits-item__circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--card-border);display:block}.habits-item--done .habits-item__circle{border-color:var(--morandi-green);background:var(--morandi-green)}.habits-item__info{flex:1 1}.habits-item__name{font-size:.95rem;color:var(--text);display:block}.habits-item--done .habits-item__name{text-decoration:line-through;opacity:.6}.habits-item__streak{font-size:.75rem;color:var(--morandi-green);display:block;margin-top:2px}.habits-item__delete{background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;opacity:.5;transition:opacity .2s}.habits-item__delete:hover{opacity:1}.habits-add{display:flex;gap:var(--space-2)}.habits-add__input{flex:1 1;padding:var(--space-2) var(--space-3);border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text);font-size:.95rem;outline:none}.habits-add__input:focus{border-color:var(--morandi-green)}.habits-add__btn{padding:var(--space-2) var(--space-3);background:var(--morandi-green);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer}.habits-add__btn:disabled{opacity:.5}.habits-presets-toggle{background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;text-align:center}.habits-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.habits-preset-chip{padding:var(--space-1) var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;font-size:.85rem;color:var(--text);cursor:pointer;transition:border-color .2s}.habits-preset-chip:hover{border-color:var(--morandi-green)}.mindfulness-page{padding:var(--space-4) var(--space-4) var(--space-6);max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.mindfulness-intro{text-align:center;color:var(--muted);font-size:.95rem}.mindfulness-list{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.mindfulness-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s;text-align:left;width:100%}.mindfulness-card:hover{border-color:var(--morandi-lavender)}.mindfulness-card__title{font-size:.95rem;font-weight:500;color:var(--text)}.mindfulness-card__duration{font-size:.8rem;color:var(--muted)}.mindfulness-active__title{font-size:1.2rem;font-weight:600;text-align:center}.mindfulness-active__ring{display:flex;justify-content:center}.mindfulness-active__instruction{font-size:.9rem;color:var(--muted);line-height:1.8;text-align:center;max-width:400px}.mindfulness-active__actions{display:flex;gap:var(--space-3)}.mindfulness-btn{padding:var(--space-2) var(--space-5);background:var(--morandi-lavender);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .1s}.mindfulness-btn:active{transform:scale(.97)}.mindfulness-btn--stop{background:var(--morandi-pink)}.mindfulness-btn--secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--card-border)}.mindfulness-done{text-align:center;padding:var(--space-6) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.mindfulness-done__icon{color:var(--morandi-green)}.mindfulness-done__text{font-size:1.1rem;color:var(--text)}.funtest-page{padding:var(--space-4) var(--space-4) var(--space-6);max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.funtest-intro{text-align:center;color:var(--muted);font-size:.95rem}.funtest-list{flex-direction:column}.funtest-card,.funtest-list{display:flex;gap:var(--space-3)}.funtest-card{align-items:center;padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s;text-align:left;width:100%}.funtest-card:hover{border-color:var(--morandi-pink)}.funtest-card__name{font-size:.95rem;font-weight:500;color:var(--text);display:block}.funtest-card__desc{font-size:.8rem;color:var(--muted);display:block}.funtest-card__arrow{margin-left:auto;color:var(--muted);flex-shrink:0}.funtest-progress{display:flex;align-items:center;gap:var(--space-3);font-size:.85rem;color:var(--muted)}.funtest-progress__bar{flex:1 1;height:4px;background:var(--card-border);border-radius:2px;overflow:hidden}.funtest-progress__fill{height:100%;background:var(--morandi-pink);border-radius:2px;transition:width .3s}.funtest-question{font-size:1.05rem;font-weight:500;color:var(--text);text-align:center;line-height:1.5}.funtest-options{display:flex;flex-direction:column;gap:var(--space-2)}.funtest-option{padding:var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:.9rem;color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s,background .2s}.funtest-option:hover{border-color:var(--morandi-pink);background:color-mix(in srgb,var(--morandi-pink) 8%,var(--card-bg))}.funtest-result{text-align:center;padding:var(--space-6) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.funtest-result__icon{color:var(--morandi-pink)}.funtest-result__title{font-size:1.1rem;font-weight:600;color:var(--text)}.funtest-result__text{font-size:.95rem;color:var(--muted);line-height:1.7;max-width:400px}.funtest-btn{padding:var(--space-2) var(--space-5);background:var(--morandi-pink);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer}.swipe-indicator{position:fixed;left:0;top:50%;transform:translateX(0) translateY(-50%);width:24px;height:80px;background:color-mix(in srgb,var(--primary) 40%,transparent);border-radius:0 var(--radius-md) var(--radius-md) 0;opacity:0;transition:opacity .15s ease-out,transform .15s ease-out;pointer-events:none;z-index:9999}.crisis-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--sos) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--sos) 30%,transparent);border-radius:var(--radius-md);animation:bubbleIn .3s ease-out;align-self:stretch;max-width:85%}.crisis-alert__icon{flex-shrink:0;color:var(--sos);width:20px;height:20px}.crisis-alert__text{flex:1 1;font-size:.85rem;color:var(--sos);line-height:1.5}.crisis-alert__link{flex-shrink:0;padding:4px 12px;background:var(--sos);color:#fff;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;transition:all var(--transition)}.crisis-alert__link:hover{filter:brightness(.9)}.chat-actions{display:flex;gap:var(--space-1);margin-left:var(--space-1)}.chat-action-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--muted);transition:all var(--transition)}.chat-action-btn:hover{background:var(--surface);color:var(--text)}.chat-action-btn svg{width:18px;height:18px}.onboarding-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:200;padding:var(--space-4);animation:fadeIn .3s ease-out}.onboarding-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);max-width:380px;width:100%;box-shadow:var(--shadow-lg);animation:modalIn .3s ease-out;display:flex;flex-direction:column;gap:var(--space-4)}.onboarding-content{text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-title{font-size:1.2rem;font-weight:700;color:var(--text)}.onboarding-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.onboarding-dots{display:flex;justify-content:center;gap:8px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--card-border);transition:all .3s ease}.onboarding-dot--active{background:var(--morandi-green);transform:scale(1.3)}.onboarding-actions{display:flex;justify-content:space-between;align-items:center}.onboarding-skip{font-size:.85rem;color:var(--muted);transition:color var(--transition)}.onboarding-skip:hover{color:var(--text)}.onboarding-next{padding:8px 24px;background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-full);font-size:.88rem;color:var(--text-secondary);transition:all var(--transition)}.onboarding-next:hover{background:var(--card-border);color:var(--text)}.onboarding-next--primary{background:var(--morandi-green);border-color:var(--morandi-green);color:#fff}.onboarding-next--primary:hover{filter:brightness(.9);background:var(--morandi-green);color:#fff}.about-data{padding:var(--space-3);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.about-data__title{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:var(--space-3)}.about-data__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.about-data__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:8px 16px;background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:.82rem;color:var(--text-secondary);transition:all var(--transition)}.about-data__btn:hover{border-color:var(--morandi-green);color:var(--text)}@media (max-width:380px){.header__tagline,.sos-btn__text{display:none}.sos-btn{padding:6px;width:36px;height:36px;justify-content:center}.header__actions{gap:var(--space-1)}}