:root{--bg: #F4F1EC;--bg-card: #FFFFFF;--bg-card-soft: #FAF9F7;--primary: #8BAEC4;--primary-light: #C5DBE8;--primary-dark: #6694B0;--lavender: #B8A9CC;--lavender-light: #DDD6EA;--mint: #9FC4B0;--mint-light: #C8DDD4;--peach: #E0B99A;--peach-light: #F0DACC;--sos: #C47B7B;--sos-light: #EDD9D9;--sos-dark: #A85E5E;--text: #2C3A47;--text-medium: #5A6A78;--text-soft: #8C9BAA;--text-muted: #B5C1CA;--border: #E8E4DE;--shadow-sm: 0 2px 8px rgba(44,58,71,.06);--shadow: 0 4px 16px rgba(44,58,71,.1);--shadow-lg: 0 8px 32px rgba(44,58,71,.14);--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--nav-height: 80px;--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-bg: rgba(255,255,255,.92)}[data-theme=dark]{--bg: #181C21;--bg-card: #232830;--bg-card-soft: #1E2228;--primary: #8BAEC4;--primary-light: #1C3248;--primary-dark: #A8C8DE;--lavender: #B8A9CC;--lavender-light: #251E32;--mint: #9FC4B0;--mint-light: #1A2E24;--peach: #E0B99A;--peach-light: #2E221A;--sos: #C47B7B;--sos-light: #2E1C1C;--sos-dark: #D99090;--text: #E2E8EE;--text-medium: #8FA0AE;--text-soft: #647A8A;--text-muted: #445563;--border: #2C3340;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.65);--nav-bg: rgba(24, 28, 33, .96)}[data-theme=dark] .sos-hero-header{background:linear-gradient(160deg,#2a1c22,#221a2c)!important}[data-theme=dark] .freizeit-hero-header{background:linear-gradient(160deg,#1c2a20,#1c2230)!important}[data-theme=dark] .freizeit-encouragement{background:linear-gradient(135deg,#1c2a20,#1c2230)!important}[data-theme=dark] .freizeit-encouragement p{color:var(--text-medium)!important}[data-theme=dark] .activity-icon-bg{background:linear-gradient(135deg,#1e3028,#1e2838)!important}[data-theme=dark] .freizeit-cat-active{background:#1e3028!important;border-color:#4a7c59!important;color:#7db88a!important}[data-theme=dark] .freizeit-label{color:#7db88a!important}[data-theme=dark] .technique-icon-bg{background:#252e3c!important}[data-color=rose]{--primary: #C48BAA;--primary-light: #EDDAE6;--primary-dark: #A8688A;--lavender: #C4A8BC;--lavender-light: #EDE0EA;--mint: #D4BAB4;--mint-light: #F0E4E0;--peach: #D8B4A8;--peach-light: #F2E4DE}[data-theme=dark][data-color=rose]{--primary-light: #38202E;--lavender-light: #2E1C28;--mint-light: #2C1C1C;--peach-light: #361E18}[data-color=lavendel]{--primary: #9A8BC4;--primary-light: #DDD6F0;--primary-dark: #7A68A8;--lavender: #B4A8DC;--lavender-light: #E8E0F8;--mint: #A8A4D8;--mint-light: #DEDAF8;--peach: #C4B8DC;--peach-light: #EAE4F8}[data-theme=dark][data-color=lavendel]{--primary-light: #242044;--lavender-light: #2A2048;--mint-light: #20204A;--peach-light: #28204A}[data-color=ozean]{--primary: #3A8FAA;--primary-light: #A8C8DC;--primary-dark: #256880;--lavender: #5A8EAE;--lavender-light: #B0C8DC;--mint: #4AACAC;--mint-light: #A4CCCC;--peach: #5490A8;--peach-light: #ACC0D0}[data-theme=dark][data-color=ozean]{--primary-light: #0E2A36;--lavender-light: #101E30;--mint-light: #0E2828;--peach-light: #101A28}[data-color=smaragd]{--primary: #3E7852;--primary-light: #A4C0AE;--primary-dark: #2A5A3A;--lavender: #5A7E68;--lavender-light: #A8BAB0;--mint: #4A9460;--mint-light: #A0BCAA;--peach: #647A58;--peach-light: #AEBCA4}[data-theme=dark][data-color=smaragd]{--primary-light: #183824;--lavender-light: #162E22;--mint-light: #1A3224;--peach-light: #1A2E22}[data-color=ozean] .sos-hero-header{background:linear-gradient(160deg,#c4d4e4,#b4cae0)!important}[data-color=ozean] .freizeit-hero-header{background:linear-gradient(160deg,#b8d4e8,#a8c4dc)!important}[data-color=ozean] .freizeit-encouragement{background:linear-gradient(135deg,#b8d4e8,#a8c4dc)!important}[data-color=ozean] .aidy-daily-card{background:linear-gradient(135deg,#c4d8e8,#b4cae0)!important}[data-theme=dark][data-color=ozean] .sos-hero-header{background:linear-gradient(160deg,#0c1c2c,#0e1820)!important}[data-theme=dark][data-color=ozean] .freizeit-hero-header{background:linear-gradient(160deg,#0c1e2e,#0e1a24)!important}[data-theme=dark][data-color=ozean] .freizeit-encouragement{background:linear-gradient(135deg,#0c1e2e,#0e1a24)!important}[data-theme=dark][data-color=ozean] .aidy-daily-card{background:linear-gradient(135deg,#0e1c2c,#101820)!important}[data-color=smaragd] .sos-hero-header{background:linear-gradient(160deg,#bcc8bc,#b4c4b0)!important}[data-color=smaragd] .freizeit-hero-header{background:linear-gradient(160deg,#b8ceb8,#b0c8b4)!important}[data-color=smaragd] .freizeit-encouragement{background:linear-gradient(135deg,#b8ceb8,#b0c8b4)!important}[data-color=smaragd] .aidy-daily-card{background:linear-gradient(135deg,#bccebe,#b4c4b0)!important}[data-theme=dark][data-color=smaragd] .sos-hero-header{background:linear-gradient(160deg,#0e1c10,#101e14)!important}[data-theme=dark][data-color=smaragd] .freizeit-hero-header{background:linear-gradient(160deg,#0e1c12,#101e16)!important}[data-theme=dark][data-color=smaragd] .freizeit-encouragement{background:linear-gradient(135deg,#0e1c12,#101e16)!important}[data-theme=dark][data-color=smaragd] .aidy-daily-card{background:linear-gradient(135deg,#101e12,#121e16)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden;overflow-x:hidden;background:var(--bg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;height:100%;width:100%;max-width:430px;margin:0 auto;position:relative;background:var(--bg);overflow-x:hidden}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 8px)}.tab-content::-webkit-scrollbar{display:none}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:calc(var(--nav-height) + var(--safe-bottom));background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:flex-start;padding-top:8px;padding-bottom:var(--safe-bottom);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 4px;border:none;background:none;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.nav-item:active{transform:scale(.92)}.nav-icon{font-size:24px;line-height:1;transition:transform .2s ease}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{font-size:10px;font-weight:500;color:var(--text-soft);letter-spacing:.02em;transition:color .2s ease}.nav-item.active .nav-label{color:var(--text)}.nav-dot{width:4px;height:4px;border-radius:50%;background:var(--primary);display:none}.nav-item.active .nav-dot{display:block}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.card-soft{background:var(--bg-card-soft);border-radius:var(--radius);padding:20px;border:1px solid var(--border)}.heading-lg{font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.2;color:var(--text)}.heading-md{font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--text)}.heading-sm{font-size:16px;font-weight:600;color:var(--text)}.body-md{font-size:15px;line-height:1.6;color:var(--text-medium)}.body-sm{font-size:13px;line-height:1.5;color:var(--text-soft)}.label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:50px;border:none;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-sos{background:var(--sos);color:#fff}.btn-sos:hover{background:var(--sos-dark)}.btn-ghost{background:var(--bg);color:var(--text-medium)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-medium)}.btn-full{width:100%}.page-header{padding:20px 20px 12px}.page-section{padding:0 20px 20px}.mood-row{display:flex;gap:8px;justify-content:space-between}.mood-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:var(--radius-sm);border:2px solid transparent;background:var(--bg);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mood-btn:active{transform:scale(.93)}.mood-btn.selected{border-color:var(--primary);background:var(--primary-light)}.mood-emoji{font-size:24px}.mood-label{font-size:10px;font-weight:500;color:var(--text-soft)}.technique-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.technique-card{background:var(--bg-card);border-radius:var(--radius);padding:18px 16px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;border:1.5px solid transparent;display:flex;flex-direction:column;gap:10px;min-height:130px}.technique-card:active{transform:scale(.96)}.technique-card-icon{font-size:28px;line-height:1}.technique-card-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.technique-card-desc{font-size:11px;color:var(--text-soft);line-height:1.4}.technique-card-duration{font-size:10px;font-weight:600;color:var(--text-soft);background:var(--bg);padding:3px 8px;border-radius:20px;display:inline-block;margin-top:auto;align-self:flex-start}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c3a4780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.modal-sheet{background:var(--bg-card);border-radius:28px 28px 0 0;width:100%;max-width:430px;margin:0 auto;max-height:92vh;overflow-y:auto;padding-bottom:calc(20px + var(--safe-bottom));animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-sheet::-webkit-scrollbar{display:none}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 0}.modal-header{padding:20px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text-soft);flex-shrink:0;margin-top:4px}.breathing-container{display:flex;flex-direction:column;align-items:center;padding:20px;gap:24px}.breathing-outer{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.breathing-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transition:transform .3s ease}.breathing-ring-1{background:radial-gradient(circle,var(--primary-light),transparent);transform:scale(1);opacity:.3}.breathing-ring-2{background:radial-gradient(circle,var(--primary),transparent);transform:scale(.85);opacity:.2}.breathing-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--lavender));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 8px 32px #8baec466;transition:transform .3s ease,background .5s ease,box-shadow .5s ease;position:relative;z-index:1}.breathing-circle-text{font-size:14px;font-weight:600;color:#fff;letter-spacing:.02em}.breathing-circle-count{font-size:36px;font-weight:300;color:#fff;line-height:1}.breathing-instruction{font-size:18px;font-weight:500;color:var(--text);text-align:center}.breathing-progress-bar{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.breathing-progress-fill{height:100%;border-radius:2px;background:var(--primary);transition:width 1s linear}.grounding-step{padding:0 24px 16px}.step-indicator{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.step-number{font-size:12px;font-weight:600;color:var(--text-soft);letter-spacing:.05em}.sense-card{background:var(--bg);border-radius:var(--radius-sm);padding:20px;text-align:center;margin-bottom:16px}.sense-emoji{font-size:48px;margin-bottom:12px;display:block}.sense-title{font-size:22px;font-weight:600;color:var(--text);margin-bottom:8px}.sense-prompt{font-size:14px;color:var(--text-medium);line-height:1.5}.grounding-input{width:100%;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-family:inherit;font-size:14px;color:var(--text);outline:none;resize:none;transition:border-color .2s ease}.grounding-input:focus{border-color:var(--primary)}.grounding-input::placeholder{color:var(--text-muted)}.contact-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border-radius:var(--radius-sm);padding:16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;text-decoration:none}.contact-card:active{transform:scale(.98)}.contact-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.contact-info{flex:1;min-width:0}.contact-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-number{font-size:13px;color:var(--text-soft);margin-top:2px}.contact-call-btn{width:40px;height:40px;border-radius:50%;background:var(--mint-light);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.journal-input{width:100%;background:var(--bg);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:16px;font-family:inherit;font-size:15px;color:var(--text);outline:none;resize:none;transition:border-color .2s ease;min-height:100px}.journal-input:focus{border-color:var(--primary);background:var(--bg-card)}.journal-input::placeholder{color:var(--text-muted)}.streak-card{background:linear-gradient(135deg,var(--primary),var(--lavender));border-radius:var(--radius);padding:20px;color:#fff;display:flex;align-items:center;gap:16px}.streak-number{font-size:48px;font-weight:700;line-height:1;letter-spacing:-2px}.streak-label{font-size:13px;font-weight:500;opacity:.85;line-height:1.4}.affirmation-card{background:linear-gradient(135deg,var(--lavender-light),var(--primary-light));border-radius:var(--radius);padding:28px 24px;text-align:center;position:relative;overflow:hidden}.affirmation-quote{font-size:18px;font-weight:500;color:var(--text);line-height:1.55;position:relative;z-index:1}.affirmation-decoration{position:absolute;font-size:80px;opacity:.08;line-height:1}.affirmation-decoration.top-left{top:-10px;left:12px}.affirmation-decoration.bottom-right{bottom:-20px;right:12px}.checklist-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.checklist-item:last-child{border-bottom:none}.checklist-item.done{opacity:.5}.checkbox{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:var(--bg-card)}.checkbox.checked{background:var(--mint);border-color:var(--mint);color:#fff;font-size:13px}.checklist-text{font-size:14px;color:var(--text-medium);line-height:1.4}.checklist-item.done .checklist-text{text-decoration:line-through;color:var(--text-muted)}.sleep-timer{display:flex;align-items:center;justify-content:center;gap:16px}.timer-display{font-size:56px;font-weight:300;letter-spacing:-2px;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.timer-btn{width:56px;height:56px;border-radius:50%;border:none;background:var(--bg);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.timer-btn:active{transform:scale(.9)}.timer-btn.play{background:var(--primary);font-size:18px}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.hotline-card{background:var(--sos-light);border-radius:var(--radius-sm);padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.hotline-card:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes breatheIn{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes breatheOut{0%{transform:scale(1)}to{transform:scale(.7)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes sosPulse{0%,to{box-shadow:0 4px 18px #c47b7b8c,0 2px 6px #0000001f}50%{box-shadow:0 4px 28px #c47b7bcc,0 2px 8px #00000029}}.divider{height:1px;background:var(--border);margin:0 -20px}.section-gap{height:12px}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#c5dbe8,#ddd6ea,#c8ddd4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:999;animation:fadeIn .5s ease}.intro-logo{font-size:64px;animation:pulse 3s ease-in-out infinite}.intro-title{font-size:36px;font-weight:700;color:var(--text);letter-spacing:-1px}.intro-subtitle{font-size:16px;color:var(--text-medium);letter-spacing:.02em}.settings-btn{position:fixed;top:calc(16px + var(--safe-top, 0px));right:16px;width:38px;height:38px;border-radius:50%;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border);font-size:18px;cursor:pointer;z-index:85;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000014;transition:transform .15s ease,background .15s ease;WebkitTapHighlightColor:transparent}.settings-btn:active{transform:scale(.9);background:#fffffff2}.aidy-daily-card{background:linear-gradient(135deg,#e8f4ec,#eaf2f8)}[data-theme=dark] .aidy-daily-card{background:linear-gradient(135deg,#1a2e22,#1a2530)}