:root{--bg: #faf6ef;--bg-card: #ffffff;--bg-soft: #f3ece1;--primary: #f2a7b3;--primary-deep: #ec7f94;--primary-soft: #fce7ec;--coral: #e88d74;--coral-soft: #fbe4dd;--peach: #f5b895;--peach-soft: #fdeedd;--accent: #b8d9c8;--text: #5b4a44;--text-soft: #8d7a72;--text-faint: #b5a69c;--line: #efe6dc;--lock: #d8d2cc;--success: #81b29a;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--radius-full: 999px;--shadow: 0 8px 24px rgba(120, 90, 70, .08);--shadow-soft: 0 4px 14px rgba(120, 90, 70, .06);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--maxw: 520px;--tabbar-h: 64px;--ring-size: 240px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%}html{background:var(--bg)}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:var(--text)}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}.app{max-width:var(--maxw);margin:0 auto;height:100dvh;height:100vh;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden;padding-top:var(--safe-top)}.page{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 28px}.page--full{padding-bottom:calc(40px + var(--safe-bottom))}.screen-title{font-size:30px;font-weight:700;letter-spacing:-.5px}.screen-sub{color:var(--text-soft);font-size:15px}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-soft);border:1px solid var(--line)}.tabbar{position:relative;bottom:0;left:0;right:0;flex-shrink:0;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;align-items:stretch;justify-content:space-around;z-index:20}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);font-size:11px;background:transparent}.tabbar__item--active{color:var(--primary-deep)}.tabbar__icon{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-full);padding:14px 22px;font-size:16px;font-weight:600;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px #ec7f9459}.btn--ghost{background:transparent;color:var(--text-soft);font-weight:500}.btn--block{width:100%}.btn--sm{padding:10px 16px;font-size:14px}.btn--soft{background:var(--primary-soft);color:var(--primary-deep)}.limit-banner{border-radius:var(--radius-md);padding:12px 16px;background:#f2a7b324;border:1px dashed var(--primary);color:var(--primary-deep);font-size:13.5px;text-align:center}.page-header{margin-bottom:20px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.muted{color:var(--text-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease both}.home__ring{display:flex;flex-direction:column;align-items:center;margin:6px 0 24px}.home__task{display:flex;align-items:center;justify-content:space-between;gap:14px}.onboard__art{position:relative;flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.onboard__sun{position:absolute;top:10%;font-size:60px;opacity:.85}.onboard__path{position:absolute;width:46px;height:55%;bottom:60px;border:4px dashed var(--primary);border-radius:999px;border-bottom:none;border-left:none;transform:rotate(-8deg);opacity:.6}.onboard__hills{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:0}.hill{display:block;border-radius:50% 50% 0 0}.hill--l{width:140px;height:70px;background:var(--peach-soft);margin-right:-16px}.hill--m{width:170px;height:100px;background:var(--primary-soft)}.hill--r{width:130px;height:60px;background:var(--coral-soft);margin-left:-16px}.onboard__body{text-align:center;padding:24px 0 40px;display:flex;flex-direction:column;gap:14px}.onboard__body .screen-sub{max-width:300px;margin:0 auto}.path__line{position:relative;padding-left:34px}.path__line:before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--line);border-radius:999px}.path__point{position:relative;display:flex;gap:14px;padding:10px 0}.path__marker{position:absolute;left:-34px;top:10px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;z-index:1}.path__point--done .path__marker{background:var(--success);color:#fff}.path__point--current .path__marker{background:var(--primary);color:#fff;box-shadow:0 0 0 6px var(--primary-soft);font-size:16px}.path__point--locked .path__marker{background:var(--bg-card);border:2px solid var(--lock);color:var(--lock)}.path__title{font-weight:600}.path__point--locked .path__title{color:var(--text-faint)}.path__sub{display:block;font-size:13px;margin-top:2px}.path__point--current .path__title{color:var(--primary-deep)}.tasks__current{display:flex;align-items:center;gap:14px}.tasks__current>svg{color:var(--primary-deep);flex-shrink:0}.tasks__current>*:nth-child(2){flex:1}.tabs{display:flex;background:var(--bg-soft);border-radius:var(--radius-full);padding:4px}.tabs__tab{flex:1;padding:9px 8px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-soft);transition:background .2s ease,color .2s ease}.tabs__tab--active{background:#fff;color:var(--primary-deep);box-shadow:var(--shadow-soft)}.fab{position:fixed;right:max(20px,calc(50% - 240px));bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 18px);width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 8px 20px #ec7f9466;display:grid;place-items:center;z-index:30}.practice__input{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;font-size:15px;background:var(--bg-card);resize:vertical;outline:none;transition:border-color .2s ease}.practice__input:focus{border-color:var(--primary)}.marathon__hero .marathon__cover{height:130px;display:grid;place-items:center}.marathon__body{padding:16px 18px 20px}.marathon__thumb{width:74px;display:grid;place-items:center;flex-shrink:0}.community__steps{background:var(--primary-soft);border-radius:var(--radius-lg);padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.community__steps strong{font-size:28px;font-weight:800;color:var(--primary-deep)}.community__row{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-soft);border:1px solid var(--line)}.community__rank{font-weight:800;color:var(--text-faint);width:30px}.community__avatar{width:38px;height:38px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700}.community__motivation{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--peach-soft);border-radius:var(--radius-lg);padding:16px;font-weight:600;text-align:center}.profile__header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile__avatar{width:64px;height:64px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center;font-size:32px}.profile__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile__stat{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:14px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.profile__stat strong{font-size:18px;font-weight:800}.profile__stat span{font-size:12px}