:root{font-family:'Outfit','Noto Sans SC',system-ui,-apple-system,'Microsoft YaHei',sans-serif;color:#e8ecf5;background:#0e1423;font-synthesis:none;--muted:#919bb0;--border:#273348;--panel:#192338;--peach:#f5d5ae;--soft:#b7c9ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 8%,#27364e70,transparent 33%),radial-gradient(circle at 100% 30%,#152749,transparent 37%),#0e1423}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--peach);outline-offset:3px}a{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}.skip-link{position:absolute;top:-60px;left:1rem;padding:1rem;background:#fff;color:#111;z-index:50}.skip-link:focus{top:1rem}.site-shell{max-width:1260px;padding:0 38px;margin:0 auto}.topbar{height:88px;border-bottom:1px solid #ffffff11;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:#202c45;font-size:27px;background:linear-gradient(135deg,#fff2d4,#d9b58a);border-radius:13px;box-shadow:0 0 30px #d5b08528}.brand strong{display:block;letter-spacing:2px;font-size:18px;font-weight:700}.brand small{font-size:9px;letter-spacing:3px;color:#7c8ca5}.topbar-right{display:flex;align-items:center;gap:20px}.offline-indicator{color:#b6c3d7;display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#b7d6bd;box-shadow:0 0 8px #9bcba4}.status-dot.offline{background:#d6b57d}.ghost{background:transparent;color:#c4cee1;border:0}.ghost:hover,.text-button:hover{color:#fff}.small{font-size:12px}.icon-btn{border:1px solid #46506a;background:#202a3e;border-radius:12px;color:#ccd6e9;width:37px;height:37px;font-size:17px}.intro{padding:57px 0 36px}.eyebrow,.small-overline{color:#c0b094;font-size:10px;letter-spacing:2.6px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{height:1px;width:22px;background:#d8ba8f}.intro h1{font-size:clamp(30px,4.7vw,48px);font-weight:600;letter-spacing:1px;line-height:1.35;margin:17px 0 8px}.intro h1 em{font-style:normal;color:var(--peach)}.intro p{font-size:14px;letter-spacing:.3px;color:var(--muted);margin:0}.app-layout{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(320px,1fr);align-items:start;gap:22px}.stage-card{border:1px solid #39435c;border-radius:19px;overflow:hidden;background:#1a253b;box-shadow:0 25px 70px #0002}.scene-visual{height:529px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#1e3154 0%,#364760 42%,#544957 75%,#1c2d41 100%);transition:background 1s}.sky-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 36%,#f8c38f55 0%,transparent 35%),linear-gradient(180deg,transparent 50%,#0b1d36aa 100%)}.celestial{position:absolute;top:80px;right:22%;width:68px;height:68px;border-radius:50%;background:#ffe2b3;box-shadow:0 0 0 15px #ffe6c50b,0 0 80px 24px #ffd3a260}.hill-back,.hill-front{position:absolute;width:140%;height:200px;left:-20%;bottom:-30px;border-radius:50% 50% 0 0 / 55% 55% 0 0}.hill-back{background:#25354d;transform:rotate(-7deg);bottom:-85px}.hill-front{background:#12243a;transform:rotate(6deg);bottom:-122px}.horizon{position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(0deg,#111f32,transparent)}.rainfall{position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(105deg,transparent 0 19px,#ffffff12 20px 21px,transparent 22px 52px);animation:rain 1.6s linear infinite}.light-orbs i{position:absolute;bottom:8%;background:#ffe7acaa;width:5px;height:5px;box-shadow:0 0 15px #ffe5ae;border-radius:50%;animation:float 6s ease-in-out infinite}.light-orbs i:nth-child(1){left:17%;bottom:24%}.light-orbs i:nth-child(2){left:72%;bottom:15%;animation-delay:-2s}.light-orbs i:nth-child(3){left:85%;bottom:38%;animation-delay:-4s}.light-orbs i:nth-child(4){left:32%;bottom:10%;animation-delay:-3s}.light-orbs i:nth-child(5){left:55%;bottom:32%;animation-delay:-1s}.scene-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09132433,transparent 50%);z-index:1}.scene-top,.stage-foot{position:absolute;z-index:2;display:flex;justify-content:space-between;left:28px;right:28px;align-items:center;color:#f6f0e6}.scene-top{top:27px}.scene-chip{font-size:12px;background:#202c45ad;backdrop-filter:blur(9px);border:1px solid #fff4;border-radius:999px;padding:9px 15px}.scene-date{font-size:12px;text-shadow:0 1px 8px #111}.stage-center{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-46%);width:min(92%,420px);display:flex;flex-direction:column;align-items:center;text-align:center}.stage-motto{font-size:13px;letter-spacing:3px;color:#f4e7d7;text-shadow:0 2px 10px #182131}.timer{font-family:'Outfit',system-ui,sans-serif;font-size:clamp(68px,10.5vw,112px);font-weight:400;letter-spacing:-4px;line-height:1.26;font-variant-numeric:tabular-nums;color:#fff9ec;text-shadow:0 2px 24px #15182b73}.timer-under{font-size:12px;color:#efded0;letter-spacing:2px}.progress-track{margin:28px 0 30px;width:70%;height:3px;border-radius:4px;background:#ffffff4d;overflow:hidden}.progress-fill{height:100%;width:0%;background:#ffe3b9;transition:width .25s}.timer-actions{display:flex;gap:13px;align-items:center}.primary,.secondary{padding:13px 27px;border-radius:12px;min-height:44px;border:1px solid transparent}.primary{background:#f3dbb8;color:#243049;font-weight:600;box-shadow:0 6px 22px #0003;min-width:150px}.primary:hover{background:#fff0d8}.primary span:first-child{font-size:12px;margin-right:8px}.secondary{background:#18243d96;border:1px solid #fff5;color:#fff}.secondary:hover{background:#354760}.stage-foot{bottom:25px;font-size:11px;color:#d6d9e4}.stage-utility{border:0;background:transparent;color:#eee;display:flex;gap:8px;align-items:center;font-size:12px}.scene-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:19px 24px 23px;background:#1b2538}.toolbar-group{display:flex;flex-direction:column;gap:12px}.toolbar-label,.field-label{font-size:12px;color:#afbdd1}.scene-options{display:flex;gap:7px;flex-wrap:wrap}.scene-option{background:#26344a;border:1px solid #3c4a62;color:#c1cada;font-size:12px;border-radius:9px;padding:9px 10px}.scene-option span{color:#f0d2ad}.scene-option.active{background:#344057;border-color:#e8cca299;color:#fff}.sound-toggle{color:#e2cfb1;border:1px solid #4a5570;background:#27354b;border-radius:9px;padding:9px 13px;font-size:12px}.sound-toggle[aria-pressed="true"]{background:#3d4f5c;border-color:#b1c8ae}.side-column{display:flex;flex-direction:column;gap:16px}.panel{background:linear-gradient(135deg,#1d2a40,#182338);border:1px solid #354159;border-radius:18px;padding:25px 25px 23px;box-shadow:0 12px 40px #0001}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h2{margin:8px 0 0;font-size:20px;letter-spacing:.2px}.heading-mark{color:#e8d2af;font-size:27px;font-weight:200}.field-label{display:block;margin:18px 0 10px}.panel input[type=text]{color:#f6f6f8;background:#121e30;border:1px solid #384860;width:100%;padding:12px 14px;border-radius:10px;outline:none;font-size:12px;min-height:44px}.panel input[type=text]::placeholder{color:#7e8da2}.panel input[type=text]:focus{border-color:#d7c09f}.duration-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.duration-hint{color:#7c91a8;font-size:11px}.duration-row .field-label{margin-bottom:11px}.durations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.durations button{padding:11px 2px;border-radius:10px;background:#202e43;color:#cbd4e3;border:1px solid #35435d;font-size:18px}.durations button.active{background:#3b3b46;border-color:#eacda3;color:#f7dcb3}.durations button:disabled{opacity:.45}.durations span{font-size:10px;margin-left:3px}.tasks-head{margin-top:20px}.tasks-head .field-label{margin-bottom:8px}.muted-text{color:#8294aa;font-size:11px}.task-form{display:flex;gap:7px}.task-form input{flex:1;min-width:0}.task-form button{min-width:43px;color:#192941;background:#e9d7bc;border:0;border-radius:10px;font-size:24px}.task-list{padding:0;margin:11px 0 0;list-style:none;max-height:130px;overflow:auto}.task-list:empty{display:none}.task-item{display:flex;align-items:center;gap:9px;margin-top:7px;background:#1c2940;padding:9px;border-radius:9px;color:#dbe1ec;font-size:12px}.task-check{width:18px;height:18px;accent-color:#e4d2b4;flex-shrink:0}.task-text{flex:1;word-break:break-word}.task-item.done .task-text{color:#7b8ca5;text-decoration:line-through}.task-remove{border:0;background:transparent;color:#8899b4;padding:2px 7px}.coach-panel{background:linear-gradient(145deg,#24364b,#1b2b3e);border-color:#38536a}.coach-kicker{color:#c9d5c5;font-size:11px;letter-spacing:1px}.coach-star{color:#dfd6ae;font-size:17px;margin-right:5px}.coach-panel h2{font-size:20px;margin-top:13px}.coach-panel h2 span{color:#d0e0ce}.coach-panel p{font-size:12px;line-height:1.9;color:#a3b5c7;margin:12px 0 17px}.coach-btn{background:#d8e6d8;color:#2f4a46;border:0;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:600}.coach-btn span{margin-left:14px}.coach-result{padding:12px;margin-top:13px;border:1px solid #597065;background:#10292c;border-radius:10px;color:#d5e5d5;line-height:1.8;font-size:12px;white-space:pre-wrap}.mini-note{font-size:12px;color:#a9b2c7;display:flex;align-items:center;gap:11px;padding:11px 13px}.mini-note strong{font-weight:500;color:#e8d8b8}.note-sparkle{color:#eed2a2;font-size:20px}.stats-panel{margin-top:22px;background:#172238;border:1px solid #2e3c54;border-radius:18px;padding:28px 32px 26px}.stats-heading{display:flex;justify-content:space-between;align-items:center}.stats-heading h2{font-size:21px;margin:10px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 25px}.stat-cell{padding:0 20px;border-right:1px solid #36445b}.stat-cell:first-child{padding-left:0}.stat-cell:last-child{border:0}.stat-num{font-size:36px;font-weight:500;color:#e8d7bf;line-height:1.1;font-variant-numeric:tabular-nums}.stat-num small{font-size:11px;color:#b9c2d0;margin-left:6px}.stat-label{font-size:12px;color:#93a2b8;margin-top:10px}.chart-wrap{border-top:1px solid #29384e;padding-top:20px}.chart-title{font-size:12px;color:#cbd4e3;display:flex;justify-content:space-between}.chart-title span{color:#8192a9;font-size:11px}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;align-items:end;height:118px;padding-top:14px}.bar-group{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:end;gap:7px}.bar-track{height:80px;width:100%;display:flex;align-items:end;justify-content:center}.bar{width:min(70%,39px);min-height:3px;background:linear-gradient(#f6ddba,#978878);border-radius:5px 5px 2px 2px;transition:height .25s}.bar.today{background:linear-gradient(#ddf3d6,#7da99d)}.bar-label{font-size:10px;color:#93a1b7}.footer{padding:31px 0 40px;display:flex;justify-content:space-between;gap:20px;color:#8091aa;font-size:11px}.footer strong{color:#d4dce9}.text-button{border:0;padding:0;background:transparent;color:#a9bbd6;text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;z-index:100;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;background:#f2e2ca;color:#28364b;border-radius:14px;padding:12px 20px;font-size:13px;box-shadow:0 15px 30px #0005;transition:opacity .18s,transform .18s;pointer-events:none;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}.settings-dialog{border:1px solid #586884;background:#1d2b41;color:#eaf0f7;border-radius:18px;max-width:min(530px,calc(100vw - 28px));width:100%;padding:0;box-shadow:0 40px 130px #0009}.settings-dialog::backdrop{background:#050b16b9;backdrop-filter:blur(5px)}.dialog-inner{padding:29px}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{margin:7px 0 0;font-size:24px}.close-dialog{font-size:26px;color:#ddd;border:0;background:transparent}.muted-p,.micro{font-size:12px;line-height:1.85;color:#a8b6ca}.settings-section{border-top:1px solid #34445b;padding-top:17px;margin-top:20px}.settings-section h3{font-size:14px;font-weight:600;margin:0 0 12px}.range-label{display:flex;justify-content:space-between;font-size:12px;color:#d5deed}.settings-section input[type=range]{accent-color:#f5d5ae;width:100%;margin-top:15px}.data-actions{display:flex;flex-wrap:wrap;gap:8px}.data-actions button,.import-button{display:inline-flex;align-items:center;padding:10px 12px;font-size:12px;min-height:40px;text-decoration:none;background:#263650;border:1px solid #51627b;border-radius:9px;color:#ebedf4;cursor:pointer}.danger-link{color:#f0abac;font-size:12px;text-decoration:underline;background:transparent;border:0;padding:9px 0}.settings-foot{color:#8296ac;font-size:11px;margin-top:24px}.no-js{position:fixed;bottom:0;background:#d8b67b;color:#131313;left:0;right:0;text-align:center;padding:14px}body[data-scene=library] .scene-visual{background:linear-gradient(#151e3a,#3d3358 58%,#202a4a)}body[data-scene=library] .sky-glow{background:radial-gradient(ellipse at 35% 50%,#c4a4d044,transparent 50%)}body[data-scene=library] .celestial{width:62px;height:62px;background:#f2e8d8;box-shadow:10px 0 0 0 #283454,0 0 66px #f3e9d888}body[data-scene=library] .hill-back{background:#313351}body[data-scene=library] .hill-front{background:#1e2640}body[data-scene=library] .rainfall{opacity:0}body[data-scene=forest] .scene-visual{background:linear-gradient(#577e78,#a5a483 60%,#3d685d)}body[data-scene=forest] .sky-glow{background:radial-gradient(ellipse at 60% 23%,#fce5a580,transparent 45%)}body[data-scene=forest] .celestial{background:#fff3b8;box-shadow:0 0 70px #ffdf9088}body[data-scene=forest] .hill-back{background:#547568}body[data-scene=forest] .hill-front{background:#214d43}body[data-scene=forest] .rainfall{opacity:0}body[data-scene=ocean] .scene-visual{background:linear-gradient(#08172c,#1e5576 51%,#0f294a)}body[data-scene=ocean] .sky-glow{background:radial-gradient(ellipse at 60% 20%,#59a7bb55,transparent 51%)}body[data-scene=ocean] .celestial{background:#b4eef6;box-shadow:0 0 70px #8cd8e999}body[data-scene=ocean] .hill-back{background:#1b5370}body[data-scene=ocean] .hill-front{background:#102c4b}body[data-scene=ocean] .rainfall{opacity:.06}.scene-visual:fullscreen{height:100vh!important;width:100vw}.scene-visual:fullscreen .stage-center{transform:translate(-50%,-40%)}@keyframes float{50%{transform:translateY(-22px);opacity:.2}}@keyframes rain{to{background-position:-55px 120px}}@media(max-width:1030px){.site-shell{padding:0 24px}.app-layout{grid-template-columns:minmax(0,1.2fr) minmax(295px,1fr)}.scene-visual{height:520px}.scene-toolbar{flex-direction:column}.toolbar-group{width:100%}.stats-panel{padding:24px}}@media(max-width:770px){.site-shell{padding:0 16px}.topbar{height:72px}.offline-indicator{display:none}.intro{padding:39px 4px 25px}.intro h1{font-size:33px}.app-layout{grid-template-columns:1fr;gap:15px}.scene-visual{height:450px}.scene-toolbar{flex-direction:row;gap:14px;padding:17px}.toolbar-group.sound-group{width:auto}.stats-panel{margin-top:16px}.side-column{gap:14px}.mini-note{padding:0 10px}.footer{line-height:1.8}}@media(max-width:480px){.topbar-right{gap:8px}.topbar .ghost.small{display:none}.intro h1{font-size:29px}.intro p{font-size:12px;line-height:1.7}.scene-visual{height:414px}.scene-top,.stage-foot{left:17px;right:17px}.scene-date{font-size:10px}.timer{font-size:78px}.stage-motto{letter-spacing:1px;font-size:12px}.progress-track{margin:24px 0}.scene-toolbar{flex-direction:column}.scene-options{gap:5px}.scene-option{flex:1;padding:9px 6px}.panel{padding:20px}.stats-panel{padding:20px 17px}.stats-heading .ghost{display:none}.stats-heading h2{font-size:18px}.stats-grid{gap:13px;grid-template-columns:repeat(2,1fr);margin:25px 0}.stat-cell,.stat-cell:first-child{padding:0 8px;border:0}.stat-num{font-size:31px}.week-chart{gap:5px}.footer{flex-direction:column;gap:5px;padding:24px 0}.brand strong{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V1.1: feedback, mobile audio guidance */
.audio-help{padding:0 24px 17px;margin:0;color:#c0c9db;font-size:11px;line-height:1.7}.audio-help strong{color:#f5d5ae}
.feedback-panel{margin-top:20px;background:linear-gradient(110deg,#25334a,#1a2f42);border:1px solid #42546a;border-radius:18px;padding:22px 27px;display:flex;justify-content:space-between;align-items:center;gap:16px}.feedback-panel h2{font-size:19px;margin:11px 0 5px}.feedback-panel p{font-size:12px;color:#adbad0;margin:0;line-height:1.75}.feedback-panel .primary{white-space:nowrap}.feedback-input{display:block;width:100%;padding:12px;background:#101c30;border:1px solid #4b5c75;border-radius:9px;color:#eef1fa;font:inherit;min-height:42px;resize:vertical}textarea.feedback-input{margin-bottom:12px}.feedback-input:focus-visible{outline:2px solid #e8c9a3;outline-offset:2px}a.secondary{display:inline-flex;align-items:center;text-decoration:none;padding:10px 13px;font-size:12px;min-height:42px}.feedback-panel button{font:inherit}#feedback-status{line-height:1.8}
@media(max-width:600px){.feedback-panel{flex-direction:column;align-items:stretch;padding:20px}.feedback-panel .primary{width:100%}.audio-help{padding:0 17px 16px}.feedback-panel h2{font-size:17px}}

#feedback-form-link[hidden]{display:none}

.language-btn{border:1px solid #50607a;background:#1e2a40;color:#f5d5ae;border-radius:10px;padding:8px 13px;font-size:13px;min-width:50px;white-space:nowrap}.language-btn:hover{border-color:#ddbb89}.language-btn:focus-visible{outline:2px solid #f5d5ae;outline-offset:2px}@media(max-width:480px){.topbar-right{gap:8px}.language-btn{padding:7px 10px}}