: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:64px;padding:max(12px,env(safe-area-inset-top)) 32px 4px;display:flex;align-items:center;justify-content:space-between}.page-content{padding:18px 32px max(48px,calc(28px + env(safe-area-inset-bottom)))}.brand{text-decoration:none;display:flex;gap:8px;align-items:center;font-size:15px;font-weight:700;letter-spacing:.015em;color:#4f4943}.brand span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #aaa096;border-radius:7px;font-family:serif;font-size:14px;font-weight:500}.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(25px,6.5vw,29px);line-height:1.38;margin-bottom:24px}.hero-title{font-size:clamp(26px,6.6vw,28px);line-height:1.35;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:14px;font-weight:650;color:#857c73;margin:0 0 8px;letter-spacing:.05em}.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:4px 0 24px}.home-lead,.composer-intro{color:var(--text-secondary);font-size:16px;line-height:1.65;margin:10px 0 0}.composer-intro{margin:-8px 0 24px}.home-actions{display:grid;gap:12px}.home-card{min-height:96px;padding:17px 18px;border:1px solid #d3cbc1;border-radius:16px;background:var(--bg-card);text-decoration:none;display:grid;grid-template-columns:28px 1fr 22px;align-items:center;gap:13px;box-shadow:0 4px 14px #3f3a3509}.home-card:hover{border-color:#9a8f84}.home-card .number{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:transparent;border:1px solid #9e948a;color:var(--text-secondary);font-family:Georgia,serif;font-size:14px;font-weight:700}.home-card strong{display:block;font-size:19px;line-height:1.35;margin-bottom:2px}.home-card p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.5}.home-card.primary-entry{min-height:106px;border-color:var(--button-main);background:var(--button-main);color:#fff;box-shadow:0 10px 24px #4d443c21}.home-card.primary-entry:hover{background:#665d55}.home-card.primary-entry .number{border-color:#ffffff9e;color:#fff}.home-card.primary-entry strong{font-size:21px}.home-card.primary-entry p{color:#ffffffc7}.home-card.secondary-entry{color:var(--text-main)}.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:left}.recorder h2{font-size:19px;margin:0 0 18px}.record-button{width:100%;min-height:60px;padding:12px 20px;border-radius:15px;background:var(--bg-card);border:1px solid #a99f95;color:var(--text-main);font-size:18px;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}.permission-intro{max-width:430px;margin:0 0 16px;color:var(--text-secondary);font-size:16px;line-height:1.7}.permission-intro strong{color:var(--text-main)}.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 h3{margin:0 0 8px;font-size:21px;line-height:1.45}.permission-help ol{margin:10px 0 18px;padding-left:1.45em}.permission-help li{margin:8px 0;line-height:1.65}.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}.library-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding-bottom:26px}.library-head p{margin:0;color:var(--text-secondary);font-size:16px;line-height:1.65}.library-head .primary-button{width:auto;min-height:48px;padding:10px 17px;font-size:16px;border-radius:13px}.section-heading{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfc7bd}.section-heading span{font-size:18px;font-weight:750}.section-heading small{color:var(--text-secondary);font-size:14px}.playlist-audio{width:100%;margin:16px 0 10px}.playlist-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:8px}.playlist-toolbar .primary-button{min-height:52px;font-size:17px;border-radius:14px}.repeat-list-button{min-height:52px;padding:10px 14px;border:1px solid #bdb4aa;border-radius:14px;background:var(--bg-card);color:var(--text-main);font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.repeat-list-button[aria-pressed=true]{background:var(--bg-soft);border-color:var(--button-main)}.playlist-help{margin:8px 0 16px;color:var(--text-secondary);font-size:14px;line-height:1.55}.voice-list{border-top:1px solid var(--border-soft);margin-top:18px}.voice-row{min-height:90px;display:grid;grid-template-columns:46px minmax(0,1fr) 42px 42px;gap:8px;align-items:center;border-bottom:1px solid var(--border-soft);padding:13px 0}.voice-row.active{background:#efe9df85;box-shadow:32px 0 #efe9df85,-32px 0 #efe9df85}.voice-play{width:44px;height:44px;border-radius:50%;border:1px solid #9f958b;background:var(--bg-card);color:var(--text-main);display:grid;place-items:center}.voice-copy{min-width:0}.voice-copy p{margin:0 0 3px;font-size:17px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.voice-copy span,.text-note span{color:var(--text-secondary);font-size:13px}.mini-action{width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:var(--text-secondary);display:grid;place-items:center}.mini-action:hover,.mini-action[aria-pressed=true]{background:var(--bg-soft);color:var(--text-main)}.mini-action.danger:hover{color:var(--danger);background:#f5e9e6}.text-notes{margin-top:34px}.text-note{min-height:88px;display:grid;grid-template-columns:1fr 42px;gap:12px;align-items:center;border-bottom:1px solid var(--border-soft);padding:14px 0}.text-note p{white-space:pre-wrap;margin:0 0 4px;font-size:17px;line-height:1.6}.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:28px 1fr 18px;gap:10px}.playlist-toolbar{grid-template-columns:1fr}}@media(max-width:520px){.topbar{height:64px;padding-inline:32px}.page-content{padding:18px 32px max(42px,calc(24px + env(safe-area-inset-bottom)))}.brand{font-size:15px}.page-title{margin-bottom:24px}.home-intro{padding-top:4px}.playlist-toolbar{grid-template-columns:1fr}}@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,.home-actions{max-width:720px}.home-card{min-height:118px}.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}}