:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#3f3a35;background:#f7f3ec;font-synthesis:none;text-rendering:optimizeLegibility;--bg-main: #f7f3ec;--bg-card: #fffcf7;--bg-soft: #efe9df;--text-main: #3f3a35;--text-secondary: #6f6861;--border-soft: #ddd5ca;--button-main: #756a60;--button-main-text: #fff;--focus: #7a6958;--danger: #8b423b}*{box-sizing:border-box}html{min-width:320px;background:var(--bg-main)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-main);font-size:18px;line-height:1.75}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(122,105,88,.45);outline-offset:3px}button{cursor:pointer}a{color:inherit}.app-shell{width:min(100%,720px);min-height:100vh;margin:0 auto;background:var(--bg-main)}.topbar{height:76px;padding:max(16px,env(safe-area-inset-top)) 32px 8px;display:flex;align-items:center;justify-content:space-between}.page-content{padding:28px 32px max(48px,calc(28px + env(safe-area-inset-bottom)))}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.03em}.brand span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #aaa096;border-radius:10px;font-family:serif;font-size:17px}.page-title,.hero-title{margin:0;font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-weight:700;color:var(--text-main);letter-spacing:.02em}.page-title{font-size:clamp(26px,7vw,30px);line-height:1.42;margin-bottom:28px}.hero-title{font-size:clamp(28px,7.5vw,30px);line-height:1.48;max-width:12em}.hero-copy{font-size:clamp(18px,4.8vw,21px);line-height:1.8;color:var(--text-secondary);margin:20px 0 32px}.eyebrow{font-size:17px;font-weight:700;color:var(--text-secondary);margin:0 0 14px;letter-spacing:.04em}.icon-button{width:48px;height:48px;display:grid;place-items:center;color:var(--text-main);border:0;border-radius:14px;background:transparent}.icon-button:hover{background:var(--bg-soft)}.icon-text-button{min-height:48px;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text-main);padding:0;font-size:17px}.primary-button,.secondary-button,.danger-button{min-height:60px;width:100%;border-radius:16px;padding:14px 20px;font-size:19px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,background .15s ease}.primary-button{background:var(--button-main);color:var(--button-main-text)}.primary-button:hover{background:#554e48}.secondary-button{background:var(--bg-card);border-color:#bbb2a8;color:var(--text-main)}.secondary-button:hover{background:#f7f3ed}.danger-button{background:#fff9f7;color:var(--danger);border-color:#cda7a2}.primary-button:active,.secondary-button:active,.danger-button:active{transform:scale(.985)}.primary-button:disabled,.secondary-button:disabled{opacity:.58;cursor:wait}.text-button{min-height:48px;border:0;background:transparent;color:#544c45;font-size:17px;font-weight:650;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 4px}.button-stack{display:grid;gap:12px}.button-stack.compact{gap:6px}.home-intro{padding:12px 0 28px}.home-actions{display:grid;gap:16px}.home-card{min-height:138px;background:var(--bg-card);border:2px solid var(--border-soft);border-radius:22px;padding:22px;text-decoration:none;display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:16px;box-shadow:0 6px 20px #4b42390b}.home-card:hover{border-color:#94897e;background:#fff}.home-card .number{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--button-main);color:#fff;font-family:Georgia,serif;font-size:25px;font-weight:700;align-self:start}.home-card strong{display:block;font-size:23px;line-height:1.35;margin-bottom:8px}.home-card p{margin:0;color:var(--text-secondary);font-size:17px;line-height:1.65}.field{display:grid;gap:9px;margin:0 0 22px}.field label,.field-label{font-size:19px;font-weight:750;color:var(--text-main)}.field textarea,.field input,.field select{width:100%;border:1px solid #bdb4aa;border-radius:16px;background:var(--bg-card);color:var(--text-main);font-size:18px;line-height:1.6;padding:16px}.field textarea{min-height:150px;resize:vertical}.field input{min-height:60px}.field select{min-height:54px}.helper{margin:8px 0 0;color:var(--text-secondary);line-height:1.6;font-size:15px}.char-count{text-align:right;color:var(--text-secondary);font-size:14px;margin:-14px 4px 20px}.recorder{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:24px 0;margin:10px 0 26px;text-align:center}.recorder h2{font-size:19px;margin:0 0 18px}.record-button{min-width:190px;min-height:68px;padding:12px 22px;border-radius:22px;background:var(--bg-card);border:1px solid #a99f95;color:var(--text-main);font-size:19px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px}.record-button.stop{background:#665e56;color:#fff}.recording-state{font-size:18px;display:flex;justify-content:center;align-items:center;gap:10px}.recording-state span{width:12px;height:12px;background:#984a43;border-radius:50%;animation:pulse 1.2s ease infinite}@keyframes pulse{50%{opacity:.35}}.recorder-ready{font-size:17px}.native-audio{width:100%;margin-top:12px}.repeat-button{min-height:48px;width:100%;margin-top:8px;border:1px solid #bdb4aa;border-radius:14px;background:var(--bg-card);color:var(--text-main);font-size:17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.repeat-button[aria-pressed=true]{background:var(--bg-soft);border-color:var(--button-main)}.permission-help{width:100%;text-align:left}.permission-help ol{margin:10px 0 18px;padding-left:1.45em}.permission-help li{margin:5px 0}.permission-help .secondary-button{margin-top:4px}.permission-help .text-button{width:100%}.choice-list{display:grid;gap:12px;margin:22px 0}.choice{min-height:62px;padding:14px 16px;background:var(--bg-card);border:1px solid #bdb4aa;border-radius:16px;text-align:left;font-size:18px;color:var(--text-main)}.choice.selected{border:2px solid #665e56;background:#eee9e2}.rewrite-card,.content-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:20px;padding:20px}.rewrite-list,.content-list{display:grid;gap:14px}.rewrite-card h3,.content-card h2{margin:0 0 10px;font-size:17px;color:var(--text-secondary)}.rewrite-card p,.content-card .message-text{margin:0 0 16px;font-size:19px;line-height:1.72;white-space:pre-wrap}.meta{color:var(--text-secondary);font-size:15px;margin:0 0 12px}.notice{border-radius:16px;padding:15px 16px;margin:16px 0;display:flex;gap:10px;align-items:flex-start;line-height:1.55}.notice p{margin:0 0 6px}.notice-info{background:#ebe7df}.notice-error{background:#f5e9e6;border:1px solid #ddc2bd}.notice-success{background:#e8eee7;border:1px solid #c2d0c0}.inline-error{color:var(--danger);font-size:16px}.empty-state{background:var(--bg-soft);border-radius:20px;padding:28px 22px;text-align:center;font-size:18px;line-height:1.7}.empty-state p{margin:0 0 18px}.listen-card{min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:26px;padding:34px 24px}.listen-quote{font-family:"Noto Serif TC",Songti TC,serif;font-size:clamp(24px,7vw,32px);line-height:1.68;margin:0 0 30px}.listen-source{color:var(--text-secondary);margin:0 0 18px;font-size:15px}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row-actions .text-button{padding-inline:8px}.menu-backdrop{position:fixed;z-index:20;inset:0;background:#322d2847;display:flex;justify-content:flex-end}.menu-panel{width:min(84vw,350px);min-height:100%;background:var(--bg-card);padding:max(18px,env(safe-area-inset-top)) 24px 28px;box-shadow:-12px 0 30px #322d281f;display:flex;flex-direction:column;gap:4px}.menu-head{display:flex;min-height:58px;align-items:center;justify-content:space-between;margin-bottom:14px}.menu-panel>a{min-height:54px;display:flex;align-items:center;text-decoration:none;font-size:18px;border-bottom:1px solid #eee9e2}.center-screen{min-height:100vh;display:grid;place-content:center;text-align:center;gap:14px;padding:32px;color:var(--text-secondary)}.quiet-loader{width:34px;height:34px;border:3px solid #d7d0c6;border-top-color:#6a625a;border-radius:50%;animation:spin .9s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-card{background:var(--bg-card);border:2px solid var(--border-soft);border-radius:24px;padding:clamp(22px,6vw,34px);box-shadow:0 12px 34px #3e362f0f}.auth-card .field{margin:0}.member-list{margin-top:28px}.member-list h2{font-size:20px}.member-row{min-height:60px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.member-row strong{font-size:18px}.member-row span{color:var(--text-secondary)}.privacy-copy{font-size:18px;line-height:1.85}.privacy-copy h2{margin:30px 0 10px;font-size:21px}.privacy-copy ul{padding-left:1.2em}.divider{height:1px;background:var(--border-soft);margin:24px 0}.danger-zone{margin-top:30px;padding-top:24px;border-top:1px solid #d6c4c0}.danger-zone h2{color:var(--danger);font-size:21px}.dialog-backdrop{position:fixed;inset:0;z-index:30;background:#2d28236b;padding:28px;display:grid;place-items:center}.dialog{width:min(100%,440px);background:var(--bg-card);border-radius:24px;padding:25px;box-shadow:0 20px 55px #28231e33}.dialog h2{margin-top:0;font-size:24px}.dialog p{font-size:17px;line-height:1.7}@media(max-width:350px){.home-card{grid-template-columns:46px 1fr 18px;padding:18px;gap:12px}.home-card .number{width:44px;height:44px}}@media(max-width:520px){.topbar{height:70px;padding-inline:32px}.page-content{padding:22px 32px max(42px,calc(24px + env(safe-area-inset-bottom)))}.brand{font-size:16px}.page-title{margin-bottom:24px}.home-intro{padding-top:6px}}@media(min-width:760px){.app-shell{width:min(calc(100% - 48px),1040px);border-left:1px solid rgba(0,0,0,.04);border-right:1px solid rgba(0,0,0,.04)}.topbar{padding-inline:48px}.page-content{padding:48px 48px 64px}.home-intro{max-width:720px}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.home-card{min-height:240px;grid-template-columns:1fr 22px;grid-template-rows:auto 1fr;align-content:start}.home-card .number{grid-column:1 / -1;margin-bottom:6px}.home-card strong{font-size:24px}.auth-card{max-width:620px}}@media(min-width:1100px){.app-shell{width:min(calc(100% - 80px),1120px)}.page-content{padding-inline:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}