:root{font-family:Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3{margin:0;line-height:1.2}button{font-family:inherit;cursor:pointer}button:disabled{pointer-events:none}#root{width:100%;min-height:100vh}:root{--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dd-bg: oklch(96% .05 55);--dd-card: oklch(99% .02 55);--dd-border: oklch(86% .1 50);--dd-accent: oklch(72% .22 40);--dd-text: oklch(35% .08 40);--cc-bg: oklch(95% .04 220);--cc-card: oklch(98% .02 220);--cc-border: oklch(84% .09 220);--cc-accent: oklch(60% .18 230);--cc-text: oklch(32% .08 230);--gold: oklch(72% .18 72);--gold-deep: oklch(58% .18 70);--gold-bg: oklch(96% .1 80);--gold-glow: oklch(85% .18 75 / .55);--smile-color: oklch(76% .2 80);--heart-color: oklch(68% .22 12);--ink: oklch(20% .02 60);--ink-soft: oklch(45% .03 60);--ink-mute: oklch(62% .03 60)}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,oklch(96% .06 80 / .6),transparent 60%),radial-gradient(900px 500px at 90% 110%,oklch(95% .05 220 / .5),transparent 60%),#fdf8f0}.app{max-width:860px;margin:0 auto;padding:20px 16px 48px;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:18px}.app-title{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:900;color:#3e2104;letter-spacing:.04em}.title-star{font-size:1.05rem;animation:spin-slow 6s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.panels-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.child-panel{position:relative;border-radius:24px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:12px;border:2px solid transparent;transition:transform .25s var(--ease-out-quart)}.child-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:70px;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);border-radius:22px 22px 0 0;pointer-events:none}.child-panel[data-child=都都]{background:var(--dd-bg);border-color:var(--dd-border);box-shadow:0 6px 24px #ff764324,0 1px #fff inset;box-shadow:0 6px 24px oklch(72% .22 40 / .14),0 1px #fff inset}.child-panel[data-child=程程]{background:var(--cc-bg);border-color:var(--cc-border);box-shadow:0 6px 24px #008cb924,0 1px #fff inset;box-shadow:0 6px 24px oklch(60% .18 230 / .14),0 1px #fff inset}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.panel-identity{display:flex;align-items:center;gap:8px;min-width:0}.child-avatar{font-size:2rem;line-height:1;flex-shrink:0;animation:avatar-float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.child-panel[data-child=程程] .child-avatar{animation-delay:-1.5s}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.child-name{font-size:1.15rem;font-weight:900;line-height:1;letter-spacing:.02em}.child-panel[data-child=都都] .child-name{color:var(--dd-text)}.child-panel[data-child=程程] .child-name{color:var(--cc-text)}.gold-badge{display:flex;align-items:center;gap:4px;padding:6px 12px 6px 8px;border-radius:999px;background:linear-gradient(135deg,#fff0d7,#ffdfb2 50%,#ffd79f 75%,#ffd395,#ffce8a);background:linear-gradient(135deg,color(xyz 0.864 0.879 0.474),color(xyz 0.79 0.767 0.263) 50%,color(xyz 0.756 0.715 0.177) 75%,color(xyz 0.74 0.689 0.139),color(xyz 0.724 0.664 0.104));border:2px solid oklch(82% .18 75);box-shadow:0 3px 12px var(--gold-glow),inset 0 1px #fff9;position:relative;transition:transform .3s var(--ease-bounce)}.gold-badge:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),transparent 50%);pointer-events:none;opacity:.5}.gold-badge.flash{animation:gold-flash .6s var(--ease-bounce)}@keyframes gold-flash{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.18) rotate(-4deg);box-shadow:0 6px 20px #fcab00d9;box-shadow:0 6px 20px oklch(80% .22 75 / .85)}70%{transform:scale(.97) rotate(2deg)}to{transform:scale(1) rotate(0)}}.gold-badge-icon{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.gold-badge-num{font-size:1.15rem;font-weight:900;color:var(--gold-deep);font-variant-numeric:tabular-nums;letter-spacing:.01em}.today-summary{display:flex;align-items:center;gap:6px;padding:0 2px;position:relative;z-index:1}.today-summary-label{font-size:.72rem;font-weight:800;color:var(--ink-mute);letter-spacing:.05em}.today-chip{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:800;color:#005813;color:oklch(40% .18 145);background:#c1fec2;border:1px solid oklch(85% .13 145);border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}.gem-rows{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.gem-row{position:relative;border-radius:18px;padding:14px 14px 12px;background:var(--dd-card);border:1.5px solid oklch(91% .05 60);transition:border-color .3s,box-shadow .3s}.child-panel[data-child=都都] .gem-row{background:var(--dd-card);border-color:#ffd8c2;border-color:oklch(91% .07 52)}.child-panel[data-child=程程] .gem-row{background:var(--cc-card);border-color:#b2e8fa}.gem-row.can-exchange{border-color:#ffb334;border-color:oklch(82% .18 75);box-shadow:0 0 0 3px #ffce8a40,0 4px 16px #fcab0040;box-shadow:0 0 0 3px oklch(88% .18 75 / .25),0 4px 16px oklch(80% .2 75 / .25);animation:ready-breathe 2.4s ease-in-out infinite}@keyframes ready-breathe{0%,to{box-shadow:0 0 0 3px #ffce8a2e,0 4px 16px #fcab0033;box-shadow:0 0 0 3px oklch(88% .18 75 / .18),0 4px 16px oklch(80% .2 75 / .2)}50%{box-shadow:0 0 0 4px #ffce8a59,0 6px 22px #fcab0066;box-shadow:0 0 0 4px oklch(88% .18 75 / .35),0 6px 22px oklch(80% .2 75 / .4)}}.gem-row-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.gem-info{display:flex;flex-direction:column;gap:7px;min-width:0}.gem-label-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.gem-emoji{font-size:1.1rem;line-height:1}.gem-label{font-size:.85rem;font-weight:800;color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap}.gem-count-num{margin-left:auto;font-size:1.85rem;font-weight:900;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.gem-dots{display:flex;align-items:center;gap:6px}.gem-dot{width:14px;height:14px;border-radius:50%;background:#efe2d8;border:1.5px solid oklch(85% .03 60);box-shadow:inset 0 1px 2px #0000000f;transition:background .3s var(--ease-bounce),transform .3s var(--ease-bounce)}.gem-dot.filled{border-color:transparent;box-shadow:inset 0 1px #ffffff80,0 1px 4px #0000001f}.gem-dot.just-lit{animation:dot-pop .5s var(--ease-bounce)}@keyframes dot-pop{0%{transform:scale(.6)}60%{transform:scale(1.35)}to{transform:scale(1)}}.gem-hint{font-size:.72rem;font-weight:700;color:var(--ink-mute)}.gem-hint b{color:var(--ink);font-weight:900;font-size:.8rem}.gem-hint .hint-ready{color:var(--gold-deep);font-weight:800}.add-btn-big{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s var(--ease-out-expo),box-shadow .15s}.add-btn-plus{font-size:1.35rem;font-weight:900;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.15);pointer-events:none}.smile-add{background:radial-gradient(circle at 30% 25%,oklch(95% .12 85),transparent 55%),linear-gradient(135deg,#ffc761,#fca500,#e88c00);background:radial-gradient(circle at 30% 25%,oklch(95% .12 85),transparent 55%),linear-gradient(135deg,color(xyz 0.67 0.621 0.035),color(xyz 0.569 0.471 -0.023),color(xyz 0.48 0.347 -0.056));box-shadow:0 6px 18px #f5a4008c,inset 0 -3px #b66c0066,inset 0 2px #ffffff73;box-shadow:0 6px 18px oklch(78% .22 74 / .55),inset 0 -3px oklch(60% .22 65 / .4),inset 0 2px #ffffff73}.smile-add:active,.smile-add.pressing{transform:scale(.88);box-shadow:0 2px 6px #f5a40073,inset 0 -1px #b66c004d,inset 0 1px #ffffff4d;box-shadow:0 2px 6px oklch(78% .22 74 / .45),inset 0 -1px oklch(60% .22 65 / .3),inset 0 1px #ffffff4d}.heart-add{background:radial-gradient(circle at 30% 25%,oklch(94% .1 18),transparent 55%),linear-gradient(135deg,#ff9ea4,#ff6c8c 50%,#ff4982 75%,#ff2f7e,#fd007a);background:radial-gradient(circle at 30% 25%,oklch(94% .1 18),transparent 55%),linear-gradient(135deg,color(xyz 0.724 0.461 0.3),color(xyz 0.583 0.326 0.246) 50%,color(xyz 0.519 0.269 0.221) 75%,color(xyz 0.489 0.243 0.209),color(xyz 0.459 0.219 0.197));box-shadow:0 6px 18px #ff5d828c,inset 0 -3px #b7005266,inset 0 2px #fff6;box-shadow:0 6px 18px oklch(70% .26 10 / .55),inset 0 -3px oklch(50% .28 6 / .4),inset 0 2px #fff6}.heart-add:active,.heart-add.pressing{transform:scale(.88);box-shadow:0 2px 6px #ff5d8273,inset 0 -1px #b700524d,inset 0 1px #ffffff40;box-shadow:0 2px 6px oklch(70% .26 10 / .45),inset 0 -1px oklch(50% .28 6 / .3),inset 0 1px #ffffff40}.add-btn-big.pc-locked{opacity:.32;cursor:not-allowed}.exchange-fab{position:absolute;top:-12px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:6px 12px 6px 8px;border-radius:999px;border:2px solid oklch(70% .2 70);background:linear-gradient(135deg,#ffe0a9,#ffc577 50%,#ffbe69,#ffb75b,#ffb04b,#ffa838);background:linear-gradient(135deg,color(xyz 0.772 0.771 0.257),color(xyz 0.676 0.62 0.117) 50%,color(xyz 0.653 0.585 0.088),color(xyz 0.632 0.552 0.063),color(xyz 0.61 0.52 0.04),color(xyz 0.59 0.489 0.019));color:#2a1500;color:oklch(22% .06 65);font-size:.78rem;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 14px #fba1008c,inset 0 1px #ffffff8c;box-shadow:0 4px 14px oklch(78% .2 70 / .55),inset 0 1px #ffffff8c;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease-bounce);animation:fab-in .4s var(--ease-bounce),fab-pulse 2s ease-in-out .4s infinite}.exchange-fab:active{transform:scale(.92)}.exchange-fab[disabled]{opacity:.7;cursor:default}.exchange-fab.spinning{animation:fab-spin .5s var(--ease-out-quart)}.exchange-fab-icon{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.exchange-fab-text{line-height:1}@keyframes fab-in{0%{transform:translateY(-6px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fab-pulse{0%,to{box-shadow:0 4px 14px #fba10073,inset 0 1px #ffffff80;box-shadow:0 4px 14px oklch(78% .2 70 / .45),inset 0 1px #ffffff80}50%{box-shadow:0 6px 22px #fba100d9,inset 0 1px #fff9;box-shadow:0 6px 22px oklch(78% .2 70 / .85),inset 0 1px #fff9}}@keyframes fab-spin{to{transform:rotate(360deg)}}.bottom-actions{display:flex;justify-content:center;padding-top:4px}.records-link-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#204177;border:2px solid oklch(82% .1 260);padding:12px 28px;border-radius:999px;font-size:.92rem;font-weight:800;cursor:pointer;letter-spacing:.04em;box-shadow:0 4px 14px #89afed33,inset 0 1px #ffffffb3;transition:transform .2s var(--ease-bounce),box-shadow .2s,background .2s,color .2s;touch-action:manipulation}.records-link-btn:hover{background:#629dff;background:oklch(70% .18 260);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #629dff66;box-shadow:0 6px 20px oklch(70% .18 260 / .4)}.records-link-btn:active{transform:translateY(0) scale(.97)}.back-link-btn{background:#fff;color:#5f4025;border:1.5px solid oklch(88% .05 60);padding:10px 24px;border-radius:20px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s var(--ease-out-quart);box-shadow:0 2px 8px #0000000f;touch-action:manipulation}.back-link-btn:hover{background:#fcefe5;transform:translateY(-1px)}.loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.1rem;color:#7d5b40;font-weight:700;gap:8px}.loading:after{content:"";width:16px;height:16px;border:2.5px solid oklch(88% .06 60);border-top-color:#b36d2a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.app{padding:16px 14px 48px;gap:16px}.panels-row{grid-template-columns:1fr;gap:16px;width:100%}.child-panel{padding:16px 14px 14px;border-radius:22px}.child-avatar{font-size:1.95rem}.gem-count-num{font-size:1.6rem}.add-btn-big{width:60px;height:60px}.add-btn-plus{font-size:1.25rem}}@media (max-width: 360px){.app{padding:12px 10px 40px}.gem-row{padding:12px 10px 10px}.gem-row-main{gap:10px}.gem-count-num{font-size:1.45rem}.add-btn-big{width:54px;height:54px}.add-btn-plus{font-size:1.15rem}.gold-badge-num{font-size:1.05rem}}@media (prefers-reduced-motion: reduce){.title-star,.child-avatar,.gem-row.can-exchange{animation:none}.exchange-fab{animation:fab-in .01ms}*,*:before,*:after{transition-duration:.01ms!important}}.record-page-wrap{width:100%;max-width:860px;margin:0 auto;padding:16px 16px 48px;display:flex;flex-direction:column;gap:14px;min-height:100vh;background:#fbf4ea}.child-selector{display:flex;gap:10px;justify-content:center}.child-tab{padding:9px 24px;border-radius:20px;border:2px solid transparent;font-size:.95rem;font-weight:800;cursor:pointer;transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s;background:#fff;color:#886b54;border-color:#f1d0b7;touch-action:manipulation}.child-tab[data-child=都都].active{background:#ffeadc;background:oklch(95% .06 55);border-color:#ff996a;border-color:oklch(78% .16 45);color:#632500;box-shadow:0 3px 12px #fd793340;transform:translateY(-1px)}.child-tab[data-child=程程].active{background:#cdf3ff;background:oklch(94% .05 220);border-color:#00b5e4;border-color:oklch(72% .16 225);color:#00394a;color:oklch(32% .1 225);box-shadow:0 3px 12px #008db340;box-shadow:0 3px 12px oklch(60% .18 225 / .25);transform:translateY(-1px)}.current-status{width:100%}.status-card{border-radius:18px;padding:18px 20px;text-align:center;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:6px}.status-card[data-child=都都]{background:#ffeadc;background:oklch(95% .06 55);border-color:#ffc1a0;border-color:oklch(86% .1 50)}.status-card[data-child=程程]{background:#cdf3ff;background:oklch(94% .05 220);border-color:#83d9f2}.status-card h3{font-size:.85rem;font-weight:700;color:#7f624c;margin:0}.gold-display{display:flex;align-items:center;gap:10px}.gold-icon{font-size:1.8rem}.gold-amount{font-size:2.4rem;font-weight:900;color:#af7100;color:oklch(60% .2 72);line-height:1}.action-buttons{display:flex;justify-content:center}.spend-btn{background:#fff;color:#513217;border:2px solid oklch(86% .06 60);padding:11px 28px;border-radius:20px;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:background .18s,transform .18s cubic-bezier(.25,1,.5,1);touch-action:manipulation}.spend-btn:hover{background:#fcefe5;transform:translateY(-1px)}.spend-btn:active{transform:scale(.97)}.spend-btn.disabled{opacity:.35;cursor:not-allowed}.spend-form{background:#fff;border-radius:16px;padding:18px;border:1.5px solid oklch(90% .04 60);display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 12px #0000000d}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.82rem;font-weight:700;color:#6a4f39}.form-group input{width:100%;padding:10px 12px;border:1.5px solid oklch(88% .05 60);border-radius:10px;background:#fef7f2;color:#1e0d01;font-size:.95rem;font-family:inherit;transition:border-color .18s}.form-group input::placeholder{color:#b89f8c}.form-group input:focus{outline:none;border-color:#df9200;border-color:oklch(72% .16 72);background:#fff}.form-buttons{display:flex;gap:10px;justify-content:center}.confirm-btn{background:linear-gradient(135deg,#26b63d,#00b044,#00a84d 50%,#009957);background:linear-gradient(135deg,#26b63d,color(xyz 0.16 0.316 0.097),color(xyz 0.138 0.29 0.093) 50%,color(xyz 0.099 0.244 0.086));color:#fff;border:none;padding:10px 26px;border-radius:18px;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 3px 10px #00a84d59;box-shadow:0 3px 10px oklch(64% .21 150 / .35);transition:transform .18s,box-shadow .18s;touch-action:manipulation}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00a84d73;box-shadow:0 4px 14px oklch(64% .21 150 / .45)}.confirm-btn.disabled{background:#e2d5cb;color:#9d8b7d;cursor:not-allowed;box-shadow:none}.cancel-btn{background:#fff;color:#755e4c;border:1.5px solid oklch(88% .04 60);padding:10px 22px;border-radius:18px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .18s;touch-action:manipulation}.cancel-btn:hover{background:#fcefe5}.records-section{background:#fff;border-radius:16px;padding:16px;border:1.5px solid oklch(90% .04 60);box-shadow:0 2px 10px #0000000a}.records-section h3{font-size:.85rem;font-weight:800;color:#795d46;margin:0 0 12px;text-align:center;text-transform:uppercase;letter-spacing:.06em}.no-records{text-align:center;padding:28px 0;color:#ab9380;font-size:.875rem}.no-records span{font-size:2.2rem;display:block;margin-top:6px}.records-list{display:flex;flex-direction:column;gap:8px}.record-item{background:#fef7f2;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid oklch(92% .03 60);transition:background .15s}.record-item:hover{background:#fcefe5}.record-icon{font-size:1.1rem;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fbe7d8}.record-content{flex:1;min-width:0}.record-note{font-size:.875rem;font-weight:700;color:#281606;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-date{font-size:.72rem;color:#99816e;margin-top:2px}.record-amount{font-size:.95rem;font-weight:900;min-width:44px;text-align:right}.load-more-container{display:flex;justify-content:center;margin-top:12px;padding-top:10px;border-top:1px solid oklch(92% .03 60)}.load-more-btn{background:#fff;color:#6a4f39;border:1.5px solid oklch(88% .04 60);padding:8px 20px;border-radius:16px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s,transform .18s;touch-action:manipulation}.load-more-btn:hover{background:#fcefe5;transform:translateY(-1px)}.records-info{text-align:center;margin-top:8px;font-size:.72rem;color:#a79486}.bottom-actions{display:flex;justify-content:center}@media (max-width: 480px){.record-page-wrap{padding:12px 12px 40px;gap:12px}.status-card{padding:14px 16px}.gold-amount{font-size:2rem}.spend-form,.records-section{padding:14px}.record-item{padding:9px 10px}.record-note{font-size:.82rem}.record-date{font-size:.67rem}.record-amount{font-size:.875rem}.child-tab{padding:8px 18px;font-size:.875rem}}