@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #E8845C;--primary-l: #F2A679;--primary-dark: #C06845;--primary-glow: rgba(232, 132, 92, .3);--green: #7FB069;--green-dark: #5C8A4A;--green-light: #B5D9A3;--green-glow: rgba(127, 176, 105, .25);--stage-1: #F2C94C;--stage-2: #7FB069;--stage-3: #E8845C;--stage-1-l: #FEF9E7;--stage-2-l: #F3F9EE;--stage-3-l: #FDF1EA;--em-calm: #8FB8DE;--em-happy: #F2C94C;--em-anxious: #9B8CF2;--em-sad: #7C8DB0;--em-angry: #F2994A;--em-tired: #B0A8B9;--bg: #FAF6F1;--surface: #FFFFFF;--t1: #2D2A26;--t2: #8A8378;--t3: #BFB8AD;--line: #F0EBE4;--line-strong: #E5DED4;--shadow-card: 0 4px 16px rgba(232, 132, 92, .08);--shadow-btn: 0 6px 16px rgba(232, 132, 92, .35);--shadow-hero: 0 8px 20px rgba(232, 132, 92, .3);--shadow-lg: 0 16px 48px rgba(232, 132, 92, .25);--r-card: 20px;--r-sm: 16px;--r-xs: 12px;--r-pill: 24px;--r-modal: 24px;--r-tag: 8px;--page-px: 16px;--card-gap: 12px;--card-py: 16px;--card-px: 16px}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--t1);background:var(--bg)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop{0%{transform:scale(.5)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.06)}70%{transform:scale(.94)}to{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 14px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(80px) rotate(720deg);opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathe{0%{transform:scale(1)}21%{transform:scale(1.22)}58%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulse-float{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.page-in{animation:fade-up .4s cubic-bezier(.22,1,.36,1)}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.card-sm{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{height:48px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--primary-l),var(--primary));color:#fff;font-size:16px;font-weight:600;box-shadow:var(--shadow-btn);padding:0 28px}.btn-primary:hover{box-shadow:0 8px 24px #e8845c73;transform:translateY(-1px)}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s}.btn-primary:hover:after{opacity:1}.btn-ghost{height:44px;border-radius:var(--r-pill);background:transparent;color:var(--t2);font-size:14px;font-weight:500;border:1.5px solid var(--line-strong);padding:0 24px}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:#e8845c0a}.btn-outline{height:44px;border-radius:var(--r-pill);background:transparent;color:var(--primary);font-size:14px;font-weight:600;border:1.5px solid var(--primary);padding:0 24px}.btn-outline:hover{background:#e8845c0f}.mood-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border-radius:14px;border:1.5px solid var(--line);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);background:#fff;min-width:62px;outline:none}.mood-chip .emoji{font-size:26px;line-height:1}.mood-chip .label{font-size:11px;color:var(--t2)}.mood-chip:focus-visible{box-shadow:0 0 0 3px var(--primary-glow)}.mood-chip:active{transform:scale(.94)}.mood-chip.selected{border-color:var(--primary);background:#fdf1ea;transform:scale(1.05)}.mood-chip.selected .label{color:var(--primary);font-weight:600}.seg-group{display:flex;gap:8px}.seg-btn{flex:1;text-align:center;padding:11px 0;border-radius:14px;border:1.5px solid var(--line);font-size:13px;color:var(--t2);cursor:pointer;transition:all .2s ease;background:#fff}.seg-btn:active{transform:scale(.97)}.seg-btn.on{border-color:var(--green);background:#f3f9ee;color:var(--green);font-weight:600}.pbar{height:6px;border-radius:3px;background:#f0ebe4;overflow:hidden}.pfill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary-l),var(--primary));transition:width .6s cubic-bezier(.22,1,.36,1)}.skeleton{background:linear-gradient(90deg,#f0ebe4 25%,#f7f3ee,#f0ebe4 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--r-xs)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-tag);font-size:11px;font-weight:600}.tag-brand{background:#fdf1ea;color:var(--primary)}.tag-green{background:#f3f9ee;color:var(--green)}.tag-yellow{background:#fef9e7;color:#c9a227}.tag-stage-1{background:var(--stage-1-l);color:#c9a227}.tag-stage-2{background:var(--stage-2-l);color:var(--green)}.tag-stage-3{background:var(--stage-3-l);color:var(--primary)}.badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary-l),var(--primary));color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb-big{width:300px;height:300px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(232,132,92,.1) 0%,transparent 70%)}.orb-mid{width:200px;height:200px;bottom:-60px;left:-60px;background:radial-gradient(circle,rgba(127,176,105,.08) 0%,transparent 70%)}.orb-sm{width:150px;height:150px;top:40%;left:-50px;background:radial-gradient(circle,rgba(178,164,195,.06) 0%,transparent 70%)}.modal-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;background:#2d2a2673;backdrop-filter:blur(8px);animation:fade-in .25s ease}.modal-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:36px 28px;border-radius:var(--r-modal);background:#fffffff2;backdrop-filter:blur(20px);width:min(320px,84vw);animation:bounce-in .45s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg)}.modal-ring{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),var(--green-light));box-shadow:0 8px 24px var(--green-glow);animation:bounce-in .55s cubic-bezier(.34,1.56,.64,1)}.confetti{position:absolute;pointer-events:none}.confetti-piece{position:absolute;width:6px;height:6px;border-radius:2px;animation:confetti-fall 1s ease-out forwards}.bg-warm{background:var(--bg)}.bg-gradient{background:linear-gradient(135deg,#fdf6f0,#faf6f1,#f4ede5)}.bg-hero{background:linear-gradient(160deg,#F6C39B 0%,var(--primary-l) 55%,var(--primary) 100%)}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.streak-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:11px;font-weight:500;color:var(--t3);background:#f5f0eb;transition:all .3s ease}.streak-day.done{background:linear-gradient(135deg,var(--primary-l),var(--primary));color:#fff;font-weight:700;animation:scale-in .3s ease}.streak-day.today{border:2px dashed var(--primary);background:transparent;color:var(--primary);font-weight:700}.streak-day.missed{background:#f5f0eb;color:#d4c8be}.streak-day.locked{background:transparent}.glass{background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.glass-sm{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:var(--r-sm);box-shadow:var(--shadow-card)}.MuiBottomNavigationAction-root{min-width:48px!important;padding:4px 0!important}.MuiBottomNavigationAction-label{font-size:10px!important}.MuiBottomNavigationAction-root.Mui-selected .MuiBottomNavigationAction-label{font-size:10px!important;font-weight:600!important}.app-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffc7!important;border-bottom:1px solid var(--line)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#e0d5cc;border-radius:4px}:root{--brand: var(--primary);--brand-dark: var(--primary-dark);--brand-light: var(--primary-l);--brand-glow: var(--primary-glow);--sage: var(--green);--sage-dark: var(--green-dark);--sage-light: var(--green-light);--sage-glow: var(--green-glow);--cream: var(--bg);--text: var(--t1);--text-soft: var(--t2);--text-muted: var(--t3);--border: var(--line);--surface: var(--surface);--shadow-sm: var(--shadow-card);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-lg);--shadow-xl: 0 20px 60px rgba(232,132,92,.28);--radius: var(--r-card);--radius-sm: var(--r-sm);--radius-xs: var(--r-xs);--radius-pill: var(--r-pill)}