:root{--c-paper:#f4efe4;--c-surface:#fdfaf3;--c-sunken:#e7dfcd;--c-ink:#191f1b;--c-ink2:#3d4640;--c-teal:#12362d;--c-teal-soft:#e2ebe5;--c-on-teal:#f7f3e9;--c-red:#822f1b;--c-red-tint:#f9ebe4;--c-amber:#4a3a0c;--c-amber-tint:#f8f0dc;--c-hairline:#928158;--c-focus:#8a4a12;--c-gold:#d4af37;--fs-base:18px;--fs-sub:calc(var(--fs-base) - 3px);--fs-chip:calc(var(--fs-base) - 4px);--fs-time:calc(var(--fs-base) - 1px);--fs-h1:calc(var(--fs-base) + 8px);--fs-h2:calc(var(--fs-base) + 4px);--fs-h3:calc(var(--fs-base) + 1px);--tap:60px;--gap:14px;--radius:12px;--rail:3px;--tabbar:calc(var(--tap) + 12px)}html[data-text-scale="2"]{--fs-base:20px}html[data-text-scale="3"]{--fs-base:22px}*{box-sizing:border-box}html,body{background:var(--c-paper);color:var(--c-ink);margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Noto Sans TC,Hiragino Sans,Yu Gothic,sans-serif;font-size:var(--fs-base);-webkit-text-size-adjust:100%;font-weight:500;line-height:1.7}button,input,select{font:inherit;color:inherit;font-weight:600}a{color:var(--c-teal);text-underline-offset:3px}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:4px}.app{min-height:100dvh;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));overflow-wrap:break-word}.view{max-width:760px;padding:12px max(12px, env(safe-area-inset-left)) 24px max(12px, env(safe-area-inset-right));margin:0 auto}.viewhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:6px 0 12px;display:flex}h1{font-size:var(--fs-h1);color:var(--c-teal);margin:0;line-height:1.35}h2{font-size:var(--fs-h2);color:var(--c-teal);margin:22px 0 8px;line-height:1.4}h3{font-size:var(--fs-h3);margin:18px 0 6px;line-height:1.45}.meta{font-size:var(--fs-sub);color:var(--c-ink2);font-weight:500}.card{background:var(--c-surface);border:1.5px solid var(--c-hairline);border-radius:var(--radius);margin:0 0 var(--gap);padding:14px}.card>h2:first-child,.card>h3:first-child{margin-top:0}.cardlabel{font-size:var(--fs-chip);letter-spacing:.04em;color:var(--c-on-teal);background:var(--c-teal);border-radius:6px;margin-bottom:8px;padding:3px 10px;font-weight:700;display:inline-block}.cardlabel.alarm{background:var(--c-red)}.banner{background:var(--c-amber-tint);border:1.5px solid var(--c-hairline);border-left:6px solid var(--c-amber);border-radius:var(--radius);margin:0 0 var(--gap);font-size:var(--fs-sub);color:var(--c-ink);padding:12px 14px}.banner b{color:var(--c-amber)}.alarmbox{background:var(--c-red-tint);border:1.5px solid var(--c-hairline);border-left:6px solid var(--c-red);border-radius:var(--radius);margin:0 0 var(--gap);padding:12px 14px}.alarmbox b{color:var(--c-red)}.softbox{background:var(--c-teal-soft);border:1.5px solid var(--c-hairline);border-radius:var(--radius);margin:0 0 var(--gap);padding:12px 14px}.seg{border-top:1px solid var(--c-hairline);gap:12px;padding:10px 0;display:flex}.seg:first-child{border-top:0}.seg .when{font-variant-numeric:tabular-nums;min-width:5.6em;font-size:var(--fs-time);color:var(--c-teal);flex:none;font-weight:700}.seg .body{flex:auto;min-width:0}.seg .title{font-size:var(--fs-base);font-weight:600}.seg .ja,.seg .sub{font-size:var(--fs-sub);color:var(--c-ink2)}.tag{font-size:var(--fs-chip);background:var(--c-sunken);color:var(--c-teal);white-space:nowrap;border-radius:5px;margin-left:6px;padding:2px 8px;font-weight:700;display:inline-block}.tag.hard{background:var(--c-red);color:var(--c-on-teal)}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.act{min-height:var(--tap);text-align:center;border-radius:var(--radius);border:2px solid var(--c-teal);background:var(--c-teal);color:var(--c-on-teal);font-size:var(--fs-base);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-weight:700;text-decoration:none;display:flex}.act.secondary{background:var(--c-surface);color:var(--c-teal)}.act[disabled]{background:var(--c-sunken);border-color:var(--c-hairline);color:var(--c-ink2);cursor:not-allowed;flex-direction:column;gap:2px;line-height:1.35}.act[disabled] .why{font-size:var(--fs-chip);font-weight:500}.act .icon{flex:none}.actionnote{font-size:var(--fs-sub);color:var(--c-ink2);margin-top:8px}.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick a{min-height:var(--tap);border-radius:var(--radius);border:2px solid var(--c-hairline);background:var(--c-surface);color:var(--c-teal);text-align:center;justify-content:center;align-items:center;gap:8px;padding:8px;font-weight:700;text-decoration:none;display:flex}.quick a.alarm{border-color:var(--c-red);color:var(--c-red)}.daygrid{gap:10px;display:grid}.daygrid a{min-height:var(--tap);background:var(--c-surface);border:1.5px solid var(--c-hairline);border-radius:var(--radius);color:var(--c-ink);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.daygrid a[aria-current=true]{border-color:var(--c-teal);background:var(--c-teal-soft);border-width:3px}.daygrid .dnum{color:var(--c-teal);flex:none;min-width:3.2em;font-weight:700}.daygrid .dttl{font-weight:600}.prose{overflow-wrap:anywhere}.prose h1{font-size:var(--fs-h2);margin:0 0 10px}.prose h2{font-size:var(--fs-h3)}.prose h3,.prose p,.prose li{font-size:var(--fs-base)}.prose ul,.prose ol{padding-left:1.4em}.prose code{background:var(--c-sunken);font-size:var(--fs-sub);border-radius:4px;padding:1px 5px}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-sub);display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--c-hairline);text-align:left;vertical-align:top;padding:7px 9px}.prose th{background:var(--c-sunken);font-weight:700}.prose blockquote{border-left:5px solid var(--c-hairline);background:var(--c-surface);margin:12px 0;padding:8px 12px}.prose :target{background:var(--c-teal-soft);scroll-margin-top:12px}.prose a[href^=http]:after{content:"（需網路）";font-size:var(--fs-chip);color:var(--c-amber);white-space:nowrap;font-weight:600}.searchbar{margin-bottom:var(--gap);gap:8px;display:flex}.searchbar input{min-height:var(--tap);border:2px solid var(--c-hairline);border-radius:var(--radius);background:var(--c-surface);min-width:0;font-size:var(--fs-base);flex:auto;padding:8px 12px}.hit{border-top:1px solid var(--c-hairline);color:var(--c-ink);padding:12px 0;text-decoration:none;display:block}.hit .htitle{font-size:var(--fs-base);color:var(--c-teal);font-weight:700}.hit .hwhere{font-size:var(--fs-chip);color:var(--c-ink2)}.hit .hex{font-size:var(--fs-sub);color:var(--c-ink2)}.scalerow{gap:10px;display:flex}.scaleopt{min-height:var(--tap);border:2px solid var(--c-hairline);background:var(--c-surface);color:var(--c-teal);border-radius:var(--radius);cursor:pointer;flex:1 1 0;font-weight:700}.scaleopt[aria-pressed=true]{background:var(--c-teal);color:var(--c-on-teal);border-color:var(--c-teal)}.scaleopt.s1{font-size:18px}.scaleopt.s2{font-size:20px}.scaleopt.s3{font-size:22px}.pagelist{gap:8px;display:grid}.pagelist a{min-height:var(--tap);background:var(--c-surface);border:1.5px solid var(--c-hairline);border-radius:var(--radius);color:var(--c-ink);align-items:center;padding:8px 12px;font-weight:600;text-decoration:none;display:flex}.topbar{z-index:15;background:var(--c-paper);border-bottom:2px solid var(--c-hairline);padding:4px max(8px, env(safe-area-inset-left)) 4px max(4px, env(safe-area-inset-right));padding-top:max(4px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:sticky;top:0}.backbtn{min-height:var(--tap);min-width:var(--tap);color:var(--c-teal);font-size:var(--fs-base);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:8px 12px 8px 6px;font-weight:700;display:flex}.topbartitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sub);color:var(--c-ink2);text-align:right;flex:auto;font-weight:600;overflow:hidden}.chiprow{z-index:14;margin:0 0 var(--gap);background:var(--c-paper);-webkit-overflow-scrolling:touch;gap:8px;padding:8px 2px 10px;display:flex;position:sticky;top:0;overflow-x:auto}.chip{min-height:var(--tap);border:2px solid var(--c-hairline);border-radius:var(--radius);background:var(--c-surface);min-width:64px;color:var(--c-teal);font-size:var(--fs-sub);cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;padding:6px 12px;font-weight:700;display:flex}.chip[aria-selected=true]{background:var(--c-teal);border-color:var(--c-teal);color:var(--c-on-teal)}.chipdate{font-size:var(--fs-chip);font-weight:600}.chipnow{font-size:var(--fs-chip);background:var(--c-amber);color:var(--c-on-teal);border-radius:4px;padding:0 5px;font-weight:700}.quest{padding:0;overflow:hidden}.quest.done{background:var(--c-teal-soft);border-color:var(--c-teal)}.questhead{width:100%;min-height:calc(var(--tap) + 8px);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.questicon{background:var(--c-sunken);width:52px;height:52px;color:var(--c-teal);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.questicon.done{background:var(--c-teal);color:var(--c-on-teal)}.questmeta{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.questday{font-size:var(--fs-chip);color:var(--c-ink2);font-weight:700}.questday .tag{margin-left:6px}.questday .donechip{background:var(--c-teal);color:var(--c-on-teal)}.questtitle{font-size:var(--fs-base);color:var(--c-ink);font-weight:700;line-height:1.4}.questchevron{font-size:calc(var(--fs-base) + 6px);color:var(--c-teal);flex:none;padding:0 4px;font-weight:700}.quest .prose,.quest .actions{padding:0 14px}.quest .actions{margin:12px 0 14px}details>summary{min-height:var(--tap);align-items:center;display:flex}.tabbar{background:var(--c-sunken);border-top:2px solid var(--c-hairline);padding-bottom:env(safe-area-inset-bottom);z-index:20;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:var(--tap);color:var(--c-teal);font-size:var(--fs-chip);border-right:1px solid var(--c-hairline);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-weight:700;text-decoration:none;display:flex}.tabbar a:last-child{border-right:0}.tabbar a[aria-current=page]{background:var(--c-teal);color:var(--c-on-teal)}.scrim{z-index:40;background:#191f1b8c;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.modal{background:var(--c-surface);border:2px solid var(--c-hairline);border-radius:var(--radius);width:100%;max-width:520px;margin-bottom:calc(env(safe-area-inset-bottom) + 8px);padding:16px}.modal h2{margin-top:0}.modal .row{margin-top:var(--gap);grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal .full{grid-column:1/-1}.copyout{width:100%;font-size:var(--fs-base);border:2px solid var(--c-hairline);background:var(--c-paper);border-radius:8px;padding:10px}.toast{left:50%;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 12px);background:var(--c-teal);color:var(--c-on-teal);font-size:var(--fs-sub);z-index:30;border-radius:999px;padding:10px 16px;font-weight:700;position:fixed;transform:translate(-50%)}.offline{font-size:var(--fs-chip);color:var(--c-on-teal);background:var(--c-amber);border-radius:6px;padding:2px 8px;font-weight:700}.centered{max-width:640px;margin:0 auto;padding:24px 16px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:359px){.actions,.quick,.modal .row{grid-template-columns:1fr}.seg{flex-direction:column;gap:2px}.seg .when{min-width:0}}
