:root{--bg:#eef0e4;--grid:rgba(96,142,96,.14);--paper:#fbfcf5;--ink:#2a3547;--ink-strong:#1b2534;--muted:#77818e;--line:#d8dcc6;--red:#c2453c;--blue:#33628f;--blue-soft:rgba(51,98,143,.08);--a-knowledge:#33628f;--a-stamina:#3f8a52;--a-memory:#7c58a8;--a-focus:#2f8a8a;--a-mood:#cf8a2e;--shadow:0 10px 30px rgba(42,53,71,.08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1d222b;--grid:rgba(130,170,140,.07);--paper:#262c37;--ink:#dfe3da;--ink-strong:#f3f5ec;--muted:#8b96a3;--line:#3a4250;--red:#e2685c;--blue:#82abd5;--blue-soft:rgba(130,171,213,.1);--a-knowledge:#82abd5;--a-stamina:#6db380;--a-memory:#a98fd0;--a-focus:#63b3b3;--a-mood:#dfa04e;--shadow:0 10px 30px rgba(0,0,0,.35)}}:root[data-theme=dark]{--bg:#1d222b;--grid:rgba(130,170,140,.07);--paper:#262c37;--ink:#dfe3da;--ink-strong:#f3f5ec;--muted:#8b96a3;--line:#3a4250;--red:#e2685c;--blue:#82abd5;--blue-soft:rgba(130,171,213,.1);--a-knowledge:#82abd5;--a-stamina:#6db380;--a-memory:#a98fd0;--a-focus:#63b3b3;--a-mood:#dfa04e;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15.5px;line-height:1.85;padding:20px 16px 48px}.kuai{font-family:ZCOOL KuaiLe,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400}.wrap{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:14px}button{font-family:inherit;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;padding:2px 4px;max-width:700px;margin:0 auto 14px}.title{font-size:27px;color:var(--ink-strong);letter-spacing:2px}.subtitle{font-size:12px;color:var(--muted);letter-spacing:1px}.head-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.datechip{font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 13px;font-variant-numeric:tabular-nums}.ghost{font-size:12.5px;background:none;border:1px solid var(--line);border-radius:999px;padding:3px 12px;color:var(--muted);transition:color .15s,border-color .15s}.ghost:hover{color:var(--red);border-color:var(--red)}.ghost.danger{padding:8px 16px;font-size:13.5px}.ghost.danger.armed{color:var(--red);border-color:var(--red);background:#c2453c14}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:620px){.stats{grid-template-columns:repeat(3,1fr)}}.stat{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 10px 9px;position:relative}.stat-top{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.stat-name{font-size:12px;color:var(--muted)}.stat-val{font-size:19px;font-variant-numeric:tabular-nums;line-height:1.2}.bar{height:5px;background:var(--blue-soft);border-radius:99px;margin-top:5px;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;transition:width .35s ease}.stage{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px 24px;min-height:300px;display:flex;flex-direction:column;overflow-x:clip}@media(max-width:520px){.stage{padding:18px 16px}}.month-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1px dashed var(--line);padding-bottom:10px;margin-bottom:14px}.month-date{font-size:20px;color:var(--ink-strong);letter-spacing:1px}.month-type{font-size:12px;color:var(--muted);background:var(--blue-soft);border-radius:6px;padding:2px 8px}.month-note{font-size:12.5px;color:var(--muted)}.acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}@media(max-width:520px){.acts{grid-template-columns:1fr}}.act{background:var(--paper);border:1.5px solid var(--line);border-radius:11px;padding:12px 14px;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:3px}.act:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 4px 14px #2a354714}.act-name{font-size:16px;color:var(--ink-strong)}.act-desc{font-size:12.5px;color:var(--muted);line-height:1.6}.act-tags{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:3px}.tag{font-size:11.5px;font-variant-numeric:tabular-nums}.cl-group{margin-bottom:16px}.cl-title{font-size:13px;color:var(--muted);letter-spacing:2px;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.cl-tip{font-size:11.5px;letter-spacing:0}.cl-opts{display:flex;flex-wrap:wrap;gap:8px}.cl-opt{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:9px 14px;text-align:left;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s}.cl-opt:hover{border-color:var(--muted)}.cl-opt.sel{border-color:var(--blue);background:var(--blue-soft)}.cl-opt.sel .cl-name:before{content:"✓ ";color:var(--blue)}.cl-opt.pill{padding:7px 18px}.cl-name{font-size:14.5px;color:var(--ink-strong)}.cl-desc{font-size:12px;color:var(--muted);line-height:1.6}.cl-submit-row{display:flex;justify-content:flex-end;margin-top:4px}.card-title{font-size:19px;color:var(--ink-strong);letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.card-title:before{content:"";width:5px;height:18px;background:var(--red);border-radius:2px;flex:none}.card-when{margin-left:auto;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:11.5px;color:var(--muted);letter-spacing:1px;font-variant-numeric:tabular-nums;white-space:nowrap}.card-body{font-size:15.5px;line-height:1.95}.card-after{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.card-delta{margin-top:12px;font-size:12.5px;display:flex;flex-wrap:wrap;gap:3px 12px}.card-delta span{font-variant-numeric:tabular-nums}.card-btns{display:flex;flex-direction:column;gap:9px;margin-top:18px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.card-progress{font-size:12px;color:var(--muted);letter-spacing:1px;font-variant-numeric:tabular-nums}.card-foot-btns{display:flex;align-items:center;gap:10px}.choice{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:10px 16px;text-align:left;font-size:15px;transition:border-color .15s,background .15s}.choice:hover{border-color:var(--blue);background:var(--blue-soft)}.choice.small{align-self:flex-start;padding:7px 22px;font-size:14px;border-radius:999px}.report{position:relative}.score-row{display:flex;align-items:center;gap:18px;margin:12px 0 4px}.score-num{font-size:52px;line-height:1;font-variant-numeric:tabular-nums;color:var(--red)}.score-cap{font-size:12px;color:var(--muted)}.stamp{position:absolute;top:14px;right:6px;border:3px solid var(--red);color:var(--red);border-radius:9px;padding:4px 12px;font-size:26px;letter-spacing:4px;transform:rotate(-9deg);opacity:.9;font-family:ZCOOL KuaiLe,sans-serif}.careless-note{margin-top:8px;padding-top:10px;border-top:1px dashed var(--line);color:var(--muted);font-size:14px}.has-mon.ready{animation:card-jolt .4s ease-out .7s both}.sticker{position:relative;width:clamp(96px,26vw,132px);aspect-ratio:1;margin:-36px -2px 2px auto;z-index:3;pointer-events:none;opacity:0;transform:rotate(var(--tilt,-9deg));transform-origin:90% 92%}.sticker.ready{animation:sticker-slam .9s linear .1s both}.sticker img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(1.6px 1.6px 0 #fff) drop-shadow(-1.6px 1.6px 0 #fff) drop-shadow(1.6px -1.6px 0 #fff) drop-shadow(-1.6px -1.6px 0 #fff) drop-shadow(0 6px 12px rgba(42,53,71,.28))}.sticker:before,.sticker:after{content:"";position:absolute;inset:-8%;border-radius:50%;opacity:0;pointer-events:none}.sticker.ready:after{border:3px solid var(--red);animation:sticker-ring .45s ease-out .72s both}.sticker.ready:before{border:7px solid color-mix(in srgb,var(--ink) 15%,transparent);animation:sticker-ring .5s ease-out .78s both}.has-mon.ready .card-delta span{animation:chip-in .4s ease-out 1.05s both}.has-mon.waiting>:not(.sticker){visibility:hidden}.has-mon:not(.waiting)>:not(.sticker){animation:card-reveal .22s ease-out both}@keyframes card-reveal{0%{opacity:0}to{opacity:1}}@keyframes sticker-slam{0%{opacity:0;transform:scale(2.45) rotate(calc(var(--tilt) - 28deg));animation-timing-function:ease-out}12%,40%{opacity:1;transform:scale(2.45) rotate(calc(var(--tilt) - 28deg));animation-timing-function:cubic-bezier(.55,0,.83,.36)}62%{opacity:1;transform:scale(.9) rotate(calc(var(--tilt) + 9deg));animation-timing-function:cubic-bezier(.2,.8,.3,1)}74%{transform:scale(1.12) rotate(calc(var(--tilt) - 1deg));animation-timing-function:ease-in-out}85%{transform:scale(.955) rotate(var(--tilt));animation-timing-function:ease-in-out}93%{transform:scale(1.02) rotate(var(--tilt));animation-timing-function:ease-in-out}to{opacity:1;transform:scale(1) rotate(var(--tilt))}}@keyframes sticker-ring{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.65)}}@keyframes card-jolt{0%,to{transform:none}30%{transform:translateY(3px) scale(.996) rotate(.25deg)}65%{transform:translateY(-1px)}}@keyframes chip-in{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:.96;transform:none}}@media(prefers-reduced-motion:reduce){.sticker,.sticker:before,.sticker:after,.has-mon,.has-mon:not(.waiting)>:not(.sticker),.has-mon .card-delta span{animation-duration:.01ms!important;animation-delay:0ms!important}}.sp-overlay{position:fixed;inset:0;background:#1b253473;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.sp-panel{background:var(--paper);border-radius:14px;box-shadow:var(--shadow);width:min(540px,94vw);max-height:86vh;overflow-y:auto;padding:20px 22px 16px;scrollbar-width:thin}.sp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sp-title{font-size:21px;color:var(--ink-strong);letter-spacing:2px}.sp-summary{font-size:13px;color:var(--muted);margin-bottom:8px}.sp-chart{margin:2px 0 10px}.sp-chart svg{display:block;width:100%;height:auto}.sp-chart text{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.sp-grid{stroke:var(--line);stroke-width:1}.sp-sep{stroke:var(--line);stroke-width:1;opacity:.55}.sp-tick{font-size:9.5px;fill:var(--muted)}.sp-grade-label{font-size:10.5px;fill:var(--muted);letter-spacing:1px}.sp-line{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sp-dot{fill:var(--blue);stroke:var(--paper);stroke-width:2}.sp-cross{stroke:var(--muted);stroke-width:1;opacity:.5}.sp-tip-bg{fill:var(--paper);stroke:var(--line);stroke-width:1}.sp-tip{font-size:10.5px;fill:var(--muted)}.sp-tip-strong{font-size:11.5px;fill:var(--ink-strong);font-variant-numeric:tabular-nums}.sp-endlabel{font-size:11px;fill:var(--ink);font-variant-numeric:tabular-nums}.sp-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.sp-grade{flex:none;width:52px;font-size:12.5px;color:var(--muted)}.sp-chips{display:flex;gap:8px;flex-wrap:wrap}.sp-chip{display:flex;align-items:baseline;gap:4px;background:var(--blue-soft);border-radius:8px;padding:4px 9px}.sp-chip b{font-size:14.5px;font-weight:500;color:var(--ink-strong);font-variant-numeric:tabular-nums}.sp-chip b.bad{color:var(--red)}.sp-chip i{font-style:normal;font-size:11px;color:var(--muted)}.hero-title{font-size:34px;color:var(--ink-strong);letter-spacing:3px;line-height:1.4}.hero-sub{color:var(--muted);font-size:13px;letter-spacing:2px;margin:2px 0 16px}.intro{font-size:14.5px;line-height:2;margin-bottom:18px}.start-row{display:flex;gap:10px;flex-wrap:wrap}input[type=text]{font-family:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:9px 14px;width:200px}input[type=text]::placeholder{color:var(--muted)}.main-btn{background:var(--blue);border:none;color:#fff;font-size:15px;border-radius:10px;padding:10px 26px;letter-spacing:2px;transition:filter .15s}.main-btn:hover{filter:brightness(1.08)}.plain-btn{background:none;border:1.5px solid var(--line);color:var(--muted);font-size:14px;border-radius:10px;padding:9px 20px;transition:border-color .15s,color .15s}.plain-btn:hover{border-color:var(--blue);color:var(--blue)}.grade-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:14px}.grade-label{font-size:12.5px;color:var(--muted);letter-spacing:1px;margin-right:2px}.grade-opt{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13.5px;color:var(--ink);transition:border-color .15s,background .15s}.grade-opt:hover{border-color:var(--muted)}.grade-opt.sel{border-color:var(--blue);background:var(--blue-soft);color:var(--ink-strong)}.tier-desc{flex-basis:100%;font-size:12.5px;color:var(--muted);margin-top:-3px}.end-title{font-size:26px;color:var(--ink-strong);letter-spacing:2px;margin-bottom:4px}.school-box{border:1.5px solid var(--red);border-radius:12px;padding:16px 18px;margin:16px 0;position:relative;background:var(--blue-soft)}.school-name{font-size:20px;color:var(--red);letter-spacing:1px}.school-note{font-size:13px;color:var(--muted);margin-top:2px}.end-stamp{position:absolute;top:-14px;right:14px;border:3px solid var(--red);color:var(--red);border-radius:999px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:22px;transform:rotate(12deg);background:var(--paper);font-family:ZCOOL KuaiLe,sans-serif}.end-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:14px;margin:14px 0}.end-stats b{font-variant-numeric:tabular-nums;color:var(--ink-strong);font-weight:500}.badge-title{display:inline-block;border:1.5px solid var(--gold,#b98a2f);color:var(--gold,#b98a2f);border-radius:8px;padding:3px 12px;font-size:14px;letter-spacing:2px;margin-top:4px}.logbox{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.log-title{font-size:13px;color:var(--muted);letter-spacing:3px;margin-bottom:6px}.loglist{max-height:210px;overflow-y:auto;font-size:13px;line-height:1.9;scrollbar-width:thin}.log-item{display:flex;gap:10px;align-items:baseline;padding:1px 0}.log-date{flex:none;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:5px;padding:0 6px;white-space:nowrap}.log-text{color:var(--ink)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
