:root{--bg:#f5f1e8;--surface:#fcfaf6;--paper:#fffdf7;--ink:#303b34;--muted:#80837a;--accent:#617664;--accent-dark:#405644;--border:#e7e2d7;--gold:#b49b68;--font-size:36px;--reader-ink:#383d32;--reader-bg:#fffdf7;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select{touch-action:manipulation}button{border:0;background:none;color:inherit}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #b49b68;outline-offset:3px}a{color:var(--accent-dark)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:42px;font-weight:600;letter-spacing:.11em;margin-bottom:12px}h2{font-size:19px;font-weight:600}h3{font-size:16px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--accent);margin-bottom:14px}.text-button{font-size:12px;color:var(--accent);padding:8px 2px;min-height:36px}.text-button:hover{color:var(--accent-dark)}.outline-button,.soft-button,.primary-button{padding:11px 17px;min-height:44px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px}.outline-button{border:1px solid var(--border);background:var(--surface)}.outline-button:hover{border-color:var(--accent)}.soft-button{background:#eeeede;color:var(--accent-dark)}.primary-button{background:var(--accent);color:white}.primary-button:hover{background:var(--accent-dark)}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:10px}.icon-button:hover{background:#ece8de}.reverse{transform:rotate(180deg)}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:34px 24px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-family:serif;font-size:28px;letter-spacing:.22em;margin-bottom:34px}.brand-icon{width:42px;height:42px;color:var(--gold);stroke-width:1.1}.brand small{display:block;font-family:sans-serif;font-size:10px;color:var(--muted);letter-spacing:.09em;margin-top:6px}.main-nav{display:grid;gap:7px;margin-bottom:31px}.nav-button{display:flex;align-items:center;gap:14px;min-height:48px;padding:11px 14px;border-radius:10px;font-size:14px;text-align:left;color:#8d9186}.nav-button.selected{background:#e8ede4;color:var(--accent-dark);font-weight:600}.nav-button:hover{background:#eef0e9}.library-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:var(--muted);margin-bottom:7px}.library-heading .text-button{letter-spacing:0}.search{background:#f3f1ea;border:0;border-radius:8px;padding:11px 12px;font-size:12px;width:100%;margin-bottom:12px}.library-list{display:grid;gap:5px}.book-button{text-align:left;width:100%;padding:11px 11px;border-radius:9px;display:grid;grid-template-columns:1fr 26px;gap:4px;border:1px solid transparent;font-size:13px;min-height:49px}.book-button.active{background:#f0ede3;border-color:#e2dbc9;color:var(--accent-dark)}.book-button:not(.active):hover{background:#f4f2ec}.book-button small{font-size:10px;color:var(--muted);grid-column:1}.book-button .book-progress{grid-column:2;grid-row:1/3;align-self:center;text-align:center;font-size:10px;color:var(--gold)}.sidebar-bottom{margin-top:auto;padding-top:30px}.daily-card{border:1px solid var(--border);padding:16px;border-radius:10px;display:grid;gap:8px;margin-bottom:12px}.daily-card>span{font-size:10px;color:var(--muted)}.daily-card strong{font-size:17px;font-weight:500;color:var(--accent-dark)}.daily-card small{font-size:10px;color:var(--muted)}.sidebar-bottom>.text-button{font-size:11px;display:flex;justify-content:space-between;width:100%}.version{display:block;font-size:9px;color:#9d9c93;margin-top:9px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:34px}.topbar>div{display:flex;align-items:center;gap:16px}.topbar-title{font-size:13px;font-weight:500}.topbar-right{font-size:11px;color:var(--muted)}main{padding:0 clamp(20px,4vw,72px);max-width:1600px;width:100%;min-width:0}.view{max-width:1050px;margin:0 auto}.book-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.book-header .muted{font-size:12px;margin-bottom:0;letter-spacing:.06em}.book-header .outline-button{font-size:12px;padding:9px 14px;align-self:flex-start;margin-top:26px}.reading-card{background:var(--reader-bg);border:1px solid var(--border);border-radius:17px;box-shadow:0 9px 32px #64542b06;overflow:hidden;color:var(--reader-ink)}.reading-toolbar{padding:17px 26px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border);font-size:12px;flex-wrap:wrap}.segmented{display:flex;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.segmented button{padding:7px 14px;min-height:34px;color:var(--muted);border-radius:6px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--accent);color:white}.reading-toolbar .soft-button{font-size:12px;padding:8px 12px;min-height:37px}.reading-toolbar .soft-button span{font-size:10px;color:#829178}.font-controls{display:flex;align-items:center;gap:10px}.font-controls button{min-width:37px;min-height:37px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.font-controls span{font-size:11px;color:var(--muted);min-width:22px;text-align:center}.themes{display:flex;align-items:center;gap:11px;margin-left:auto}.theme-dot{border:1px solid #cbc6b8;width:22px;height:22px;border-radius:50%}.theme-dot[aria-pressed=true]{outline:1px solid var(--gold);outline-offset:3px}.paper{background:#fffdf7}.warm{background:#efd69b}.night{background:#272e2a}.reader-kicker{padding:17px 27px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--gold);letter-spacing:.09em}.reader-kicker .text-button{font-size:10px;letter-spacing:0}.reader-wrap{padding:18px 34px 23px;min-height:370px}.scripture{font-family:"BiauKai","DFKai-SB","KaiTi","Noto Serif TC","Songti TC","PMingLiU",serif;font-size:var(--font-size);color:var(--reader-ink);line-height:2.05;letter-spacing:.06em;overflow:auto;max-width:100%;text-align:start;scrollbar-width:thin;scrollbar-color:#d1c6a9 transparent}.scripture.vertical{writing-mode:vertical-rl;text-orientation:upright;height:clamp(345px,48vh,510px);min-height:345px;padding:14px 8px 17px;width:100%}.scripture.horizontal{writing-mode:horizontal-tb;min-height:345px;padding:18px 5px;line-height:2.3;overflow-wrap:anywhere}.scripture ruby{ruby-position:over;cursor:pointer}.scripture ruby:focus{outline:1px dashed var(--gold)}.scripture rt{font-family:"PingFang TC","Microsoft JhengHei",sans-serif;font-size:.31em;line-height:1.1;color:#8b8878;letter-spacing:0;text-orientation:upright;font-weight:400}.scripture .reading-char{border-radius:5px}.scripture .reading-char.highlight{background:#e0d7b6;color:#3b4a3a}.reader-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 27px 17px;font-size:10px;color:var(--muted)}.page-controls{border-top:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:16px 26px}.page-controls .outline-button{font-size:12px;padding:10px 14px}.page-controls .primary-button{font-size:12px;padding:10px 16px}.page-range-label{flex:1;min-width:30px}input[type=range]{accent-color:var(--accent);width:100%;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.session-bar{margin-top:21px;display:flex;align-items:center;gap:22px;padding:21px 22px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.session-options{display:flex;gap:18px;flex:1;flex-wrap:wrap}.session-options label,.counter-settings label{display:grid;gap:8px;font-size:10px;color:var(--muted)}select{border:0;outline:none;background:transparent;color:var(--ink);font-size:12px;padding:4px 18px 4px 0;max-width:220px}select:disabled{opacity:.5}.play-button{display:flex;align-items:center;gap:9px;background:var(--accent);color:white;border-radius:10px;min-height:49px;padding:13px 18px;font-size:13px;white-space:nowrap}.play-button svg{width:18px}.session-status{display:grid;gap:6px;text-align:right;font-size:10px;color:var(--muted);min-width:86px}.session-status strong{font-size:18px;font-weight:400;color:var(--accent);font-variant-numeric:tabular-nums}.reading-notes{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 20px;font-size:10px;color:var(--muted)}.reading-notes p{margin:0;display:flex;align-items:center;gap:7px}.reading-notes .text-button{font-size:10px;white-space:nowrap}.dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}.audio-panel{margin-top:16px;border:1px solid var(--border);padding:18px 22px;background:var(--surface);border-radius:13px}.audio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:10px}.audio-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-button{cursor:pointer}.audio-panel audio{width:100%;height:42px;margin:4px 0 12px}.audio-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}.audio-tools .soft-button{font-size:11px;min-height:37px}.audio-panel p{margin:12px 0 0}.app-footer{max-width:1050px;margin:25px auto 22px;text-align:center;color:#a0a091;font-size:9px;line-height:1.6;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}.app-footer a{text-decoration:none;color:#8c9a83}.app-footer .text-button{font-size:9px;min-height:0;padding:0}.mobile-menu,.mobile-nav{display:none}.drawer-backdrop{background:#242c2860;position:fixed;inset:0;z-index:30}.focus-mode .sidebar,.focus-mode .topbar,.focus-mode .app-footer,.focus-mode .reading-notes{display:none}.focus-mode .app-shell{grid-template-columns:1fr}.focus-mode main{padding-top:25px;margin:auto}.focus-mode .view{max-width:1400px}.focus-mode .scripture.vertical{height:clamp(400px,60vh,720px)}
.counter-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;text-align:center;padding:27px;max-width:780px;margin:30px auto 0}.counter-settings{display:flex;gap:35px;justify-content:center;text-align:left}.counter-settings select{font-size:13px}.chant-phrase{font-family:serif;font-size:25px;letter-spacing:.08em;color:var(--accent-dark);margin:32px 0 25px}.bead-area{position:relative;width:300px;height:300px;margin:0 auto 22px}.bead-ring{width:100%;height:100%;position:absolute;inset:0;stroke-width:1.5;transform:rotate(-90deg)}.ring-track{stroke:#e8e4d9}.ring-progress{stroke:var(--gold);stroke-width:3;stroke-dasharray:930;stroke-dashoffset:930;transition:stroke-dashoffset .2s}.bead-button{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#e8ede3,#dbe3d4);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px 1px white,0 6px 25px #2b48331a;user-select:none;transition:transform .08s}.bead-button:active{transform:scale(.97)}.bead-lotus{color:#849b7b;stroke-width:1;width:49px;height:49px;margin-bottom:12px}.bead-button strong{font-size:60px;font-weight:300;font-variant-numeric:tabular-nums;color:#486147;line-height:1.3}.bead-button span{font-size:11px;color:#7c8c74;letter-spacing:.15em;margin-top:11px}.counter-actions{display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap;margin:20px 0}.counter-actions .outline-button{font-size:11px}.check-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.stats-grid article{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:24px;display:grid;gap:16px}.stats-grid article>span{font-size:11px;color:var(--muted)}.stats-grid strong{font-size:33px;font-weight:400;color:var(--accent-dark);font-variant-numeric:tabular-nums}.stats-grid small{font-size:12px;color:var(--muted);margin-left:7px}.records-card{border:1px solid var(--border);background:var(--surface);padding:28px;border-radius:16px}.records-title{display:flex;justify-content:space-between;align-items:center}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:14px;height:180px;margin:5px 10px 28px}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;font-size:10px;color:var(--muted);height:100%}.chart-bar{background:#c0cdb8;width:min(35px,80%);border-radius:5px 5px 0 0;min-height:2px}.chart-col.today .chart-bar{background:var(--accent)}.history-heading{margin-top:25px}.history-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--border);font-size:12px}.history-row:last-child{border-bottom:0}.history-date{color:var(--muted);font-size:10px;min-width:72px}.history-row strong{margin-left:auto;font-weight:500;color:var(--accent-dark);white-space:nowrap}.empty-records{padding:25px 0;text-align:center;color:var(--muted);font-size:12px}
dialog{border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--ink);padding:0;width:min(610px,calc(100% - 28px));max-height:85vh;box-shadow:0 20px 80px #10241430}dialog::backdrop{background:#202d2766;backdrop-filter:blur(3px)}.dialog-header{position:sticky;top:0;background:var(--surface);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:19px 24px;z-index:1}.dialog-header h2{margin:0;font-size:19px}.close-button{font-size:25px;color:var(--muted);min-width:40px;min-height:40px}.dialog-content{padding:22px 25px}.dialog-content>label:not(.setting-row){display:grid;gap:8px;font-size:12px;margin:18px 0}.dialog-content input:not([type=range],[type=checkbox]),.dialog-content textarea{width:100%;border:1px solid var(--border);background:white;color:#3a4236;border-radius:8px;padding:11px;font-size:13px;line-height:1.5}.dialog-content textarea{resize:vertical}.dialog-content p{font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--border);font-size:13px}.setting-row small{display:block;font-size:10px;color:var(--muted);margin-top:6px;max-width:260px;line-height:1.7}.setting-row input[type=range]{width:155px}.setting-row select{max-width:220px;width:42%;font-size:11px;background:#efece3;border-radius:5px;padding:8px}.settings-section{padding-top:25px}.settings-section>label{display:grid;gap:8px;font-size:12px;margin:16px 0}.correction-list{margin-top:15px;font-size:11px}.correction-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.help-copy h3{margin-top:24px}.help-copy li{font-size:12px;line-height:1.8;margin:8px 0}.source-entry{display:block;border-bottom:1px solid var(--border);padding:10px 0;font-size:11px;line-height:1.7;text-decoration:none}.source-entry small{display:block;color:var(--muted);font-size:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:13px 20px;color:white;background:#405644f5;box-shadow:0 6px 22px #0002;border-radius:10px;z-index:100;font-size:12px;max-width:90vw;text-align:center;line-height:1.5}
body[data-theme=warm]{--reader-bg:#efd69b;--reader-ink:#4e412a;--border:#ddd1b7}.focus-mode[data-theme=night]{background:#222825}body[data-theme=night]{--reader-bg:#272e2a;--reader-ink:#d9ddca}.scripture rt{color:color-mix(in srgb,var(--reader-ink) 57%,transparent)}.reading-card .reader-kicker{color:color-mix(in srgb,var(--reader-ink) 62%,transparent)}
@media(min-width:1700px){main{margin:0 auto}.reader-wrap{padding-inline:55px}.scripture.vertical{height:540px}.sidebar{padding-inline:28px}}
@media(max-width:1100px){.app-shell{grid-template-columns:226px 1fr}.sidebar{padding:28px 18px}.session-bar{gap:12px;padding:16px}.session-options{gap:12px}.session-status{display:none}.reading-toolbar{padding:14px 18px;gap:12px}.reader-wrap{padding:14px 24px}.font-controls{gap:7px}.themes{gap:9px}main{padding-inline:26px}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;transform:translateX(-100%);transition:transform .2s;width:270px}.drawer-open .sidebar{transform:translateX(0)}main{padding-inline:18px;padding-bottom:90px}.topbar{height:69px;margin-bottom:28px}.mobile-menu{display:inline-grid}.topbar>div{gap:9px}.topbar-right{gap:7px!important;font-size:10px}.topbar-title{font-size:12px}h1{font-size:33px}.book-header{align-items:flex-start;margin-bottom:20px;gap:12px}.book-header .outline-button{font-size:10px;padding:8px 10px;margin-top:22px;min-height:38px}.book-header .outline-button svg{width:16px}.book-header .muted{font-size:10px;line-height:1.7;max-width:260px}.eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:11px}.reading-toolbar{padding:12px;gap:10px}.segmented button{padding:5px 10px;min-height:30px;font-size:11px}.reading-toolbar .soft-button{font-size:10px;padding:7px 10px;min-height:35px}.font-controls{gap:5px}.font-controls button{min-width:31px;min-height:34px;font-size:11px}.font-controls span{font-size:10px;min-width:19px}.themes{gap:9px;margin-left:auto}.theme-dot{width:19px;height:19px}.reader-wrap{padding:12px 17px 18px}.scripture.vertical{height:clamp(350px,52vh,480px);padding:10px 4px}.scripture.horizontal{min-height:350px}.reader-kicker{padding:12px 17px 0;font-size:9px}.reader-kicker .text-button{font-size:9px}.reader-foot{padding:0 16px 15px;font-size:9px;align-items:flex-end}.reader-foot>span:first-child{max-width:60%;line-height:1.6}.page-controls{padding:13px;gap:13px}.page-controls .outline-button,.page-controls .primary-button{font-size:11px;padding:10px;min-height:42px}.page-controls svg{width:15px}.session-bar{flex-wrap:wrap;justify-content:space-between;padding:16px;margin-top:16px}.session-options{flex-basis:100%;justify-content:space-between;gap:10px}.session-options label{font-size:9px}.session-options select{font-size:11px;max-width:160px}.session-status{display:grid;font-size:9px}.session-status strong{font-size:17px}.play-button{min-height:44px;font-size:12px;padding:11px 16px}.reading-notes{align-items:flex-start;gap:10px;flex-direction:column;font-size:9px}.reading-notes .text-button{font-size:10px;align-self:flex-end}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-around;border-top:1px solid var(--border);background:#fcfaf6f5;backdrop-filter:blur(10px);padding:8px 15px calc(9px + env(safe-area-inset-bottom))}.mobile-nav button{font-size:10px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:76px;min-height:43px;color:var(--muted)}.mobile-nav button.selected{color:var(--accent-dark);font-weight:600}.mobile-nav svg{width:21px;height:21px}.app-footer{font-size:8px;gap:5px}.counter-card{padding:22px 14px;margin-top:23px}.counter-settings{gap:22px}.counter-settings select{max-width:200px;font-size:11px}.chant-phrase{font-size:22px;margin:27px 0 23px}.bead-area{width:270px;height:270px}.bead-button strong{font-size:52px}.counter-actions{gap:9px}.counter-actions .outline-button{padding:9px 10px}.stats-grid{gap:9px}.stats-grid article{padding:16px 12px;gap:15px}.stats-grid article>span{font-size:9px}.stats-grid strong{font-size:27px}.stats-grid small{font-size:10px;margin-left:4px}.records-card{padding:20px 16px}.week-chart{gap:8px;margin-inline:0;height:155px}.history-row{font-size:11px;gap:10px}.history-date{font-size:9px;min-width:59px}.history-row strong{font-size:11px}.dialog-content{padding:18px}.dialog-header{padding:14px 18px}.setting-row{font-size:12px}.setting-row small{max-width:180px;font-size:9px}.setting-row input[type=range]{width:120px}.audio-panel{padding:16px}.audio-heading{font-size:10px}.audio-heading .outline-button{font-size:10px;padding:8px 10px;min-height:38px}#toast{bottom:95px;font-size:11px}.focus-mode main{padding-top:20px}.focus-mode .mobile-nav{display:none}.focus-mode main{padding-bottom:20px}.focus-mode .scripture.vertical{height:60vh;min-height:350px}}
@media(max-width:390px){.themes{width:100%;justify-content:flex-end}.reading-toolbar{row-gap:8px}.book-header .outline-button span{display:none}.counter-settings{gap:10px}.counter-settings select{max-width:179px}.bead-area{width:250px;height:250px}.session-options{gap:5px}.session-options select{max-width:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.admin-contact{white-space:nowrap;text-underline-offset:3px}.app-footer{flex-wrap:wrap}