:root{--ink:#173d4a;--muted:#627579;--paper:#f7f5ed;--line:#d7ddd5;--blue:#dcebf0;--accent:#af603d;--white:#fffef9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;background-image:linear-gradient(#173d4a05 1px,transparent 1px);background-size:100% 30px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,.button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:9px;padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px}button:hover,.button:hover{border-color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--ink);color:white;border-color:var(--ink)}.small{font-size:14px;padding:7px 12px}.top{max-width:1140px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 24px 12px}.brand{font-family:Georgia,"Songti TC",serif;font-size:23px;font-weight:bold;letter-spacing:2px;text-decoration:none}.brand span{font:11px/1.2 sans-serif;letter-spacing:2px;display:block;margin-top:3px}.sync{max-width:1092px;margin:0 auto 12px;font-size:13px;color:var(--muted);padding:0 24px}.sync.bad{color:#975329}main{max-width:1092px;margin:0 auto;padding:0 24px 110px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:28px 0 32px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:3px;color:var(--accent);font-weight:700}h1,h2,h3{font-family:Georgia,"Songti TC","Noto Serif TC",serif;line-height:1.35}h1{font-size:clamp(32px,5vw,50px);margin:12px 0 16px;letter-spacing:2px}h2{font-size:25px;margin:0}h3{font-size:20px;margin:0 0 8px}.hero p{margin:0;max-width:440px;color:var(--muted)}.postcard{margin:0;background:white;padding:10px 10px 6px;transform:rotate(2deg);box-shadow:0 6px 16px #173d4a12;position:relative}.postcard:before{content:"";position:absolute;background:#cbdad7bd;width:75px;height:22px;top:-10px;left:40%;transform:rotate(-6deg)}.postcard img{width:100%;height:185px;object-fit:cover;display:block}.postcard figcaption{font-size:12px;text-align:center;color:var(--muted);padding:7px 0 2px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 16px}.days{display:flex;gap:10px}.day{flex:1;text-align:left;padding:14px 18px;border-radius:4px;position:relative}.day.active{background:var(--ink);color:white}.day b{font-size:22px}.day span{display:block;font-size:13px;letter-spacing:1px}.notice{padding:13px 16px;background:#f7eadd;border-left:3px solid var(--accent);border-radius:3px;font-size:14px;margin:18px 0}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:28px;margin-top:24px}.timeline{position:relative}.entry{display:grid;grid-template-columns:66px 1fr;gap:14px;padding-bottom:18px;position:relative}.time{font-weight:700;font-variant-numeric:tabular-nums;padding-top:14px;font-size:16px}.time small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.entry:after{content:"";position:absolute;left:66px;top:20px;bottom:-2px;border-left:1px solid var(--line)}.entry:last-child:after{display:none}.paper{border:1px solid var(--line);background:var(--white);padding:19px;border-radius:4px;box-shadow:2px 3px 0 #dce3da55}.entry .paper{position:relative}.entry .paper:before{content:"";position:absolute;left:-19px;top:20px;width:7px;height:7px;border:2px solid var(--ink);background:var(--paper);border-radius:50%;z-index:1}.entry.done h3{text-decoration:line-through;text-decoration-color:#8ba1a7}.entry.done{opacity:.65}.meta{color:var(--muted);font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tag{font-size:12px;background:#edf2ed;padding:2px 8px;border-radius:3px}.card p{font-size:14px;margin:8px 0}.stamp{display:inline-block;border:1px solid var(--accent);color:var(--accent);font-size:12px;letter-spacing:1px;padding:2px 7px;transform:rotate(-2deg)}.sidebar .paper{margin-bottom:16px}.sidebar h3{font-size:21px}.rec-name{font-weight:700}.reason{font-size:14px;color:var(--muted);margin-top:4px}.rec{padding:14px 0;border-bottom:1px dashed var(--line)}.rec:last-child{border:0}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fffef9f5;backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:5;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.bottom a{text-decoration:none;width:160px;text-align:center;font-size:20px;line-height:1.4;color:var(--muted)}.bottom a span{display:block;font-size:13px}.bottom a.active{color:var(--ink);font-weight:700}.intro{margin:28px 0}.intro h1{font-size:36px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.filters button{font-size:14px;padding:7px 12px;border-radius:30px}.filters button.active{background:var(--ink);color:white}.controls{display:flex;gap:12px;flex-wrap:wrap;padding:16px;background:#e5ece7;border-radius:4px}.controls label{flex:1;min-width:130px;font-size:13px}.controls select,.controls input{width:100%;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.card{display:flex;flex-direction:column}.card .actions{margin-top:auto;padding-top:12px}.status{font-size:13px;color:#336250;margin-top:8px}.status.warn{color:#9a5735}.empty{padding:30px;border:1px dashed var(--line);text-align:center}.page-sub{font-size:15px;color:var(--muted)}input,select,textarea{border:1px solid #b7c7c8;border-radius:6px;padding:10px;background:white;color:var(--ink);min-height:44px;max-width:100%}textarea{width:100%;min-height:120px;resize:vertical}label{display:block}label input,label textarea,label select{display:block;width:100%;margin:5px 0 14px}dialog{border:1px solid var(--line);border-radius:10px;max-width:520px;width:calc(100% - 30px);max-height:90vh;overflow:auto;color:var(--ink);background:var(--paper);padding:24px}dialog::backdrop{background:#173d4a77}.close{float:right;min-width:44px;font-size:22px;padding:0}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:9px;z-index:20;max-width:90%;width:max-content;box-shadow:0 4px 20px #0002}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-foot{font-size:12px;color:var(--muted);margin-top:18px}.checkline{display:flex;gap:10px;align-items:center}.checkline input{width:20px;min-height:20px;margin:0}.inline-row{display:flex;gap:12px}.inline-row>*{flex:1}.source{font-size:12px;color:var(--muted)}.big-number{font-family:Georgia,serif;font-size:36px;line-height:1.1;margin:10px 0}.progress{height:3px;background:var(--line);margin:15px 0}.progress>div{height:3px;background:var(--ink)}:focus-visible{outline:3px solid #bb7445;outline-offset:3px}@media(max-width:700px){.top{padding:18px 18px 10px}.sync{padding:0 18px}main{padding:0 18px 110px}.hero{grid-template-columns:1fr 135px;gap:15px;padding:18px 0 24px}.hero h1{font-size:30px}.hero p{font-size:13px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.postcard{padding:6px}.postcard img{height:140px}.postcard figcaption{font-size:10px}.layout{grid-template-columns:1fr;gap:12px}.sidebar{order:-1}.sidebar .paper:not(:first-child){display:none}.sidebar .rec:nth-of-type(n+3){display:none}.grid,.tool-grid{grid-template-columns:1fr}.entry{grid-template-columns:53px 1fr;gap:13px}.entry:after{left:53px}.entry .paper:before{left:-18px}.paper{padding:16px}.time{font-size:14px}.day{padding:11px 14px}.section-head{align-items:flex-start}.section-head h2{font-size:23px}.inline-row{flex-wrap:wrap}.brand{font-size:20px}.brand span{font-size:9px}.intro h1{font-size:30px}}@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s,border .15s}.paper{animation:appear .25s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}

progress{display:block;width:100%;height:5px;accent-color:var(--ink);margin:15px 0}
.day{display:block}.brand,h1,h2,h3{font-family:Georgia,"Songti TC","Noto Sans TC",serif}@media(max-width:700px){.sidebar{order:initial}.hero h1{font-size:29px}}