@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--bg:#fffaf2;--bg-elevated:#fff;--bg-tint:#fff4e8;--bg-soft:#f9efe5;--line:#f0e6d8;--line-strong:#e6d8c4;--ink:#2e201a;--ink-2:#5e4634;--muted:#a89683;--accent:#ff8a5b;--accent-soft:#fff0e4;--accent-deep:#f0683a;--accent-glow:#ff8a5b2e;--green:#5fb956;--green-soft:#e7f4e0;--green-deep:#449d3a;--red:#ff6b5b;--red-soft:#ffe7e2;--blue:#5b9bd4;--blue-soft:#e5f0fa;--gold:#e8a93a;--gold-soft:#fff3d6;--purple:#9070d8;--purple-soft:#ede4fa;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--shadow-1:0 2px 8px #b4783c0f;--shadow-2:0 6px 18px #b4783c14;--shadow-3:0 14px 36px #b4783c24;--shadow-fab:0 12px 32px #f0683a6b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{min-width:320px;overflow:auto}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}.native-runtime{background:var(--bg);width:100%;height:100dvh}.native-scroll{-webkit-overflow-scrolling:touch;--mobile-safe-area-height:env(safe-area-inset-bottom,0px);width:100%;height:100%;overflow:hidden auto}.native-sheet-overlay{z-index:1000;background:#00000057;position:fixed;inset:0}.native-bottom-sheet{z-index:1001;border-radius:var(--r-xl) var(--r-xl) 0 0;min-height:260px;padding-bottom:env(safe-area-inset-bottom,0px);touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:0 0 30px;place-items:center;display:grid}.sheet-handle{pointer-events:none;background:#d8d2c8;border-radius:999px;width:42px;height:5px}.sheet-header{touch-action:pan-y;gap:4px;padding:0 20px 14px;display:grid}.sheet-title{color:var(--ink);margin:0;font-size:18px;font-weight:800}.sheet-description{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.sheet-content{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 20px 24px;overflow:auto}.app-screen{background:var(--bg);max-width:720px;color:var(--ink);margin:0 auto;font-family:Noto Sans SC,system-ui,sans-serif}.score-screen{min-height:100%;padding-bottom:calc(72px + var(--mobile-safe-area-height));background:var(--bg)}.empty-state{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:36px 24px;display:flex}.empty-state .empty-icon{margin-bottom:8px;font-size:40px;line-height:1}.empty-state strong{color:var(--ink);font-size:14px;font-weight:600}.empty-state small{color:var(--muted);font-size:12px}.login-screen{min-height:100%;padding:80px 34px calc(var(--mobile-safe-area-height) + 40px);color:var(--ink);text-align:center;background:linear-gradient(#ffe9d3,#fffaf4 55%);align-content:center;display:grid}.login-screen>img{mix-blend-mode:multiply;border-radius:50%;width:92px;height:92px;margin:0 auto 12px}.login-screen h1{color:var(--accent-deep);margin:0;font-size:30px;font-weight:800}.login-screen>p{color:var(--ink-2);margin:8px 0 26px}.login-roles{background:var(--bg-soft);border-radius:24px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.login-roles button{min-height:42px;color:var(--ink-2);background:0 0;border:0;border-radius:20px;font-weight:500;transition:all .15s}.login-roles button.selected{color:var(--accent-deep);box-shadow:var(--shadow-2);background:#fff;font-weight:700}.login-screen>label{text-align:left;margin-bottom:7px}.login-screen>input{border:1px solid var(--line-strong);border-radius:var(--r-md);background:#fff;height:50px;padding:0 15px;font-size:16px}.login-screen>strong{color:var(--red);margin-top:8px;font-size:12px}.login-submit{background:var(--accent);color:#fff;min-height:50px;box-shadow:var(--shadow-fab);border:0;border-radius:25px;margin-top:16px;font-size:16px;font-weight:700;transition:transform .12s}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{opacity:.45;box-shadow:none}.bottom-nav{z-index:900;max-width:720px;height:calc(62px + var(--mobile-safe-area-height,0px));padding-bottom:var(--mobile-safe-area-height,0px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);background:#fffaf4f0;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;transition:color .15s;display:flex}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.selected{color:var(--accent-deep);font-weight:700}.fab{right:18px;bottom:calc(78px + var(--mobile-safe-area-height,0px));z-index:850;background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;width:56px;height:56px;box-shadow:var(--shadow-fab);border:0;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:fixed}.fab:active{transform:scale(.92)}.fab svg{width:26px;height:26px}.fab-menu{right:18px;bottom:calc(148px + var(--mobile-safe-area-height,0px));z-index:860;border-radius:var(--r-md);min-width:160px;box-shadow:var(--shadow-3);background:#fff;gap:8px;padding:8px;display:grid;position:fixed}.fab-menu button{border-radius:var(--r-sm);color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.fab-menu button:hover{background:var(--bg-tint)}.fab-menu button svg{width:18px;height:18px;color:var(--accent-deep)}.child-bar{background:var(--bg);-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding:8px 16px 4px;display:flex;overflow-x:auto}.child-bar::-webkit-scrollbar{display:none}.child-bar button{background:var(--bg-elevated);box-shadow:var(--shadow-1);border:1.5px solid #0000;border-radius:999px;flex-direction:row;flex:none;align-items:center;gap:6px;padding:4px 12px 4px 4px;transition:all .15s;display:flex}.child-bar button img{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:28px;height:28px}.child-bar button strong{color:var(--ink);font-size:13px;font-weight:600}.child-bar button.selected{border-color:var(--accent);background:var(--accent-soft)}.points-overview{justify-content:space-between;align-items:center;gap:12px;padding:6px 16px 4px;display:flex}.points-overview-info{align-items:center;gap:8px;min-width:0;display:flex}.points-overview-info strong{color:var(--ink);font-size:15px;font-weight:700}.points-overview-info span{color:var(--muted);background:var(--bg-soft);border-radius:999px;padding:2px 7px;font-size:12px}.message-link{background:var(--bg-soft);color:var(--ink-2);border:0;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:5px 10px;font-size:11px;display:flex}.message-link b{color:var(--accent-deep);font-weight:700}.message-link svg{width:14px;height:14px}.points-overview-total{align-items:baseline;gap:4px;display:flex}.points-overview-total span{color:var(--muted);font-size:11px}.points-overview-total strong{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1}.points-overview-total small{color:var(--muted);font-size:12px;font-weight:600}.today-heading{justify-content:space-between;align-items:center;padding:10px 16px 6px;display:flex}.today-heading h2{color:var(--ink);font-size:16px;font-weight:700}.today-heading p{color:var(--muted);margin-top:2px;font-size:11px}.today-heading strong{color:var(--accent-deep);background:var(--accent-soft);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.tween-num{font-variant-numeric:tabular-nums}.week-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:6px 16px 8px;display:flex;overflow-x:auto}.week-strip::-webkit-scrollbar{display:none}.week-strip button{border-radius:var(--r-md);color:var(--ink-2);text-align:center;background:0 0;border:0;flex:none;gap:1px;min-width:46px;padding:6px 10px;transition:all .15s;display:grid}.week-strip button span{color:var(--muted);font-size:10px}.week-strip button strong{color:var(--ink);font-size:14px;font-weight:700}.week-strip button small{color:var(--accent-deep);font-size:10px;font-weight:600}.week-strip button.selected{background:var(--accent);color:#fff}.week-strip button.selected span,.week-strip button.selected strong,.week-strip button.selected small{color:#fff}.week-strip button b{background:var(--green);color:#fff;border-radius:6px;margin-top:1px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.week-strip button.selected b{color:var(--accent-deep);background:#fff}.category-filter{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:6px 16px 8px;display:flex;overflow-x:auto}.category-filter::-webkit-scrollbar{display:none}.category-filter button{background:var(--bg-soft);color:var(--ink-2);border:0;border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.category-filter button.selected{background:var(--ink);color:#fff;font-weight:600}.quick-adjust{flex-wrap:wrap;gap:8px;padding:4px 16px 10px;display:flex}.quick-adjust button{background:var(--bg-elevated);color:var(--ink-2);box-shadow:var(--shadow-1);border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.quick-adjust button svg{width:14px;height:14px}.quick-adjust .adjustment-chip{background:var(--accent-soft);color:var(--accent-deep)}.quick-adjust .adjustment-chip strong{color:var(--accent-deep)}.quick-adjust .adjustment-chip svg{width:12px;height:12px;color:var(--accent)}.task-list{gap:10px;padding:0 16px 16px;display:grid}.task-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 16px;display:grid}.task-grid .empty-state{grid-column:1/-1}@media (width>=720px){.task-grid{grid-template-columns:repeat(3,1fr)}}.task-card{border-radius:var(--r-lg);background:var(--bg-elevated);width:100%;box-shadow:var(--shadow-1);border:0;grid-template-columns:44px minmax(0,1fr) 96px;align-items:center;gap:12px;padding:12px 14px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.task-card>.task-card-icon{width:44px;height:44px}.task-card>.task-card-info{min-width:0}.task-card>.task-card-btn{width:96px}.task-card:active{transform:scale(.99)}.task-card-icon{border-radius:50%;place-items:center;width:44px;height:44px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:22px;display:grid;box-shadow:inset 0 0 0 1.5px #fff9}.task-card-info{min-width:0}.task-card-info h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.task-card-info small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.task-card-info small b{color:var(--accent-deep);font-weight:700}.task-card-info .cat-chip{vertical-align:middle;border-radius:4px;margin-right:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.task-card-btn{background:var(--accent);color:#fff;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:max-content;min-height:34px;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #ff7a5940}.task-card-btn svg{flex-shrink:0;width:14px;height:14px}.task-card-btn.partial{background:var(--gold);box-shadow:0 2px 8px #e6a81747}.task-card-btn.done{background:var(--green);box-shadow:0 4px 12px #5fb9564d}.task-card-btn.done:active{animation:.35s pop}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.inline-submissions{border-top:1px dashed var(--line);grid-column:1/-1;gap:6px;margin-top:10px;padding-top:10px;display:grid}.inline-submission{border-radius:var(--r-sm);background:var(--bg-tint);color:var(--ink-2);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.inline-submission svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.inline-submission span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.inline-submission small{color:var(--muted);flex-shrink:0;font-size:10px}.inline-submission a{color:var(--blue);flex-shrink:0;font-size:11px}.child-submit-link{border-top:1px dashed var(--line);color:var(--muted);background:0 0;border:0;grid-column:1/-1;justify-content:center;align-items:center;gap:4px;margin-top:10px;padding-top:10px;font-size:11px;display:flex}.task-card.compact{border-radius:var(--r-md);background:var(--bg-elevated);width:100%;min-height:96px;box-shadow:var(--shadow-1);cursor:pointer;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 14px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.task-card.compact:hover{box-shadow:var(--shadow-2)}.task-card.compact:active{transform:scale(.97)}.task-card.compact .task-card-info{min-width:0}.task-card.compact .task-card-info h3{-webkit-line-clamp:2;color:var(--ink);white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.task-card.compact .task-card-info h3 .cat-chip{vertical-align:middle;border-radius:4px;margin-right:4px;padding:1px 8px;font-size:10px;font-weight:600;display:inline-block}.task-card.compact .task-card-info small{color:var(--accent-deep);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:700;display:flex}.task-card.compact .task-card-info small .cat-chip{border-radius:4px;padding:1px 8px;font-size:10px;font-weight:600;line-height:1.5;display:inline-block}.task-card.compact .task-card-info small .task-card-score{line-height:1.5;display:inline-block}.task-card.compact .task-card-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;align-self:center;place-items:center;width:36px;min-width:36px;height:34px;min-height:34px;padding:0;font-size:0;transition:transform .12s,background .15s;display:grid;box-shadow:0 2px 8px #ff7a5940}.task-card.compact .task-card-btn svg{width:16px;height:16px}.task-card.compact .task-card-btn:active{transform:scale(.92)}.task-card.compact .task-card-btn.partial{background:var(--gold);box-shadow:0 2px 8px #e6a81747}.task-card.compact .task-card-btn.done{background:var(--green);box-shadow:0 4px 12px #5fb9564d}.task-card.compact .task-card-btn.done:active{animation:.35s pop}.task-card.compact.finished{background:var(--green-soft)}.task-card.compact.finished .task-card-info h3{color:var(--muted);text-decoration:line-through}.task-detail{gap:14px;display:grid}.task-detail-summary{border-radius:var(--r-md);background:var(--bg-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.task-detail-summary .detail-cat-chip{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.task-detail-summary .detail-score{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.task-detail-summary .detail-target{color:var(--ink-2);font-size:12px;font-weight:600}.task-detail-section{border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:var(--shadow-1);padding:12px 14px}.task-detail-section h4{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.task-detail-section h4 span{color:var(--muted);font-size:11px;font-weight:500}.task-detail-submission{border-radius:var(--r-sm);background:var(--bg-tint);gap:8px;margin-bottom:8px;padding:10px 12px;display:grid}.task-detail-submission:last-child{margin-bottom:0}.task-detail-submission-head{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.task-detail-submission-head svg{width:14px;height:14px;color:var(--accent)}.task-detail-submission-head .time{margin-left:auto;font-weight:500}.task-detail-submission p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.task-detail-photo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-detail-photo-thumb{object-fit:cover;border:1.5px solid var(--bg-elevated);max-width:96px;max-height:96px;box-shadow:var(--shadow-1);border-radius:8px}.task-detail-photo-fallback{background:var(--bg-elevated);border:1px dashed var(--line-strong);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.task-detail-photo-fallback svg{width:14px;height:14px}.task-detail-history{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:grid}.task-detail-history:last-child{border-bottom:0}.task-detail-history-label{color:var(--ink);font-weight:500}.task-detail-history-date{color:var(--muted);margin-top:1px;font-size:10px;display:block}.task-detail-history-amount{font-variant-numeric:tabular-nums;color:var(--green-deep);font-size:13px;font-weight:700}.task-detail-history-amount.negative{color:var(--red)}.task-detail-history-count{color:var(--muted);font-size:11px;font-weight:600}.task-detail-action{border-radius:var(--r-md);background:var(--accent);color:#fff;width:100%;min-height:48px;box-shadow:var(--shadow-fab);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:0 16px;font-size:14px;font-weight:700;transition:transform .12s;display:flex}.task-detail-action:active{transform:scale(.98)}.task-detail-action svg{width:18px;height:18px}.task-detail-scoring{border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:var(--shadow-1);padding:14px}.task-detail-scoring-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.task-detail-scoring-head h4{color:var(--ink);font-size:13px;font-weight:700}.task-detail-scoring-head .finished-badge{background:var(--green-soft);color:var(--green-deep);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.task-detail-scoring-head .finished-badge svg{width:12px;height:12px}.task-detail-scoring-body{gap:8px;display:grid}.task-detail-scoring-row{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:13px;display:flex}.task-detail-scoring-row .label{color:var(--muted);font-size:12px}.task-detail-scoring-row .value{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.task-detail-scoring-row .value .progress{color:var(--accent-deep)}.task-detail-scoring-row .value .total-score{color:var(--green-deep)}.task-detail-scoring-bar{background:var(--bg-soft);border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.task-detail-scoring-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-deep));border-radius:999px;transition:width .3s;position:absolute;inset:0 auto 0 0}.task-detail-scoring-bar-fill.finished{background:linear-gradient(90deg, var(--green), var(--green-deep))}.task-detail-complete-btn{border-radius:var(--r-md);background:var(--accent);color:#fff;width:100%;min-height:50px;box-shadow:var(--shadow-fab);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:700;transition:transform .12s,background .15s;display:flex}.task-detail-complete-btn:active{transform:scale(.98)}.task-detail-complete-btn svg{width:18px;height:18px}.task-detail-complete-btn.partial{background:var(--gold);box-shadow:0 4px 14px #e6a81752}.task-detail-complete-btn.done{background:var(--green);box-shadow:0 4px 14px #5fb95652}.task-detail-complete-undo{width:100%;min-height:36px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;margin-top:6px;padding:0;font-size:12px;font-weight:600;display:flex}.task-detail-complete-undo svg{width:14px;height:14px}.task-detail-complete-undo:hover{color:var(--red)}.adjustment-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px 0 4px;display:flex}.adjustment-hero-label{color:var(--muted);letter-spacing:.3px;font-size:12px;font-weight:600}.adjustment-hero-task{background:var(--bg-tint);color:var(--accent-deep);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.adjustment-hero-task svg{width:12px;height:12px}.adjustment-hero-task-select{width:100%;max-width:280px}.adjustment-score-display{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;margin:6px 0 4px;line-height:1;display:flex}.adjustment-score-display .sign{color:var(--green-deep);font-size:30px;font-weight:800}.adjustment-score-display .number{color:var(--green-deep);letter-spacing:-1px;font-size:64px;font-weight:800}.adjustment-score-display.minus .sign,.adjustment-score-display.minus .number{color:var(--red)}.adjustment-score-display .unit{color:var(--muted);margin-left:4px;font-size:16px;font-weight:700}.adjustment-form{touch-action:pan-y;gap:10px;display:grid}.adjustment-form .adjust-amount-pad{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.adjustment-form .adjust-amount-pad button{border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink);touch-action:manipulation;background:#fff;padding:10px 0;font-size:14px;font-weight:600}.adjustment-form .adjust-amount-pad button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.adjustment-form .adjust-amount-pad button.minus.active{background:var(--red);border-color:var(--red)}.adjustment-form .reason-input{border:1px solid var(--line-strong);border-radius:var(--r-md);touch-action:manipulation;background:#fff;width:100%;min-height:44px;padding:10px 12px;font-size:14px}.adjustment-form .save-btn{border-radius:var(--r-md);color:#fff;background:var(--accent);width:100%;min-height:48px;box-shadow:var(--shadow-fab);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;margin-top:4px;font-size:15px;font-weight:700;display:flex}.adjustment-form .save-btn.minus{background:var(--red);box-shadow:0 8px 20px #ff6b5b52}.adjustment-form .save-btn:disabled{opacity:.45;box-shadow:none}.points-toast{color:#fff;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3e2c23eb;border-radius:16px;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:700;animation:.4s toastPop;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #00000040}.points-toast.minus{background:#e55947eb}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}60%{transform:translate(-50%,-50%)scale(1.08)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.child-submit-link svg{width:12px;height:12px}.flying-score{z-index:1100;pointer-events:none;background:var(--green);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;will-change:transform, opacity;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:18px;font-weight:800;animation:1.2s cubic-bezier(.34,1.06,.5,1) forwards flyToTop;display:inline-flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 6px 20px #5fb9566b}.flying-score svg{width:16px;height:16px}.flying-score.minus{background:var(--red);box-shadow:0 6px 20px #ff6b5b6b}@keyframes flyToTop{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}12%{opacity:1;transform:translate(calc(-50% + var(--fly-dx,0px) * .15), calc(-50% + var(--fly-dy,-180px) * .18 - 16px)) scale(1.18)}55%{opacity:1;transform:translate(calc(-50% + var(--fly-dx,0px) * .65), calc(-50% + var(--fly-dy,-180px) * .65 - 6px)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--fly-dx,0px)), calc(-50% + var(--fly-dy,-180px))) scale(.78)}}.today-records{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);margin:4px 16px 16px;padding:12px 14px}.today-records h4{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.today-records h4 span{color:var(--muted);font-size:11px;font-weight:500}.today-records ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.today-records li{border-bottom:1px dashed var(--line);color:var(--ink-2);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:grid}.today-records li:last-child{border-bottom:0}.today-records li small{color:var(--muted);margin-top:1px;font-size:10px;display:block}.today-records li .amount{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.today-records li .amount.plus{color:var(--green-deep)}.today-records li .amount.minus{color:var(--red)}.records-more{border-radius:var(--r-sm);background:var(--bg-tint);width:100%;color:var(--accent-deep);border:0;justify-content:center;align-items:center;gap:4px;margin-top:10px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.records-more svg{width:14px;height:14px}.child-header{justify-content:space-between;align-items:center;padding:10px 16px 8px;display:flex}.child-header>div{flex-direction:column;display:flex}.child-header span{color:var(--accent-deep);font-size:11px;font-weight:600}.child-header h1{color:var(--ink);margin:2px 0 0;font-size:20px;font-weight:800}.child-header img{object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-2);border:2px solid #fff;border-radius:50%}.child-points{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;box-shadow:var(--shadow-2);grid-template-columns:1fr auto;gap:8px;margin:0 16px 12px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.child-points:before{content:"✨";opacity:.18;font-size:64px;position:absolute;bottom:-16px;right:-10px}.child-points span{opacity:.9;z-index:1;font-size:11px;position:relative}.child-points strong{z-index:1;font-variant-numeric:tabular-nums;font-size:38px;line-height:1;position:relative}.child-points small{opacity:.8;z-index:1;margin-left:3px;font-size:14px;position:relative}.child-points p{opacity:.92;z-index:1;margin:0;font-size:11px;position:relative}.child-points .stats{z-index:1;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:relative}.knowledge-card{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);margin:0 16px 12px;padding:14px 16px}.knowledge-card h3{color:var(--ink);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.knowledge-card h3 svg{width:16px;height:16px;color:var(--accent-deep)}.knowledge-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-deep);border-radius:50%;place-items:center;margin-bottom:6px;font-family:Georgia,serif;font-size:26px;font-weight:800;line-height:1;display:grid}.knowledge-card p{color:var(--ink-2);font-size:13px;line-height:1.6}.knowledge-card span{color:var(--muted);margin-top:6px;font-size:11px;display:block}.history-today-item{border-bottom:1px dashed var(--line);grid-template-columns:56px 1fr;gap:10px;padding:8px 0;display:grid}.history-today-item:last-child{border-bottom:0}.history-today-item b{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.history-today-item p{color:var(--ink-2);font-size:12px;line-height:1.5}.today-schedule-card{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);margin:0 16px 12px;padding:14px 16px}.today-schedule-card h3{color:var(--ink);align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.today-schedule-card h3 svg{width:16px;height:16px;color:var(--accent-deep)}.schedule-strip{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.schedule-strip::-webkit-scrollbar{display:none}.schedule-chip{border-radius:var(--r-md);background:var(--bg-tint);color:var(--ink-2);text-align:center;flex:none;padding:8px 12px}.schedule-chip strong{font-size:13px;font-weight:600;display:block}.schedule-chip small{color:var(--muted);font-size:10px}.points-page{padding:0 0 20px}.points-total-strip{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;box-shadow:var(--shadow-2);justify-content:space-between;align-items:center;margin:0 16px 12px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.points-total-strip:before{content:"🎯";opacity:.16;font-size:56px;position:absolute;bottom:-14px;right:-8px}.points-total-strip>span{opacity:.92;z-index:1;font-size:12px;position:relative}.points-total-strip>strong{z-index:1;font-variant-numeric:tabular-nums;font-size:30px;line-height:1;position:relative}.points-total-strip small{opacity:.85;z-index:1;font-size:13px;position:relative}.points-page .week-strip{padding:6px 16px}.page-section-title{color:var(--ink);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:4px;padding:14px 16px 8px;font-size:13px;font-weight:700;display:flex}.page-section-title:first-of-type{border-top:0;margin-top:0}.page-section-title span{color:var(--muted);font-size:11px;font-weight:500}.month-calendar{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);margin:0 16px 12px;padding:14px 12px 12px}.month-header{justify-content:space-between;align-items:center;padding:0 4px 10px;display:flex}.month-nav{background:var(--bg-soft);width:28px;height:28px;color:var(--ink-2);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s;display:grid}.month-nav:hover{background:var(--accent-soft);color:var(--accent-deep)}.month-nav svg{width:14px;height:14px}.month-title{color:var(--ink);letter-spacing:.3px;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.month-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;padding:0 0 6px;display:grid}.month-weekdays span{text-align:center;color:var(--muted);padding:4px 0;font-size:10px;font-weight:600}.month-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-cell{aspect-ratio:1;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:0;padding:4px 2px;transition:all .15s;display:flex}.month-cell:hover:not(.dim):not(.selected){background:var(--bg-soft)}.month-cell.dim{opacity:.32;cursor:default}.month-cell.today .month-cell-date{color:var(--accent-deep);font-weight:800;position:relative}.month-cell.today .month-cell-date:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.month-cell.selected{background:var(--accent);color:#fff;box-shadow:var(--shadow-1)}.month-cell.selected .month-cell-date,.month-cell.selected .month-cell-points{color:#fff}.month-cell-date{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;line-height:1}.month-cell-points{font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;line-height:1}.month-cell-points.plus{color:var(--green-deep)}.month-cell-points.minus{color:var(--red)}.month-cell-points.empty{color:var(--muted);opacity:.4}.tasks-page{padding:0 0 20px}.tasks-page .task-summary-info{border-radius:var(--r-md);background:var(--bg-tint);margin:0 16px 12px;padding:10px 14px}.tasks-page .task-summary-info p{color:var(--ink-2);margin:0;font-size:12px;line-height:1.6}.page-header-bar{align-items:center;padding:12px 16px 6px;display:flex}.page-header-bar h1{color:var(--ink);font-size:18px;font-weight:800}.header-add-btn{background:var(--accent);color:#fff;border:0;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #ff8a5b4d}.header-add-btn svg{width:14px;height:14px}.task-management-inline{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);margin:0 16px;overflow:hidden}.task-management-inline article{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:0 8px;display:grid}.task-management-inline article:last-child{border-bottom:0}.task-mng-row{text-align:left;background:0 0;border:0;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.task-mng-icon{font-size:22px}.task-mng-info{min-width:0}.task-mng-info strong{color:var(--ink);font-size:14px;font-weight:600;display:block}.task-mng-info small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.task-mng-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.task-mng-badge.all{background:var(--bg-tint);color:var(--accent-deep);border:1px solid var(--accent-soft)}.task-mng-badge.single{background:var(--purple-soft);color:var(--purple);border:1px solid #d4c4f5}.task-management-inline article button:not(.task-mng-row){width:38px;height:38px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.task-management-inline article button:not(.task-mng-row) svg{width:16px;height:16px}.task-management-inline article button:not(.task-mng-row):hover{background:var(--bg-soft);border-radius:8px}.task-management-inline article button:not(.task-mng-row):active{transform:scale(.94)}.profile-page{padding:12px 0 20px}.profile-hero{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);grid-template-columns:56px 1fr;align-items:center;gap:12px;margin:0 16px 12px;padding:12px 16px 14px;display:grid}.profile-hero img{width:56px;height:56px;box-shadow:var(--shadow-2);border:2px solid #fff;border-radius:50%}.profile-hero strong{color:var(--ink);font-size:16px;font-weight:800;display:block}.profile-hero small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.profile-actions{gap:8px;margin:0 16px;display:grid}.profile-actions button{border-radius:var(--r-md);background:var(--bg-elevated);width:100%;color:var(--ink);box-shadow:var(--shadow-1);text-align:left;border:0;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.profile-actions button svg{width:18px;height:18px;color:var(--accent-deep)}.profile-actions button svg:last-child{color:var(--muted);margin-left:auto;transform:rotate(-90deg)}.profile-actions .logout-btn{background:var(--bg-elevated);color:var(--red);box-shadow:var(--shadow-1);margin-top:8px}.profile-actions .logout-btn svg,.profile-actions .logout-btn svg:last-child{color:var(--red)}.sheet-form{touch-action:pan-y;overscroll-behavior:contain;gap:10px;display:grid}.sheet-form label{color:var(--ink-2);touch-action:manipulation;font-size:12px;font-weight:600}.sheet-form label small{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.sheet-form input,.sheet-form textarea,.sheet-form select{border:1px solid var(--line-strong);border-radius:var(--r-md);touch-action:manipulation;background:#fff;width:100%;min-height:44px;padding:10px 12px;font-size:14px}.sheet-form textarea{resize:vertical;touch-action:pan-y;min-height:80px}.sheet-form .form-grid{touch-action:pan-y;grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-form .form-grid>label{touch-action:manipulation;gap:6px;min-width:0;display:grid}.sheet-form .form-grid input,.sheet-form .form-grid select{touch-action:manipulation;width:100%;min-width:0;max-width:100%}.sheet-form .primary-action{border-radius:var(--r-md);background:var(--accent);color:#fff;width:100%;min-height:48px;box-shadow:var(--shadow-fab);border:0;justify-content:center;align-items:center;margin-top:8px;font-size:15px;font-weight:700;display:flex}@media (width<=480px){.sheet-form .form-grid{grid-template-columns:1fr}.sheet-form .form-grid input[type=date]{width:100%;max-width:100%}}.adjust-amount-pad{grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0;display:grid}.adjust-amount-pad button{border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink);background:#fff;padding:10px 0;font-size:14px;font-weight:600}.adjust-amount-pad button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pomodoro-overlay{z-index:950;background:#2e201a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pomodoro-card{border-radius:var(--r-xl);background:var(--bg-elevated);width:100%;max-width:320px;box-shadow:var(--shadow-3);text-align:center;padding:24px}.pomodoro-card h3{color:var(--ink);margin-bottom:16px;font-size:16px;font-weight:700}.pomodoro-ring{width:200px;height:200px;margin:0 auto 16px;position:relative}.pomodoro-time{place-items:center;display:grid;position:absolute;inset:0}.pomodoro-time strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:42px;font-weight:800}.pomodoro-time span{color:var(--muted);font-size:13px}.pomodoro-controls{justify-content:center;gap:10px;display:flex}.pomodoro-main-btn{background:var(--accent);color:#fff;min-width:120px;min-height:48px;box-shadow:var(--shadow-fab);border:0;border-radius:24px;font-size:15px;font-weight:700}.pomodoro-reset{border:1px solid var(--line-strong);min-width:72px;min-height:48px;color:var(--ink);background:#fff;border-radius:24px;font-size:14px}.pomodoro-close{background:var(--bg-soft);width:32px;height:32px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.history-view,.history-list{gap:10px;margin:0 16px 12px;display:grid}.history-list>section{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);padding:12px 14px}.history-list header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:8px;display:flex}.history-list header strong{color:var(--ink);font-size:13px;font-weight:700}.history-list header b{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.history-list article{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.history-list article:last-child{border-bottom:0}.history-list article>div{gap:2px;min-width:0;display:grid}.history-list article strong{color:var(--ink);font-size:13px;font-weight:500}.history-list article small{color:var(--muted);font-size:11px}.history-list article .tag-task,.history-list article .tag-bonus,.history-list article .tag-penalty{border-radius:999px;width:max-content;margin-bottom:2px;padding:1px 8px;font-size:10px;font-weight:600;display:inline-block}.history-list article .tag-task{background:var(--bg-tint);color:var(--accent-deep)}.history-list article .tag-bonus{background:var(--green-soft);color:var(--green-deep)}.history-list article .tag-penalty{background:var(--red-soft);color:var(--red)}.history-list article b{color:var(--green-deep);font-variant-numeric:tabular-nums;text-align:right;font-size:14px;font-weight:700}.history-list article b.negative{color:var(--red)}.history-view{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);padding:12px 14px}.history-view ul{margin:0;padding:0;list-style:none}.history-view li{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.history-view li:last-child{border-bottom:0}.history-view .history-label{color:var(--ink);font-size:13px;font-weight:500}.history-view .history-date{color:var(--muted);margin-top:2px;font-size:10px}.history-view .history-amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.history-view .history-amount.plus{color:var(--green-deep)}.history-view .history-amount.minus{color:var(--red)}.management-list{gap:8px;padding:4px 0;display:grid}.management-list article{border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:var(--shadow-1);grid-template-columns:1fr auto auto;align-items:center;padding:10px 12px;display:grid}.child-mng-row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;display:flex}.child-mng-row img{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:36px;height:36px}.child-mng-info strong{color:var(--ink);font-size:13px;display:block}.child-mng-info small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.management-list article button:not(.child-mng-row):not(.task-mng-row){background:var(--bg-soft);width:32px;height:32px;color:var(--muted);border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}.management-list article button:not(.child-mng-row):not(.task-mng-row) svg{width:14px;height:14px}.tools-page{padding:12px 16px 20px}.tools-list{gap:10px;display:grid}.tool-card{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.tool-icon{border-radius:var(--r-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);place-items:center;font-size:22px;display:grid}.tool-info strong{color:var(--ink);font-size:14px;font-weight:700}.tool-info small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.tool-card svg{width:18px;height:18px;color:var(--muted)}.full-week-schedule{border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-1);margin:12px 16px;padding:12px 14px}.full-week-schedule h3{color:var(--ink);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.full-week-schedule h3 svg{width:16px;height:16px;color:var(--accent-deep)}.full-week-schedule .day-row{border-bottom:1px dashed var(--line);grid-template-columns:40px 1fr;gap:10px;padding:6px 0;font-size:12px;display:grid}.full-week-schedule .day-row:last-child{border-bottom:0}.full-week-schedule .day-row b{color:var(--accent-deep);font-size:11px;font-weight:700}.full-week-schedule .day-row span{color:var(--ink-2);line-height:1.6}.full-week-schedule .day-row .empty{color:var(--muted);font-style:italic}.instant-tip{color:var(--muted);align-items:center;gap:6px;padding:10px 16px 14px;font-size:11px;display:flex}.instant-tip svg{width:12px;height:12px;color:var(--green)}.instant-tip span{color:var(--accent-deep);margin-left:auto;font-weight:700}@media (width<=420px){.points-overview-info span.age-pill{display:none}.points-overview-info .message-link{padding:4px 8px;font-size:11px}.points-overview-total strong{font-size:22px}.points-total-strip strong{font-size:26px}.task-card{gap:10px;padding:10px 12px}.task-card-btn{padding:0 10px;font-size:12px}.task-card.compact{gap:8px;min-height:88px;padding:8px 10px 10px}.task-card.compact .task-card-info h3{font-size:14px}.task-card.compact .task-card-btn{width:32px;min-width:32px;height:30px;min-height:30px}.month-cell-points{font-size:9px}.month-cell-date{font-size:11px}.points-overview{padding:4px 12px 2px}.child-bar{padding:6px 12px 2px}}@media (width<=390px){.child-points strong{font-size:32px}}:root{--rarity-common:#a8a8a8;--rarity-common-bg:linear-gradient(135deg, #f4f0e8 0%, #e6dfd0 100%);--rarity-rare:#5b9bd4;--rarity-rare-bg:linear-gradient(135deg, #e5f0fa 0%, #b8d8ee 100%);--rarity-epic:#9070d8;--rarity-epic-bg:linear-gradient(135deg, #ede4fa 0%, #c8b3f0 100%);--rarity-legend:#e8a93a;--rarity-legend-bg:linear-gradient(135deg, #fff3d6 0%, #f5cf6a 100%);--rarity-mythic:#ff6b5b;--rarity-mythic-bg:linear-gradient(135deg, #ffe2dc 0%, #ffaa9a 50%, #ff6b5b 100%);--elem-fire:#ff6b5b;--elem-fire-glow:#ff6b5b8c;--elem-water:#5b9bd4;--elem-water-glow:#5b9bd48c;--elem-thunder:#e8a93a;--elem-thunder-glow:#e8a93a8c;--elem-wind:#7ec9a3;--elem-wind-glow:#7ec9a38c;--elem-earth:#b08968;--elem-earth-glow:#b089688c;--elem-light:#f5d76e;--elem-light-glow:#f5d76e8c;--elem-dark:#6b4a8a;--elem-dark-glow:#6b4a8a8c}.pet-page{gap:16px;padding-bottom:100px;display:grid}.pet-header{gap:8px;padding:8px 4px 0;display:grid}.pet-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pet-header h1{color:var(--ink);margin:0;font-size:22px;font-weight:800}.pet-points-pill{background:linear-gradient(135deg, var(--gold-soft), #ffe9b8);color:#b97a00;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.pet-points-pill svg{width:14px;height:14px}.pet-points-pill strong{font-variant-numeric:tabular-nums}.pet-tabs{background:var(--bg-tint);border-radius:999px;gap:6px;padding:4px;display:flex}.pet-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:8px 10px;font-size:13px;font-weight:600;transition:all .2s}.pet-tabs button.active{background:var(--ink);color:#fff;box-shadow:var(--shadow-2)}.pet-canvas-bg{border-radius:var(--r-xl);width:100%;height:180px;position:relative;overflow:hidden}.pet-canvas-bg canvas{pointer-events:none;width:100%;height:100%;display:block}.pet-canvas-bg .pet-canvas-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.pet-canvas-bg .pet-canvas-label .icon{filter:drop-shadow(0 4px 12px #0000004d);font-size:64px}.pet-canvas-bg .pet-canvas-label .name{color:#fff;text-shadow:0 2px 8px #0006;font-size:18px;font-weight:800}.pet-canvas-bg .pet-canvas-label .element{color:#ffffffd9;font-size:11px;font-weight:600}.pet-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=540px){.pet-grid{grid-template-columns:repeat(3,1fr)}}.pet-card{border-radius:var(--r-lg);background:var(--bg-elevated);border:2px solid var(--line);box-shadow:var(--shadow-1);cursor:pointer;gap:6px;padding:10px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.pet-card:active{transform:scale(.97)}.pet-card.rarity-common{border-color:var(--rarity-common)}.pet-card.rarity-rare{border-color:var(--rarity-rare);background:var(--rarity-rare-bg)}.pet-card.rarity-epic{border-color:var(--rarity-epic);background:var(--rarity-epic-bg)}.pet-card.rarity-legend{border-color:var(--rarity-legend);background:var(--rarity-legend-bg)}.pet-card.rarity-mythic{border-color:var(--rarity-mythic);background:var(--rarity-mythic-bg);box-shadow:0 0 24px var(--elem-fire-glow)}.pet-card .pet-card-thumb{aspect-ratio:1;border-radius:var(--r-md);width:100%;position:relative;overflow:hidden}.pet-card .pet-card-thumb canvas{pointer-events:none;width:100%;height:100%;display:block}.pet-card .pet-card-thumb .pet-icon{filter:drop-shadow(0 4px 10px #0000004d);pointer-events:none;place-items:center;font-size:56px;display:grid;position:absolute;inset:0}.pet-card .pet-card-name{color:var(--ink);align-items:center;gap:4px;font-size:14px;font-weight:800;line-height:1.2;display:flex}.pet-card .pet-card-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.pet-card .pet-card-meta .lvl{background:var(--ink);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.pet-card .pet-card-elem{color:#fff;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.pet-card .pet-card-elem.elem-fire{background:var(--elem-fire)}.pet-card .pet-card-elem.elem-water{background:var(--elem-water)}.pet-card .pet-card-elem.elem-thunder{background:var(--elem-thunder);color:#2e201a}.pet-card .pet-card-elem.elem-wind{background:var(--elem-wind)}.pet-card .pet-card-elem.elem-earth{background:var(--elem-earth)}.pet-card .pet-card-elem.elem-light{background:var(--elem-light);color:#2e201a}.pet-card .pet-card-elem.elem-dark{background:var(--elem-dark)}.pet-card .pet-card-rarity{color:var(--ink);z-index:2;background:#ffffffeb;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800;position:absolute;top:4px;right:4px}.pet-card.rarity-common .pet-card-rarity{color:var(--rarity-common)}.pet-card.rarity-rare .pet-card-rarity{color:var(--rarity-rare)}.pet-card.rarity-epic .pet-card-rarity{color:var(--rarity-epic)}.pet-card.rarity-legend .pet-card-rarity{color:var(--rarity-legend)}.pet-card.rarity-mythic .pet-card-rarity{color:var(--rarity-mythic)}.pet-card-price{border-radius:var(--r-md);background:var(--gold-soft);justify-content:space-between;align-items:center;margin-top:6px;padding:8px 10px;display:flex}.pet-card-price strong{color:#b97a00;font-variant-numeric:tabular-nums}.pet-card-buy-btn{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.pet-card-buy-btn:disabled{opacity:.4;cursor:not-allowed}.pet-empty{text-align:center;color:var(--muted);gap:8px;padding:40px 20px;display:grid}.pet-empty .empty-icon{font-size:56px}.pet-empty h3{color:var(--ink);font-size:16px;font-weight:700}.pet-detail{gap:16px;display:grid}.pet-detail-hero{border-radius:var(--r-xl);height:220px;position:relative;overflow:hidden}.pet-detail-hero canvas{pointer-events:none;width:100%;height:100%;display:block}.pet-detail-hero .pet-hero-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.pet-detail-hero .pet-hero-icon{filter:drop-shadow(0 8px 24px #00000080);font-size:96px;animation:3s ease-in-out infinite pet-float}@keyframes pet-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-2deg)}}.pet-detail-hero .pet-hero-name{color:#fff;text-shadow:0 2px 8px #00000080;font-size:24px;font-weight:800}.pet-detail-hero .pet-hero-rarity{background:#ffffffeb;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800}.pet-detail-hero .pet-hero-element{color:#ffffffe6;font-size:12px;font-weight:600}.pet-detail-stats{background:var(--bg-elevated);border-radius:var(--r-lg);border:1px solid var(--line);gap:10px;padding:14px;display:grid}.pet-detail-stat{grid-template-columns:60px 1fr 40px;align-items:center;gap:8px;display:grid}.pet-detail-stat .label{color:var(--muted);font-size:12px;font-weight:600}.pet-detail-stat .bar{background:var(--bg-soft);border-radius:999px;height:8px;overflow:hidden}.pet-detail-stat .bar-fill{border-radius:999px;height:100%;transition:width .5s}.pet-detail-stat .bar-fill.stat-hp{background:linear-gradient(90deg, var(--red), #ffaa9a)}.pet-detail-stat .bar-fill.stat-atk{background:linear-gradient(90deg, var(--elem-fire), #ffaa9a)}.pet-detail-stat .bar-fill.stat-def{background:linear-gradient(90deg, var(--elem-earth), #d4a890)}.pet-detail-stat .bar-fill.stat-spd{background:linear-gradient(90deg, var(--elem-wind), #a8e0c0)}.pet-detail-stat .value{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.pet-detail-exp{background:var(--bg-elevated);border-radius:var(--r-lg);border:1px solid var(--line);padding:12px 14px}.pet-detail-exp-row{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.pet-detail-exp-row strong{color:var(--ink);font-variant-numeric:tabular-nums}.pet-detail-exp-bar{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden}.pet-detail-exp-fill{background:linear-gradient(90deg, var(--gold), #ffd870);border-radius:999px;height:100%;transition:width .6s}.pet-detail-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pet-detail-actions button{border-radius:var(--r-md);border:0;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;display:flex}.pet-detail-actions button svg{width:16px;height:16px}.pet-detail-actions .feed-btn{background:linear-gradient(135deg, var(--gold-soft), #ffe9b8);color:#b97a00}.pet-detail-actions .rename-btn{background:var(--bg-tint);color:var(--ink)}.pet-item-list{gap:8px;display:grid}.pet-item-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:10px;padding:10px 12px;display:flex}.pet-item-card .item-icon{font-size:28px}.pet-item-card .item-info{flex:1;gap:2px;display:grid}.pet-item-card .item-name{color:var(--ink);font-size:13px;font-weight:700}.pet-item-card .item-desc{color:var(--muted);font-size:11px}.pet-item-card .item-qty{background:var(--bg-tint);color:var(--ink);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pet-item-card.rarity-rare{border-color:var(--rarity-rare)}.pet-item-card.rarity-epic{border-color:var(--rarity-epic)}.pet-item-card.rarity-legend{border-color:var(--rarity-legend)}.pet-item-card.rarity-mythic{border-color:var(--rarity-mythic)}.pet-filter{scrollbar-width:none;gap:6px;padding:0 0 4px;display:flex;overflow-x:auto}.pet-filter::-webkit-scrollbar{display:none}.pet-filter button{border:1px solid var(--line);background:var(--bg-elevated);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.pet-filter button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pet-battle-arena{border-radius:var(--r-xl);background:linear-gradient(#1a1228 0%,#2d1f3a 100%);gap:12px;min-height:360px;padding:16px;display:grid;position:relative;overflow:hidden}.pet-battle-canvas{pointer-events:none;position:absolute;inset:0}.pet-battle-canvas canvas{pointer-events:none;width:100%;height:100%}.pet-battle-fighter{z-index:1;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.pet-battle-side{border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);background:#0006;gap:6px;padding:12px;display:grid}.pet-battle-side .side-name{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.pet-battle-side .side-icon{font-size:36px}.pet-battle-side .side-hp-bar{background:#fff3;border-radius:999px;height:8px;overflow:hidden}.pet-battle-side .side-hp-fill{background:linear-gradient(90deg,#5fb956,#a0e090);height:100%;transition:width .4s}.pet-battle-side .side-hp-fill.low{background:linear-gradient(90deg,#ff6b5b,#ffaa9a)}.pet-battle-side .side-hp-text{color:#fffc;font-variant-numeric:tabular-nums;font-size:11px}.pet-battle-side.enemy{text-align:right}.pet-battle-side.enemy .side-name{justify-content:flex-end}.pet-battle-side.enemy .side-hp-bar{direction:rtl}.pet-battle-log{z-index:1;border-radius:var(--r-md);color:#ffffffd9;background:#00000080;gap:4px;max-height:140px;padding:10px;font-size:12px;display:grid;position:relative;overflow-y:auto}.pet-battle-log .log-line{line-height:1.4}.pet-battle-log .log-line.dmg{color:#ffaa9a}.pet-battle-log .log-line.crit{color:var(--gold);font-weight:700}.pet-battle-log .log-line.win{color:var(--green);font-weight:700}.pet-battle-log .log-line.lose{color:var(--red);font-weight:700}.pet-battle-actions{z-index:1;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid;position:relative}.pet-battle-actions button{border-radius:var(--r-md);border:0;padding:12px 8px;font-size:13px;font-weight:700}.pet-battle-actions .attack-btn{background:linear-gradient(135deg, var(--elem-fire), #ffaa9a);color:#fff}.pet-battle-actions .skill-btn{background:linear-gradient(135deg, var(--elem-thunder), #ffd870);color:#2e201a}.pet-battle-actions .flee-btn{color:#fff;background:#ffffff26}.pet-dungeon-grid{gap:10px;display:grid}.pet-dungeon-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:transform .15s;display:flex}.pet-dungeon-card:active{transform:scale(.98)}.pet-dungeon-card.locked{opacity:.5}.pet-dungeon-card .dungeon-icon{font-size:36px}.pet-dungeon-card .dungeon-info{flex:1;gap:2px;display:grid}.pet-dungeon-card .dungeon-name{color:var(--ink);font-size:14px;font-weight:700}.pet-dungeon-card .dungeon-meta{color:var(--muted);font-size:11px}.pet-dungeon-card .dungeon-elem{color:#fff;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.pet-dungeon-card .dungeon-elem.elem-fire{background:var(--elem-fire)}.pet-dungeon-card .dungeon-elem.elem-water{background:var(--elem-water)}.pet-dungeon-card .dungeon-elem.elem-thunder{background:var(--elem-thunder);color:#2e201a}.pet-dungeon-card .dungeon-elem.elem-wind{background:var(--elem-wind)}.pet-dungeon-card .dungeon-elem.elem-earth{background:var(--elem-earth)}.pet-dungeon-card .dungeon-elem.elem-light{background:var(--elem-light);color:#2e201a}.pet-dungeon-card .dungeon-elem.elem-dark{background:var(--elem-dark)}