:root{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:#352a3d;background:#ff9e27}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 4%,#ffd67a,transparent 23rem),linear-gradient(160deg,#ff9d27,#ffb74c 45%,#fff7e8 75%);background-attachment:fixed}.work-app{width:min(100%,620px);min-height:100vh;margin:auto;padding:max(16px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.topbar{height:86px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-shadow:0 2px 2px #aa5b00}.topbar h1{margin:0;font-size:clamp(1.7rem,8vw,2.5rem);letter-spacing:.05em}.topbar>div:last-of-type span{display:block;font-weight:900;letter-spacing:.22em;font-size:.66rem}.back-link,.home-link{position:absolute;color:#fff;text-decoration:none;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.45);box-shadow:0 5px 10px rgba(133,68,0,.18);border-radius:999px;font-weight:900}.back-link{left:max(14px,calc((100vw - 620px)/2 + 14px));display:grid;place-items:center;width:46px;height:46px;font-size:2.4rem;line-height:1}.home-link{right:max(14px,calc((100vw - 620px)/2 + 14px));padding:10px 12px;font-size:.82rem}.mini-robot{font-size:2.6rem;filter:drop-shadow(0 4px 2px rgba(112,55,0,.22))}.preview-card{position:relative;background:rgba(255,255,255,.94);border:2px solid #fff;border-radius:30px;padding:20px 20px 23px;box-shadow:inset 0 3px 7px #fff,0 12px 24px rgba(129,65,0,.2);overflow:hidden}.preview-heading{display:flex;align-items:center;justify-content:space-between;color:#ec681b}.preview-heading strong{font-size:1.1rem}.preview-heading time{background:#fff1e5;border-radius:999px;padding:6px 10px;font-weight:800;font-variant-numeric:tabular-nums}.preview{margin:22px 0 11px;text-align:center;font-size:clamp(1.45rem,7.4vw,2.5rem);font-weight:900;line-height:1.35}.preview span.empty{color:#a69ca9;font-size:.62em}.preview i{font-style:normal;color:#ff9a50;font-weight:400}.preview-note{margin:0 35px 10px 0;text-align:center;color:#695d6e;font-weight:700}.preview-ready{width:max-content;max-width:90%;margin:auto;padding:6px 12px;border-radius:999px;background:#fff7ed;color:#8d7c70;font-size:.78rem;font-weight:800}.preview-ready.ready{color:#478b27;background:#efffdf}.peek-cat{position:absolute;right:9px;bottom:-12px;font-size:3.1rem}.step{border:0;margin:14px 0 0;padding:14px 12px 16px;border-radius:26px;background:rgba(255,255,255,.91);box-shadow:0 7px 16px rgba(106,61,18,.16)}.step legend{float:left;width:100%;display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:1.15rem;font-weight:900}.step legend b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#55a92e}.step legend small{font-size:1rem}.step-work legend{color:#459927}.step-action legend{color:#2779cc}.step-action legend b{background:#347fd1}.step-status legend{color:#eb7925}.step-status legend b{background:#f08a30}.choices{clear:both;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.choices button{position:relative;min-height:72px;border:2px solid #bedf9f;border-radius:17px;background:linear-gradient(150deg,#fff,#eef9df);color:#3d8b20;font:900 .96rem inherit;box-shadow:0 4px 7px rgba(63,104,27,.14);cursor:pointer}.choices button>span{display:block;font-size:1.55rem;line-height:1.35}.choices button[aria-pressed="true"]{color:#fff;background:linear-gradient(145deg,#75c73e,#389713);border:4px solid #277a0a;box-shadow:0 0 0 3px #fff,0 0 0 6px #64b337,0 6px 10px rgba(41,104,11,.3);transform:translateY(-2px)}.choices button[aria-pressed="true"]::after{content:"✓";position:absolute;right:-7px;top:-9px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#3c9a19;border:2px solid currentColor}.step-action .choices button{border-color:#9dcaf3;background:linear-gradient(150deg,#fff,#e8f5ff);color:#176bbc}.step-action .choices button[aria-pressed="true"]{background:linear-gradient(145deg,#55a2f0,#176bc7);border-color:#0755aa;box-shadow:0 0 0 3px #fff,0 0 0 6px #4b93df,0 6px 10px rgba(13,83,153,.3);color:#fff}.status-choices button{border-color:currentColor;background:#f5fff0}.status-choices .doing{color:#e66c13;background:#fff7ee}.status-choices .waiting{color:#9841af;background:#fcf2ff}.status-choices .tracking{color:#d98b00;background:#fff9e8}.status-choices button[aria-pressed="true"]{border-color:#277a0a;background:linear-gradient(145deg,#75c73e,#389713);box-shadow:0 0 0 3px #fff,0 0 0 6px #64b337;color:#fff}.status-choices .doing[aria-pressed="true"]{border-color:#c75106;background:linear-gradient(145deg,#ffad5d,#ed7213);box-shadow:0 0 0 3px #fff,0 0 0 6px #f69a50}.status-choices .waiting[aria-pressed="true"]{border-color:#7e278e;background:linear-gradient(145deg,#c777da,#9543ad);box-shadow:0 0 0 3px #fff,0 0 0 6px #c06ed1}.status-choices .tracking[aria-pressed="true"]{border-color:#b86d00;background:linear-gradient(145deg,#ffcf4d,#e69300);box-shadow:0 0 0 3px #fff,0 0 0 6px #ffc53a}.other-field{clear:both;position:relative;margin-top:12px}.other-field label{display:block;margin-bottom:5px;font-weight:800;color:#3d8b20}.other-field input,.note-box textarea{width:100%;border:2px solid #d7d0dc;border-radius:15px;background:white;padding:13px 48px 13px 13px;font:inherit;color:#352a3d;outline:0}.other-field input:focus,.note-box textarea:focus{border-color:#8753b8;box-shadow:0 0 0 3px #eadcff}.other-field small,.note-box>span{position:absolute;right:12px;bottom:10px;color:#85778c;font-size:.73rem}.note-box{position:relative;margin-top:14px;padding:15px 13px 27px;border:2px solid #e1c9ed;border-radius:24px;background:#fcf7ff;box-shadow:0 6px 14px rgba(91,45,111,.12)}.note-box label{display:block;color:#8042aa;font-size:1.05rem;font-weight:900;margin-bottom:8px}.note-box label small{font-size:.73rem}.note-box textarea{resize:none;min-height:68px}.form-error{margin:12px 3px 0;color:#b1291f;background:#fff0ed;border-radius:12px;padding:10px;text-align:center;font-weight:800}.add-button{width:100%;margin-top:14px;padding:17px;border:0;border-radius:22px;background:linear-gradient(100deg,#ffae52,#ff721b);box-shadow:0 6px 0 #ce5110;color:#fff;font:900 clamp(1.3rem,6vw,1.75rem) inherit;cursor:pointer}.add-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #ce5110}.add-button:disabled{background:#c9c3bd;box-shadow:0 4px 0 #9e9995;cursor:not-allowed}.records-link{display:block;margin:18px auto 5px;border:0;background:none;color:#7d4db1;font:900 1.05rem inherit;cursor:pointer}.records-link span{font-size:1.6rem;vertical-align:-2px}.privacy{text-align:center;font-size:.73rem;color:#786b5d}.work-app>footer{text-align:center;margin-top:17px;color:#725c48;font-size:.75rem;font-weight:700}.work-app>footer strong{color:#078f79}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:4px solid #351e7a;outline-offset:3px}dialog{width:min(calc(100% - 24px),580px);max-height:85vh;border:0;border-radius:28px;padding:0;box-shadow:0 24px 70px #512b0c88;color:#352a3d}dialog::backdrop{background:#3b210f99;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#fff5e7;border-bottom:1px solid #f2d5b0}.dialog-head h2{margin:2px 0 0}.dialog-head small{color:#e66b19;font-weight:800}.dialog-head button{width:42px;height:42px;border:0;border-radius:50%;font-size:1.7rem;background:#fff;color:#8a6850}.records-list{padding:13px}.record{position:relative;margin-bottom:10px;padding:14px 48px 12px 14px;border:1px solid #e4d9cd;border-radius:17px;background:#fffaf4}.record-main{font-weight:900;font-size:1.08rem}.record-note{margin:7px 0 0;color:#6b5d70}.record-meta{display:block;margin-top:7px;color:#9a897b;font-size:.7rem}.delete-record{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:#ffebe7;color:#bd3327;font-size:1rem;cursor:pointer}.empty-records{text-align:center;padding:40px 15px;color:#8d7e71}.archive{margin:0 13px 18px;padding-top:12px;border-top:2px dashed #dfd3c8}.archive h3{margin:0}.archive>p{font-size:.75rem;color:#8a7b70}.archive .record{background:#f3f0ed;color:#6e6965;padding-right:14px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:10;transform:translate(-50%,30px);padding:12px 20px;border-radius:999px;background:#2f7d42;color:#fff;font-weight:900;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:410px){.work-app{padding-inline:9px}.topbar{height:78px}.mini-robot{display:none}.home-link{font-size:0}.home-link span{font-size:1.3rem}.choices{grid-template-columns:repeat(4,1fr);gap:6px}.choices button{min-height:67px;font-size:.86rem;padding:5px 2px}.choices button>span{font-size:1.35rem}.preview-card{padding-inline:13px}.preview-heading time{font-size:.73rem}.peek-cat{font-size:2.5rem}}@media(min-width:720px){body{padding-block:20px}.work-app{border-radius:40px;background:#ffaf3a40;box-shadow:0 15px 60px #7e3d0055}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}