:root{--brand-color: #13b5b1;--brand-light: #f0f9f9;--brand-accent: #ffa800;--bg-page: #fdfdfd;--text-dark: #1a1a1a;--text-gray: #999999;--nav-h: 96px;--app-header-h: 64px;--content-max: 1440px;--content-pad: 24px;--cta-h: 88px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#f3f4f6;overflow-x:hidden;font-family:Noto Sans TC,sans-serif!important;color:var(--text-dark)}button,input,select,textarea{font:inherit}button{border:0;background:none;padding:0}img{display:block;max-width:100%}.hidden{display:none!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.phone-container{width:100vw;height:100dvh;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}.page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-page);opacity:0;transform:translateY(12px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.page.active{opacity:1;transform:translateY(0);pointer-events:auto}#main-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:1px solid rgba(0,0,0,.04);padding-bottom:calc(var(--safe-bottom) + 12px)!important}.nav-item-active,.nav-item-inactive{transition:color .2s ease,transform .2s cubic-bezier(.175,.885,.32,1.275)}.nav-item-active{color:var(--brand-color);transform:scale(1.1)}.nav-item-inactive{color:#d1d5db}.app-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(0,0,0,.04);height:calc(var(--safe-top) + var(--app-header-h));padding-top:var(--safe-top);padding-left:var(--content-pad);padding-right:var(--content-pad);display:flex;align-items:center;justify-content:center}.logo-container{width:56px;height:56px;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.logo-image{width:100%;height:100%;object-fit:cover;display:block}.left-slot{width:auto;min-width:140px;display:flex;align-items:center;justify-content:flex-start}.header-content-wrapper{width:100%;max-width:var(--content-max);display:flex;align-items:center;justify-content:space-between}.left-slot,.right-slot{width:100px;min-width:100px;display:flex;align-items:center;justify-content:flex-start}.right-slot{justify-content:flex-end}.center-slot{flex:1;min-width:0;padding:0 4px;display:flex;align-items:center;justify-content:center;text-align:center}.page-title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header .right-slot div img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.app-header .right-slot div:hover img{transform:rotate(10deg) scale(1.1)}.home-scroll,.list-scroll,.review-scroll,.settings-scroll,.page-trash>.flex-1{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--cta-h))}.home-cta,.review-cta,.settings-cta,.trash-cta,.list-assistant-fixed{position:fixed;left:0;right:0;z-index:35;bottom:calc(var(--nav-h) + var(--safe-bottom));background:#fff;padding:16px 24px;border-top:1px solid rgba(0,0,0,.03)}.list-assistant-fixed{background:transparent;border-top:none;pointer-events:none}.list-assistant-fixed>*{pointer-events:auto}.trash-cta{display:flex;gap:12px;align-items:center}.cta-btn{width:100%;height:56px;border-radius:2.5rem;font-weight:900;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s ease,filter .2s ease,opacity .2s ease,box-shadow .2s ease}.cta-btn:active{transform:scale(.96)}.cta-btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.cta-primary{background:var(--brand-color);color:#fff;box-shadow:0 18px 35px #13b5b12e}.cta-soft{background:var(--brand-light);color:var(--brand-color);box-shadow:0 10px 22px #13b5b11a}.cta-danger{background:#ef4444;color:#fff;box-shadow:0 18px 35px #ef44442e}@media (min-width: 900px){#page-home .grid.grid-cols-2{grid-template-columns:repeat(4,1fr)!important}.home-grid-card{aspect-ratio:4 / 3}.rwd-content-wrapper,.home-content,.list-scroll>div,.review-scroll>div,#trash-container{width:100%!important;max-width:var(--content-max)!important;margin-left:auto!important;margin-right:auto!important}#main-nav,.home-cta,.review-cta,.settings-cta,.trash-cta,.list-assistant-fixed{width:min(100%,var(--content-max))!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.home-grid-card{background:#fff;border:1px solid #f3f4f6;border-radius:2.2rem;aspect-ratio:1 / 1;cursor:pointer;box-shadow:0 4px 10px #00000005;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.home-grid-card:active{transform:scale(.96)}.home-grid-card h4{margin:0 0 4px;font-weight:900;font-size:1rem;color:#111827}.home-grid-card p{margin:0;font-weight:800;font-size:.75rem;color:#6b7280;letter-spacing:.08em}.wave-bar{width:4px;height:12px;background:var(--brand-color);border-radius:10px}.recording-active .wave-bar{animation:wave-animation 1.2s infinite}@keyframes wave-animation{0%,to{height:12px}50%{height:40px}}.active-date{width:50px;padding:12px 10px;background:#fff;border:2px solid var(--brand-color);border-radius:18px;color:var(--brand-color);text-align:center;box-shadow:0 4px 10px #13b5b11a}.deleted-date{width:50px;padding:12px 10px;background:#f9fafb;border:2px solid #d1d5db;border-radius:18px;color:#9ca3af;text-align:center}#ai-modal,#confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px;background:#00000073}#ai-modal>div,#confirm-modal>div{width:min(720px,100%)}.quiz-option{width:100%;display:block;text-align:left;padding:14px 16px;border:1px solid #f3f4f6;border-radius:16px;background:#fff;font-size:14px;font-weight:700;line-height:1.35;white-space:normal;word-break:break-word;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.quiz-option:active{transform:scale(.96)}.quiz-option:disabled{opacity:1;cursor:default}.quiz-correct{background:#dcfce7;border-color:#22c55e;color:#15803d}.quiz-wrong{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.aspect-ratio-1{aspect-ratio:1 / 1}#settings-avatar-grid div:active{transform:scale(.9)}.list-bars-container{position:sticky;top:calc(var(--safe-top) + var(--app-header-h));z-index:45}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-visual-slot{width:48px;flex-shrink:0;display:flex;justify-content:center}.note-card-main{width:0;flex:1;min-height:fit-content;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:2.2rem;padding:20px;position:relative;box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column;transition:transform .2s ease}.note-card-main:active{transform:scale(.98)}.card-intro-text{margin-bottom:12px;font-size:11px;font-weight:500;line-height:1.6;color:#9ca3af;font-style:normal!important}.note-highlight{background:#fff;border:1px solid rgba(19,181,177,.08);border-radius:1.6rem;padding:18px 18px 16px;box-shadow:0 4px 12px #00000005;margin-bottom:14px}.timeline-container{position:relative}.timeline-line{position:absolute;top:0;bottom:0;left:10px;width:2px;background:linear-gradient(to bottom,#13b5b1,#e5e7eb 25%,#e5e7eb)}.timeline-dot{position:absolute;left:1px;top:2px;width:18px;height:18px;border-radius:999px;background:#fff;border:2px solid #d1d5db;box-shadow:0 0 0 4px #fff}.timeline-dot.active{border-color:var(--brand-color);background:#e6fffb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}