@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans TC,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{color:#586e75;background-color:#fcfaf5;min-width:320px;min-height:100vh;margin:0}:root{--solarized-base03:#002b36;--solarized-base02:#073642;--solarized-base01:#586e75;--solarized-base00:#657b83;--solarized-base0:#839496;--solarized-base1:#93a1a1;--solarized-base2:#eee8d5;--solarized-base3:#fdf6e3;--solarized-blue:#268bd2;--solarized-green:#859900;--solarized-orange:#cb4b16}.accent-bg{background-color:var(--solarized-blue)}.accent-text{color:var(--solarized-blue)}.secondary-accent-bg{background-color:var(--solarized-green)}.secondary-accent-text{color:var(--solarized-green)}.subtle-bg{background-color:#f5f1e8}.card-shadow{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.tab-active{font-weight:700;border-color:var(--solarized-blue)!important;color:var(--solarized-blue)!important}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--solarized-blue);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes subtle-shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}}.sensory-feedback{animation:.3s ease-in-out subtle-shake}.audio-player-container{border:2px dashed #ccc;border-radius:.5rem;justify-content:center;align-items:center;min-height:80px;padding:1rem;display:flex}.pm-grid{grid-template-columns:repeat(10,1fr);gap:2px;width:150px;height:150px;margin:1rem auto;display:grid}.pm-cell{background-color:#ccc;transition:all .5s}.pm-calm .pm-cell{background-color:var(--solarized-blue);border-radius:50%;transform:scale(.8)}.pm-excited .pm-cell:nth-child(3n){background-color:var(--solarized-orange);transform:scale(1.2)rotate(45deg)}.projection-cup{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #ddd;border-radius:0 0 40px 40px;width:120px;height:120px;margin:1rem auto;position:relative}.projection-cup:before{content:"";background:#eee;border-radius:5px;width:90%;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.projection-overlay{opacity:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;transition:opacity .5s;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.projection-happy .projection-overlay{opacity:1;animation:1s infinite sparkle}@keyframes sparkle{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.2)}}.simulation-container{border:1px solid #eee;border-radius:.5rem;min-height:100px;margin-top:.5rem;padding:1rem;position:relative}.aroma-particle{background-color:var(--solarized-green);opacity:0;border-radius:50%;width:4px;height:10px;animation:3s ease-in-out infinite rise;position:absolute;bottom:10px}.aroma-active .aroma-particle{opacity:.6}@keyframes rise{0%{opacity:.6;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-60px)scale(.5)}}.chart-container{width:100%;max-width:600px;height:200px;max-height:250px;margin-left:auto;margin-right:auto;position:relative}@media (min-width:768px){.chart-container{height:300px;max-height:350px}}.future-card{cursor:pointer;transition:opacity .3s}html{scroll-behavior:smooth}.api-key-sheet{z-index:50;background-color:#fff;border-top:1px solid #e5e7eb;border-radius:1rem 1rem 0 0;padding:1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 6px -1px #0000001a}@media (min-width:768px){.api-key-sheet{max-width:28rem;margin-left:auto;margin-right:auto}}.style-sensor{border-radius:.375rem;padding:.5rem;transition:background-color .2s,box-shadow .2s}.style-sensor.active{box-shadow:0 0 0 2px var(--solarized-blue);background-color:#bfdbfe}.result-container{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem}.result-section pre{white-space:pre-wrap;word-wrap:break-word;background-color:#f3f4f6;border-radius:.375rem;padding:1rem;font-size:.875rem;overflow-x:auto}*{box-sizing:border-box}:root{--ink:#19333a;--muted:#789096;--line:#e4ece9;--teal:#0f766e;--deep:#173d42}body{color:var(--ink);background:#f5f8f6}button,textarea{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(135deg,#f8fbfa 0%,#eef5f1 100%);min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--deep);color:#d9f0e7;letter-spacing:.08em;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.brand strong{letter-spacing:.01em;font-size:17px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.top-actions{align-items:center;gap:10px;display:flex}.ghost-button,.icon-button,.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:10px 14px;font-weight:600}.icon-button{color:var(--teal);padding:10px 12px}.layout{grid-template-columns:260px minmax(420px,1fr) 315px;max-width:1540px;min-height:calc(100vh - 76px);margin:auto;display:grid}.sidebar,.insight-panel{background:#ffffff6b;padding:48px 30px}.sidebar{border-right:1px solid var(--line)}.insight-panel{border-left:1px solid var(--line)}.eyebrow{color:#96a7a4;letter-spacing:.16em;font-size:10px;font-weight:800}.sidebar h2,.insight-panel h2{color:var(--deep);margin:10px 0 24px;font-size:20px}.book-card{border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.active-book{background:#e7f4ee}.book-cover{background:var(--deep);color:#d8eee5;border-radius:5px;place-items:center;width:35px;height:44px;font-size:10px;font-weight:800;display:grid}.book-card strong{font-size:12px;line-height:1.4;display:block}.book-card span,.progress-box small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.progress-box{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.progress-row{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.progress-row b{color:var(--teal)}.progress-track{background:#dce9e4;border-radius:9px;height:5px;margin:12px 0 9px;overflow:hidden}.progress-track i{background:var(--teal);border-radius:9px;height:100%;display:block}.toc-label{margin-top:42px}.toc{flex-direction:column;gap:5px;margin-top:15px;display:flex}.toc-item{text-align:left;color:#80918f;background:0 0;border:0;border-radius:7px;gap:9px;padding:9px 7px;font-size:11px;display:flex}.toc-item span{color:#b2c0bd;font-variant-numeric:tabular-nums}.toc-item.selected{color:var(--teal);background:#e8f4ef;font-weight:700}.toc-item.selected span{color:var(--teal)}.reader{width:100%;max-width:800px;margin:auto;padding:58px clamp(32px,6vw,100px)}.reader-meta{color:#9aaba8;letter-spacing:.08em;justify-content:space-between;font-size:11px;display:flex}.reader h1{color:var(--deep);letter-spacing:-.04em;margin:42px 0 8px;font-size:clamp(29px,4vw,46px);line-height:1.15}.reader-subtitle{color:#8b9d9a;margin:0 0 40px;font-size:13px}.focus-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:29px 31px;box-shadow:0 12px 35px #1e463f0f}.focus-label{letter-spacing:.15em;color:#9aaba8;font-size:10px;font-weight:800}.focus-label span{color:#54a889;margin-left:5px}.focus-card p{color:#365158;margin:21px 0 5px;font-size:18px;line-height:2.05}.current-mark{margin-top:16px;font-size:11px;font-weight:700}.reader.large .focus-card p{font-size:21px}.reader-controls{align-items:center;gap:10px;margin:22px 0 45px;display:flex}.primary-button{background:var(--deep);color:#fff;border:0;border-radius:9px;padding:12px 17px;font-weight:700}.secondary-button{padding:11px 15px}.control-hint{color:#a2b0ae;margin-left:auto;font-size:10px}.emotion-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:22px 0;display:flex}.emotion-panel h3{margin:0 0 7px;font-size:13px}.emotion-panel p{color:var(--muted);margin:0;font-size:11px}.emotion-buttons{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.emotion{border:1px solid var(--line);color:#829390;background:#fff;border-radius:8px;padding:8px 10px;font-size:11px}.emotion b{color:var(--emotion);margin-right:5px}.emotion.active{border-color:var(--emotion);color:var(--emotion);background:#f6faf8}.pager{justify-content:space-between;margin-top:28px;display:flex}.pager button{color:var(--teal);background:0 0;border:0;font-size:12px;font-weight:700}.pager button:disabled{color:#b8c4c1;cursor:not-allowed}.muted{color:var(--muted);font-size:12px;line-height:1.7}.question-box{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:28px;padding:12px}.question-box textarea{resize:vertical;width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px;line-height:1.6}.question-box button{width:100%;color:var(--teal);text-align:left;background:#e3f2eb;border:0;border-radius:7px;padding:10px;font-size:11px;font-weight:700}.question-box button span{float:right;font-size:16px}.answer-box{white-space:pre-line;color:#49645f;background:#fff;border:1px solid #dcebe4;border-radius:10px;margin-top:13px;padding:15px;font-size:12px;line-height:1.7}.answer-title{color:var(--teal);margin-bottom:7px;font-size:10px;font-weight:800}.insight-divider{border-top:1px solid var(--line);margin:45px 0 28px}.signal{gap:11px;margin-top:17px;display:flex}.signal-dot{background:#59aa8c;border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 5px #e0f2ea}.signal strong,.signal small{display:block}.signal strong{font-size:11px}.signal small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}@media (max-width:1050px){.layout{grid-template-columns:220px minmax(0,1fr)}.insight-panel{border-left:0;border-top:1px solid var(--line);grid-column:2;padding:30px 8vw}.reader{padding-inline:6vw}}@media (max-width:700px){.topbar{height:68px;padding:0 18px}.ghost-button{padding:9px;font-size:11px}.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:24px 20px}.toc,.toc-label{display:none}.progress-box{margin-top:18px}.reader{padding:35px 20px}.reader h1{margin-top:28px}.focus-card{padding:22px}.focus-card p{font-size:16px}.reader-controls{flex-wrap:wrap;margin-bottom:30px}.control-hint{width:100%;margin:0}.emotion-panel{display:block}.emotion-buttons{justify-content:flex-start;margin-top:15px}.insight-panel{padding:30px 20px}}.account-button{color:var(--teal);text-overflow:ellipsis;white-space:nowrap;background:#eff9f4;border:1px solid #cde4da;border-radius:9px;max-width:170px;padding:10px 12px;font-size:11px;font-weight:700;overflow:hidden}.auth-overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12303459;place-items:center;display:grid;position:fixed;inset:0}.auth-card{background:#fff;border-radius:17px;width:min(390px,100vw - 36px);padding:30px;position:relative;box-shadow:0 24px 70px #0c2d2c38}.auth-card h2{color:var(--deep);margin:12px 0 22px;font-size:22px}.auth-card input{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;margin:10px 0;padding:12px;display:block}.auth-card input:focus{border-color:var(--teal)}.auth-close{color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:16px}.auth-submit{width:100%;margin-top:8px}.auth-message{color:#b42318;margin:12px 0;font-size:12px}.auth-switch{color:var(--teal);background:0 0;border:0;margin-top:16px;font-size:12px}