[hidden]{display:none!important}.welcome-band{display:flex;align-items:center;justify-content:space-between;background:#eaf2ef;margin-top:26px;padding:22px 31px;min-height:160px;overflow:hidden;position:relative}.welcome-label{font:9px Consolas,monospace;color:#75958a}.welcome-band h2{font-size:25px;line-height:1.4;margin:12px 0 14px;color:#354d43}.welcome-meta{display:flex;gap:20px;color:#779184;font-size:11px}.welcome-meta span{display:flex;align-items:center;gap:6px}.welcome-meta svg{width:13px;height:13px}.welcome-band canvas{width:340px;height:159px;flex:0 0 340px}.page-heading{padding-top:31px;padding-bottom:24px}.filter-bar{display:flex;align-items:center;gap:12px;margin-top:24px}.search-field{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:9px 12px;width:260px}.search-field svg{width:15px;height:15px;color:#aaa0a5}.search-field input{background:transparent;border:0;outline:0;width:100%;color:var(--ink);font-size:12px}.filter-btn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px 12px;background:var(--panel);border-radius:6px;color:#92868d;font-size:11px}.filter-btn svg{width:14px;height:14px}.filter-btn.selected{color:#cc705f;border-color:#eeb7ad;background:#fff0ed}.filter-bar>span{margin-left:auto;font-size:11px;color:#9d949b}.nav-item>span{margin-left:auto;font:10px Consolas,monospace;color:#ac9fa5}.nav-item.active svg{color:#df8a74}.card-top{gap:8px}.card-number{margin-left:auto}.favorite-btn{display:grid;place-items:center;padding:0;border:0;background:none;color:#c8bec3;width:22px;height:22px}.favorite-btn svg{width:14px;height:14px}.favorite-btn:hover,.favorite-btn.saved{color:#dd8778}.favorite-btn.saved svg{fill:#dd877829}.tool-card{transition:border-color .2s,box-shadow .2s}.micro-history{font:10px/1.5 Consolas,'Microsoft YaHei',sans-serif;color:#b19d91;margin-top:10px;min-height:15px;overflow-wrap:anywhere}.reaction-stage{position:relative;background-image:linear-gradient(#d9877110 1px,transparent 1px),linear-gradient(90deg,#d9877110 1px,transparent 1px);background-size:16px 16px}.ball-question{width:100%;height:28px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px;padding:0 0 6px;margin:0 0 12px}.game-grid .tool-card{min-height:330px}.memory-tile{transition:background .2s,transform .2s}.memory-tile:hover{transform:translateY(-2px)}.memory-tile.matched{animation:matchPop .3s ease}.ball-card .magic-ball{height:129px}.arcade-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:15px}.game-title-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.game-title-line h3{margin:0}.inline-score{font:11px Consolas,monospace;color:#91a2a9}.inline-score span{font-size:17px;color:#527d92}.bubble-arena{height:218px;position:relative;overflow:hidden;background-color:#edf5f8;background-image:linear-gradient(#6b9ab010 1px,transparent 1px),linear-gradient(90deg,#6b9ab010 1px,transparent 1px);background-size:23px 23px;border-radius:6px}.arena-idle{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#8baab8;pointer-events:none}.arena-idle svg{height:35px;width:35px;transform:rotate(-18deg);color:#a6c4d0}.arena-idle strong{font:700 25px Consolas,monospace}.arena-idle span{font-size:12px}.game-bubble{border:2px solid #ffffffb3;position:absolute;border-radius:50%;box-shadow:inset -4px -5px 0 #00000006,0 5px 7px #4572830c;color:#fff;font-size:22px;animation:bubblePop .25s ease-out}.game-bubble:hover{filter:brightness(1.06);transform:scale(1.08)}.split-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.split-controls .primary-btn{background:#466f82;box-shadow:none;min-height:36px;font-size:11px}.split-controls .result-line{margin-top:0}.wheel-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:center}.wheel-stage{position:relative;width:100%;aspect-ratio:1}.wheel-stage canvas{width:100%;height:100%;display:block}.wheel-pointer{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:26px;color:#524454;text-shadow:0 2px 0 white}.wheel-form{min-width:0}.wheel-form label{font-size:10px;color:#a297a1;display:block;margin-bottom:7px}.wheel-form textarea{width:100%;resize:vertical;min-height:106px;max-height:150px;border:1px solid var(--line);border-radius:5px;padding:9px 11px;font:11px/1.7 'Microsoft YaHei',sans-serif;background:#fbf8f5;color:#857980;margin-bottom:10px}.wheel-result{font-size:12px;font-weight:600;color:#9c7a92;text-align:center;margin-top:12px;min-height:18px;overflow-wrap:anywhere}.palette-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:15px;min-height:39px}.palette-row #savedColors{display:flex;gap:8px;flex-wrap:wrap}.palette-row .icon-btn{width:25px;height:25px;border-radius:5px}.color-dot{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid #ffffffc0;box-shadow:0 0 0 1px #bbaa991c;flex-shrink:0}.color-dot.selected{outline:2px solid #7d737b;outline-offset:3px}.mood-note{background:#fff0bd}.color-card,.mood-card{min-height:240px}.pixel-card{margin-top:15px}.pixel-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:35px;align-items:center;padding:6px 28px 14px 12px}.pixel-info h3{font-size:22px;margin-bottom:28px}.pixel-toolbar{display:flex;gap:8px;margin-bottom:23px}.pixel-toolbar .icon-btn{border-radius:6px;width:36px;height:36px}.pixel-toolbar .selected{background:#fff0e8;border-color:#e5ad9c;color:#ce7a68}.pixel-colors{display:flex;gap:13px;flex-wrap:wrap;margin:0 0 24px}.pixel-colors .color-dot{width:26px;height:26px}.custom-color{display:flex;align-items:center;gap:15px;font-size:11px;color:#9a8992}.custom-color input{width:30px;height:25px;padding:1px;border:1px solid var(--line);background:transparent;border-radius:4px}.pixel-actions{display:flex;gap:15px;align-items:center;margin-top:23px}.pixel-actions .outline-btn{max-width:150px}.pixel-actions span{font:10px Consolas,monospace;color:#a99da4}#pixelCanvas{width:288px;height:288px;border-radius:5px;border:1px solid #e5dfda;touch-action:none;cursor:crosshair;image-rendering:pixelated}.timer-card{position:relative;overflow:hidden}.timer-card:after{content:'';height:3px;background:#e79a83;width:var(--progress,0%);position:absolute;bottom:0;left:0;transition:width .3s}.timer-display{color:#c27663}.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.note-card{grid-column:auto}.breathe-card{grid-column:auto}.todo-card{grid-column:span 2}.breathe-scene{display:grid;place-items:center;height:157px;overflow:hidden}.breathe-ring{width:97px;height:97px;border-radius:50%;background:#dceee3;border:1px solid #abd1ba;box-shadow:0 0 0 10px #e7f3ea,0 0 0 20px #f0f7f2;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6d9b7f;transition:transform 4s linear;gap:4px}.breathe-ring svg{width:19px;height:19px}.breathe-ring strong{font-size:13px}.breathe-ring span{font:10px Consolas,monospace}.breathe-ring.inhale,.breathe-ring.hold{transform:scale(1.22)}.breathe-ring.exhale{transform:scale(.85);transition-duration:6s}.todo-input{display:flex;gap:9px;margin-top:15px}.todo-input input{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font-size:12px;padding:9px 12px}.todo-input .icon-btn{border-radius:5px;flex-shrink:0}.todo-input .icon-btn:hover{color:#cd8468}.todo-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);gap:10px}.todo-row label{display:flex;align-items:center;gap:10px;font-size:12px;overflow:hidden;cursor:pointer}.todo-row span{overflow-wrap:anywhere}.todo-row input{accent-color:#88b59b;width:15px;height:15px;flex-shrink:0}.todo-row.done span{text-decoration:line-through;color:#b3a9af}.todo-row .icon-btn{width:23px;height:23px;border:0;border-radius:4px;background:transparent;flex-shrink:0;color:#c1b3bc}.todo-row .icon-btn svg{width:14px;height:14px}.todo-empty{padding:35px 0;text-align:center;font-size:12px;color:#b0a3ab}#todoList{max-height:169px;overflow:auto;min-height:103px}.todo-footer{display:flex;justify-content:space-between;font-size:10px;color:#ad9ea8;padding-top:14px}.record-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:30px 0 36px;border-bottom:1px solid var(--line);padding-bottom:27px}.record-stat{display:flex;flex-direction:column;gap:9px;padding:0 25px;border-right:1px solid var(--line)}.record-stat:first-child{padding-left:0}.record-stat:last-child{border-right:0}.record-stat svg{width:19px;height:19px;color:#d38a78}.record-stat strong{font:700 30px Consolas,monospace;color:var(--ink)}.record-stat span{font-size:11px;color:#9c9098}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 35px}.achievement{display:flex;align-items:center;flex-direction:column;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:23px 12px;gap:10px;opacity:.6}.achievement.unlocked{opacity:1;border-color:#e5cab2;background:#fffaf2}.badge-icon{display:grid;place-items:center;background:#eeecea;border-radius:50%;width:53px;height:53px;color:#b1a6ad}.unlocked .badge-icon{color:#bb8c52;background:#f4e3bb}.badge-icon svg{width:25px;height:25px}.achievement strong{font-size:14px}.achievement span{font-size:11px;color:#a1959d;text-align:center}.achievement small{font-size:10px;color:#b6aab1}.unlocked small{color:#c09454}.activity-row{display:grid;grid-template-columns:150px 1fr 100px;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center;font-size:12px}.activity-row strong{font-weight:600}.activity-row span{color:#9b8c97;overflow-wrap:anywhere}.activity-row time{text-align:right;font:11px Consolas,monospace;color:#b0a1ab}.empty-state{padding:70px 10px;text-align:center;color:#a2959e;font-size:12px}.empty-state>svg{width:35px;height:35px}.empty-state h3{font-size:16px;color:var(--ink)}.empty-state .outline-btn{width:140px;margin:20px auto}#confettiCanvas{position:fixed;inset:0;pointer-events:none;z-index:50;width:100%;height:100%}.records-view{padding-bottom:10px}.text-btn:disabled{opacity:.4;cursor:default}button:disabled{cursor:default}.section-block{scroll-margin-top:95px}
body.dark .welcome-band{background:#283a34}body.dark .welcome-band h2{color:#d8e9df}body.dark .filter-btn.selected{background:#4a332f;color:#f2a090;border-color:#795048}body.dark .bubble-arena{background-color:#253640}body.dark .wheel-form textarea{background:#332d34;color:#c3b2bd}body.dark .mood-note{background:#5d4e2b}body.dark .pixel-toolbar .selected{background:#5c3b32;border-color:#9e6b59;color:#f9b19b}body.dark .breathe-ring{background:#2d4f3c;border-color:#598669;box-shadow:0 0 0 10px #283d30,0 0 0 20px #25332a;color:#aad7b5}body.dark .achievement.unlocked{background:#383225;border-color:#786746}body.dark .badge-icon{background:#403942;color:#a998a5}body.dark .unlocked .badge-icon{background:#5f4c2e;color:#e9c98e}body.dark .timer-display{color:#f0a38c}body.dark .palette-row .icon-btn{background:transparent}body.dark .search-field{background:#2b282e}body.dark .color-dot{border-color:#7c6d71}body.dark .welcome-meta{color:#a3c0b0}
@keyframes bubblePop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes matchPop{50%{transform:scale(1.08)}}
@media(min-width:1500px){.welcome-band{min-height:170px}.arcade-grid{grid-template-columns:1.05fr 1fr}}
@media(max-width:1150px){.arcade-grid{grid-template-columns:1fr}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-card{grid-column:span 2}.welcome-band canvas{width:260px;flex-basis:260px}.welcome-band{padding:22px}.welcome-band h2{font-size:22px}.welcome-meta{gap:10px}.pixel-layout{grid-template-columns:minmax(0,1fr) 230px;padding:8px 0;gap:20px}#pixelCanvas{width:230px;height:230px}.pixel-info h3{font-size:18px}.pixel-colors{gap:10px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-stat{padding:0 15px}.record-stat strong{font-size:24px}}
@media(max-width:700px){.welcome-band{padding:20px;min-height:160px}.welcome-band>div{position:relative;z-index:1;max-width:200px}.welcome-label{font-size:8px}.welcome-band h2{font-size:19px}.welcome-band canvas{position:absolute;width:240px;height:120px;right:-90px;bottom:0;opacity:.55}.welcome-meta{flex-direction:column;gap:7px;font-size:10px}.filter-bar{gap:8px;flex-wrap:wrap}.search-field{width:auto;flex:1}.filter-btn{font-size:10px;padding:10px}.filter-bar>span{font-size:10px}.filter-bar svg{width:13px}.game-grid .tool-card{min-height:336px}.reaction-stage .reaction-message{font-size:20px}.wheel-layout{gap:13px}.wheel-form textarea{padding:7px;font-size:10px}.pixel-layout{grid-template-columns:1fr;gap:20px}.pixel-info h3{font-size:19px;margin-bottom:20px}#pixelCanvas{width:min(100%,320px);height:auto;aspect-ratio:1;justify-self:center}.pixel-toolbar{margin-bottom:19px}.pixel-colors{gap:13px}.daily-grid{grid-template-columns:1fr}.todo-card{grid-column:auto}.record-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.record-stat:nth-child(3){padding-left:0}.record-stat:nth-child(2){border-right:0}.achievement-grid{gap:10px}.achievement{padding:20px 10px}.achievement span{font-size:10px}.activity-row{grid-template-columns:95px 1fr;gap:8px}.activity-row time{grid-column:2;text-align:left;font-size:10px}.game-title-line{flex-wrap:wrap}.breathe-scene{height:157px}.section-hint{display:none}.mood-note{max-width:170px}.ball-question{font-size:10px}.micro-history{font-size:9px}.card-top{gap:4px}.favorite-btn{width:18px}.welcome-meta svg{width:12px}}
