:root{--paper:#edeee8;--desk:#dfe1da;--rule:rgba(52,72,62,0.085);--margin-line:#c2827c;--ink:#1c2320;--ink-soft:#39423d;--ink-faint:#66716b;--pen:#23458f;--pen-wash:rgba(35,69,143,0.1);--red:#a2453c;--lh:32px;--gutter:58px;--mono:var(--font-mono),"Courier Prime",monospace;--sans:var(--font-sans),"Noto Sans TC",system-ui,sans-serif;--serif:var(--font-serif),"Noto Serif TC",serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--desk);color:var(--ink);font-family:var(--sans);display:flex;justify-content:center}.sheet{width:100%;max-width:430px;min-height:100vh;background:var(--paper);position:relative;padding-bottom:96px}@media (min-width:640px){body{padding:28px 0}.sheet{min-height:auto;box-shadow:0 2px 24px rgba(28,35,32,.16)}}.sheet:before{content:"";position:absolute;top:0;bottom:0;left:var(--gutter);width:1px;background:var(--margin-line);opacity:.5}.nav{display:flex;gap:18px;padding:16px 22px 0 calc(var(--gutter) + 14px);font-family:var(--mono);font-size:15px;letter-spacing:.08em}.nav a{color:var(--ink-faint);text-decoration:none;padding:0 0 2px}.nav a.on{color:var(--pen);border-bottom:1px solid var(--pen)}header.head{padding:20px 22px 20px var(--gutter);position:relative}.kicker{font-family:var(--mono);font-size:13.5px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;padding-left:14px}header.head h1{font-size:25px;font-weight:600;margin:5px 0 0;letter-spacing:.01em}header.head .sum,header.head h1{font-family:var(--serif);padding-left:14px}header.head .sum{font-size:17px;font-weight:500;line-height:30px;color:var(--ink-soft);margin-top:12px}header.head .sum b{color:var(--ink);font-weight:600}.divide{height:1px;background:var(--ink);opacity:.16;margin:4px 22px 0 var(--gutter)}.aside-note{margin:16px 22px 0 calc(var(--gutter) + 14px);padding-left:13px;border-left:2px solid var(--margin-line);font-family:var(--serif);font-size:16px;font-weight:500;line-height:30px;color:var(--ink-soft)}.transcript{padding:22px 22px 40px var(--gutter);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--lh) - 1px),var(--rule) calc(var(--lh) - 1px),var(--rule) var(--lh));background-position:0 22px}.turn{position:relative;padding-left:14px;margin-bottom:var(--lh)}.turn .who{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.11em;color:var(--ink-faint);line-height:var(--lh)}.turn .who.you{color:var(--ink)}.turn .said{font-family:var(--mono);font-size:17px;line-height:var(--lh);color:var(--ink-soft)}.turn.you .said{color:var(--ink)}.turn .tc{position:absolute;left:calc(var(--gutter) * -1);width:calc(var(--gutter) - 8px);text-align:right;padding-right:12px;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);line-height:var(--lh)}.turn.flag .said em{font-style:normal;background:linear-gradient(transparent 62%,var(--pen-wash) 62%);border-bottom:1.5px solid var(--pen);cursor:pointer}.turn.flag .mark{position:absolute;left:calc(var(--gutter) * -1 + 4px);font-family:var(--mono);font-size:15px;color:var(--pen);line-height:var(--lh);top:var(--lh)}.turn.playing{background:rgba(35,69,143,.045)}.turn.playing .tc{color:var(--pen)}.note{margin:2px 0 0 14px;padding:0 0 0 13px;border-left:2px solid var(--pen)}.note .fix{font-family:var(--mono);font-size:17px;line-height:var(--lh);color:var(--pen)}.note .why{font-family:var(--serif);font-size:16px;font-weight:500;line-height:var(--lh);color:var(--ink-soft);margin-top:2px}.note .row{display:flex;gap:16px;margin-top:4px;align-items:baseline}.linkish{background:0;border:0;padding:0 0 1px;cursor:pointer;font-family:var(--sans);font-size:15px;color:var(--pen);border-bottom:1px solid rgba(35,69,143,.4);line-height:20px}.linkish:hover{border-bottom-color:var(--pen)}.note.crossed{border-left-color:var(--ink-faint);opacity:.42}.note.crossed .fix{text-decoration:line-through;color:var(--ink-soft)}.note-done{font-family:var(--serif);font-size:12.5px;color:var(--ink-faint)}.turn.crossed .said em{border-bottom-color:var(--ink-faint);background:none}.turn.crossed .mark{color:var(--ink-faint);text-decoration:line-through}.tail{padding:0 22px 40px var(--gutter)}.tail h2{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);line-height:var(--lh)}.tail h2,.words{padding-left:14px}.words{margin-top:6px}.words li{list-style:none;display:flex;gap:12px;align-items:baseline;line-height:var(--lh);border-bottom:1px dotted rgba(52,72,62,.22);padding:3px 0}.words b{font-family:var(--mono);font-size:16px;font-weight:700;min-width:112px;color:var(--ink)}.words span{font-family:var(--serif);font-size:15.5px;font-weight:500;color:var(--ink-soft)}.player{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:var(--paper);border-top:1px solid rgba(28,35,32,.2);padding:12px 22px calc(14px + env(safe-area-inset-bottom))}.player .bar{height:2px;background:rgba(28,35,32,.14);position:relative;margin-bottom:11px}.player .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--pen);width:0;transition:width .12s linear}.player .line{display:flex;justify-content:space-between;align-items:center}.player .tc{font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player .expired{font-family:var(--serif);font-size:13px;color:var(--ink-faint)}.rec{padding:6px 22px 40px var(--gutter);min-height:74vh;display:flex;flex-direction:column}.rec .body{flex:1 1;padding-left:14px}.rec .stamp{font-family:var(--mono);font-size:46px;font-weight:700;letter-spacing:-.02em;margin-top:34px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec .of,.rec .stamp{line-height:var(--lh)}.rec .of{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-top:22px}.trace{margin-top:26px;height:1px;background:rgba(28,35,32,.16);position:relative}.trace i{position:absolute;left:0;top:-1px;height:3px;background:var(--ink)}.trace u{position:absolute;top:-7px;width:1px;height:15px;background:var(--pen);text-decoration:none}.rec .log{margin-top:30px;padding-left:14px}.rec .log p{font-family:var(--mono);font-size:14px;line-height:var(--lh);color:var(--ink-soft)}.rec .log p b{color:var(--ink);font-weight:400}.rec .log p.now{color:var(--pen)}.rec .log p.bad{color:var(--red)}.rec .aside{margin:24px 0 0 14px;padding-left:13px;border-left:2px solid var(--margin-line);font-family:var(--serif);font-size:15.5px;font-weight:500;line-height:28px;color:var(--ink-soft)}.rec .acts{padding-left:14px;margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.acts-btn,.rec .acts button{background:0;border:0;padding:0 0 2px;cursor:pointer;font-family:var(--sans);font-size:17px;color:var(--pen);border-bottom:1px solid var(--pen)}.rec .acts button.end{color:var(--ink-soft);border-bottom-color:var(--ink-faint);font-size:15px}.rec .acts button.holding{color:var(--red);border-bottom-color:var(--red)}.prose{padding:8px 22px 40px calc(var(--gutter) + 14px);font-size:16px;font-weight:500;line-height:29px;color:var(--ink-soft)}.prose,.prose h2{font-family:var(--serif)}.prose h2{font-size:17.5px;color:var(--ink);margin:18px 0 4px}.prose ul{padding-left:18px}.list{padding:10px 22px 40px var(--gutter)}.entry{display:block;position:relative;padding:10px 0 10px 14px;border-bottom:1px dotted rgba(52,72,62,.22);text-decoration:none;color:inherit}.entry .tc{position:absolute;left:calc(var(--gutter) * -1);width:calc(var(--gutter) - 8px);text-align:right;padding-right:12px;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}.entry .t,.entry .tc{line-height:var(--lh)}.entry .t{font-family:var(--serif);font-size:17px;color:var(--ink)}.entry .s{font-family:var(--mono);font-size:13.5px;line-height:24px;color:var(--ink-soft)}.entry .s.pen{color:var(--pen)}.entry .s.bad{color:var(--red)}.entry .s.faint{color:var(--ink-faint)}.chart-wrap{padding:12px 22px 8px var(--gutter)}.chart-wrap svg{display:block;width:100%;height:auto}.stat-row{display:flex;gap:12px;align-items:baseline;padding:3px 0 3px 14px;line-height:var(--lh);border-bottom:1px dotted rgba(52,72,62,.22)}.stat-row b{font-family:var(--mono);font-size:15px;min-width:96px;color:var(--ink);font-weight:700}.stat-row span{font-family:var(--serif);font-size:15px;font-weight:500;color:var(--ink-soft)}.form{padding:8px 22px 40px var(--gutter)}.field{padding-left:14px;margin-top:26px}.field label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.field input,.field label{font-family:var(--mono);line-height:var(--lh)}.field input{width:100%;max-width:30ch;background:transparent;border:0;border-bottom:1px solid rgba(28,35,32,.35);font-size:17px;color:var(--ink);padding:2px 0 4px;border-radius:0}.field input:focus{outline:0;border-bottom:1.5px solid var(--pen)}.field input::placeholder{color:var(--ink-faint)}.field .hint{font-size:14.5px;font-weight:500;line-height:25px;color:var(--ink-faint);margin-top:6px;max-width:34ch}.field .hint,.form .err{font-family:var(--serif)}.form .err{margin:18px 0 0 14px;font-size:15px;line-height:24px;color:var(--red)}.form .acts{padding-left:14px;margin-top:38px;display:flex;gap:22px;align-items:baseline}.form .acts button{background:0;border:0;padding:0 0 2px;cursor:pointer;font-family:var(--sans);font-size:17px;color:var(--pen);border-bottom:1px solid var(--pen)}.form .acts button:disabled{color:var(--ink-faint);border-bottom-color:var(--ink-faint);cursor:default}.form .acts .quiet{font-size:13px;color:var(--ink-soft);border-bottom-color:var(--ink-faint)}[hidden]{display:none!important}:focus-visible{outline:1.5px solid var(--pen);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (max-width:639px){:root{--gutter:24px}.entry .tc{position:static;width:auto;text-align:left;padding:0;display:block;line-height:20px;margin-bottom:2px}.turn .tc{display:none}.player .tc{display:inline;position:static;width:auto}}