.fav-page{padding:0 var(--page-gutter) 100px}.fav-header{margin-bottom:1.25rem}.fav-title-row{justify-content:space-between;align-items:center;padding:.5rem .25rem;display:flex}.fav-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:900}.fav-count{color:var(--text-muted);margin-left:6px;font-size:.85rem;font-weight:700}.fav-sort{gap:6px;display:flex}.fav-sort-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.fav-sort-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border-color:#0000}.fav-sort-btn.danger{color:var(--danger);border-color:#ff3b3033}.fav-retry-hint{cursor:help;opacity:.55;align-items:center;padding:0 4px;font-size:1rem;transition:opacity .2s;display:inline-flex}.fav-retry-hint:hover{opacity:1}.fav-retry-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.fav-retry-btn:hover{border-color:var(--primary);color:var(--primary)}.fav-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;opacity:.8;padding:.75rem .5rem .25rem;font-size:.68rem;font-weight:800}.fav-grid{flex-direction:column;gap:.4rem;display:flex}.fav-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.fav-empty p{color:var(--text-muted);font-size:1.05rem;font-weight:700}.fav-empty-hint{opacity:.7;font-size:.85rem!important}[data-theme=dark] .fav-sort-btn{background:#ffffff0d}.tp-expand-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;animation:.2s ease-out both tpExpandIn;display:flex;position:fixed;inset:0}@keyframes tpExpandIn{0%{opacity:0}to{opacity:1}}.tp-expand-modal{background:var(--surface,#fff);border-radius:20px;flex-direction:column;width:min(90vw,560px);max-height:88vh;animation:.28s cubic-bezier(.34,1.56,.64,1) both tpModalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047,0 0 0 1px #0000000f}@keyframes tpModalIn{0%{opacity:0;transform:scale(.88)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-theme=dark] .tp-expand-modal{background:var(--surface-secondary,#1e1e2e)}.tp-expand-header{border-bottom:1px solid var(--border,#eee);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}[data-theme=dark] .tp-expand-header{border-bottom-color:var(--border-dark,#2a2a3c)}.tp-expand-lang{color:var(--primary,#6366f1);background:var(--primary-soft,#6366f11f);letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:700}.tp-expand-header-actions{align-items:center;gap:6px;display:flex}.tp-expand-action-btn{border:1px solid var(--border,#e5e5e5);background:var(--bg-secondary,#f5f5f7);width:34px;height:34px;color:var(--text-secondary,#666);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.tp-expand-action-btn:hover{background:var(--bg,#fff);border-color:var(--border-strong,#ccc);color:var(--text,#333);transform:scale(1.08)}.tp-expand-action-btn:active{transform:scale(.94)}.tp-expand-action-btn.active{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:#fff}[data-theme=dark] .tp-expand-action-btn{background:var(--surface-secondary,#2a2a3c);border-color:var(--border-dark,#3a3a4c);color:var(--text-secondary-dark,#aaa)}[data-theme=dark] .tp-expand-action-btn:hover{background:var(--surface,#252536);color:var(--text-dark,#eee)}.tp-expand-close:hover{color:var(--danger)!important;background:#ef44441a!important;border-color:#ef444459!important}.tp-expand-text{color:var(--text,#1a1a1a);letter-spacing:.02em;text-align:center;word-break:break-word;-webkit-user-select:all;user-select:all;filter:drop-shadow(0 2px 16px #6366ea1a);max-height:70vh;padding:32px 24px 40px;font-size:clamp(2rem,14vw,5rem);font-weight:900;line-height:1.2;overflow-y:auto}[data-theme=dark] .tp-expand-text{color:var(--text-dark,#f0f0f0);filter:drop-shadow(0 2px 20px #8278ff26)}:-webkit-any(:fullscreen .tp-expand-text,:-webkit-full-screen .tp-expand-text){padding:40px 24px;font-size:clamp(3rem,10vw,8rem)}:is(:fullscreen .tp-expand-text,:fullscreen .tp-expand-text){padding:40px 24px;font-size:clamp(3rem,10vw,8rem)}:-webkit-any(:fullscreen .tp-expand-modal,:-webkit-full-screen .tp-expand-modal){border-radius:0;width:100%;height:100%;max-height:100%;padding:48px 72px}:is(:fullscreen .tp-expand-modal,:fullscreen .tp-expand-modal){border-radius:0;width:100%;height:100%;max-height:100%;padding:48px 72px}:-webkit-any(:fullscreen .tp-expand-overlay,:-webkit-full-screen .tp-expand-overlay){background:#000000e0}:is(:fullscreen .tp-expand-overlay,:fullscreen .tp-expand-overlay){background:#000000e0}@media (orientation:landscape) and (height<=500px){.tp-expand-modal{border-radius:0;flex-direction:row;align-items:center;width:100%;height:100%;max-height:100vh;padding:20px 32px}.tp-expand-text{padding:16px 0;font-size:clamp(2.4rem,18vw,7rem)}.tp-expand-header{flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 8px}.tp-expand-header-actions{flex-direction:column;gap:8px}.tp-expand-overlay{background:#000000d9}}.phrase-card{border:1px solid var(--line-strong);background:var(--surface-strong);-webkit-backdrop-filter:blur(12px)saturate(180%);box-shadow:var(--shadow-md);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:20px;padding:1rem .9rem .85rem;transition:all .22s;animation:.3s both cardIn;position:relative;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.phrase-card:before{content:"";background:linear-gradient(180deg, var(--primary-soft) 0%, transparent 100%);pointer-events:none;opacity:.7;height:54px;position:absolute;inset:0 0 auto}.phrase-card:hover{box-shadow:var(--shadow-lg), 0 0 0 1px var(--primary-glow);transform:translateY(-1px)}.phrase-card:active{background:var(--surface-hover);box-shadow:var(--shadow);transform:scale(.985)}.phrase-card.playing{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow), var(--shadow-md)}[data-theme=dark] .phrase-card.playing{box-shadow:0 0 0 3px var(--primary-glow), 0 0 24px var(--primary-glow)}[data-theme=dark] .phrase-card:before{background:linear-gradient(180deg, var(--primary-soft) 0%, transparent 60%);opacity:1}.card-lao-row{align-items:flex-start;gap:.75rem;margin-bottom:.8rem;display:flex}.card-lao{color:var(--text);letter-spacing:.01em;flex:1;font-size:1.25rem;font-weight:800;line-height:1.35}.card-roman{color:var(--text-secondary);opacity:.88;margin-top:-.1rem;margin-bottom:.5rem;font-size:.88rem;font-style:italic;line-height:1.4}.card-actions{flex-shrink:0;gap:.5rem;display:flex}.card-trans{flex-direction:column;gap:.55rem;margin-bottom:.75rem;display:flex}.card-trans-item{align-items:flex-start;gap:.55rem;display:flex}.trans-lang-label{letter-spacing:.06em;opacity:.85;border-radius:999px;flex-shrink:0;padding:.28rem .5rem;font-size:.68rem;font-weight:800}.tag-zh .trans-lang-label{color:#dc2626;background:#dc26261f}.tag-en .trans-lang-label{color:#2563eb;background:#2563eb1f}.tag-lo .trans-lang-label{color:var(--primary);background:#667eea1f}.tag-th .trans-lang-label{color:#d97706;background:#faaf0024}.tag-vi .trans-lang-label{color:#db2777;background:#dc26781f}.trans-text{color:var(--text);word-break:break-word;font-size:1rem;line-height:1.62}.card-source-tag{color:var(--text-muted);background:linear-gradient(#ecf0fff2,#e5eaf9eb);border-radius:999px;width:fit-content;padding:.38rem .8rem;font-size:.76rem;font-weight:700}[data-theme=dark] .phrase-card{background:linear-gradient(#181d38f5,#12172cf0);border-color:#8895ff29;box-shadow:0 18px 32px #0000003d,inset 0 1px #ffffff0a}[data-theme=dark] .card-lao{color:#eef2ff}[data-theme=dark] .card-source-tag{background:#ffffff0d}.swipeable-card{border-radius:18px;position:relative;overflow:hidden}.swipe-delete-bg{background:linear-gradient(90deg, var(--danger) 0%, #e02d1f 100%);z-index:0;border-radius:18px;justify-content:flex-end;align-items:center;padding-right:24px;display:flex;position:absolute;inset:0}.swipe-delete-text{color:#fff;letter-spacing:.02em;white-space:nowrap;font-size:.85rem;font-weight:700}.swipe-card-inner{z-index:1;background:var(--bg);will-change:transform;transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:relative}.swipe-checkbox-wrap{z-index:2;cursor:pointer;justify-content:center;align-items:center;width:56px;padding-left:8px;display:flex;position:absolute;top:0;bottom:0;left:0}.swipe-checkbox{background:#fff;border:2px solid #c7c7cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.swipe-checkbox.checked{background:#007aff;border-color:#007aff}