:root{--bg:#f4f5f8;--card:#fff;--ink:#17181c;--ink-2:#6b7078;--ink-3:#a5aab3;--brand:#5a5fe0;--brand-2:#8b5cf6;--brand-grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--brand-soft:#eef0ff;--danger:#ef4444;--ok:#10b981;--amber:#f59e0b;--hairline:#17181c0f;--shadow-card:0 1px 2px #1018280a, 0 10px 28px -14px #10182824;--shadow-brand:0 8px 20px -8px #6366f18c;--radius:18px;--nav-h:62px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur:.35s;--dur-slow:.6s}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,MiSans,Microsoft YaHei,Segoe UI,sans-serif;font-size:15px;line-height:1.55}#root{min-height:100vh}.page{max-width:520px;padding:14px 20px calc(var(--nav-h) + 34px + env(safe-area-inset-bottom));margin:0 auto}.page-center{min-height:100vh;color:var(--ink-3);justify-content:center;align-items:center;padding:24px;display:flex}.muted{color:var(--ink-2)}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.page-head{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 18px;animation:.35s both fadeUp;display:flex}.page-head h1{letter-spacing:.5px;margin:0;font-size:26px;font-weight:800}.page-sub{color:var(--ink-3);margin:2px 0 0;font-size:13px}.head-right{align-items:center;gap:10px;display:flex}.topbar{align-items:center;gap:8px;padding:10px 0 16px;animation:.35s both fadeUp;display:flex}.topbar h1{flex:1;margin:0;font-size:20px;font-weight:800}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:14px;padding:18px;animation:.35s both fadeUp}.section-title{color:var(--ink-3);letter-spacing:1.5px;align-items:center;gap:10px;margin:22px 4px 10px;font-size:13px;font-weight:700;display:flex}.section-count{letter-spacing:0;color:var(--ink-3);background:var(--card);border:1px solid var(--hairline);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.form label{color:var(--ink-2);margin-bottom:14px;font-size:13px;font-weight:600;display:block}.form input,.form textarea{width:100%;color:var(--ink);background:#f2f3f7;border:1.5px solid #0000;border-radius:13px;margin-top:6px;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .18s,background .18s,box-shadow .18s;display:block}.form input:focus,.form textarea:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f124}.form textarea{resize:vertical;min-height:74px}.input-mono{letter-spacing:3px;text-transform:uppercase;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.label-hint{color:var(--ink-3);margin-top:2px;font-size:12px;font-weight:400;display:block}.form-error{color:var(--danger);margin:6px 0 10px;font-size:13px;font-weight:600}.form-hint{color:var(--ink-3);text-align:center;margin:12px 0 0;font-size:13px}.form-hint a{color:var(--brand);font-weight:600;text-decoration:none}.form-title{margin:0 0 14px;font-size:17px;font-weight:700}.role-choice{border:none;margin:0 0 14px;padding:0}.role-choice legend{color:var(--ink-2);margin-bottom:8px;padding:0;font-size:13px;font-weight:600}.role-option{border:1.5px solid var(--hairline);border-radius:13px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;transition:border-color .18s;color:var(--ink)!important;font-size:14px!important;font-weight:500!important;display:flex!important}.role-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.role-option input{width:auto;accent-color:var(--brand);margin:0}.duration-row{color:var(--ink-2);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.duration-row span{flex:1}.duration-row input{width:74px;margin-top:0;display:inline-block}.timer-box{align-items:center;gap:10px;margin:2px 0 14px;display:flex}.timer-face{font-variant-numeric:tabular-nums;min-width:64px;color:var(--brand);font-size:22px;font-weight:700}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--brand-grad);color:#fff;width:100%;box-shadow:var(--shadow-brand)}.btn-big{padding:15px;font-size:17px}.btn-slim{width:auto;padding:9px 14px;font-size:13px}.btn-ghost{color:var(--ink);box-shadow:none;background:#eef0f4;padding:8px 12px;font-size:13px}.btn-danger{color:var(--danger)}.btn-check{background:var(--ok);color:#fff;padding:10px 14px;font-size:13px;box-shadow:0 6px 16px -6px #10b98199}.btn-copy{width:100%;color:var(--brand);background:var(--brand-soft)}.icon-btn{width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:#eef0f4;border:none;border-radius:12px;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.icon-btn:active{transform:scale(.92)}.icon-btn.accent{background:var(--brand-grad);color:#fff}.icon-btn.danger{color:var(--danger)}.badge{color:var(--ink-2);white-space:nowrap;background:#f0f1f5;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.badge-ok{color:var(--ok);background:#e5f8ef}.badge-new{background:var(--brand-soft);color:var(--brand)}.badge-used{color:var(--ink-3);background:#f0f1f5}.streak-pill{color:var(--ink-2);letter-spacing:0;background:#fff4e0;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.photo-picker{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.photo-thumb{width:86px;height:86px;position:relative}.photo-thumb img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.photo-remove{color:#fff;cursor:pointer;background:#17181cb8;border:2px solid #fff;border-radius:50%;width:23px;height:23px;font-size:13px;line-height:1;position:absolute;top:-7px;right:-7px}.photo-add{width:86px;height:86px;color:var(--ink-3);cursor:pointer;background:#fafbfc;border:1.5px dashed #cdd1da;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.photo-add span{font-size:22px;line-height:1}.photo-add input{display:none}.photo-grid{flex-wrap:wrap;gap:9px;margin:10px 0 2px;display:flex}.photo-grid img{object-fit:cover;background:#f0f1f5;border-radius:12px;width:106px;height:106px;display:block}.checkin-card.unchecked{border-left:3px solid var(--brand)}.checkin-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.checkin-author{align-items:center;gap:7px;font-size:14px;display:inline-flex}.checkin-author b{font-weight:700}.checkin-time{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.head-actions{gap:4px;margin-left:auto;display:flex}.checkin-note{white-space:pre-wrap;margin:10px 0 4px;font-size:15px}.checkin-field{color:var(--ink-2);white-space:pre-wrap;background:#f7f8fa;border-radius:10px;margin:6px 0 0;padding:8px 11px;font-size:14px}.checkin-field-label{color:var(--brand);background:var(--brand-soft);vertical-align:1px;border-radius:6px;margin-right:6px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.checkin-message{color:var(--ink-2);background:#f7f8fa;border-radius:10px;margin:10px 0 0;padding:8px 11px;font-size:13px}.comment-list{border-top:1px solid var(--hairline);margin-top:12px;padding-top:10px}.comment{margin:5px 0;font-size:14px}.comment b{color:var(--brand);font-weight:700}.checkin-footer{border-top:1px solid var(--hairline);margin-top:12px;padding-top:12px}.comment-input-row{align-items:center;gap:8px;display:flex}.comment-input{flex:1;align-items:center;gap:6px;display:flex}.comment-input input{background:#f2f3f7;border:1.5px solid #0000;border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .18s}.comment-input input:focus{border-color:var(--brand);background:#fff;outline:none}.bottom-nav{width:100%;max-width:520px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--hairline);z-index:50;background:#ffffffe0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;transition:color .18s;display:flex}.nav-item.active{color:var(--brand)}.banner{background:var(--brand-grad);border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-brand);margin-bottom:14px;padding:16px 18px;animation:.35s both fadeUp}.banner-title{margin:0;font-size:16px;font-weight:800}.banner-sub{opacity:.92;margin:3px 0 0;font-size:13px}.banner-soft{background:var(--brand-soft);color:var(--ink-2);box-shadow:none;padding:12px 16px}.banner-soft .banner-sub{opacity:1;margin:0}.hero-card{color:#fff;background:radial-gradient(120px 90px at 88% -10%,#8b5cf68c,#0000 70%),radial-gradient(140px 100px at -8% 110%,#6366f166,#0000 70%),linear-gradient(160deg,#1d2040 0%,#14162b 100%);border-radius:20px;padding:20px 18px 14px;animation:.35s both fadeUp;position:relative;overflow:hidden;box-shadow:0 14px 34px -16px #1d2040b3}.hero-row{align-items:stretch;margin-bottom:16px;display:flex}.hero-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.hero-divider{background:#ffffff24;width:1px;margin:4px 0}.hero-num{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:26px;font-weight:800}.hero-label{color:#ffffffa6;font-size:12px;font-weight:600}.hero-greet{color:#ffffffd9;margin:0 0 14px;font-size:13px;font-weight:600}.toast{left:50%;bottom:calc(var(--nav-h) + 22px + env(safe-area-inset-bottom));color:#fff;z-index:60;white-space:nowrap;animation:toastIn .32s var(--ease-spring) both;background:#17181c;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -10px #10182880}.toast-success{background:linear-gradient(135deg,#1d2040,#14162b);flex-direction:column;align-items:center;gap:3px;padding:13px 26px;display:flex;box-shadow:0 16px 40px -14px #1d204099}.toast-title{font-size:15px;font-weight:700}.toast-sub{color:#ffffffb8;font-size:12px;font-weight:500}.confetti{pointer-events:none;z-index:55;position:fixed;inset:0;overflow:hidden}.confetti i{animation-name:confettiFall;animation-timing-function:var(--ease-out);will-change:transform, opacity;animation-fill-mode:forwards;display:block;position:absolute}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.chart{align-items:flex-end;gap:8px;height:108px;display:flex}.chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-val{color:#ffffffbf;font-variant-numeric:tabular-nums;height:14px;font-size:10px;font-weight:700}.chart-track{flex:1;align-items:flex-end;width:100%;display:flex}.chart-bar{background:#ffffff38;border-radius:7px 7px 3px 3px;width:100%;min-height:3px;transition:height .4s}.chart-bar.today{background:linear-gradient(#a5b4fc,#8b5cf6);box-shadow:0 0 14px #8b5cf68c}.chart-label{color:#ffffff8c;margin-top:6px;font-size:11px;font-weight:600}.chart-label.today{color:#fff}.rank-card{padding:8px 14px}.rank-row{border-bottom:1px solid var(--hairline);align-items:center;gap:11px;padding:11px 2px;display:flex}.rank-row:last-child{border-bottom:none}.rank-row.me{background:linear-gradient(90deg, var(--brand-soft), transparent);border-radius:12px;margin:0 -6px;padding-left:8px;padding-right:8px}.rank-no{width:26px;height:26px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#f0f1f5;border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.rank-no.no-1{color:#fff;background:linear-gradient(135deg,#ffd666,#f5a623)}.rank-no.no-2{color:#fff;background:linear-gradient(135deg,#dfe3ea,#b9bfcc)}.rank-no.no-3{color:#fff;background:linear-gradient(135deg,#edc3a0,#d99058)}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14.5px;font-weight:700;overflow:hidden}.rank-name em{color:var(--brand);margin-left:3px;font-size:12px;font-style:normal}.rank-sub{color:var(--ink-3);font-size:11.5px;font-style:normal;font-weight:500;display:block}.rank-nums{text-align:right;flex-direction:column;gap:1px;display:flex}.rank-nums b{font-variant-numeric:tabular-nums;font-size:14px}.rank-nums i{color:var(--ink-3);font-size:11.5px;font-style:normal}.invite-code{letter-spacing:4px;color:var(--ink);font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:19px;font-weight:700}.invite-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.btn-copy{margin-top:12px}.empty{text-align:center;padding:42px 20px;animation:.35s both fadeUp}.empty-emoji{width:68px;height:68px;box-shadow:var(--shadow-card);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:30px;display:inline-flex}.empty-title{margin:0;font-size:15px;font-weight:700}.empty-hint{color:var(--ink-3);margin:4px 0 0;font-size:13px}.auth-page{max-width:520px;margin:0 auto;padding:7vh 20px 40px;animation:.4s both fadeUp}.brand-mark{background:var(--brand-grad);color:#fff;width:68px;height:68px;box-shadow:var(--shadow-brand);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 14px;font-size:32px;font-weight:800;display:flex}.app-title{text-align:center;letter-spacing:1px;margin:0 0 4px;font-size:24px;font-weight:800}.app-subtitle{color:var(--ink-3);text-align:center;margin:0 0 22px;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.form-field{margin-bottom:14px}.field-label{color:var(--ink-2);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--ink-2);cursor:pointer;touch-action:manipulation;background:#fafbfd;border:1.5px solid #e3e5ec;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.chip-emoji{padding:6px 12px;font-size:18px}.chip:active{transform:scale(.96)}.chip-on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.checkin-meta{flex-wrap:wrap;gap:6px;margin:2px 0 8px;display:flex}.badge-subject{background:var(--brand-soft);color:var(--brand)}.achieve-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.achieve{color:var(--ink-3);text-align:center;transition:transform .18s var(--ease-out), background .18s var(--ease-out);background:#f2f3f7;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:14px 8px;display:flex}.achieve.on{color:var(--ink);background:linear-gradient(135deg,#eef0ff,#f6f0ff);box-shadow:inset 0 0 0 1px #6366f124}.achieve.on:active{transform:scale(.97)}.achieve-icon{filter:grayscale();opacity:.4;font-size:24px;line-height:1;transition:filter .2s,opacity .2s}.achieve.on .achieve-icon{filter:none;opacity:1}.achieve-title{font-size:11.5px;font-weight:600}.achieve-bar{background:#eef0f4;border-radius:999px;height:6px;margin:14px 0 8px;overflow:hidden}.achieve-bar i{background:var(--brand-grad);height:100%;transition:width .6s var(--ease-out);border-radius:999px;display:block}.achieve-progress{color:var(--ink-3);text-align:center;margin:0;font-size:12px}.overview-card{background:var(--brand-grad);border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-brand);margin-bottom:14px;padding:16px 18px;animation:.35s both fadeUp}.overview-main{align-items:baseline;gap:8px;display:flex}.overview-num{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.overview-total{opacity:.9;font-size:14px;font-weight:600}.overview-sub{opacity:.92;margin:8px 0 0;font-size:13px}.rank-name-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge-todo{color:#e5484d;background:#fff0f0}.quick-replies{flex-wrap:wrap;gap:6px;margin-bottom:9px;display:flex}.chip-quick{border-radius:999px;padding:5px 11px;font-size:12px}.heatmap{gap:4px;display:flex;overflow-x:auto}.heat-col{flex-direction:column;gap:4px;display:flex}.heat-cell{background:#edf0f4;border-radius:3.5px;flex:none;width:13px;height:13px}.heat-cell.lv-1{background:#dbe3ff}.heat-cell.lv-2{background:#a5b4fc}.heat-cell.lv-3{background:#7c8bf5}.heat-cell.lv-4{background:#5a5fe0}.heat-legend{color:var(--ink-3);margin:12px 0 0;font-size:12px}.trend-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;display:flex}.trend-row:last-child{border-bottom:none}.trend-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trend-label{font-size:14px;font-weight:700}.trend-delta{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.trend-delta.up{color:var(--ok);background:#e5f8ef}.trend-delta.down{color:#e5484d;background:#fff0f0}.trend-delta:not(.up):not(.down){color:var(--ink-3);background:#f0f1f5}.trend-nums{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.trend-nums b{font-variant-numeric:tabular-nums;font-size:15px}.trend-nums i{color:var(--ink-3);font-size:11.5px;font-style:normal}.rank-row-link{cursor:pointer;transition:background .15s var(--ease-out)}.rank-row-link:active{background:#f5f6f9}.btn-white{color:var(--brand);background:#fffffff2;margin-top:10px}.fab{bottom:calc(var(--nav-h) + 22px + env(safe-area-inset-bottom));z-index:45;background:var(--brand-grad);color:#fff;cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border:none;border-radius:999px;align-items:center;gap:8px;padding:15px 22px;font-family:inherit;font-size:16px;font-weight:800;display:inline-flex;position:fixed;right:max(20px,50vw - 240px);box-shadow:0 12px 28px -8px #6366f1a6}.fab:active{transform:scale(.95)}.sheet-backdrop{-webkit-backdrop-filter:blur(2px);z-index:100;background:#10121c73;animation:.22s both fadeIn;position:fixed;inset:0}.sheet-wrap{z-index:101;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet{pointer-events:auto;background:var(--card);width:100%;max-width:520px;max-height:90vh;animation:sheetUp .34s var(--ease-out) both;border-radius:22px 22px 0 0;flex-direction:column;display:flex;box-shadow:0 -18px 50px -18px #10182866}.sheet-handle{background:#d8dbe2;border-radius:999px;flex:none;width:40px;height:4px;margin:10px auto 0}.sheet-head{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px 6px;display:flex}.sheet-head h2{margin:0;font-size:17px;font-weight:800}.sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:10px 18px 4px;overflow-y:auto}.sheet-footer{padding:10px 18px calc(18px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--hairline);flex:none}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.banner-tap{text-align:left;cursor:pointer;border:none;flex-direction:column;align-items:flex-start;width:100%;font-family:inherit;display:flex}.banner-tap .banner-title{display:block}.timer-card{flex-direction:column;padding:14px 18px;display:flex}.timer-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.timer-card-title{font-size:15px;font-weight:800}.timer-card-hint{color:var(--ink-3);font-size:12px}.timer-card .timer-box{margin:6px 0 0}.sheet-more{width:100%;color:var(--brand);cursor:pointer;background:#fafbfd;border:1.5px dashed #d6d9e2;border-radius:13px;justify-content:center;align-items:center;gap:6px;margin:2px 0 14px;padding:11px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.sheet-more:active{transform:scale(.99)}.sheet-extra{animation:.3s both fadeUp}.mcal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mcal-nav{width:30px;height:30px;color:var(--ink-2);cursor:pointer;background:#eef0f4;border:none;border-radius:9px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.mcal-nav:disabled{opacity:.3;cursor:default}.mcal-title{font-size:14px;font-weight:700}.mcal-weekdays,.mcal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.mcal-weekdays span{color:var(--ink-3);padding:2px 0;font-size:11px;font-weight:600}.mcal-cell{aspect-ratio:1;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#eef1f6;border-radius:9px;justify-content:center;align-items:center;font-size:13px;display:flex}.mcal-cell.mcal-empty{background:0 0}.mcal-cell.lv-1{color:var(--ink);background:#dbe3ff}.mcal-cell.lv-2{color:var(--ink);background:#a5b4fc}.mcal-cell.lv-3{color:#fff;background:#7c8bf5}.mcal-cell.lv-4{color:#fff;background:#5a5fe0;box-shadow:0 0 10px #5a5fe066}.mcal-cell.today{outline:1.5px solid var(--brand)}.mcal-hint{color:var(--ink-3);text-align:center;margin:10px 0 0;font-size:12px}.report-line{color:var(--ink-2);margin:0;font-size:14px;line-height:1.7}.report-line b{color:var(--ink)}.report-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.report-tag{background:var(--brand-soft);color:var(--brand-2);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}img.avatar{object-fit:cover;border-radius:50%;flex:none}.avatar-emoji{background:linear-gradient(135deg,#eef0ff,#f6f0ff);font-weight:400;line-height:1}.like-btn{border:1px solid var(--hairline);color:var(--ink-2);cursor:pointer;background:#f6f7f9;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;transition:transform .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.like-btn.liked{color:#e0486b;background:#fdeef1;border-color:#f7cdd6}.like-btn:active{transform:scale(.94)}.like-heart{font-size:13px}.comment-thread{margin:8px 0}.comment-reply{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0 0 0 8px;font-family:inherit;font-size:12px;font-weight:700}.comment-child{border-left:2px solid var(--hairline);color:var(--ink-2);margin-left:14px;padding-left:10px}.comment-thread .comment-input{margin:8px 0 2px}.goal-card{align-items:center;gap:16px;display:flex}.goal-ring{flex:none;width:76px;height:76px;position:relative}.goal-ring svg{display:block}.goal-ring-center{flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:flex;position:absolute;inset:0}.goal-ring-center b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.goal-ring-center span{color:var(--ink-3);font-size:11px}.goal-info{flex:1;min-width:0}.goal-title{font-size:15px;font-weight:800}.goal-sub{color:var(--ink-2);margin:2px 0 10px;font-size:13px}.goal-presets{flex-wrap:wrap;gap:6px;display:flex}.goal-presets .chip{padding:5px 11px;font-size:12px}.toast-milestone{bottom:calc(var(--nav-h) + 96px + env(safe-area-inset-bottom));white-space:normal;background:linear-gradient(135deg,#1d2040,#14162b);flex-direction:column;align-items:center;gap:6px;padding:14px 24px;display:flex;box-shadow:0 16px 40px -14px #1d204099}.milestone-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.milestone-item{color:#fff;background:#ffffff1f;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.profile-hero{color:#fff;background:linear-gradient(160deg,#1d2040 0%,#14162b 100%);border-radius:20px;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px;padding:22px 18px 18px;animation:.35s both fadeUp;display:flex;box-shadow:0 14px 34px -16px #1d2040b3}.profile-hero-info{align-items:center;gap:8px;display:flex}.profile-hero-name{font-size:20px;font-weight:800}.profile-hero-user{color:#fff9;margin:0;font-size:12px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;display:grid}.emoji-cell{cursor:pointer;background:#f2f3f7;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;height:40px;font-size:22px;transition:border-color .15s,background .15s;display:flex}.emoji-cell.on{border-color:var(--brand);background:var(--brand-soft)}.btn-logout{width:100%;margin-top:8px}.ok-text{color:var(--ok)}.badge-attention{color:var(--amber);background:#fff4e0;font-weight:700}.check-line{color:var(--ink-2);align-items:center;gap:9px;margin-top:4px;font-size:13px!important;font-weight:500!important;display:flex!important}.check-line input{width:17px;height:17px;accent-color:var(--brand);flex:none;margin:0!important}.report-hero{flex-direction:column;gap:10px;padding:18px;display:flex}.report-line1{color:#ffffffa6;justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.report-line1 b{color:#fff;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.report-star{margin-bottom:16px}.report-member{border-bottom:1px solid var(--hairline);padding:12px 0}.report-member:last-child{border-bottom:none}.report-praise{color:var(--ink-2);margin:8px 0 0 56px;font-size:13px}.report-note{margin:4px 0 0 56px;font-size:12px;font-weight:600}.report-note.warn{color:var(--amber)}.report-note.ok{color:var(--ok)}.mini-bars{align-items:flex-end;gap:5px;height:44px;margin:10px 0 0 56px;display:flex}.mini-col{flex:1;align-items:flex-end;height:100%;display:flex}.mini-bar{background:#e3e5ea;border-radius:4px 4px 2px 2px;width:100%}.mini-bar.today{background:var(--brand-grad)}.push-card .switch-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.switch-row .field-label{color:var(--ink);font-size:14px;font-weight:600}.switch-row .field-sub{color:var(--ink-3);margin-top:2px;font-size:12px;font-weight:400;display:block}.switch{cursor:pointer;background:#d8dae0;border:none;border-radius:999px;flex:none;width:46px;height:27px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--brand-grad)}.switch.on:after{transform:translate(19px)}.push-times{flex-wrap:wrap;gap:8px;padding:4px 0 10px;display:flex}.push-time-note{color:var(--ink-3);margin:8px 0 0;font-size:11.5px;line-height:1.5}.week-goal-card{flex-direction:column;gap:12px;display:flex}.week-goal-head{justify-content:space-between;align-items:center;display:flex}.week-goal-title{color:var(--ink-2);letter-spacing:.5px;font-size:13px;font-weight:700}.week-goal-body{align-items:center;gap:12px;display:flex}.week-goal-ring{background:#f0f1f5;border-radius:999px;flex:1;height:10px;overflow:hidden}.week-goal-ring-fill{background:var(--brand-grad);height:100%;transition:width .5s var(--ease-out);border-radius:999px}.week-goal-sub{color:var(--ink-2);white-space:nowrap;flex:none;margin:0;font-size:12px}.banner-note{background:var(--brand-soft);border-left:3px solid var(--brand);color:var(--ink);padding:12px 16px}.banner-note .banner-title{color:var(--brand);font-size:14px}.banner-note .banner-sub{color:var(--ink-2);opacity:1;margin-top:4px;font-size:13px}.note-card{padding:14px 16px}.note-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.note-card-label{color:var(--ink-2);font-size:12px;font-weight:600}.note-input{border:1.5px solid var(--hairline);resize:vertical;background:#f7f8fa;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .18s}.note-input:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f11f}@media (hover:hover){.card{transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:0 1px 2px #1018280d,0 16px 36px -14px #1018282e}}.badge-attention{animation:pulse-attention 2s var(--ease-out) infinite}@keyframes pulse-attention{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.empty-emoji{position:relative}.empty-emoji:before{content:"";z-index:-1;animation:glow-breathe 2.6s var(--ease-out) infinite alternate;background:radial-gradient(circle,#6366f12e 0%,#0000 70%);border-radius:50%;position:absolute;inset:-10px}@keyframes glow-breathe{0%{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.hero-card .hero-row{gap:4px}.hero-card .hero-num{font-size:22px}@media (width>=600px){.page{max-width:880px;padding-left:24px;padding-right:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid-2 .card{margin-bottom:0}.checkin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checkin-grid .checkin-card{margin-bottom:0}.hero-card .hero-num{font-size:28px}.bottom-nav{height:calc(var(--nav-h) + 8px + env(safe-area-inset-bottom))}.form .row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.rank-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rank-card .rank-row{background:#fafbfc;border-bottom:none;border-radius:12px;padding:10px 8px}.chart{height:128px}}@media (width>=900px){.page{max-width:1080px}.checkin-grid,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (width<=820px){.bottom-nav{display:none}.page{padding-bottom:24px}.top-nav-landscape{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;border-bottom:1px solid var(--hairline);background:#ffffffe6;gap:8px;padding:8px 16px;position:sticky;top:0;display:flex!important}}.top-nav-landscape{display:none}