#my-day{--md-ink:#edf4f5;--md-muted:#acbdc7;--md-mint:#b9ebce;box-sizing:border-box;width:min(1000px,calc(100vw - 32px));max-width:none;max-height:94dvh;padding:0;border:1px solid #678779;border-radius:26px;background:#142b2b;color:var(--md-ink);box-shadow:0 30px 100px #06181890;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;overflow:auto}#my-day::backdrop{background:#0b202abb;backdrop-filter:blur(8px)}#my-day *{box-sizing:border-box}#my-day button{font:inherit;cursor:pointer;border:1px solid #4b6563;background:#233d3c;color:var(--md-ink);border-radius:12px;padding:11px 16px;min-height:44px;line-height:1.3}#my-day button:hover{background:#36554e;border-color:#a0c8b2}#my-day button:focus-visible,#my-day input:focus-visible{outline:3px solid #e8c887;outline-offset:3px}#my-day .md-primary{background:var(--md-mint);color:#15382a;font-weight:750;border-color:var(--md-mint)}#my-day .md-primary:hover{background:#d2f5df}#my-day h1,#my-day h2,#my-day p{margin:0}#my-day h1{font-size:clamp(24px,3.7vw,38px);letter-spacing:-1.3px;line-height:1.3}#my-day h2{font-size:20px}.md-shell{padding:30px 38px 0}.md-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.md-eyebrow{display:block;font-size:10px;color:#b0cdbd;letter-spacing:2.6px;font-weight:700;margin-bottom:10px}#my-day .md-icon{border-radius:50%;width:44px;flex-shrink:0;padding:0;font-size:25px}.md-hero{display:grid;grid-template-columns:220px 1fr;gap:42px;align-items:center;padding:20px 26px 28px;border-radius:22px;background:radial-gradient(ellipse at 5% 20%,#54876e44,transparent 65%),#1b3431;border:1px solid #385a4c}.md-bottle-wrap{text-align:center}.md-bottle{width:126px;height:178px;position:relative;margin:15px auto 18px;border:2px solid #aed4bd;border-radius:24px 24px 40px 40px;box-shadow:inset 10px 0 20px #e6ffe811,0 8px 30px #071d2944;isolation:isolate;overflow:hidden;background:#0d2425}.md-bottle:before{content:'';position:absolute;inset:9px;border:1px solid #ddf2dd44;border-radius:18px 18px 32px 32px;z-index:2}.md-bottle b{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;line-height:1.4;color:#effae6;font-size:16px;letter-spacing:3px;text-shadow:0 1px 6px #092723}.md-water{position:absolute;bottom:0;width:100%;background:linear-gradient(#81b99788,#376d64);transition:height 1s linear;border-top:2px solid #cdf6ce88}.md-stream{position:absolute;left:50%;top:3px;width:3px;height:12px;background:#e7d49e;border-radius:3px;opacity:0}.md-running .md-stream{animation:md-flow 2s linear infinite}.md-bottle-caption{font-size:11px;color:#b4cdbd;letter-spacing:1px}.md-hero-copy h2>span{font-size:64px;line-height:1;font-weight:650;letter-spacing:-4px}.md-hero-copy h2 small{font-size:12px;display:block;color:#bacfc5;margin-top:10px;font-weight:400}.md-hero-copy p:not(.md-eyebrow){font-size:13px;color:#c6d7ce;margin-top:15px}.md-budget-track{height:8px;display:flex;background:#3a5047;border-radius:10px;overflow:hidden;margin:15px 0 8px}.md-budget-track i:first-child{background:#f2cf87}.md-budget-track i:nth-child(2){background:#91bca5}.md-muted{font-size:13px;color:var(--md-muted);line-height:1.8}.md-main-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.md-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 28px;font-size:12px;color:#b6cbc1}.md-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.md-task-list{display:grid;gap:9px}.md-task{display:flex;align-items:center;gap:13px;background:#203937;border:1px solid #38534b;padding:14px;border-radius:14px;min-width:0}.md-task.done{background:#284234}.md-task-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#335449;color:#d9e8b6;font-size:24px;flex-shrink:0}.md-task-copy{flex:1;min-width:0}.md-task-copy strong{font-size:14px;display:block;overflow-wrap:anywhere}.md-task-copy small{display:block;font-size:11px;color:#a5beb2;margin-top:6px}.md-row-end{display:flex;align-items:center;gap:12px;flex-shrink:0}.md-row-end span{font-size:12px;color:#c4d5cb}.md-edit-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.md-edit-actions b{font-size:12px;width:44px;text-align:center}#my-day .md-edit-actions button{padding:5px;width:37px;min-height:40px}.md-nav{position:sticky;bottom:0;background:#142b2bf5;backdrop-filter:blur(12px);display:flex;justify-content:center;gap:7px;margin-top:26px;padding:16px 0 max(16px,env(safe-area-inset-bottom));border-top:1px solid #3c554a;z-index:5}#my-day .md-nav button{flex:1;max-width:170px;font-size:13px;border-color:transparent;background:transparent;color:#a8c0b3}#my-day .md-nav button.selected{background:#324f43;color:#e4f4db;border-color:#71997e}.md-budget-edit{margin:20px 0;padding:18px 20px;border:1px solid #586a51;background:#303d30;border-radius:16px;font-size:12px}.md-budget-edit label{display:flex;align-items:center;gap:16px;justify-content:space-between;font-size:15px;font-weight:650}.md-budget-edit input{width:98px!important;font-size:22px!important;text-align:center;margin:0!important}.md-budget-edit>span{color:#c4cebb}.md-budget-edit p{margin-top:12px!important;color:#e7dbaa}#my-day input{background:#102b2a;border:1px solid #5a7769;color:white;border-radius:9px;padding:10px;font:inherit;min-height:44px;width:100%}.md-small-title{margin:24px 0 12px!important;font-size:17px!important}.md-activity-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}#my-day .md-activity-grid button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 5px}.md-activity-grid b{font-size:28px;font-weight:400;color:#d5e6b5}.md-activity-grid span{font-size:12px}.md-activity-grid small{font-size:10px;color:#a0bbad}.md-custom{display:flex;gap:8px;margin:12px 0}.md-custom input{flex:1;min-width:0}.md-custom button{white-space:nowrap;font-size:12px!important}.md-fixed{margin-top:18px;font-size:13px}.md-fixed summary{cursor:pointer;padding:14px 0;color:#b7c3cb}.md-fixed .md-task{margin-bottom:8px}.md-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#md-plan-error{color:#ffdaa1;padding-top:10px;font-size:13px}.md-focus{text-align:center;padding:5px 40px 28px}.md-focus .md-bottle-caption{margin-bottom:22px}.md-focus>#md-clock{display:block;font-size:clamp(36px,6vw,60px);letter-spacing:-1px;font-variant-numeric:tabular-nums}.md-focus p{margin:14px auto!important;max-width:520px;line-height:1.8}.md-focus .md-main-actions,.md-adjust{justify-content:center}.md-adjust{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.md-note{border:1px solid #6e7954;border-radius:12px;background:#51543833;padding:15px;color:#e0dfb8;font-size:13px;line-height:1.8;margin:16px 0!important}.md-goals{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}#my-day .md-goals>button{text-align:left;padding:12px 16px 24px}.md-goals h2{margin:14px 0 10px!important}.md-goals p{color:#b8cabd;font-size:13px;line-height:1.7;min-height:45px}.md-goals b{font-size:13px;display:block;margin-top:18px;color:#c4e7bc}.md-build-art{position:relative;height:230px;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 50% 80%,#4e7557 0,transparent 55%),linear-gradient(#112a32,#2b4c42);isolation:isolate}.md-build-art:after{content:'';position:absolute;bottom:36px;left:calc(50% - 100px);width:200px;height:34px;background:#648364;border-radius:50%;z-index:-1}.md-stars{position:absolute;top:22px;left:20%;font-size:22px;letter-spacing:55px;color:#d8e7c3}.md-art-base{position:absolute;width:100px;height:12px;background:#bf9d6e;left:calc(50% - 50px);bottom:77px;box-shadow:25px 15px 0 -4px #be9366,-25px 15px 0 -4px #be9366}.md-art-house{position:absolute;width:82px;height:66px;background:repeating-linear-gradient(0deg,#ad805c 0 12px,#876144 12px 14px);left:calc(50% - 41px);bottom:89px}.md-art-roof{position:absolute;left:calc(50% - 58px);bottom:150px;border-left:58px solid transparent;border-right:58px solid transparent;border-bottom:35px solid #86aaa1}.md-art-window{position:absolute;left:calc(50% - 12px);width:24px;height:28px;bottom:111px;background:#f9df8d;border:3px solid #664d44;box-shadow:0 0 28px #ffd78688}.md-art-tree{position:absolute;width:22px;height:135px;background:#69564a;bottom:53px;left:calc(50% + 43px)}.md-art-tree:before{content:'';position:absolute;width:115px;height:97px;left:-42px;top:-13px;border-radius:60%;background:#527b5c;z-index:-1;box-shadow:27px 29px 0 -10px #6d9566}.md-art-flag{position:absolute;left:calc(50% + 13px);bottom:175px;color:#f4cf8e;font-size:26px}.md-build-art>span{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font-size:11px;color:#d0ded1}.md-build-art.level-0 .md-art-base,.md-build-art.level-0 .md-art-house,.md-build-art.level-0 .md-art-roof,.md-build-art.level-0 .md-art-window,.md-build-art.level-0 .md-art-flag{display:none}.md-build-art.level-1 .md-art-house,.md-build-art.level-1 .md-art-roof,.md-build-art.level-1 .md-art-window,.md-build-art.level-1 .md-art-flag{display:none}.md-build-art.level-2 .md-art-window,.md-build-art.level-2 .md-art-flag{display:none}.lighthouse .md-art-tree{display:none}.lighthouse .md-art-house{height:95px;width:52px;left:calc(50% - 26px);background:linear-gradient(#d3d8c6 0 45%,#659691 45% 60%,#d3d8c6 60%)}.lighthouse .md-art-roof{bottom:183px;border-left-width:39px;border-right-width:39px;left:calc(50% - 39px);border-bottom:24px solid #b88062}.lighthouse .md-art-window{bottom:161px}.lighthouse .md-art-flag{display:none}.md-steps{padding:0;list-style:none;display:grid;gap:9px;margin:18px 0}.md-steps li{display:flex;align-items:center;gap:14px;border:1px solid #455b50;border-radius:12px;padding:14px;color:#a4b9ad}.md-steps li>b{border:1px solid #5b7464;width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.md-steps li small{display:block;margin-top:5px;font-size:11px}.md-steps li strong{font-size:14px}.md-steps .complete{background:#294f3d;color:#d1ecc7}.md-steps .current{border-color:#c7c487;color:#eee9c3}.md-wide{width:100%;margin-top:12px}.md-review-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.md-review-stats>div{display:flex;flex-direction:column;gap:9px;padding:22px;border-radius:18px;background:#27473d}.md-review-stats strong{font-size:42px;color:#d4eac2}.md-review-stats span{font-size:12px;color:#b4cebc}.md-reflections{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}#my-day .md-reflections button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 8px}.md-reflections b{font-size:30px;color:#d4e6ba}.md-reflections small{font-size:11px;color:#bdd0be}#my-day .md-reflections .selected{background:#436449;border-color:#bbd9a5}.md-review-list>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #3e564a;font-size:12px}.md-review-list>div span{color:#b4cbbf;text-align:right}.md-puzzle{text-align:center;max-width:570px;margin:30px auto;line-height:1.9}.md-letter{font-size:80px;color:#e1ce95}.md-puzzle blockquote{border:1px solid #857956;background:#61512c33;padding:20px;border-radius:16px;margin:22px 0;color:#e8d8ac}.md-symbols{display:flex;justify-content:center;gap:15px;margin:24px 0}#my-day .md-symbols button{font-size:40px;width:80px;height:80px;color:#cde1a9}.md-code{height:42px;color:#e7d29d;font-size:25px}.md-puzzle>p{margin:16px 0!important}#my-day-open{background:#d6e9ba;color:#234335;border-color:#d6e9ba}
@keyframes md-flow{0%{transform:translateY(0);opacity:0}20%{opacity:1}90%{opacity:.8}100%{transform:translateY(158px);opacity:0}}
@media(max-width:650px){#my-day{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0}.md-shell{padding:22px 16px 0}.md-head{margin-bottom:20px}.md-hero{grid-template-columns:105px minmax(0,1fr);gap:17px;padding:18px 13px}.md-bottle{width:80px;height:135px;border-radius:18px 18px 28px 28px;margin-top:8px}.md-bottle b{font-size:11px;letter-spacing:2px}.md-bottle-caption{font-size:9px;line-height:1.6}.md-hero-copy h2>span{font-size:47px}.md-hero-copy .md-eyebrow{font-size:8px;letter-spacing:1.5px}.md-hero-copy h2 small{font-size:10px}.md-hero-copy p:not(.md-eyebrow){font-size:11px;line-height:1.8}.md-hero-copy .md-muted{font-size:9px}.md-main-actions{margin-top:16px;gap:7px}#my-day .md-main-actions button{padding:10px 12px;font-size:12px}.md-summary{align-items:flex-start;flex-direction:column;margin:16px 0 22px;gap:10px}.md-summary button{width:100%;text-align:left}.md-section-title h2{font-size:16px!important}.md-section-title button{font-size:11px!important;padding:9px!important}.md-task{padding:12px 10px;gap:9px}.md-task-icon{width:30px;height:34px;font-size:20px}.md-task-copy strong{font-size:13px}.md-task-copy small{font-size:10px}.md-row-end{gap:7px}.md-row-end span{font-size:10px}#my-day .md-row-end button{padding:8px;font-size:11px}.md-edit-actions{width:100%;padding-left:39px;gap:5px}.md-task[draggable],.md-fixed .md-task{flex-wrap:wrap}.md-task[draggable] .md-task-copy{flex-basis:calc(100% - 42px)}.md-activity-grid{grid-template-columns:repeat(3,1fr)}.md-custom{flex-wrap:wrap}.md-custom input{flex-basis:100%}.md-budget-edit{padding:15px}.md-budget-edit label{font-size:13px}.md-budget-edit input{width:80px!important}.md-nav{gap:2px;padding-top:12px}#my-day .md-nav button{padding:10px 3px;font-size:12px}.md-focus{padding:5px 8px 20px}.md-focus .md-bottle{width:110px;height:160px}.md-focus .md-bottle b{font-size:14px}.md-goals{gap:10px}#my-day .md-goals>button{padding:8px 9px 16px}.md-goals .md-build-art{height:185px}.md-goals .md-build-art>span{font-size:8px}.md-goals h2{font-size:17px!important}.md-goals p{font-size:11px}.md-goals .md-stars{letter-spacing:22px}.md-reflections{gap:7px}.md-reflections small{font-size:9px}#my-day .md-reflections button{padding:18px 5px}.md-review-list>div{flex-direction:column;gap:7px}.md-review-list>div span{text-align:left}.w-top-actions #world-journal{display:none}.w-top-actions{flex-wrap:wrap}.w-logo{min-width:65px}.md-focus .md-eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.md-stream{animation:none!important}.md-water{transition:none}}.motion-off .md-stream{animation:none!important}
/* 金币盘 & 时光银行（原型） */
#crystal-bank{width:min(680px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
#crystal-bank .cb-intro{color:#4b5b52;line-height:1.7;margin:10px 0 14px}
.cb-tabs{display:flex;gap:8px;margin:6px 0 12px}
.cb-tabs button{font:inherit;font-size:14px;min-height:40px;padding:8px 16px;border:1px solid #d5ddcb;border-radius:12px;background:#f4f6ec;color:#5a6b60;cursor:pointer}
.cb-tabs button.on{background:#47765e;color:#fff;border-color:#47765e}
.cb-bar{display:flex;height:26px;border-radius:13px;overflow:hidden;background:#e6e9df;box-shadow:inset 0 1px 3px #0002}
.cb-bar span{display:block;height:100%}
.cb-bar .cb-leftover{background:repeating-linear-gradient(45deg,#ffe9a8,#ffe9a8 5px,#f5d67e 5px,#f5d67e 10px)}
.cb-bar .cb-rest{background:#dfe3da}
.cb-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#6a7a6f;margin:8px 0 14px}
.cb-legend span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;background:#47765e}
.cb-legend .cb-leftover-dot::before{background:#ffe9a8;border:1px solid #e0c372}
.cb-legend .cb-rest-dot::before{background:#dfe3da}
.cb-lines{display:grid;gap:8px;margin-bottom:12px}
.cb-line{display:flex;align-items:center;gap:12px;background:#f7f8f1;border:1px solid #e2e8d6;border-radius:14px;padding:10px 12px}
.cb-line.locked{opacity:.82;background:#f1f2ec}
.cb-gem{width:38px;height:38px;flex-shrink:0;display:grid;place-content:center;border-radius:12px;color:#fff;font-weight:800;font-size:15px;background:var(--gem,#8f9bb0);box-shadow:0 3px 0 #0002}
.cb-line-copy{flex:1;min-width:0}
.cb-line-copy strong{display:block;font-size:15px;color:#2f4438}
.cb-line-copy small{color:#7b8a80;font-size:12px}
.cb-step{display:flex;align-items:center;gap:8px}
.cb-step button{width:40px;height:40px;border-radius:12px;border:1px solid #cfd8c4;background:#fff;font-size:19px;color:#3c5a49;cursor:pointer}
.cb-step button:active{transform:translateY(1px)}
.cb-count{min-width:44px;text-align:center;font-size:16px;color:#2f4438}
.cb-whisper{color:#6a7a6f;font-size:13px;margin:8px 0}
.cb-sub{margin:18px 0 8px;font-size:15px;color:#3c5a49}
.cb-balance{display:flex;align-items:baseline;gap:12px;background:linear-gradient(135deg,#47765e,#33553f);color:#eaf3ea;border-radius:18px;padding:18px 20px;margin-bottom:12px}
.cb-balance span{font-size:14px}
.cb-balance strong{font-size:42px;line-height:1}
.cb-balance small{opacity:.85;margin-left:auto;text-align:right}
.cb-redeem{background:#f7f8f1;border:1px solid #e2e8d6;border-radius:16px;padding:14px;display:grid;gap:10px}
.cb-redeem h3{margin:0;font-size:15px;color:#3c5a49}
.cb-amounts{display:flex;gap:8px;flex-wrap:wrap}
.cb-amounts button{font:inherit;min-height:40px;padding:8px 14px;border-radius:12px;border:1px solid #cfd8c4;background:#fff;color:#3c5a49;cursor:pointer}
.cb-amounts button.on{background:#47765e;color:#fff;border-color:#47765e}
.cb-amounts button:disabled{opacity:.45;cursor:default}
.cb-kind{display:flex;align-items:center;gap:8px;font-size:14px;color:#40514a}
.cb-kind input{width:18px;height:18px}
#cb-wish{font:inherit;font-size:15px;min-height:44px;padding:9px 12px;border:1px solid #cfd8c4;border-radius:12px}
.cb-ledger{display:grid;gap:6px}
.cb-ledger>div{display:flex;justify-content:space-between;gap:10px;background:#f7f8f1;border:1px solid #e2e8d6;border-radius:12px;padding:9px 12px;font-size:14px}
.cb-ledger span{color:#7b8a80;white-space:nowrap}
#cb-error{color:#a2452f;font-size:14px;margin-top:8px}
.day-crystal-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;background:linear-gradient(135deg,#fdf6df,#f7ecd0);border:1px solid #e8d79a;border-radius:16px;padding:12px 14px;margin:10px 0;cursor:pointer;color:#4c3d20}
.day-crystal-card b{font-size:22px}
.day-crystal-card strong{display:block;font-size:15px}
.day-crystal-card small{color:#8a7748}
/* 专注屏蔽罩 */
#my-day.focus-shield .md-head,#my-day.focus-shield .md-nav,#my-day.focus-shield .pocket,#my-day.focus-shield .task-bounty,#my-day.focus-shield .child-route{opacity:.1;filter:blur(1.5px);pointer-events:none;transition:opacity .7s,filter .7s}
#my-day.focus-shield::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 25%,#0d1a1373 78%,#0d1a13b8 100%);z-index:4}
#my-day.focus-shield .time-column,#my-day.focus-shield .focus-step,#my-day.focus-shield .focus-primary,#my-day.focus-shield .completion-question{position:relative;z-index:5}
#my-day.focus-shield .sand-fall{animation-duration:3.5s!important}
#my-day.focus-shield .time-column strong{text-shadow:0 0 24px #ffe9a866}
.day-settle-card{background:linear-gradient(135deg,#2c3e55,#1f2c40);border-color:#3d5578;color:#e8eef7}

/* 连击徽章（PointUp 风格） */
.day-streak{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#b35900;font-size:15px;box-shadow:0 2px 8px rgba(179,89,0,.18);animation:streak-pop .5s ease}
.day-streak strong{font-size:19px}
@keyframes streak-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}

/* 每周挑战 */
.md-challenges{margin:14px 0;display:flex;flex-direction:column;gap:10px}
.md-challenges .day-section-heading{display:flex;justify-content:space-between;align-items:baseline}
.md-challenges .day-section-heading span{font-size:12px;color:#8a7f70}
.md-challenge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff8e7,#ffefd2);border:1px solid #f0dcae;border-radius:16px;padding:12px 14px;box-shadow:0 2px 8px rgba(160,120,40,.08)}
.md-challenge>b{font-size:22px;flex:none}
.md-challenge.done{opacity:.75;background:linear-gradient(135deg,#eef7ea,#dff0d8);border-color:#c4dfb6}
.md-challenge-body{flex:1;min-width:0}
.md-challenge-body strong{display:block;font-size:15px}
.md-challenge-body small{color:#7a6f5c;font-size:12px}
.md-progress{height:8px;background:rgba(120,90,30,.15);border-radius:99px;margin-top:6px;overflow:hidden}
.md-progress>span{display:block;height:100%;background:linear-gradient(90deg,#ffb03a,#ff8a3d);border-radius:99px;transition:width .5s ease}
.md-challenge .md-primary{flex:none;border:none;border-radius:12px;padding:8px 14px;background:linear-gradient(135deg,#ff9a3d,#ff7a1a);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(255,140,40,.35)}
.status-label.photo{background:#fff3d6;color:#a06a00;border:1px solid #f0dcae}

/* ============ AMERICAN BRIGHT THEME (2026-09) ============ */
#my-day{--brand1:#7c5cff;--brand2:#4f8cff;--accent:#ff8a3d;--green:#34c759;--amber:#ffc93d;--ink:#2b2350;--ink-soft:#6b6390;--card:#ffffff;font-family:ui-rounded,"SF Pro Rounded","PingFang SC","Microsoft YaHei",system-ui,sans-serif;border:0;border-radius:28px;padding:0;overflow:hidden;background:linear-gradient(165deg,#7c5cff 0%,#6a6bff 34%,#4f8cff 72%,#45b8f0 100%);color:var(--ink);max-height:94dvh}
#my-day::backdrop{background:#1b1440a8;backdrop-filter:blur(4px)}
#my-day .md-shell{padding:0 0 92px;display:flex;flex-direction:column;min-height:60dvh}
#my-day .md-head{padding:26px 22px 18px;color:#fff;display:flex;align-items:flex-start;gap:12px}
#my-day .md-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;padding:5px 12px;margin-bottom:10px}
#my-day .md-head h1{font-size:30px;font-weight:900;line-height:1.15;letter-spacing:.01em;text-shadow:0 2px 10px #00000022;margin:0}
#my-day .md-icon{margin-left:auto;width:42px;height:42px;flex:none;border:0;border-radius:50%;background:#ffffff33;color:#fff;font-size:22px;font-weight:900;cursor:pointer;transition:transform .15s}
#my-day .md-icon:active{transform:scale(.9)}
#my-day .md-nav{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:6px;background:#ffffffe8;border-radius:22px;padding:8px;box-shadow:0 10px 30px #1b144033;backdrop-filter:blur(10px)}
#my-day .md-nav button{flex:1;border:0;border-radius:16px;padding:12px 4px;background:transparent;color:var(--ink-soft);font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s}
#my-day .md-nav button.selected{background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff;box-shadow:0 6px 16px #7c5cff55}
#my-day .day-task-count,#my-day .md-conversation,#my-day .md-challenges,#my-day .day-crystal-card,#my-day .day-waypoints,#my-day .md-review-stats,#my-day .md-reflections,#my-day .md-light-details,#my-day .md-plan-date,#my-day .md-focus-v2,#my-day .md-goals,#my-day .md-steps,#my-day .md-puzzle,#my-day .achievement,#my-day .md-custom,#my-day .md-budget-edit{background:var(--card);border-radius:22px;padding:16px;margin:10px 14px;box-shadow:0 8px 24px #1b144014;border:0}
#my-day p.day-task-count,#my-day .md-whisper,#my-day .md-muted,#my-day .md-note{color:var(--ink-soft)}
#my-day .day-task-count{margin:4px 14px 10px;font-weight:800;color:var(--ink)}
#my-day .day-section-heading{display:flex;justify-content:space-between;align-items:baseline;margin:18px 18px 8px;color:#fff}
#my-day .day-section-heading h2{font-size:19px;font-weight:900;color:#fff;margin:0}
#my-day .day-section-heading button{border:0;background:#ffffff30;color:#fff;font:inherit;font-size:13px;font-weight:800;border-radius:999px;padding:6px 14px;cursor:pointer}
#my-day .md-primary,#my-day .md-primary.md-wide{border:0;border-radius:18px;padding:15px 22px;background:linear-gradient(135deg,#ff9a3d,#ff6a3d);color:#fff;font:inherit;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #ff7a3d55;transition:transform .15s}
#my-day .md-primary:active{transform:scale(.96)}
#my-day button:not(.md-primary):not(.md-nav button):not(.md-icon){border:0;border-radius:14px;padding:11px 16px;background:#f1edfb;color:var(--ink);font:inherit;font-weight:800;font-size:14px;cursor:pointer}
#my-day .md-wide{width:calc(100% - 28px);margin:10px 14px}
#my-day .md-footer{display:flex;gap:10px;padding:6px 14px}
#my-day .md-footer button{flex:1}
#my-day .day-streak{margin:6px 14px 10px;background:var(--card);color:var(--ink);font-weight:900;font-size:16px;border-radius:18px;padding:12px 18px;box-shadow:0 8px 24px #1b144014;display:inline-flex}
#my-day .day-streak strong{color:#ff6a3d;font-size:22px}
#my-day .md-challenge{background:var(--card);border:1px solid #f0ebff;border-radius:20px;padding:14px 16px;box-shadow:0 8px 24px #1b144012}
#my-day .md-challenge>b{font-size:26px}
#my-day .md-challenge.done{background:linear-gradient(135deg,#eefbf0,#e2f7e8);border-color:#c9ecd4}
#my-day .md-progress{background:#efecfa;height:12px;border-radius:99px}
#my-day .md-progress>span{background:linear-gradient(90deg,#ffb03a,#ff7a3d)}
#my-day .md-challenge .md-primary{border-radius:14px;padding:10px 16px;font-size:15px}
#my-day .day-crystal-card{background:var(--card);border-radius:20px;padding:14px 16px;box-shadow:0 8px 24px #1b144012;margin:8px 14px}
#my-day .day-crystal-card b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#fff3d6,#ffe3a9);font-size:24px}
#my-day .day-crystal-card strong{font-size:16px;font-weight:900;color:var(--ink)}
#my-day .day-crystal-card small{color:var(--ink-soft)}
#my-day .day-settle-card{background:linear-gradient(135deg,#3a2f6e,#241d4d);color:#fff}
#my-day .day-settle-card strong{color:#fff}
#my-day .day-settle-card small{color:#cfc6f5}
#my-day .day-waypoints{background:transparent;box-shadow:none;padding:0}
#my-day .day-path{display:flex;flex-direction:column;gap:10px;padding:0 14px}
#my-day .day-stop{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-radius:20px;background:var(--card);padding:13px 16px;font:inherit;cursor:pointer;box-shadow:0 8px 24px #1b144012;position:relative}
#my-day .day-stop.current{outline:3px solid #ffc93d;outline-offset:2px}
#my-day .day-stop.complete{opacity:.85}
#my-day .day-stop-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#efecff,#dcd4ff);font-size:22px;flex:none}
#my-day .day-stop.complete .day-stop-icon{background:linear-gradient(135deg,#d8f8e0,#b6efc6)}
#my-day .day-stop b{font-size:16px;font-weight:900;color:var(--ink)}
#my-day .day-stop small{color:var(--ink-soft)}
#my-day .md-activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;padding:0 14px}
#my-day .md-activity-grid button{border-radius:20px;background:var(--card);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 24px #1b144012}
#my-day .md-activity-grid button b{font-size:30px}
#my-day .md-activity-grid button span{font-weight:900;font-size:14px;color:var(--ink)}
#my-day .md-activity-grid button small{color:var(--ink-soft)}
#my-day .md-conversation{display:flex;gap:12px;align-items:flex-start}
#my-day .md-companion{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff;flex:none}
#my-day .md-speech{background:#f4f1fd;border-radius:16px;padding:12px 14px;flex:1;color:var(--ink)}
#my-day .md-focus-v2{display:flex;flex-direction:column;gap:14px}
#my-day .time-column{align-items:center;text-align:center;background:linear-gradient(160deg,#f5f2ff,#e9f3ff);border-radius:20px;padding:18px}
#my-day .time-column strong{font-size:40px;font-weight:900;color:var(--brand1);letter-spacing:.02em}
#my-day .pocket{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff3d6,#ffe9b8);border-radius:16px;padding:10px 14px;font-weight:900;color:#8a5a00;width:fit-content}
#my-day .task-bounty{display:flex;gap:12px;background:#f6f3ff;border-radius:18px;padding:14px}
#my-day .focus-step{font-size:17px;font-weight:800;color:var(--ink);background:var(--card);border-radius:16px;padding:14px 16px}
#my-day .focus-primary{display:flex;gap:10px;flex-wrap:wrap}
#my-day .completion-question{background:var(--card);border-radius:22px;padding:20px;text-align:center;box-shadow:0 12px 32px #1b144018}
#my-day .completion-question h2{font-size:22px;font-weight:900;color:var(--ink);margin:0 0 6px}
#my-day .md-review-stats{display:flex;gap:12px}
#my-day .md-review-stats>div{flex:1;background:linear-gradient(160deg,#f5f2ff,#eef4ff);border-radius:18px;padding:16px;text-align:center}
#my-day .md-review-stats strong{display:block;font-size:30px;font-weight:900;color:var(--brand1)}
#my-day .md-review-stats span{color:var(--ink-soft);font-size:13px}
#my-day .md-reflections{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#my-day .md-reflections button{border-radius:18px;background:#f6f3ff;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}
#my-day .md-reflections button.selected{background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff;box-shadow:0 8px 20px #7c5cff55}
#my-day .md-reflections b{font-size:24px}
#my-day .md-reflections strong{font-size:15px;font-weight:900}
#my-day .md-reflections small{font-size:12px;opacity:.85}
#my-day .md-small-title{margin:20px 18px 8px;color:#fff;font-size:19px;font-weight:900}
#my-day .md-review-list>div{background:#ffffff14;border-radius:14px;padding:10px 14px;margin:0 14px 8px;color:#fff;display:flex;justify-content:space-between;gap:10px}
#my-day .md-review-list strong{font-weight:800}
#my-day .md-task{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:18px;padding:12px 14px;box-shadow:0 6px 18px #1b144010}
#my-day .md-task-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#efecff,#dcd4ff);font-size:20px;flex:none}
#my-day .md-task-copy strong{font-weight:900;color:var(--ink)}
#my-day .md-task-copy small{color:var(--ink-soft)}
#my-day .md-row-end button{border-radius:12px;background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff;font-weight:900}
#my-day .md-note{background:#ffffff1f;color:#f3efff;border-radius:14px;padding:10px 14px;margin:8px 14px;font-size:14px}
#my-day .md-plan-date label,#my-day .md-plan-date input{color:var(--ink)}
#my-day .md-plan-date input{border-radius:12px;border:2px solid #e5defa;padding:10px 12px;font:inherit}
#my-day details.md-light-details summary{font-weight:900;color:var(--ink)}
#my-day .trail-end{color:#e8e2ff;font-weight:800}
#my-day .planning-trail{display:flex;flex-direction:column;gap:10px}
#my-day .md-whisper{color:#e8e2ff}
#my-day #md-plan-feedback{color:#fff}
#my-day .md-goals button,#my-day .md-steps li{background:#f6f3ff;border-radius:18px}
#my-day input,#my-day textarea,#my-day select{border-radius:12px;border:2px solid #e5defa;padding:10px 12px;font:inherit}
@media (prefers-reduced-motion:no-preference){
 #my-day .day-stop{transition:transform .18s}
 #my-day .day-stop:hover{transform:translateY(-2px)}
}

/* 今日进度圆环 */
#my-day .day-hero{display:flex;align-items:center;gap:16px;background:var(--card);border-radius:22px;padding:16px;margin:4px 14px 12px;box-shadow:0 8px 24px #1b144014}
#my-day .day-ring{--p:0;width:86px;height:86px;flex:none;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#34c759 calc(var(--p)*1%),#efecfa 0)}
#my-day .day-ring::before{content:'';position:absolute}
#my-day .day-ring{position:relative}
#my-day .day-ring>*{position:relative;z-index:1}
#my-day .day-ring:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}
#my-day .day-ring b{font-size:20px;font-weight:900;color:var(--ink);display:block}
#my-day .day-ring small{font-size:10px;font-weight:800;color:var(--ink-soft);letter-spacing:.05em}
#my-day .day-hero-copy strong{display:block;font-size:17px;font-weight:900;color:var(--ink)}
#my-day .day-hero-copy small{color:var(--ink-soft);font-size:13px;margin-top:4px;display:block}