:root{--bg-1: #eaf6ee;--bg-2: #f3faf5;--bg-3: #d8f0df;--tea-50: #eef7ef;--tea-100: #d7ebdc;--tea-200: #b4d9be;--tea-300: #8cc59e;--tea-400: #63ad7c;--tea-500: #3f915f;--tea-600: #2f7a4d;--tea-700: #27613f;--tea-800: #1f4e34;--tea-900: #17402b;--amber-300: #f3c57b;--amber-400: #edaa47;--amber-500: #e08e2b;--amber-600: #c2741f;--red-300: #f5b7b1;--red-400: #e8827b;--red-500: #d64541;--red-600: #b5322e;--ink-900: #1b2a22;--ink-700: #33463c;--ink-600: #4a5d53;--ink-400: #7c8e83;--ink-200: #b7c4bc;--line: rgba(31, 78, 52, .1);--glass-bg: rgba(255, 255, 255, .45);--glass-bg-strong: rgba(255, 255, 255, .66);--glass-bg-soft: rgba(255, 255, 255, .28);--glass-border: rgba(255, 255, 255, .6);--glass-border-soft: rgba(255, 255, 255, .4);--glass-blur: 25px;--glass-shadow: 0 20px 50px rgba(80, 120, 90, .15);--glass-shadow-sm: 0 8px 24px rgba(80, 120, 90, .12);--glass-inner: inset 0 1px 0 rgba(255, 255, 255, .6);--radius-xl: 34px;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--radius-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--fs-title: 32px;--fs-title-sm: 26px;--fs-section: 22px;--fs-body: 16px;--fs-sub: 15px;--fs-cap: 13px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur: .28s;--dur-slow: .52s}[data-theme=dark]{--bg-1: #0f1a14;--bg-2: #142119;--bg-3: #1b2c22;--ink-900: #eaf6ee;--ink-700: #c7dbd0;--ink-600: #a9c0b4;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-strong: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .16);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .4)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inner);border-radius:var(--radius-lg)}.glass--strong{background:var(--glass-bg-strong)}.glass--soft{background:var(--glass-bg-soft);box-shadow:var(--glass-shadow-sm),var(--glass-inner)}.glass--flat{box-shadow:var(--glass-shadow-sm)}.gcard{padding:var(--sp-6);border-radius:var(--radius-lg)}.gcard--tight{padding:var(--sp-4)}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font);font-size:var(--fs-sub);font-weight:600;color:var(--tea-800);padding:12px 22px;border:none;border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--glass-shadow-sm),var(--glass-inner);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.gbtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #50785a2e,var(--glass-inner)}.gbtn:active{transform:scale(.96)}.gbtn:focus-visible{outline:2px solid var(--tea-500);outline-offset:2px}.gbtn--primary{background:linear-gradient(135deg,var(--tea-500),var(--tea-600));color:#fff;box-shadow:0 10px 26px #2f7a4d52,var(--glass-inner)}.gbtn--primary:hover{box-shadow:0 14px 32px #2f7a4d66,var(--glass-inner)}.gbtn--amber{background:linear-gradient(135deg,var(--amber-400),var(--amber-500));color:#fff;box-shadow:0 10px 26px #e08e2b52,var(--glass-inner)}.gbtn--danger{background:linear-gradient(135deg,var(--red-400),var(--red-500));color:#fff;box-shadow:0 10px 26px #d645414d,var(--glass-inner)}.gbtn--danger:hover{box-shadow:0 14px 32px #d6454166,var(--glass-inner)}.gbtn--ghost{background:transparent;box-shadow:none;color:var(--tea-700)}.gbtn--block{width:100%}.gbtn--lg{padding:16px 30px;font-size:var(--fs-body)}.gbtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.gbtn.is-loading{cursor:progress;opacity:.85}.gbtn__spinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:gspin .7s linear infinite;flex:none}@keyframes gspin{to{transform:rotate(360deg)}}.gcard.is-out{filter:grayscale(.9);opacity:.6}.gcard.is-out .gbtn--primary{pointer-events:none}.gbadge-out{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--ink-600);background:var(--glass-bg-strong);border:1px solid var(--glass-border-soft);border-radius:var(--radius-pill);padding:2px 9px}.quick-tea{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.gfield{display:flex;flex-direction:column;gap:var(--sp-2)}.gfield__label{font-size:var(--fs-cap);font-weight:600;color:var(--ink-600);padding-left:var(--sp-1)}.ginput{font-family:var(--font);font-size:var(--fs-body);color:var(--ink-900);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:13px 16px;width:100%;transition:border var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ginput::placeholder{color:var(--ink-400)}.ginput:focus{outline:none;border-color:var(--tea-400);box-shadow:0 0 0 4px #63ad7c2e}.gselect{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7a4d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:15px}.gselect option{color:var(--ink-900);background:#fff}.ginput[type=date],.ginput[type=time],.ginput[type=datetime-local]{min-height:48px;color-scheme:light;font-variant-numeric:tabular-nums;letter-spacing:.2px;cursor:pointer}.ginput[type=date]::-webkit-datetime-edit,.ginput[type=time]::-webkit-datetime-edit,.ginput[type=datetime-local]::-webkit-datetime-edit{padding:0;color:var(--ink-900);font-weight:600}.ginput[type=date]::-webkit-datetime-edit-fields-wrapper,.ginput[type=time]::-webkit-datetime-edit-fields-wrapper,.ginput[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{padding:0}.ginput[type=date]::-webkit-calendar-picker-indicator{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-left:4px;cursor:pointer;opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7a4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E") center/16px no-repeat;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.ginput[type=time]::-webkit-calendar-picker-indicator,.ginput[type=datetime-local]::-webkit-calendar-picker-indicator{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-left:4px;cursor:pointer;opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7a4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E") center/16px no-repeat;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.ginput[type=date]::-webkit-calendar-picker-indicator:hover,.ginput[type=time]::-webkit-calendar-picker-indicator:hover,.ginput[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.15)}.ginput[type=date]::-webkit-calendar-picker-indicator:active,.ginput[type=time]::-webkit-calendar-picker-indicator:active,.ginput[type=datetime-local]::-webkit-calendar-picker-indicator:active{transform:scale(.9)}.gtabs{display:inline-flex;gap:var(--sp-1);padding:5px;border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gtab{position:relative;border:none;background:transparent;font-family:var(--font);font-size:var(--fs-sub);font-weight:600;color:var(--ink-600);padding:8px 18px;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur) var(--ease-out);z-index:1}.gtab.is-active{color:var(--tea-800)}.gtab__pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-sm),var(--glass-inner);z-index:-1}.gchip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-cap);font-weight:600;color:var(--tea-700);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:var(--radius-pill);padding:5px 12px}.gmodal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:#1f4e3438;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gmodal{width:100%;max-width:460px;max-height:88vh;overflow:auto;padding:var(--sp-6);border-radius:var(--radius-xl);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--glass-border);box-shadow:0 30px 70px #28503747,var(--glass-inner)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);border-top:1px solid var(--glass-border-soft)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--ink-400);background:none;border:none;cursor:pointer;padding:4px 7px;border-radius:var(--radius-md);transition:color var(--dur) var(--ease-out)}.tabbar__item.is-active{color:var(--tea-600)}.sidebar{position:sticky;top:var(--sp-6);align-self:start;width:232px;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.sidebar__item{display:flex;align-items:center;gap:var(--sp-3);padding:12px 16px;border-radius:var(--radius-md);font-size:var(--fs-sub);font-weight:600;color:var(--ink-600);cursor:pointer;border:none;background:transparent;text-align:left;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.sidebar__item:hover{background:var(--glass-bg)}.sidebar__item.is-active{background:var(--glass-bg-strong);color:var(--tea-800);box-shadow:var(--glass-shadow-sm),var(--glass-inner)}.cal__day{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--glass-bg);cursor:pointer;font-family:var(--font);transition:border var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.cal__day:hover{transform:translateY(-1px);border-color:var(--tea-300)}.cal__day.has-data{background:var(--tea-50)}.cal__day.is-done{background:var(--tea-100);border-color:#2f7a4d40}.cal__day.is-today .cal__num{background:var(--tea-600);color:#fff;border-radius:999px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.cal__day.is-selected{border:2px solid var(--tea-500);box-shadow:0 0 0 3px #63ad7c2e}.cal__num{font-size:12px;font-weight:700;color:var(--ink-700);line-height:1}.cal__bar{display:block;width:80%;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.cal__bar>i{display:block;height:100%;border-radius:999px;transition:width var(--dur) var(--ease-out)}.cal__ml{font-size:10px;font-weight:600;color:var(--ink-400);line-height:1}.cal__day.is-done .cal__ml{color:var(--tea-700)}.cal__flag{position:absolute;top:2px;right:3px;font-size:9px;font-weight:800;color:#fff;background:var(--amber-500);border-radius:999px;padding:0 4px;line-height:14px}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.friend-grid a{text-decoration:none}.nav-badge{position:absolute;top:-6px;right:-12px;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--red-500);color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;box-shadow:0 2px 8px #d6454166}.nav-badge--dot{top:-5px;right:-11px}@keyframes tf-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tf-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(6deg)}}@keyframes tf-float-slow{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-14px) translate(8px)}66%{transform:translateY(8px) translate(-6px)}}@keyframes tf-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-24px) scale(1.08)}66%{transform:translate(-16px,12px) scale(.94)}}@keyframes tf-water{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tf-ripple{0%{transform:scale(.6);opacity:.55}to{transform:scale(2.4);opacity:0}}@keyframes tf-draw{to{stroke-dashoffset:0}}@keyframes tf-spin{to{transform:rotate(360deg)}}@keyframes tf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-fade-up{animation:tf-fade-up var(--dur-slow) var(--ease-out) both}.anim-fade-in{animation:tf-fade-in var(--dur) var(--ease-out) both}.anim-float{animation:tf-float 6s var(--ease-out) infinite}.anim-bob{animation:tf-bob 3.4s ease-in-out infinite}.anim-spin{animation:tf-spin 1s linear infinite}.delay-1{animation-delay:.06s}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.delay-6{animation-delay:.36s}.wave-layer{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:tf-water 7s linear infinite}.wave-layer--slow{animation-duration:11s;opacity:.6}.tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink-900);background:radial-gradient(120% 90% at 12% 8%,var(--bg-2) 0%,rgba(243,250,245,0) 55%),radial-gradient(120% 100% at 92% 18%,var(--bg-3) 0%,rgba(216,240,223,0) 50%),linear-gradient(160deg,var(--bg-1) 0%,var(--bg-2) 48%,var(--bg-3) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3f915f47;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.app-shell{position:relative;z-index:1;min-height:100%}.page{max-width:1200px;margin:0 auto;padding:var(--sp-6) var(--sp-5) 96px}@media(min-width:1024px){.page{padding:var(--sp-8) var(--sp-6) var(--sp-12)}}.layout-desktop{display:flex;gap:var(--sp-6);align-items:flex-start;max-width:1200px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-12)}.layout-desktop__main{flex:1;min-width:0}.section-title{font-size:var(--fs-section);font-weight:700;color:var(--ink-900);letter-spacing:.2px}.section-sub{font-size:var(--fs-cap);color:var(--ink-400);font-weight:500}.muted{color:var(--ink-400)}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.center{display:flex;align-items:center;justify-content:center}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:var(--sp-2);border-radius:0 0 22px 22px}.topbar__title{font-weight:800;font-size:17px;color:var(--tea-800);letter-spacing:.3px}