@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=dark]{--bg-base:#070b15;--bg-deep:#0a1020;--bg-card:#111b33;--bg-elevated:#162040;--bg:var(--bg-base);--bg-glass:#111b33b8;--border:#6a5fc12e;--border-soft:#2a2348;--border-active:#22d3ee80;--text-primary:#f0f4ff;--text-secondary:#8896b8;--text-muted:#5a6688;--accent-cyan:#22d3ee;--accent-lime:#c2ef4e;--accent-purple:#6a5fc1;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8;--gradient-3:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));--gradient-brand:linear-gradient(135deg,#6a5fc1 0%,#22d3ee 50%,#c2ef4e 100%);--gradient-surface:linear-gradient(180deg,#6a5fc114 0%,transparent 100%);--shadow-sm:0 1px 3px #00000047;--shadow-md:0 8px 24px #00000061;--shadow-lg:0 20px 50px #0000007a;--shadow-card:0 4px 24px #00000052;--shadow-glow:0 0 32px #22d3ee1f;--shadow-brand:0 8px 32px #6a5fc140;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:24px;--transition:.2s cubic-bezier(.4,0,.2,1);--font-sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--layout-sidebar:248px;--content-padding-x:32px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-base:#eef1f8;--bg-deep:#fff;--bg-card:#fff;--bg-elevated:#f4f6fb;--bg:var(--bg-base);--bg-glass:#ffffffd9;--border:#d8deea;--border-soft:#c8ced9;--border-active:#1e5aa073;--text-primary:#141829;--text-secondary:#4a5073;--text-muted:#7a82a0;--accent-cyan:#1e5aa0;--accent-lime:#059669;--accent-purple:#002060;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--info:#0284c7;--gradient-3:linear-gradient(135deg,#002060,#1e5aa0);--gradient-brand:linear-gradient(135deg,#002060 0%,#1e5aa0 55%,#6ea9d2 100%);--gradient-surface:linear-gradient(180deg,#0020600a 0%,transparent 100%);--shadow-sm:0 1px 3px #00206012;--shadow-md:0 8px 24px #0020601a;--shadow-lg:0 20px 50px #00206024;--shadow-card:0 2px 16px #00206012;--shadow-glow:0 0 32px #1e5aa014;--shadow-brand:0 8px 32px #0020601f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}html,body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);transition:background var(--transition),color var(--transition);font-size:14px;line-height:1.6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(1100px 700px at 15% -5%,#6a5fc11a,#0000 55%),radial-gradient(900px 600px at 85% 105%,#c2ef4e0f,#0000 55%),linear-gradient(#6a5fc108 1px,#0000 1px),linear-gradient(90deg,#6a5fc108 1px,#0000 1px);background-size:auto,auto,48px 48px,48px 48px;min-height:100vh}[data-theme=light] body{background-image:radial-gradient(1100px 700px at 15% -5%,#0020600d,#0000 55%),radial-gradient(900px 600px at 85% 105%,#1e5aa00a,#0000 55%),linear-gradient(#00206006 1px,#0000 1px),linear-gradient(90deg,#00206006 1px,#0000 1px);background-size:auto,auto,48px 48px,48px 48px}::selection{color:var(--text-primary);background:#22d3ee40}[data-theme=light] ::selection{background:#1e5aa02e}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1{letter-spacing:-.4px;font-size:26px;font-weight:700;line-height:1.25}h2{letter-spacing:-.2px;font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}.sub{color:var(--text-muted);margin-top:4px;font-size:13px}.page-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:20px;position:relative}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header-main{flex:1;min-width:0}.page-header-actions{flex-shrink:0;align-items:center;gap:10px;padding-top:4px;display:flex}.page-header:after{content:"";background:var(--gradient-brand);border-radius:2px;width:72px;height:2px;position:absolute;bottom:-1px;left:0}.page-title{letter-spacing:-.4px;align-items:center;gap:10px;font-size:26px;font-weight:700;display:flex}.page-title-icon{border-radius:var(--radius-md);background:var(--gradient-surface);border:1px solid var(--border);width:40px;height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:20px;display:flex}.page-subtitle{color:var(--text-muted);margin-top:6px;font-size:13px}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.layout{grid-template-columns:var(--layout-sidebar) 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--bg-glass);border-right:1px solid var(--border);scrollbar-gutter:stable;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);flex-direction:column;height:100%;min-height:0;padding:20px 14px;display:flex;overflow:hidden auto;box-shadow:4px 0 24px #0000001f}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:16px;padding:4px 8px 20px;display:flex}.brand-mark{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:3px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f}.brand-mark:after{display:none}.brand-logo-img{object-fit:contain;border-radius:8px;width:100%;height:100%;display:block}.brand-text .name{letter-spacing:.15px;font-size:13px;font-weight:600;line-height:1.25}.brand-text .sub{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px}.main{padding:20px var(--content-padding-x) 32px;scrollbar-gutter:stable;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.main-content{flex:1 0 auto;animation:.35s both fadeUpContent}.page-copyright{text-align:center;color:var(--text-muted);font-size:11px;line-height:1.5;font-family:var(--font-mono);letter-spacing:.2px;border-top:1px solid var(--border-soft);flex-shrink:0;margin-top:48px;padding:18px 8px 4px}@keyframes fadeUpContent{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.icon-spin{animation:.8s linear infinite spin}.topbar{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);z-index:50;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:10px 16px;display:flex;position:sticky;top:12px;overflow:visible}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex;overflow:visible}.menu-toggle{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition),background var(--transition);padding:8px 12px;font-size:16px;line-height:1;display:none}.menu-toggle:hover{border-color:var(--border-active)}.sidebar-backdrop,.mobile-tabbar{display:none}.nav-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-family:var(--font-mono);padding:0 10px 6px}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{color:var(--accent-cyan);box-shadow:inset 3px 0 0 var(--accent-cyan);background:linear-gradient(90deg,#22d3ee1f,#0000);font-weight:600}[data-theme=light] .nav-item.active{background:linear-gradient(90deg,#1e5aa014,#0000)}.nav-item .icon{text-align:center;width:18px;color:inherit;opacity:.85;justify-content:center;align-items:center;display:flex}.nav-item.active .icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.sidebar-user-block{flex-direction:row;align-items:center;gap:8px;padding:8px 4px 4px;display:flex}.theme-lang-controls{align-items:center;gap:2px;display:inline-flex}.help-wrap{position:relative;overflow:visible}.help-dropdown{z-index:100;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);padding:10px 8px;animation:.2s both fadeUp;position:absolute;top:calc(100% + 8px);right:0}.help-dropdown-title{color:var(--text-muted);letter-spacing:.3px;padding:4px 10px 8px;font-size:12px;font-weight:600}button.help-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;font:inherit;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}button.help-item:hover{background:var(--bg-elevated);color:var(--accent-cyan)}.help-feature-list{flex-direction:column;gap:6px;max-height:60vh;display:flex;overflow-y:auto}button.help-feature-item,.help-feature-item.static{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:inherit;cursor:pointer;font:inherit;border-radius:var(--radius-md);padding:10px 12px;display:block}button.help-feature-item:hover{border-color:var(--border-active);background:var(--bg-card)}.help-feature-item.static{cursor:default;opacity:.95}.help-feature-title{margin-bottom:3px;font-size:13px;font-weight:600}.help-feature-desc{color:var(--text-secondary);font-size:12px;line-height:1.45}.help-manual{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.help-manual-toc{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);scrollbar-gutter:stable;max-height:calc(100vh - 140px);padding:12px 10px;position:sticky;top:8px;overflow-y:auto}.help-manual-toc-title{color:var(--text-muted);letter-spacing:.2px;padding:2px 8px 8px;font-size:12px;font-weight:600}a.help-manual-toc-item{color:var(--text-secondary);border-radius:var(--radius-sm);padding:7px 8px;font-size:13px;line-height:1.4;text-decoration:none;display:block}a.help-manual-toc-item:hover{background:var(--bg-elevated);color:var(--accent-cyan)}.help-manual-body{min-width:0}.help-manual-body h2{scroll-margin-top:12px}@media (width<=860px){.help-manual{grid-template-columns:1fr}.help-manual-toc{max-height:220px;position:static}}button.topbar-icon-btn,button.notif-btn{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:color var(--transition),background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-weight:500;display:flex;position:relative;overflow:visible;transform:none}button.topbar-icon-btn:hover:not(:disabled),button.notif-btn:hover:not(:disabled){opacity:1;color:var(--accent-cyan);background:var(--bg-elevated);transform:none}.notif-wrap{padding:4px 6px 0 0;position:relative;overflow:visible}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--bg-glass);pointer-events:none;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.notif-dropdown{z-index:180;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:calc(100vw - 24px);max-height:min(400px,70dvh);box-shadow:var(--shadow-lg);box-sizing:border-box;padding:14px 16px;animation:.2s both fadeUp;position:fixed;overflow-y:auto}.notif-dropdown-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.notif-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:10px;padding-bottom:8px;display:flex}.notif-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4}.notif-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.notif-tab.active{color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 12%, transparent)}.notif-mark-all{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500}.notif-mark-all:hover{opacity:.8}.notif-empty{color:var(--text-muted);margin:0;padding:8px 0;font-size:12px}.notif-empty-action{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-family:inherit;font-size:12px;font-weight:500}.notif-empty-action:hover{opacity:.8}button.notif-item{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:inherit;cursor:pointer;transition:background var(--transition);background:0 0;border-radius:0;margin:0 -8px;padding:10px 8px;font-family:inherit;font-size:12px;line-height:1.5;display:block}button.notif-item:last-child{border-bottom:none}button.notif-item:hover{background:var(--bg-elevated)}button.notif-item.unread{padding-left:14px;position:relative}button.notif-item.unread:before{content:"";background:var(--danger);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:4px}.notif-item-title{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.notif-item-summary{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.notif-item-time{color:var(--text-muted);margin-top:3px;font-size:10px}.notif-detail-time{color:var(--text-muted);margin:0 0 12px;font-size:12px}.notif-detail-body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.7}.notif-grant-tag{color:var(--success);background:#22c55e29;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.notif-grant-tag.expired{color:var(--danger);background:#ef444429}.notif-grant-tag.claimed{color:var(--text-muted);background:#8896b829}.pet-grant-card{background:var(--bg-deep);border:1px solid var(--border);border-radius:10px;margin-top:14px;padding:12px}.pet-grant-items{margin-bottom:6px;font-size:14px;font-weight:600}.pet-grant-deadline{color:var(--text-muted);font-size:12px}.pet-grant-deadline.expired{color:var(--danger)}.pet-grant-error{color:var(--danger);margin-top:8px;font-size:12px}.pet-grant-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pet-grant-inbox{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.pet-grant-inbox .pet-grant-card{margin-top:0}.stat-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 22px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-3);opacity:.75;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee14,#0000 70%);width:100px;height:100px;position:absolute;top:-40px;right:-40px}.stat-card:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-3px)}button.stat-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;appearance:none;display:block}button.stat-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.stat-card.is-active{box-shadow:var(--shadow-md),0 0 0 1px #22d3ee47;border-color:#22d3ee8c}.stat-card.is-active:before{opacity:1;height:4px}.stat-card.accent-cyan:before{background:var(--accent-cyan)}.stat-card.accent-lime:before{background:var(--accent-lime)}.stat-card.accent-purple:before{background:var(--accent-purple)}.stat-label{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.stat-value{letter-spacing:-.8px;margin-top:8px;font-size:30px;font-weight:700;line-height:1}.stat-meta{color:var(--text-secondary);margin-top:6px;font-size:12px}.stat-card.accent-cyan .stat-value{color:var(--accent-cyan)}.stat-card.accent-lime .stat-value{color:var(--accent-lime)}.stat-card.accent-purple .stat-value{color:var(--accent-purple)}.grid-2col{grid-template-columns:2fr 1fr;gap:20px;display:grid}.panel{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition),transform var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:20px;padding:22px 24px}.panel:hover{box-shadow:var(--shadow-md)}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title{align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.panel-link{color:var(--accent-cyan);transition:opacity var(--transition);font-size:12px;font-weight:500;text-decoration:none}.panel-link:hover{opacity:.8;text-decoration:underline}.list-item{border-bottom:1px solid var(--border);transition:background var(--transition);padding:12px 0}.list-item:last-child{border-bottom:none}.list-item-title{margin-bottom:4px;font-size:13px;font-weight:600}.list-item-meta{color:var(--text-muted);font-size:11px}.list{flex-direction:column;gap:8px;display:flex}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:14px 16px}.card h3{margin-bottom:4px;font-size:14px}.card p{color:var(--text-secondary);font-size:12px}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--border-active);background:var(--bg-card);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card-active{box-shadow:0 0 0 1px var(--accent-cyan),var(--shadow-glow);border-color:var(--accent-cyan)!important}.course-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.course-card-cvr{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;padding:20px;text-decoration:none;display:flex}a.course-card-cvr:visited{color:inherit}.course-card-cvr:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.course-card-cvr .desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:14px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-card-cvr .meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.meta-hours{align-items:center;gap:4px;display:inline-flex}.course-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 20px;display:flex}.course-empty p{margin:0;font-size:14px}.pagination-bar{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.pagination-bar-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagination-bar-size{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pagination-bar-size select{background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px}.pagination-bar-page{font-family:var(--font-mono);text-align:center;min-width:4.5em}.badge{font-size:10px;font-weight:600;font-family:var(--font-mono);letter-spacing:.2px;border-radius:20px;padding:3px 9px;display:inline-block}.badge-beginner{color:var(--success);background:#22c55e26}.badge-intermediate{color:var(--warning);background:#f59e0b26}.badge-advanced{color:var(--danger);background:#ef444426}.badge-cat{color:var(--accent-cyan);background:#22d3ee1f}.chapter-list-cvr{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.chapter-row-cvr{border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background var(--transition);align-items:center;gap:14px;padding:14px 18px;display:flex}.chapter-row-cvr:last-child{border-bottom:none}.chapter-row-cvr:hover{background:var(--bg-elevated)}.chapter-row-cvr .num{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:34px;height:34px;font-family:var(--font-mono);color:var(--accent-cyan);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.chapter-row-cvr .cinfo{flex:1}.chapter-row-cvr .ctitle{margin-bottom:2px;font-size:14px;font-weight:500}.chapter-row-cvr .cmeta{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.chapter-row-cvr .arrow{color:var(--text-muted);transition:transform var(--transition);flex-shrink:0}.chapter-row-cvr:hover .arrow{color:var(--accent-cyan);transform:translate(3px)}.breadcrumb-cvr{color:var(--text-muted);margin-bottom:16px;font-size:12px}.breadcrumb-cvr a{color:var(--accent-cyan);cursor:pointer;transition:opacity var(--transition);text-decoration:none}.breadcrumb-cvr a:hover{opacity:.85;text-decoration:underline}.breadcrumb-cvr .sep{opacity:.5;margin:0 6px}.chapter-header-cvr{border-bottom:1px solid var(--border-soft);margin-bottom:24px;padding-bottom:20px}.chapter-header-cvr h1{letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(22px,1.6vw + 14px,32px);font-weight:700}.chapter-header-cvr .lead{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.chapter-header-cvr .meta-row{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.search-bar-cvr{gap:8px;margin-bottom:20px;display:flex}.search-bar-cvr input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);outline:none;flex:1;padding:11px 16px;font-size:14px}.search-bar-cvr input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee1a}.course-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.course-section-head h3{margin:0;font-size:15px}.course-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.course-filter{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:12px;display:inline-flex}.course-filter-label{white-space:nowrap}.course-filter select{background:var(--bg-card);width:auto;min-width:148px;max-width:220px;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin:0;padding:7px 12px;font-size:13px}.course-filter-fav{cursor:pointer;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition),color var(--transition),background var(--transition);align-items:center;gap:6px;margin:0;padding:7px 12px;font-size:13px;display:inline-flex}.course-filter-fav:hover{border-color:var(--border-active);color:var(--text-primary)}.course-filter-fav.active{color:var(--accent-cyan);border-color:color-mix(in srgb, var(--accent-cyan) 45%, var(--border));background:color-mix(in srgb, var(--accent-cyan) 10%, var(--bg-card))}.course-card-wrap{position:relative}.course-card-wrap .course-card-title{padding-right:36px}.course-card-wrap>.course-card-cvr{height:100%}.course-card-fav{z-index:2;cursor:pointer;background:color-mix(in srgb, var(--bg-card) 88%, transparent);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.course-card-fav:hover{color:var(--accent-cyan);border-color:var(--border-active);transform:scale(1.05)}.course-card-fav.active{color:var(--accent-cyan);border-color:color-mix(in srgb, var(--accent-cyan) 50%, var(--border));background:color-mix(in srgb, var(--accent-cyan) 12%, var(--bg-card))}.course-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.course-detail-title-row h1{flex:1;min-width:0;margin:0}.course-fav-btn.active,.btn-secondary.course-fav-btn.active{color:var(--accent-cyan);border-color:color-mix(in srgb, var(--accent-cyan) 45%, var(--border));background:color-mix(in srgb, var(--accent-cyan) 10%, var(--bg-elevated))}.complete-bar-cvr{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;padding:16px 20px;display:flex}.complete-bar-cvr .left{color:var(--text-secondary);font-size:13px}.alert{border-radius:var(--radius-lg);align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.alert-warning{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a);border:1px solid #f59e0b4d}.alert-danger{background:linear-gradient(135deg,#ef44441f,#ef44440a);border:1px solid #ef44444d}.alert-icon{flex-shrink:0;font-size:24px;line-height:1}.alert-body{flex:1}.alert-title{margin-bottom:4px;font-size:15px;font-weight:700}.alert-warning .alert-title{color:var(--warning)}.alert-danger .alert-title{color:var(--danger)}.alert-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.alert-action{border-radius:var(--radius-md);color:#fff;white-space:nowrap;transition:opacity var(--transition);align-self:center;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none}.alert-action:hover{opacity:.9}.alert-warning .alert-action{background:var(--warning)}.alert-danger .alert-action{background:var(--danger)}.welcome-banner{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:28px;min-height:148px;margin-bottom:24px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:var(--gradient-brand);width:4px;position:absolute;top:0;bottom:0;left:0}.welcome-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee14,#0000 65%);width:320px;height:320px;position:absolute;top:-50%;right:-10%}.welcome-banner-main{z-index:1;flex-direction:column;flex:280px;gap:18px;min-width:0;display:flex;position:relative}.welcome-banner-hello h2{letter-spacing:-.4px;margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.25}.welcome-banner-hello p{color:var(--text-secondary);margin:0;font-size:14px}.day1-checklist{background:linear-gradient(135deg,#22d3ee14,#6a5fc10f);border:1px solid #22d3ee47;border-radius:14px;margin:0 0 18px;padding:16px 18px}.day1-checklist.done{background:#84cc1614;border-color:#84cc1647}.day1-checklist-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.day1-checklist-title{color:var(--text-primary);font-size:15px;font-weight:650}.day1-checklist-sub{color:var(--text-muted);margin:4px 0 0;font-size:12px}.day1-checklist-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.day1-checklist-steps li{background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.day1-checklist-steps li.done{opacity:.72}.day1-checklist-steps li.current{border-color:#22d3ee73;box-shadow:0 0 0 1px #22d3ee1f}.day1-step-mark{width:22px;height:22px;color:var(--text-muted);background:#94a3b826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.day1-checklist-steps li.current .day1-step-mark{color:var(--accent-cyan);background:#22d3ee33}.day1-checklist-steps li.done .day1-step-mark{color:var(--accent-lime);background:#84cc1633}.day1-step-body{flex:1;min-width:0}.day1-step-title{font-size:13px;font-weight:600}.day1-step-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.day1-step-link{color:var(--accent-cyan);flex-shrink:0;font-size:12px;font-weight:600;text-decoration:none}.day1-step-link:hover{text-decoration:underline}.interview-complete-bar{border:1px solid var(--border);background:var(--bg-deep);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.interview-complete-bar.ready{background:#22d3ee14;border-color:#22d3ee66}.interview-complete-copy{flex:1;min-width:0}.interview-complete-copy strong{margin-bottom:4px;font-size:13px;display:block}.interview-complete-copy p{color:var(--text-muted);margin:0;font-size:12px}.plan-start-banner{background:#22d3ee14;border:1px solid #22d3ee59;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.inbox-tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;margin-bottom:16px;padding:4px;display:flex}.inbox-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.inbox-tab:hover{background:var(--bg-card);color:var(--text-primary)}.inbox-tab.active{background:var(--gradient-3);color:#fff}.inbox-tab-count{font-family:var(--font-mono);opacity:.85;font-size:11px;font-weight:500}.chapter-complete-hint{color:var(--text-secondary);border:1px dashed var(--border);background:#94a3b814;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:12px}.welcome-quote{border-left:2px solid color-mix(in srgb, var(--accent-cyan) 55%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-cyan) 8%, transparent), transparent 85%);border-radius:0 var(--radius-md) var(--radius-md) 0;max-width:620px;padding:16px 20px 16px 18px}.welcome-quote-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);font-size:11px;font-weight:600;font-family:var(--font-mono);margin-bottom:10px}.welcome-quote-headline{letter-spacing:.01em;color:var(--text-primary);margin:0 0 10px;font-size:22px;font-style:normal;font-weight:650;line-height:1.45}.welcome-quote-tip{color:var(--text-secondary);margin:0;font-size:13px;font-weight:400;line-height:1.55}.welcome-quote-loading{color:var(--text-muted);font-size:14px;font-weight:400;animation:1.4s ease-in-out infinite welcome-quote-pulse}@keyframes welcome-quote-pulse{0%,to{opacity:.55}50%{opacity:1}}.welcome-stat{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.welcome-stat-item{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:92px;padding:14px 18px}.welcome-stat-value{color:var(--accent-cyan);letter-spacing:-.5px;font-size:24px;font-weight:700}.welcome-stat-label{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-link{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition);align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.quick-link:before{content:"";background:var(--gradient-3);opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.quick-link:hover{border-color:var(--border-active);box-shadow:var(--shadow-sm),var(--shadow-glow);color:var(--accent-cyan);transform:translateY(-2px)}.quick-link:hover:before{opacity:.06}.quick-link-icon{opacity:.9;z-index:1;font-size:18px;line-height:1;position:relative}.quick-link>*{z-index:1;position:relative}.tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.tab{cursor:pointer;color:var(--text-secondary);transition:all var(--transition);background:0 0;border:none;border-radius:7px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-card);color:var(--accent-cyan);box-shadow:var(--shadow-sm)}input:not([type=checkbox]):not([type=radio]),textarea,select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);outline:none;margin-bottom:8px;padding:10px 14px;font-family:inherit;font-size:13px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent-cyan);margin-bottom:0}input:focus,textarea:focus,select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee1a}input:disabled{opacity:.6;cursor:not-allowed}label.form-label{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;display:block}.password-field{margin-bottom:8px;position:relative}.password-field input:not([type=checkbox]):not([type=radio]){margin-bottom:0;padding-right:42px}.password-field-toggle{width:32px;height:32px;color:var(--text-muted);box-shadow:none;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;overflow:visible;transform:translateY(-50%)}.password-field-toggle:hover:not(:disabled),.password-field-toggle:active:not(:disabled){color:var(--text-primary);box-shadow:none;opacity:1;background:0 0;transform:translateY(-50%)}.password-field-toggle:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:1px}button{background:var(--accent-cyan);color:var(--bg-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:none;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;position:relative;overflow:hidden}button:hover:not(:disabled){opacity:.95;box-shadow:var(--shadow-sm);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-3);color:#fff;box-shadow:0 4px 14px #6a5fc159}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6a5fc173,var(--shadow-glow)}.btn-block{width:100%;padding:12px 20px;font-size:14px}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-active)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-link{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition);margin-bottom:6px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;display:block}.btn-link:hover{border-color:var(--border-active);color:var(--accent-cyan);transform:translateY(-1px)}button.user-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--transition);text-align:left;border-radius:30px;align-items:center;gap:10px;padding:4px 14px 4px 4px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex;overflow:visible;transform:none}button.user-chip:hover:not(:disabled){opacity:1;border-color:var(--border-active);box-shadow:var(--shadow-sm);transform:none}button.user-chip.user-chip-sidebar{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-soft);min-width:0;box-shadow:var(--shadow-sm);color:var(--text-primary);flex:1;padding:8px 10px 8px 8px}button.user-chip.user-chip-sidebar:hover:not(:disabled){background:var(--bg-deep);border-color:var(--border-active)}button.user-chip.user-chip-sidebar .user-name{color:var(--text-primary);font-weight:600}button.user-chip.user-chip-sidebar .user-role{color:var(--text-secondary)}.user-chip-text{text-align:left;flex:1;min-width:0}.user-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-role{font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}button.btn-logout{border:1px solid var(--border);background:var(--bg-elevated);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:500;display:inline-flex;overflow:visible;transform:none}button.btn-logout svg{flex-shrink:0;display:block}button.btn-logout:hover:not(:disabled){opacity:1;border-color:var(--danger);color:var(--danger);background:#ef444414;transform:none}.empty-state{text-align:center;background:var(--bg-elevated);border:1px dashed var(--border-soft);border-radius:var(--radius-lg);padding:40px 24px}.empty-state-icon{opacity:.5;filter:grayscale(.2);margin-bottom:14px;font-size:44px;line-height:1}.empty-state-title{color:var(--text-secondary);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state-desc{color:var(--text-muted);max-width:320px;margin-bottom:18px;margin-left:auto;margin-right:auto;font-size:13px}.empty-state-icon svg{opacity:.45;color:var(--text-muted)}.auth-wecom-icon svg,.auth-success-icon svg{color:var(--accent-cyan);opacity:.85}.chat-container{background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--border);min-height:380px;max-height:min(58vh,58dvh);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:14px;padding:20px;overflow-y:auto}.chat-msg{flex-direction:column;margin-bottom:14px;display:flex}.chat-msg.user{align-items:flex-end}.chat-msg.ai{align-items:flex-start}.chat-bubble{border-radius:var(--radius-lg);word-break:break-word;max-width:75%;padding:11px 16px;font-size:13px;line-height:1.65}.chat-bubble.user{background:var(--gradient-3);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 16px #6a5fc14d}.chat-bubble.ai{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-sources{color:var(--text-muted);max-width:75%;margin-top:6px;font-size:11px}.chat-feedback{align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.chat-feedback button,.chat-feedback span{cursor:pointer;opacity:.5;transition:opacity var(--transition),color var(--transition);color:inherit;background:0 0;border:none;padding:2px;line-height:1}.chat-feedback button:hover,.chat-feedback span:hover{opacity:1}.chat-feedback button.active{opacity:1;color:var(--accent-cyan)}.chat-feedback button.active.dislike{color:var(--warning)}.chapter-ai-feedback{gap:6px;margin-top:4px;display:flex}.chapter-ai-feedback button{cursor:pointer;opacity:.45;color:var(--text-muted);transition:opacity var(--transition),color var(--transition);background:0 0;border:none;padding:2px;line-height:1}.chapter-ai-feedback button:hover{opacity:1}.chapter-ai-feedback button.active{opacity:1;color:var(--accent-cyan)}.chapter-ai-feedback button.active.dislike{color:var(--warning)}.chat-input-bar{align-items:stretch;gap:8px;min-width:0;max-width:100%;display:flex;overflow-x:hidden}.chat-input-bar .chat-text-input{resize:none;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0;max-width:100%;min-height:48px;max-height:120px;margin-bottom:0;padding:12px 14px;font-size:14px;line-height:1.45}.chat-input-bar .chat-attach-btn,.chat-input-bar .chat-mic-btn,.chat-input-bar .chat-call-btn,.chat-input-bar .chat-send-btn{box-sizing:border-box;justify-content:center;align-self:stretch;align-items:center;min-width:48px;min-height:48px;margin-bottom:0;padding:12px 14px;display:inline-flex}.chat-input-bar .chat-send-btn{min-width:72px;padding:12px 18px}.chat-attach-btn{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);padding:10px 14px}.chat-attach-btn:hover{border-color:var(--border-active)}.chat-mic-btn{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.chat-mic-btn:hover{border-color:var(--border-active)}.chat-mic-btn.recording{color:var(--danger);border-color:var(--danger);background:#ef44441f;animation:1.2s ease-in-out infinite chatMicPulse}@keyframes chatMicPulse{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 6px #ef444400}}.chat-attach-previews{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chat-attach-thumb{border:1px solid var(--border);background:var(--bg-elevated);cursor:zoom-in;border-radius:8px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.chat-attach-thumb img{object-fit:cover;width:100%;height:100%;display:block}.chat-attach-thumb .chat-tag-remove{color:#fff;text-align:center;cursor:pointer;opacity:.9;background:#0000008c;border-radius:50%;width:18px;height:18px;margin:0;font-size:12px;line-height:18px;position:absolute;top:2px;right:2px}.chat-msg-thumbs{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chat-msg-thumb{cursor:zoom-in;border:1px solid #ffffff40;border-radius:8px;width:64px;height:64px;overflow:hidden}.chat-bubble.ai .chat-msg-thumb{border-color:var(--border)}.chat-msg-thumb img{object-fit:cover;width:100%;height:100%;display:block}.chat-lightbox{z-index:1200;cursor:zoom-out;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.chat-lightbox img{cursor:default;border-radius:10px;max-width:min(920px,96vw);max-height:88vh;box-shadow:0 20px 60px #00000073}.chat-voice-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);white-space:nowrap;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.chat-voice-toggle:hover{border-color:var(--border-active);color:var(--text-primary)}.chat-voice-toggle.on{border-color:var(--accent-cyan);color:var(--accent-cyan)}.chat-voice-toggle.disabled{opacity:.55;cursor:not-allowed}.chat-voice-toggle input{width:auto;margin:0}.chat-voice-toggle.compact{padding:4px 8px;font-size:11px}.voice-assist-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.voice-assist-hint{color:var(--text-muted);font-size:11px}.notes-layout{grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:16px;height:calc(100dvh - 160px);min-height:420px;display:grid}.notes-list-pane,.notes-editor-pane{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.groups-layout{gap:16px;height:calc(100dvh - 240px);min-height:min(480px,70dvh);display:flex}.groups-list-pane{flex-direction:column;flex-shrink:0;width:300px;min-width:0;min-height:0;display:flex}.groups-detail-pane{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.notes-mobile-back,.groups-mobile-back{border:1px solid var(--border);background:var(--bg-deep);color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;display:none}.profile-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.interview-chat-scroll{border:1px solid var(--border);background:var(--bg-deep);border-radius:12px;min-height:350px;max-height:min(55vh,55dvh);margin-bottom:12px;padding:20px;overflow-y:auto}.interview-input-row{align-items:center;gap:8px;display:flex}.interview-input-row .interview-text-input{flex:1;min-width:0}.voice-mic-btn{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;width:38px;height:38px;color:var(--text-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.voice-mic-btn:hover{border-color:var(--border-active)}.voice-mic-btn.on{border-color:var(--danger);color:var(--danger);animation:1s ease-in-out infinite pet-breathe}.voice-mic-btn:disabled{opacity:.55;cursor:not-allowed}.chapter-ai-voice-bar{justify-content:flex-start;padding:0 10px 6px}.chapter-ai-voice-hint{color:var(--danger);padding:0 10px 6px;font-size:11px;line-height:1.35}.pet-chat-toolbar{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pet-chat-toolbar .chat-voice-toggle{padding:4px 8px;font-size:11px}.chat-speak-btn{color:var(--text-muted);cursor:pointer;opacity:.55;background:0 0;border:none;justify-content:center;align-items:center;min-width:auto;min-height:auto;padding:2px 4px;display:inline-flex}.chat-speak-btn:hover,.chat-speak-btn.playing{opacity:1;color:var(--accent-cyan);box-shadow:none;transform:none}.chat-tag{background:var(--bg-card);border:1px solid var(--accent-cyan);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.chat-tag-remove{cursor:pointer;opacity:.6;transition:opacity var(--transition);margin-left:4px}.chat-tag-remove:hover{opacity:1}.chat-thinking{color:var(--text-muted);align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.chat-thinking .dots{gap:4px;display:inline-flex}.chat-thinking .dots span{background:var(--accent-cyan);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite chatDot}.chat-thinking .dots span:nth-child(2){animation-delay:.2s}.chat-thinking .dots span:nth-child(3){animation-delay:.4s}@keyframes chatDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.md-code{background:var(--bg-deep);color:var(--accent-cyan);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.md-strong{color:var(--accent-cyan);font-weight:600}.md-strong.compact{color:var(--text-primary);font-weight:600}.md-p{color:var(--text-primary);margin:6px 0;font-size:13px;line-height:1.65}.md-p.compact{margin:3px 0;font-size:13px;line-height:1.55}.md-h1{color:var(--accent-cyan);margin:16px 0 8px;font-size:18px;font-weight:700;line-height:1.35}.md-h2{color:var(--accent-cyan);border-bottom:1px solid var(--border);margin:14px 0 6px;padding-bottom:4px;font-size:16px;font-weight:600;line-height:1.35}.md-h3{color:var(--text-primary);margin:12px 0 5px;font-size:15px;font-weight:600;line-height:1.35}.md-h4{color:var(--text-primary);margin:10px 0 4px;font-size:14px;font-weight:600;line-height:1.35}.md-h1.compact,.md-h2.compact,.md-h3.compact,.md-h4.compact{color:var(--text-secondary);letter-spacing:0;border-bottom:none;margin:8px 0 2px;padding-bottom:0;font-size:13px;font-weight:600}.md-list{color:var(--text-primary);margin:6px 0 12px 22px;padding:0}.md-list.compact{margin:4px 0 4px 1.1em;font-size:13px}.md-li{margin-bottom:4px;font-size:13px;line-height:1.6}.md-list.compact .md-li{margin-bottom:2px;line-height:1.55}.md-hr{border:0;border-top:1px solid var(--border);margin:10px 0}.md-hr.compact{margin:6px 0}.chat-md{min-width:0;font-size:13px;line-height:1.55}.chat-md-answer{min-width:0}.chat-md-think{background:0 0;border:none;margin:0 0 8px;padding:0}.chat-md-think-summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);align-items:center;gap:4px;padding:2px 0;font-size:11px;font-weight:500;line-height:1.4;list-style:none;display:inline-flex}.chat-md-think-summary::-webkit-details-marker{display:none}.chat-md-think-summary:before{content:"›";opacity:.7;font-size:12px;line-height:1;transition:transform .15s;display:inline-block;transform:rotate(0)}.chat-md-think[open]>.chat-md-think-summary:before{transform:rotate(90deg)}.chat-md-think-summary:hover{color:var(--text-secondary)}.chat-md-think-body{border-left:2px solid var(--border);background:color-mix(in srgb, var(--bg-deep) 70%, transparent);color:var(--text-muted);-webkit-overflow-scrolling:touch;border-radius:0 6px 6px 0;max-height:9.5em;margin-top:4px;padding:6px 8px;font-size:11px;line-height:1.45;overflow:auto}.chat-md-think-body .md-p,.chat-md-think-body .md-p.compact,.chat-md-think-body .md-li,.chat-md-think-body .md-h1,.chat-md-think-body .md-h2,.chat-md-think-body .md-h3,.chat-md-think-body .md-h4,.chat-md-think-body .md-h1.compact,.chat-md-think-body .md-h2.compact,.chat-md-think-body .md-h3.compact,.chat-md-think-body .md-h4.compact{color:var(--text-muted);border:none;margin:2px 0;font-size:11px;font-weight:400;line-height:1.45}.chat-md-think-body .md-strong,.chat-md-think-body .md-strong.compact{color:var(--text-secondary);font-weight:500}.chat-md-think-body .md-code{color:var(--text-secondary);font-size:10px}.chat-box{max-height:400px;margin-bottom:12px;overflow-y:auto}.msg{border-radius:8px;max-width:80%;margin-bottom:6px;padding:8px 14px}.msg.user{background:var(--bg-card);margin-left:auto}.msg.ai{background:var(--bg-elevated);color:var(--text-secondary)}.progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.progress-fill{background:var(--gradient-3);border-radius:3px;height:100%;transition:width .4s}.chapter-content h1,.chapter-content h2,.chapter-content h3{margin:.6em 0 .3em}.chapter-content h1{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:1.6em}.chapter-content h2{font-size:1.3em}.chapter-content h3{font-size:1.1em}.chapter-content p{margin:.5em 0}.chapter-content ul,.chapter-content ol{margin:.4em 0;padding-left:1.5em}.chapter-content code{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:4px;padding:2px 6px;font-size:.9em}.chapter-content pre{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);margin:.6em 0;padding:14px 18px;overflow-x:auto}.chapter-content pre code{background:0 0;padding:0}.chapter-content blockquote{border-left:3px solid var(--accent-cyan);color:var(--text-secondary);margin:.6em 0;padding-left:14px}.chapter-content img{border-radius:var(--radius-md);cursor:zoom-in;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%}.chapter-content a:has(>img:only-child){cursor:zoom-in}:is(.chapter-content .mermaid:has(svg),.chapter-content .figure:has(svg)),.chapter-content .mermaid svg,.chapter-content .figure svg{cursor:zoom-in}.chapter-content .figure figcaption{cursor:default}.chapter-content table{border-collapse:collapse;width:100%}.chapter-content th,.chapter-content td{border:1px solid var(--border);text-align:left;padding:6px 12px;font-size:13px}.chapter-content th{background:var(--bg-card)}.chapter-content .lesson{margin:0}.chapter-content .objectives{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:24px;padding:16px 20px}.chapter-content .objectives h3{color:var(--accent-cyan);margin:0 0 10px;font-size:14px}.chapter-content h2 .num,.chapter-content h3 .num{font-family:var(--font-mono);color:var(--text-muted);margin-right:8px;font-size:.85em}.chapter-content .callout{border-radius:var(--radius-md);border:1px solid;gap:12px;margin:20px 0;padding:16px 20px;font-size:14px;display:flex}.chapter-content .callout-icon{width:24px;height:24px;font-family:var(--font-mono);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.chapter-content .callout-body{color:var(--text-secondary);flex:1}.chapter-content .callout-body strong{color:var(--text-primary);font-weight:600}.chapter-content .callout.tip{background:#22d3ee0f;border-color:#22d3ee4d}.chapter-content .callout.tip .callout-icon{background:var(--accent-cyan);color:var(--bg-base)}.chapter-content .callout.warn{background:#f59e0b0f;border-color:#f59e0b4d}.chapter-content .callout.warn .callout-icon{background:var(--warning);color:var(--bg-base)}.chapter-content .callout.danger{background:#ef44440f;border-color:#ef44444d}.chapter-content .callout.danger .callout-icon{background:var(--danger);color:var(--bg-base)}.chapter-content .callout.success{background:#22c55e0f;border-color:#22c55e4d}.chapter-content .callout.success .callout-icon{background:var(--success);color:var(--bg-base)}.chapter-content .callout.summary{background:#6a5fc114;border-color:#6a5fc14d}.chapter-content .callout.summary .callout-icon{background:var(--accent-purple);color:#fff}.chapter-content .c-comment{color:var(--text-muted)}.chapter-content .c-cmd{color:var(--accent-lime)}.chapter-content .c-flag{color:var(--accent-purple)}.chapter-content .c-path{color:var(--accent-cyan)}.chapter-content .c-string{color:#facc15}.chapter-content .cmd-tabs{border:1px solid var(--border);border-radius:var(--radius-md);background:#050810;margin:12px 0 20px;overflow:hidden}.chapter-content .cmd-tabs-bar{background:var(--bg-deep);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:0 12px;display:flex}.chapter-content .cmd-dots{border-right:1px solid var(--border);gap:6px;margin-right:8px;padding-right:12px;display:flex}.chapter-content .cmd-dot{border-radius:50%;width:10px;height:10px}.chapter-content .cmd-dot.r{background:#ef4444}.chapter-content .cmd-dot.y{background:#f59e0b}.chapter-content .cmd-dot.g{background:#22c55e}.chapter-content .cmd-tabs-list{flex-wrap:wrap;flex:1;gap:2px;display:flex}.chapter-content button.cmd-tab,.chapter-content .cmd-tabs-list .cmd-tab{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.chapter-content button.cmd-tab:hover,.chapter-content .cmd-tabs-list .cmd-tab:hover{color:var(--text-secondary);background:#ffffff05}.chapter-content button.cmd-tab.active,.chapter-content .cmd-tabs-list .cmd-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.chapter-content button.cmd-tab[data-os=mac].active,.chapter-content .cmd-tabs-list .cmd-tab[data-os=mac].active{color:var(--accent-lime);border-bottom-color:var(--accent-lime)}.chapter-content button.cmd-tab[data-os=linux].active,.chapter-content .cmd-tabs-list .cmd-tab[data-os=linux].active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.chapter-content button.cmd-tab[data-os=win].active,.chapter-content .cmd-tabs-list .cmd-tab[data-os=win].active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.chapter-content .cmd-panels{padding:0}.chapter-content .cmd-panel{display:none}.chapter-content .cmd-panel.active{display:block}.chapter-content .cmd-panel pre{background:0 0;border:0;border-radius:0;margin:0;padding:16px 20px}.chapter-content .cmd-tabs>.cmd-tab:not(button){display:none}.chapter-content .cmd-tabs>.cmd-tab:not(button).active{display:block}.chapter-content .cmd-tabs:not(:has(>.cmd-tab.active)):not(:has(>.cmd-panels))>.cmd-tab:not(button):first-of-type{display:block}.chapter-content .concept{border:1px solid var(--border-active);border-radius:var(--radius-md);background:linear-gradient(135deg,#22d3ee0f,#818cf80f);margin:20px 0;padding:16px 20px}.chapter-content .concept-label{font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:600;display:inline-flex}.chapter-content .concept-label:before{content:"◆"}.chapter-content .concept p{color:var(--text-primary);margin:0;font-size:14px}.chapter-content .diagram{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:120px;margin:20px 0;padding:24px 20px;display:flex}.chapter-content .arch-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.chapter-content .arch-node{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-sm);text-align:center;min-width:100px;padding:12px 16px}.chapter-content .arch-node-icon{font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600}.chapter-content .arch-node-label{color:var(--text-primary);font-size:13px;font-weight:600}.chapter-content .arch-node-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.chapter-content .arch-arrow{color:var(--text-muted);font-size:16px}.chapter-content .grid-2{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.chapter-content .grid-3{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.chapter-content .card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.chapter-content .card h3{margin:0 0 6px;font-size:14px}.chapter-content .card p{color:var(--text-secondary);margin:0;font-size:12px}.chapter-content .mermaid{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;margin:20px 0;padding:20px;overflow-x:auto}.chapter-content .mermaid svg{max-width:100%;height:auto}.chapter-content .figure{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);margin:20px 0;padding:24px 20px}.chapter-content .figure svg{width:100%;max-width:820px;height:auto;margin:0 auto;display:block}.chapter-content .figure figcaption{text-align:center;color:var(--text-muted);margin-top:14px;font-size:13px}.img-lightbox{z-index:1800;touch-action:none;background:#000000d1;justify-content:center;align-items:center;padding:24px;animation:.15s both fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.img-lightbox-media{z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:50%;will-change:transform;max-width:92vw;max-height:88vh;position:relative}.img-lightbox-media:active{cursor:grabbing}.img-lightbox-img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;border-radius:8px;width:auto;max-width:92vw;height:auto;max-height:88vh;display:block;box-shadow:0 20px 60px #00000080}.img-lightbox-svg{background:var(--bg-deep);pointer-events:none;border-radius:8px;max-width:min(92vw,1100px);max-height:88vh;padding:16px 20px;box-shadow:0 20px 60px #00000080}.img-lightbox-svg svg{width:auto;max-width:min(92vw - 48px,1060px);height:auto;max-height:80vh;margin:0 auto;display:block}.img-lightbox-hint{z-index:2;color:#ffffffb8;pointer-events:none;white-space:nowrap;text-shadow:0 1px 4px #000000a6;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.img-lightbox-close{z-index:3;color:#fff;cursor:pointer;background:#00000073;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:absolute;top:16px;right:16px}.img-lightbox-close:hover{background:#000000b3;border-color:#fff6}.auth-page{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px 24px 48px;display:flex;position:relative}.auth-page-copyright{text-align:center;color:var(--text-muted);font-size:11px;line-height:1.5;font-family:var(--font-mono);letter-spacing:.2px}.auth-shell+.auth-page-copyright{display:none}.auth-theme-toggle{z-index:100;position:fixed;top:20px;right:20px}.auth-shell{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-2xl);width:920px;max-width:100%;min-height:520px;box-shadow:var(--shadow-lg),var(--shadow-brand);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-brand-pane{border-right:1px solid var(--border);background:var(--gradient-surface);flex-direction:column;justify-content:space-between;padding:48px 40px;display:flex;position:relative;overflow:hidden}.auth-brand-pane:after{content:"";pointer-events:none;background:radial-gradient(circle,#c2ef4e1f,#0000 70%);width:240px;height:240px;position:absolute;bottom:-80px;left:-80px}.auth-form-pane{background:var(--bg-deep);flex-direction:column;justify-content:center;padding:48px 40px;display:flex}.auth-logo-row{align-items:center;gap:14px;margin-bottom:40px;display:flex}.auth-logo{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:5px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.auth-logo .brand-logo-img{object-fit:contain;border-radius:10px}.auth-logo-text .name{font-size:15px;font-weight:600}.auth-logo-text .sub{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.auth-hero-tag{font-family:var(--font-mono);color:var(--accent-lime);background:#c2ef4e14;border:1px solid #c2ef4e40;border-radius:4px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 12px;font-size:11px;display:inline-flex}[data-theme=light] .auth-hero-tag{color:var(--accent-purple);background:#0020600f;border-color:#00206026}.auth-hero-tag .dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.auth-hero-title{letter-spacing:-1px;margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.15}.auth-hero-desc{color:var(--text-secondary);max-width:340px;font-size:14px;line-height:1.65}.auth-feature-list{flex-direction:column;gap:12px;margin-top:32px;display:flex}.auth-feature-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.auth-feature-item .bullet{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;flex-shrink:0}.auth-footer-note{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.auth-form-title{margin-bottom:8px;font-size:22px;font-weight:600}.auth-form-sub{color:var(--text-secondary);margin-bottom:28px;font-size:13px}.auth-tabs{width:100%;margin-bottom:22px}.auth-form-row{margin-bottom:16px}.auth-form-actions{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;display:flex}.auth-form-actions label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;margin:0;display:flex}.auth-footer-link{text-align:center;color:var(--text-muted);margin-top:20px;font-size:12px}.auth-wecom-panel{text-align:center;padding:32px 0}.auth-wecom-icon{filter:drop-shadow(0 4px 12px #0003);margin-bottom:16px;font-size:52px}.auth-card-single{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);width:420px;max-width:100%;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 36px}.auth-card-register{width:460px;max-height:min(92vh,920px);padding:32px 28px;overflow-y:auto}.auth-card-single .auth-logo-row{justify-content:center;margin-bottom:28px}.auth-card-register .auth-logo-row{margin-bottom:20px}.auth-card-single .auth-form-title,.auth-card-single .auth-form-sub{text-align:center}.auth-card-register .auth-form-sub{margin-bottom:20px}.auth-optional-tag{color:var(--text-muted);margin-left:6px;font-size:11px;font-weight:400}.auth-agree-row{color:var(--text-secondary);align-items:flex-start;gap:8px;margin:14px 0 4px;font-size:12px;line-height:1.55;display:flex}.auth-agree-row input{flex-shrink:0;margin-top:3px}.auth-agree-row label{cursor:pointer;margin:0}.auth-legal-link{font:inherit;color:var(--accent-cyan);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0 2px;padding:0;text-decoration:underline;display:inline}.auth-legal-link:hover{opacity:.85}.legal-doc-body{color:var(--text-secondary);font-size:13px;line-height:1.65}.legal-doc-section{margin-bottom:18px}.legal-doc-section h4{color:var(--text-primary);margin:0 0 6px;font-size:13px;font-weight:600}.legal-doc-section p{margin:0}.auth-success{text-align:center;max-width:400px;padding:24px}.auth-success-icon{margin-bottom:16px;font-size:52px}.msg-banner{border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:14px;padding:10px 14px;font-size:13px}.msg-banner.success{color:var(--success);background:#22c55e1a;border-color:#22c55e40}.msg-banner.error{color:var(--danger);background:#ef44441a;border-color:#ef444440}.msg-toast{z-index:9999;background:var(--bg-card,#fff);max-width:min(90vw,420px);color:var(--text-primary);border:1px solid var(--border);pointer-events:none;border-radius:8px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:14px;line-height:1.4;animation:.22s both msgToastIn;display:inline-flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000001f,0 2px 8px #0000000f}.msg-toast.leaving{animation:.22s both msgToastOut}.msg-toast-icon{color:#fff;background:var(--info);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.msg-toast.success .msg-toast-icon{background:var(--success)}.msg-toast.error .msg-toast-icon{background:var(--danger)}.msg-toast-text{font-weight:500}@keyframes msgToastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes msgToastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.kpi-card{cursor:help;border-left:3px solid var(--warning)!important}.kpi-card.kpi-ok{border-left-color:var(--success)!important}.kpi-tip-wrap{min-width:0}.kpi-label-with-tip{align-items:center;gap:4px;display:inline-flex}.kpi-label-with-tip svg{opacity:.55;flex-shrink:0}.profile-hero{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex}.profile-avatar-lg,.profile-avatar-md,.user-avatar{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.profile-avatar-lg,.user-avatar-lg{width:72px;height:72px;font-size:28px}.profile-avatar-md,.user-avatar-md{width:56px;height:56px;font-size:22px}.user-avatar-sm{width:36px;height:36px;box-shadow:none;font-size:14px}.user-avatar-xs{width:28px;height:28px;box-shadow:none;font-size:12px}.profile-avatar-lg img,.profile-avatar-md img,.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-avatar-zoomable{cursor:zoom-in}.user-avatar-zoomable:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.avatar-lightbox{z-index:1200;cursor:zoom-out;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.avatar-lightbox-inner{cursor:default;flex-direction:column;align-items:center;gap:10px;max-width:min(520px,92vw);display:flex}.avatar-lightbox-inner img{object-fit:cover;background:var(--bg-elevated);border-radius:50%;width:min(360px,72vw);height:min(360px,72vw);box-shadow:0 20px 60px #00000073}.avatar-lightbox-name{color:#fff;text-align:center;font-size:15px;font-weight:600}.avatar-lightbox-hint{color:#ffffffa6;font-size:12px}.group-member-row{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.group-chat-msg-row{align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.group-chat-msg-row.mine{flex-direction:row-reverse}.group-chat-msg-body{flex-direction:column;min-width:0;max-width:75%;display:flex}.group-chat-msg-row.mine .group-chat-msg-body{align-items:flex-end}.avatar-upload-row{align-items:center;gap:16px;margin-bottom:12px;display:flex}.avatar-upload-actions{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.growth-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=900px){.growth-layout{grid-template-columns:1fr}}.growth-timeline-panel,.growth-detail-panel{min-width:0}.growth-empty{padding:8px 0 4px}.growth-timeline{margin:0;padding:0;list-style:none}.growth-item{align-items:stretch;gap:12px;display:flex}.growth-rail{flex-direction:column;flex-shrink:0;align-items:center;width:16px;padding-top:14px;display:flex}.growth-dot{background:var(--accent-cyan);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-cyan) 25%, transparent);border-radius:50%}.growth-dot.onboarding{background:var(--warning,#f59e0b);box-shadow:0 0 0 3px color-mix(in srgb, var(--warning,#f59e0b) 25%, transparent)}.growth-line{background:var(--border);flex:1;width:2px;margin:6px 0 0}.growth-card{text-align:left;cursor:pointer;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;flex:1;margin-bottom:12px;padding:12px 14px;transition:border-color .15s,background .15s,color .15s;transform:none}.growth-card:hover:not(:disabled){border-color:var(--accent-cyan);opacity:1;box-shadow:none;color:var(--text-primary);transform:none}.growth-item.active .growth-card{border-color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 8%, var(--bg-card));color:var(--text-primary)}.growth-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.growth-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.growth-card-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.growth-card-summary{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;display:-webkit-box;overflow:hidden}.growth-card-meta{color:var(--text-muted);gap:10px;font-size:11px;display:flex}.growth-card-sync{color:var(--accent-cyan);margin-top:6px;font-size:11px;font-weight:500}.growth-report{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);border-left:3px solid var(--accent-cyan);max-height:min(70vh,720px);padding:16px 18px;overflow:auto}.growth-dialog{flex-direction:column;gap:10px;max-height:min(70vh,720px);display:flex;overflow:auto}.growth-msg{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);padding:10px 12px}.growth-msg.user{border-left:3px solid var(--warning,#f59e0b)}.growth-msg.ai{border-left:3px solid var(--accent-cyan)}.growth-msg-role{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.growth-msg-body{color:var(--text-primary);font-size:13px;line-height:1.55}.growth-msg.user .growth-msg-body{white-space:pre-wrap}.growth-msg.ai .growth-msg-body{white-space:normal}.growth-msg.ai .growth-msg-body p{margin:4px 0}.avatar-crop-stage{background:var(--bg-deep);border-radius:var(--radius-lg);width:100%;height:280px;position:relative;overflow:hidden}.avatar-crop-loading{color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.avatar-crop-stage .reactEasyCrop_Image.reactEasyCrop_Contain{max-width:100%;max-height:100%}.avatar-crop-stage .reactEasyCrop_Cover_Vertical{max-width:unset}.modal-panel.modal-panel-crop{animation:.15s both fadeUpContent}.progress-fill{box-shadow:0 0 8px #22d3ee66}[data-theme=light] .progress-fill{box-shadow:0 0 6px #1e5aa04d}.login-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:400px;max-width:90vw;box-shadow:var(--shadow-lg);padding:40px}.login-card h1{margin-bottom:4px;font-size:20px}.login-card h2{color:var(--text-muted);margin-bottom:20px;font-size:16px}.login-card input{margin-bottom:12px}.error-msg{color:var(--danger);margin-bottom:12px;font-size:12px}a{color:inherit;text-decoration:none}a.link{color:var(--accent-cyan);transition:opacity var(--transition);font-weight:500}a.link:hover{opacity:.85;text-decoration:underline}[data-theme=dark][data-area=admin]{--bg-base:#081018;--bg-deep:#0c1525;--bg-card:#111d30;--bg-elevated:#162438;--bg-glass:#111d30e0;--border:#38bdf824;--border-soft:#1e3050;--border-active:#38bdf873;--text-primary:#e8f0fa;--text-secondary:#8ba3c4;--text-muted:#5a7294;--accent-cyan:#38bdf8;--accent-lime:#6ea9d2;--accent-purple:#1e5aa0;--gradient-3:linear-gradient(135deg,#002060,#1e5aa0,#38bdf8);--gradient-brand:linear-gradient(135deg,#002060 0%,#1e5aa0 55%,#6ea9d2 100%);--gradient-surface:linear-gradient(180deg,#0020601f 0%,transparent 100%);--shadow-glow:0 0 32px #38bdf81f;--shadow-brand:0 8px 32px #00206047}[data-theme=dark] html[data-area=admin] body,[data-theme=dark][data-area=admin]{background-image:radial-gradient(900px 500px at 0 0,#0020602e,#0000 55%),radial-gradient(700px 500px at 100% 100%,#1e5aa01a,#0000 55%)}[data-theme=dark][data-area=admin] .page-header:after{background:var(--gradient-brand)}[data-theme=dark][data-area=admin] .nav-item.active,[data-theme=dark][data-area=admin] .tab.active{color:var(--accent-cyan);box-shadow:inset 3px 0 0 var(--accent-cyan)}.admin-shell{padding:4px 0 24px}.admin-header-badge{font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;display:inline-flex}[data-theme=dark] .admin-header-badge{color:var(--accent-cyan);background:#00206033;border:1px solid #38bdf847}[data-theme=light] .admin-header-badge{color:var(--accent-purple);background:#0020600f;border:1px solid #00206026}.admin-tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:6px;margin-bottom:22px;padding:6px;display:flex}@media (width<=900px){.admin-tabs{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.admin-tab{white-space:nowrap;flex:none}}.admin-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.admin-tab:hover{background:var(--bg-card);color:var(--text-primary)}.admin-tab.active{background:var(--gradient-3);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-brand)}[data-theme=light] .admin-tab.active{background:var(--gradient-3);color:#fff;box-shadow:var(--shadow-sm)}[data-theme=dark] .admin-tab.active{box-shadow:var(--shadow-sm),0 4px 16px #0020604d}.admin-tab.active svg{opacity:1}.admin-tab svg{opacity:.75;flex-shrink:0}.admin-table td.ok{color:var(--success)}.admin-table td.warn{color:var(--warning)}.admin-table td.danger{color:var(--danger)}.admin-table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;min-width:0;overflow:auto hidden}.admin-courses-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1360px;font-size:13px}.admin-courses-table th,.admin-courses-table td{padding:10px}.admin-courses-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.admin-courses-table tbody tr:hover{background:#22d3ee0a}.admin-courses-table col.col-num{width:40px}.admin-courses-table col.col-name{width:168px}.admin-courses-table col.col-category{width:96px}.admin-courses-table col.col-level{width:60px}.admin-courses-table col.col-hours{width:48px}.admin-courses-table col.col-status{width:76px}.admin-courses-table col.col-source{width:96px}.admin-courses-table col.col-datetime{width:148px}.admin-courses-table col.col-date{width:108px}.admin-courses-table col.col-actions{width:468px}.admin-courses-table .col-name{max-width:0;overflow:hidden}.admin-courses-table .col-actions{z-index:2;text-align:right;white-space:nowrap;background:var(--bg-card);position:sticky;right:0;box-shadow:-10px 0 16px -12px #00000073}.admin-courses-table thead .col-actions{background:var(--bg-deep);z-index:3}.admin-courses-table tbody tr:hover .col-actions{background:var(--bg-elevated)}.admin-courses-table .course-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.admin-courses-table .course-action-btn{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:4px 7px;font-size:11px;line-height:1.2;display:inline-flex}.admin-courses-table .course-action-label{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.panel-title-icon{align-items:center;gap:8px;display:inline-flex}.panel-title-icon svg{color:var(--accent-cyan);opacity:.9}.reader-page .page-header{margin-bottom:20px}.chapter-reader-layout{grid-template-columns:clamp(220px,18vw,280px) minmax(0,1fr) clamp(280px,22vw,360px);align-items:start;gap:clamp(16px,2vw,24px);display:grid}.chapter-reader-sidebar{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-gutter:stable;max-height:calc(100vh - 100px);padding:clamp(12px,1.5vw,18px);position:sticky;top:80px;overflow-y:auto}.chapter-reader-sidebar-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:12px;padding:0 4px}.chapter-toc-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition);align-items:flex-start;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.chapter-toc-item>span:last-child{overflow-wrap:break-word;min-width:0}.chapter-toc-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.chapter-toc-item.active{color:var(--accent-cyan);box-shadow:inset 2px 0 0 var(--accent-cyan);background:linear-gradient(90deg,#22d3ee1a,#0000)}.chapter-toc-num{background:var(--bg-elevated);border:1px solid var(--border);width:24px;height:24px;font-family:var(--font-mono);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.chapter-toc-item.active .chapter-toc-num{background:var(--accent-cyan);color:var(--bg-base);border-color:#0000}.chapter-ai-sidebar{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:calc(100vh - 100px);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;display:flex;position:sticky;top:80px;overflow:hidden}.chapter-ai-sidebar.collapsed{width:48px;min-width:48px;padding:8px}.chapter-ai-sidebar.open{min-width:0}.chapter-ai-sidebar-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.chapter-ai-toggle{background:var(--bg-deep);border:1px solid var(--border);cursor:pointer;color:var(--accent-cyan);border-radius:8px;padding:8px}.chapter-ai-sidebar-title{font-size:13px;font-weight:600}.chapter-ai-context{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.4}.chapter-ai-messages{flex-direction:column;flex:1;gap:10px;min-height:200px;padding:12px 14px;display:flex;overflow-y:auto}.chapter-ai-hint{color:var(--text-muted);margin:0;font-size:12px}.chapter-ai-bubble{overflow-wrap:break-word;border-radius:10px;max-width:100%;padding:10px 12px;font-size:12px;line-height:1.55}.chapter-ai-bubble.user{background:#22d3ee1f;border:1px solid #22d3ee40;align-self:flex-end}.chapter-ai-bubble.ai{background:var(--bg-deep);border:1px solid var(--border);align-self:flex-start}.chapter-ai-input-row{border-top:1px solid var(--border);gap:8px;min-width:0;padding:10px 12px;display:flex}.chapter-ai-input-row input{flex:1;min-width:0;padding:8px 10px;font-size:12px}.chapter-ai-input-row button{min-width:auto;padding:8px 12px}.chapter-reader-rail{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:calc(100vh - 100px);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;min-width:0;display:flex;position:sticky;top:80px;overflow:hidden}.chapter-reader-rail.collapsed{width:48px;min-width:48px;padding:8px}.chapter-reader-rail.open{min-width:0}.chapter-reader-layout:has(.chapter-reader-rail.is-notes.open){grid-template-columns:clamp(200px,16vw,260px) minmax(0,1fr) clamp(320px,28vw,420px)}.chapter-reader-rail-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.chapter-reader-rail-tabs{background:var(--bg-deep);border-radius:8px;flex:1;gap:4px;min-width:0;padding:3px;display:flex}.chapter-reader-rail-tab{cursor:pointer;min-width:0;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.chapter-reader-rail-tab:hover{color:var(--text-primary)}.chapter-reader-rail-tab.active{background:var(--bg-card);color:var(--accent-cyan);font-weight:600;box-shadow:0 1px 2px #00000014}.chapter-reader-rail-context{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;padding:6px 14px 0;font-size:11px;line-height:1.4;overflow:hidden}.chapter-reader-rail-body,.chapter-reader-rail-pane{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chapter-reader-rail-pane[hidden]{display:none!important}.chapter-ai-embedded{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chapter-ai-embedded .chapter-ai-messages{min-height:120px}.chapter-notes-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chapter-notes-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.chapter-notes-list-btn,.chapter-notes-tool-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-deep);color:var(--text-primary);border-radius:6px;align-items:center;padding:4px 8px;font-family:inherit;font-size:11px;display:inline-flex}.chapter-notes-list-btn:hover,.chapter-notes-tool-btn:hover{border-color:var(--border-active)}.chapter-notes-public{color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;margin-left:2px;font-size:11px;display:inline-flex}.chapter-notes-all-link{color:var(--accent-cyan);margin-left:auto;font-size:11px;text-decoration:none}.chapter-notes-all-link:hover{text-decoration:underline}.chapter-notes-list{border-bottom:1px solid var(--border);background:var(--bg-deep);flex-shrink:0;max-height:140px;padding:6px;overflow-y:auto}.chapter-notes-empty{color:var(--text-muted);text-align:center;margin:8px;font-size:11px}.chapter-notes-list-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;font-family:inherit;display:flex}.chapter-notes-list-item:hover{background:var(--bg-elevated)}.chapter-notes-list-item.active{border-color:var(--accent-cyan);background:#22d3ee14}.chapter-notes-list-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.chapter-notes-list-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.chapter-notes-editor-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chapter-notes-editor-wrap .note-tb{gap:1px;padding:4px 8px}.chapter-notes-editor-wrap .note-tb-btn{min-width:26px;height:24px;font-size:10px}.chapter-notes-editor-wrap .note-prose,.chapter-notes-editor-wrap .note-editor-body .tiptap{padding:10px 12px;font-size:13px;line-height:1.6}.chapter-notes-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.chapter-notes-save{min-width:auto;padding:6px 12px;font-size:12px}.chapter-notes-status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.chapter-notes-words{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);flex-shrink:0}.chapter-notes-hint{color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;margin:0;padding:0 10px 8px;font-size:10px;display:flex}.chapter-reader-main{min-width:0;overflow-x:hidden}.chapter-reader-scroll{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);scrollbar-gutter:stable;max-height:calc(100vh - 280px);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scroll-behavior:smooth;padding:clamp(20px,3vw,48px) clamp(16px,3.5vw,56px);overflow:hidden auto}.chapter-reader-scroll .chapter-content{letter-spacing:.01em;width:100%;max-width:none;color:var(--text-primary);font-size:clamp(15px,.35vw + 14px,17.5px);line-height:1.85}.chapter-reader-scroll .chapter-content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.chapter-reader-scroll .chapter-content h1{letter-spacing:-.02em;margin:1.2em 0 .5em;font-size:1.75em}.chapter-reader-scroll .chapter-content h2{color:var(--text-primary);margin:1.1em 0 .45em;font-size:1.35em}.chapter-reader-scroll .chapter-content h3{margin:1em 0 .4em;font-size:1.15em}.chapter-reader-scroll .chapter-content p{color:var(--text-secondary);margin:.75em 0}.chapter-reader-scroll .chapter-content li{color:var(--text-secondary);margin:.35em 0}.chapter-reader-scroll .chapter-content pre{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-deep);margin:1em 0;padding:18px 20px;font-size:13px;line-height:1.6}.chapter-reader-scroll .chapter-content blockquote{border-left:3px solid var(--accent-cyan);background:var(--bg-elevated);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1em 0;padding:14px 18px}.chapter-progress-track{background:var(--bg-elevated);border-radius:2px;height:4px;margin-top:14px;overflow:hidden}.chapter-progress-fill{background:var(--gradient-3);border-radius:2px;height:100%;transition:width .2s;box-shadow:0 0 8px #22d3ee59}.chapter-meta-row{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.chapter-meta-item{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);align-items:center;gap:6px;display:inline-flex}.chapter-meta-item svg{color:var(--accent-cyan);opacity:.85}.reader-toolbar{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:16px 20px;display:flex}.reader-toolbar-meta{color:var(--text-secondary);font-size:13px}.reader-toolbar-meta strong{color:var(--text-primary)}.reader-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.reader-scroll-hint{color:var(--warning);font-size:11px}.reader-scroll-ok{color:var(--success);font-size:11px}.reader-context-menu{z-index:9999;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);padding:6px;animation:.15s both fadeUp;position:fixed}.reader-context-menu-item{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.reader-context-menu-item:hover{background:var(--bg-elevated);color:var(--accent-cyan)}body.modal-open .main,body.modal-open .sidebar{overflow:hidden}.modal-overlay{z-index:1700;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.15s both fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.confirm-dialog-overlay{z-index:12200}.modal-panel-wide{max-width:920px}.modal-panel-xl{max-width:1080px}.modal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:760px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);flex-direction:column;flex-shrink:0;animation:.2s both fadeUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 12px;display:flex}.modal-header>div:first-child{flex:1;min-width:0}.modal-header h3,.modal-header .sub{overflow-wrap:anywhere}.modal-body{flex:1;min-height:0;padding:16px 24px 24px;overflow-y:auto}.modal-close-btn{flex-shrink:0;padding:6px 10px;font-size:12px}.assign-drawer-overlay{z-index:1200;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.assign-drawer-panel{background:var(--bg-card);border-left:1px solid var(--border);width:min(440px,100%);height:100dvh;box-shadow:var(--shadow-lg);border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.assign-drawer-header{padding:20px 20px 12px;padding-top:max(20px,env(safe-area-inset-top,0px));background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.assign-drawer-body{flex:1;min-height:0;padding:0 20px 20px;overflow:auto}.chapter-edit-body{flex-direction:column;min-height:0;display:flex}.chapter-edit-meta{grid-template-columns:1.4fr 1.2fr 120px;gap:10px;margin-bottom:12px;display:grid}.chapter-edit-meta label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.chapter-edit-meta input{border:1px solid var(--border-soft);background:var(--bg-deep);width:100%;color:var(--text-primary);border-radius:8px;padding:7px 10px;font-size:13px}.chapter-edit-meta-wide{grid-column:1/-1}.chapter-edit-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.chapter-edit-mode-tabs{border:1px solid var(--border-soft);border-radius:8px;display:inline-flex;overflow:hidden}.chapter-edit-mode-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12px}.chapter-edit-mode-tabs button.active{color:var(--accent-cyan);background:#22d3ee1f;font-weight:600}.chapter-edit-format{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chapter-edit-format button{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg-deep);min-width:32px;color:var(--text-primary);border-radius:6px;padding:4px 8px;font-size:11px}.chapter-edit-format button:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.chapter-edit-format button.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#22d3ee1f}.chapter-edit-format-sep{background:var(--border-soft);align-self:stretch;width:1px;min-height:22px;margin:0 2px}.chapter-edit-format select{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg-deep);max-width:118px;height:28px;color:var(--text-primary);border-radius:6px;padding:0 6px;font-size:11px}.chapter-edit-format select:hover{border-color:var(--accent-cyan)}.chapter-edit-actions{margin-left:auto}.chapter-edit-visual{background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:10px;outline:none;min-height:280px;max-height:42vh;padding:14px 16px;overflow-y:auto}.chapter-edit-visual:focus{border-color:#22d3ee73;box-shadow:0 0 0 2px #22d3ee1f}.chapter-edit-modal{max-width:min(1240px,96vw);height:calc(100vh - 32px);max-height:calc(100vh - 32px)}.chapter-edit-body{flex:1;min-height:0}.chapter-rich-editor{border:1px solid var(--border-soft);background:var(--bg-deep);border-radius:10px;flex-direction:column;flex:1;gap:0;min-height:320px;display:flex;overflow:hidden}.chapter-tb{border-bottom:1px solid var(--border-soft);background:var(--bg-card);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;padding:8px 10px;display:flex}.chapter-tb-context{background:#22d3ee0f;border-color:#22d3ee47}.chapter-tb-sep{background:var(--border-soft);align-self:stretch;width:1px;min-height:22px;margin:0 4px}.chapter-tb-hint{color:var(--text-muted);padding:0 4px;font-size:11px}.chapter-tb-btn{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg-deep);min-width:32px;color:var(--text-primary);border-radius:6px;padding:4px 8px;font-size:11px}.chapter-tb-btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.chapter-tb-btn.is-active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#22d3ee1f}.chapter-tb-btn:disabled{opacity:.45;cursor:not-allowed}.chapter-tb-select{cursor:pointer;border:1px solid var(--border-soft);background:var(--bg-deep);max-width:118px;height:28px;color:var(--text-primary);border-radius:6px;padding:0 6px;font-family:inherit;font-size:11px}.chapter-tb-select:hover{border-color:var(--accent-cyan)}.chapter-tb-alt{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.chapter-tb-alt input{border:1px solid var(--border-soft);background:var(--bg-deep);width:160px;color:var(--text-primary);border-radius:6px;padding:4px 8px;font-size:12px}.chapter-rich-editor .chapter-edit-visual{background:0 0;border:none;border-radius:0;flex:1;min-height:280px;max-height:none;padding:0;overflow-y:auto}.chapter-edit-prose.ProseMirror,.chapter-rich-editor .ProseMirror,.chapter-rich-editor .chapter-edit-visual .tiptap{outline:none;min-height:280px;padding:14px 16px}.chapter-edit-prose .selectedCell:after{z-index:2;content:"";pointer-events:none;background:#22d3ee1f;position:absolute;inset:0}.chapter-edit-prose td,.chapter-edit-prose th{position:relative}.chapter-edit-prose .column-resize-handle{z-index:20;background:var(--accent-cyan);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;right:-2px}.chapter-edit-prose.resize-cursor{cursor:col-resize}.chapter-edit-prose .tableWrapper{margin:.6em 0;overflow-x:auto}.chapter-rich-editor [data-resize-container][data-node=image]{max-width:100%;margin:.5em 0}.chapter-rich-editor [data-resize-wrapper]{max-width:100%}.chapter-rich-editor [data-resize-handle]{background:var(--accent-cyan);z-index:3;width:10px;height:10px;box-shadow:0 0 0 1px var(--bg-deep);border-radius:2px}.chapter-rich-editor [data-resize-handle=top-left]{cursor:nwse-resize;transform:translate(-50%,-50%)}.chapter-rich-editor [data-resize-handle=top-right]{cursor:nesw-resize;transform:translate(50%,-50%)}.chapter-rich-editor [data-resize-handle=bottom-left]{cursor:nesw-resize;transform:translate(-50%,50%)}.chapter-rich-editor [data-resize-handle=bottom-right]{cursor:nwse-resize;transform:translate(50%,50%)}.chapter-callout-tools select{border:1px solid var(--border-soft);background:var(--bg-card);color:var(--text-primary);border-radius:6px;padding:2px 6px;font-size:11px}.chapter-html-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);margin:16px 0;overflow:hidden}.chapter-html-block.is-selected{outline:2px solid var(--accent-cyan);outline-offset:2px}.chapter-html-block-bar{color:var(--text-muted);border-bottom:1px solid var(--border-soft);-webkit-user-select:none;user-select:none;background:#6a5fc11f;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.chapter-html-block-label{letter-spacing:.02em;margin-right:auto;font-weight:600}.chapter-html-block-btn{border:1px solid var(--border-soft);background:var(--bg-deep);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:2px 8px;font-size:11px;line-height:1.4}.chapter-html-block-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.chapter-html-block-btn.danger{color:var(--danger)}.chapter-html-block-btn.danger:hover{border-color:var(--danger);background:#ef44441a}.chapter-html-block-body{padding:12px 14px}.chapter-html-block-body>.mermaid,.chapter-html-block-body>.cmd-tabs,.chapter-html-block-body>.figure,.chapter-html-block-body>.diagram{margin:0}.chapter-html-block-source{width:100%;min-height:120px;font-family:var(--font-mono);background:var(--bg-deep);color:var(--text-primary);resize:vertical;border:0;padding:10px 12px;font-size:12px;line-height:1.45;display:block}.chapter-callout-tools{position:absolute;top:8px;right:8px}.chapter-edit-prose .callout{position:relative}.chapter-edit-img{max-width:100%;height:auto}.chapter-edit-source{resize:vertical;width:100%;min-height:280px;max-height:none;font-family:var(--font-mono),ui-monospace,monospace;background:var(--bg-deep);border:1px solid var(--border-soft);color:var(--text-primary);border-radius:10px;flex:1;padding:12px 14px;font-size:12px;line-height:1.5}.chapter-edit-ai{background:#a855f70f;border:1px solid #a855f738;border-radius:10px;margin-top:12px;padding:12px}.chapter-edit-ai-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.chapter-edit-ai-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chapter-edit-ai-row input{border:1px solid var(--border-soft);background:var(--bg-card);min-width:180px;color:var(--text-primary);border-radius:8px;flex:1;padding:7px 10px;font-size:12px}@media (width<=720px){.chapter-edit-meta{grid-template-columns:1fr}.chapter-edit-actions{margin-left:0}}:focus-visible,input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.skip-link{z-index:10000;background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--accent-cyan);padding:8px 14px;text-decoration:none;transition:top .15s;position:fixed;top:-100px;left:8px}.skip-link:focus{top:8px}@media (prefers-contrast:more){:root,[data-theme=dark],[data-theme=light]{--border:#788cb480;--text-secondary:#b8c4dc}:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=2560px){:root,[data-theme=dark],[data-theme=light]{--content-padding-x:48px}}@media (width<=900px){.layout{grid-template-columns:1fr;height:100dvh;overflow:hidden}.menu-toggle{display:inline-flex}.sidebar-backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed;inset:0}.sidebar{z-index:200;width:272px;height:100dvh;box-shadow:var(--shadow-lg);display:none;position:fixed;left:0}.sidebar.open{display:flex}.main{scrollbar-gutter:stable;height:100%;padding:12px 14px 80px;overflow:hidden auto}.topbar{border-radius:var(--radius-md);margin-bottom:16px;padding:8px 12px;top:8px}.modal-overlay{padding:16px}.modal-panel{max-height:calc(100dvh - 32px)}.recruitment-layout{grid-template-columns:1fr!important}.notes-layout{grid-template-columns:1fr;height:calc(100dvh - 160px);min-height:320px}.groups-layout{height:calc(100dvh - 200px);min-height:320px}.notes-layout[data-pane=list] .notes-editor-pane,.notes-layout[data-pane=editor] .notes-list-pane,.groups-layout[data-pane=list] .groups-detail-pane,.groups-layout[data-pane=detail] .groups-list-pane{display:none}.notes-layout .notes-list-pane,.notes-layout .notes-editor-pane,.groups-layout .groups-list-pane,.groups-layout .groups-detail-pane{width:100%;min-width:0}.notes-mobile-back,.groups-mobile-back{display:inline-flex!important}.profile-info-grid{grid-template-columns:1fr}input:not([type=checkbox]):not([type=radio]),textarea,select,.chapter-ai-input-row input{font-size:16px}.chat-container{min-height:240px;max-height:min(48dvh,48vh)}.chat-input-bar{padding-bottom:max(0px, env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:6px}.chat-input-bar .chat-text-input{flex:100%;order:-1;min-width:0;max-width:100%;min-height:44px;max-height:100px;font-size:16px}.chat-input-bar .chat-attach-btn,.chat-input-bar .chat-mic-btn,.chat-input-bar .chat-call-btn{min-width:44px;min-height:44px;padding:10px 12px}.chat-input-bar .chat-send-btn{flex:1;min-width:72px;min-height:44px}.interview-chat-scroll{min-height:200px;max-height:min(42dvh,42vh)}.interview-input-row{padding-bottom:max(4px, env(safe-area-inset-bottom,0px));flex-wrap:wrap}.interview-input-row .interview-text-input{flex:100%;order:-1;min-width:0}.groups-report-stats{grid-template-columns:1fr!important}.mobile-tabbar{z-index:150;background:var(--bg-glass);border-top:1px solid var(--border);padding:6px 0 max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0000002e}.mobile-tab{color:var(--text-muted);min-width:52px;transition:all var(--transition);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-size:10px;text-decoration:none;display:flex}.mobile-tab .tab-icon{transition:transform var(--transition);justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.mobile-tab.active{color:var(--accent-cyan);background:#22d3ee14}[data-theme=light] .mobile-tab.active{background:#1e5aa014}.mobile-tab.active .tab-icon{transform:scale(1.1)}.stat-row{grid-template-columns:repeat(2,1fr)}.grid-2col,.course-grid{grid-template-columns:1fr}.kg-explore-layout{grid-template-columns:1fr!important}.kg-explore-layout .kg-explore-canvas-wrap{height:min(52dvh,420px);min-height:280px}.course-filter select{flex:1;min-width:0;max-width:none}.course-filters{width:100%}.course-filter{flex:140px}.quick-grid{grid-template-columns:repeat(2,1fr)}.welcome-banner{min-height:0;padding:24px 22px}.welcome-banner-hello h2{font-size:24px}.welcome-quote{max-width:none}.welcome-quote-headline{font-size:18px}.welcome-quote-tip{font-size:12.5px}.welcome-stat{gap:12px}.chapter-reader-layout{grid-template-columns:1fr;gap:14px}.chapter-ai-sidebar,.chapter-reader-rail{order:3;max-height:min(520px,70vh);position:relative;top:0}.chapter-reader-layout:has(.chapter-reader-rail.is-notes.open){grid-template-columns:1fr}.chapter-reader-main{order:2}.chapter-reader-sidebar{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-flow:row;order:1;align-items:stretch;gap:6px;max-height:none;padding:10px 12px;display:flex;position:static;overflow:auto hidden}.chapter-reader-sidebar-title{display:none}.chapter-toc-item{scroll-snap-align:start;flex:none;max-width:min(240px,72vw);margin-bottom:0}.chapter-toc-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-reader-scroll{max-height:none;padding:22px 18px}.reader-toolbar{flex-direction:column;align-items:stretch}.reader-toolbar-actions{justify-content:flex-start}}@media (width<=600px){.stat-row{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-brand-pane{display:none}.auth-shell+.auth-page-copyright{display:block}.auth-form-pane{padding:36px 24px}.auth-theme-toggle{top:12px;right:12px}.quick-grid{grid-template-columns:1fr}.welcome-stat{display:none}.chapter-reader-scroll{padding:16px 14px}.chapter-header-cvr{margin-bottom:16px;padding-bottom:14px}.reader-toolbar{padding:12px 14px}}.kg-explore-layout .kg-explore-canvas-wrap{height:520px;min-height:520px}html[data-mp="1"] .layout-mp .mobile-tabbar{display:none!important}html[data-mp="1"] .layout-mp .main{padding-bottom:max(16px, env(safe-area-inset-bottom,0px))}@media (width<=900px){html[data-mp="1"] .layout-mp .main{padding-bottom:max(16px, env(safe-area-inset-bottom,0px))}html[data-mp="1"] .pet-float-dock{bottom:max(16px, env(safe-area-inset-bottom,0px))}html[data-mp="1"] .pet-toast{bottom:max(110px, calc(16px + env(safe-area-inset-bottom,0px) + 90px))}html[data-mp="1"] .pet-panel{height:88dvh;max-height:calc(100dvh - env(safe-area-inset-bottom,0px) - 8px)}html[data-mp="1"] .notes-layout,html[data-mp="1"] .groups-layout{height:calc(100dvh - 120px)}}.admin-create-user-panel{padding:12px 14px}.admin-create-user-title{align-items:center;gap:6px;margin:0 0 10px;font-size:14px;display:flex}.admin-form-grid{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:10px;display:grid}@media (width<=900px){.admin-form-grid{grid-template-columns:1fr}}.admin-form-field{flex-direction:column;min-width:0;display:flex}.admin-form-field-full{grid-column:1/-1}.admin-form-field .form-label{min-height:16px;margin-bottom:4px;line-height:16px}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{margin-bottom:0;padding:8px 12px;font-size:13px}.admin-form-field textarea{resize:vertical;min-height:56px}.admin-form-actions{align-items:center;gap:8px;display:flex}.pet-float-dock{z-index:180;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:18px;right:18px}.pet-float-dock.placed{bottom:auto;right:auto}.pet-float-dock.dragging{z-index:220;cursor:grabbing}.pet-fab{z-index:auto;width:auto;min-width:72px;height:auto;box-shadow:none;cursor:grab;color:var(--text-primary);--pet-idle-dur:7.2s;--pet-walk-pace-dur:3.6s;background:0 0;border:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;bottom:auto;right:auto}.pet-fab.bare{box-shadow:none;background:0 0;border:none;outline:none}.pet-fab:hover{transform:translateY(-2px)}.pet-float-dock.dragging .pet-fab,.pet-float-dock.dragging .pet-fab:hover{cursor:grabbing;transition:none;transform:none}.pet-fab:hover,.pet-fab:focus-visible{box-shadow:none;outline:none}.pet-fab.bounce{animation:.45s pet-bounce}.pet-fab.open .pet-fab-lv{opacity:1}.pet-fab-mascot{pointer-events:none;width:88px;height:88px;line-height:0;display:block}.pet-fab-mascot .pet-portrait,.pet-fab-mascot .pet-portrait-frame,.pet-fab-mascot .pet-portrait-img{width:100%;height:100%;box-shadow:none;background:0 0;border:none;margin:0}.pet-fab-mascot .pet-portrait-frame.bare{aspect-ratio:1;background:0 0;border:none;border-radius:0;overflow:visible}.pet-fab-mascot .pet-portrait-img.bare{filter:drop-shadow(0 6px 10px #00000052);border-radius:0}[data-theme=light] .pet-fab-mascot .pet-portrait-img.bare{filter:drop-shadow(0 10px 14px #0020602e)}.pet-fab-lv,.pet-fab-hint{z-index:1;letter-spacing:.02em;color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 42%, var(--text-primary));text-shadow:0 1px 2px #00000047,0 0 1px #ffffff8c;background:0 0;border:none;margin-top:-2px;font-size:10px;font-weight:700;position:relative}.pet-fab.mood-excited{--pet-idle-dur:4.8s;--pet-walk-pace-dur:2.6s}.pet-fab.mood-hungry{--pet-idle-dur:5.6s;--pet-walk-pace-dur:3s}.pet-fab.mood-lonely{--pet-idle-dur:8.2s;--pet-walk-pace-dur:4.2s}.pet-fab.mood-tired,.pet-fab.mood-sleepy{--pet-idle-dur:9.5s;--pet-walk-pace-dur:4.8s}.pet-fab.pose-rest .pet-fab-mascot{animation:pet-rest-breathe var(--pet-idle-dur) ease-in-out infinite}.pet-fab.pose-walk .pet-fab-mascot{animation:pet-walk-pace var(--pet-walk-pace-dur) ease-in-out infinite}.pet-fab:has(.pet-portrait[data-stage=egg]).pose-rest .pet-fab-mascot{animation:pet-egg-wobble var(--pet-idle-dur) ease-in-out infinite}.pet-fab:has(.pet-portrait.anim-on).pose-rest .pet-fab-mascot{animation:pet-rest-breathe var(--pet-idle-dur) ease-in-out infinite}.pet-fab:has(.pet-portrait.anim-on[data-stage=egg]).pose-rest .pet-fab-mascot{animation:none}@keyframes pet-bounce{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-10px)scale(1.06)}70%{transform:translateY(2px)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes pet-rest-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes pet-walk-pace{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@keyframes pet-egg-wobble{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(0)rotate(-1.6deg)}50%{transform:translateY(-.5px)rotate(1.4deg)}75%{transform:translateY(0)rotate(-.8deg)}}@keyframes pet-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.pet-toast{z-index:190;background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:220px;color:var(--text-primary);box-shadow:var(--shadow-md);border-radius:14px;padding:10px 14px;font-size:12px;line-height:1.45;animation:.25s pet-toast-in;position:fixed;bottom:110px;right:18px}.pet-toast.rest-tip{border-color:color-mix(in srgb, var(--warning) 45%, var(--border))}@keyframes pet-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pet-speech{z-index:1500;pointer-events:none;max-width:min(240px,100vw - 110px);padding:0;animation:.28s cubic-bezier(.22,1,.36,1) pet-toast-in;position:absolute;bottom:calc(100% + 6px);right:0}.pet-float-dock.near-top .pet-speech:not(.over-panel),.pet-float-dock.near-top .pet-mood-cta{top:calc(100% + 6px);bottom:auto}.pet-float-dock.near-top .pet-speech:not(.over-panel) .pet-speech-tail,.pet-float-dock.near-top .pet-mood-cta-tail{margin:0 auto -1px 18px;transform:rotate(225deg)}.pet-speech.over-panel{z-index:1600;max-width:min(320px,100vw - 32px);position:fixed;top:72px;bottom:auto;right:max(18px,50% - 180px)}.pet-speech.over-panel .pet-speech-text{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));border-radius:16px}.pet-speech.over-panel .pet-speech-tail{display:none}.pet-battle-notice{background:color-mix(in srgb, #f59e0b 14%, var(--bg-card));border:1px solid color-mix(in srgb, #f59e0b 45%, var(--border));color:var(--text-primary);border-radius:10px;flex-shrink:0;margin:0 0 10px;padding:8px 12px;font-size:12px;line-height:1.45}.pet-battle-quick{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;display:flex}.pet-battle-quick .btn-primary{flex-shrink:0}.pet-battle-quick-hint{color:var(--text-muted);flex:1;min-width:140px;font-size:11px;line-height:1.4}.pet-battle-reward{border:1px solid var(--border);background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, var(--bg-elevated));border-radius:12px;flex-shrink:0;margin:0 0 10px;padding:10px 12px}.pet-battle-reward-title{color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:700}.pet-battle-reward-row{color:var(--text-primary);flex-wrap:wrap;gap:8px 12px;font-size:12px;display:flex}.pet-battle-reward-chip{border:1px solid var(--border);background:var(--bg-card);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;line-height:1.3;display:inline-flex}.pet-battle-log.result-only .pet-battle-summary{margin-bottom:8px}.pet-dps{border:1px solid var(--border);background:var(--bg-elevated);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:12px;flex-shrink:0;min-width:0;max-width:100%;max-height:min(240px,34%);margin:0 0 10px;padding:10px 12px;overflow:auto}.pet-dps:not(.open){max-height:none;margin-bottom:8px;overflow:visible}.pet-battle-log:not(.result-only) .pet-dps.open{max-height:min(240px,36%)}.pet-battle-log:not(.result-only):has(.pet-dps.open) .pet-battle-stage{min-height:0;max-height:none}.pet-dps.table-mode{min-width:0;max-width:100%;margin:0}.pet-dps.embedded{box-shadow:none;background:0 0;border:0;flex:auto;width:100%;min-width:0;max-width:100%;min-height:0;max-height:none;padding:0;overflow:visible}.pet-hunt-celebrate .pet-dps-embed-head{display:none}.pet-dps-toggle.static{cursor:default}.pet-dps-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;width:100%;min-width:0;max-width:100%;margin-bottom:10px;overflow-x:auto}.pet-hunt-celebrate .pet-dps-table-wrap{background:#0f172a8c;border-color:#94a3b859}.pet-dps-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:max-content;min-width:100%;font-size:12px}.pet-dps-table th,.pet-dps-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);color:var(--text-primary);padding:7px 8px}.pet-dps-table th:first-child,.pet-dps-table td:first-child{text-align:left}.pet-dps-table th{color:var(--text-muted);background:color-mix(in srgb, var(--bg-card) 70%, transparent);font-size:10px;font-weight:800}.pet-hunt-celebrate .pet-dps-table th{color:#94a3b8;background:#0f172a8c;border-bottom-color:#94a3b840}.pet-hunt-celebrate .pet-dps-table td{color:#f1f5f9;border-bottom-color:#94a3b833}.pet-dps-table tr[data-side=foe] td{color:color-mix(in srgb, #fb7185 70%, var(--text-primary))}.pet-hunt-celebrate .pet-dps-table tr[data-side=foe] td{color:#fda4af}.pet-dps-td-name{text-overflow:ellipsis;align-items:center;gap:4px;max-width:140px;display:flex;overflow:hidden}@media (width<=640px){.pet-dps-table{font-size:11px}.pet-dps-table th,.pet-dps-table td{padding:6px}.pet-dps-table [data-col=secondary]{display:none}.pet-dps-td-name{max-width:96px}}.pet-dps-side-tag.mini{padding:1px 4px;font-size:9px}.pet-dps-detail-title{color:var(--text-secondary);margin:4px 0 8px;font-size:12px;font-weight:800}.pet-hunt-celebrate .pet-dps-detail-title,.pet-hunt-celebrate .pet-dps-analysis-title,.pet-hunt-celebrate .pet-dps-fighter-who strong{color:#f8fafc}.pet-hunt-celebrate .pet-dps-fighter{background:#0f172ab8;border-color:#94a3b859}.pet-hunt-celebrate .pet-dps-fighter.foe{background:#450a0a8c;border-color:#fb718559}.pet-hunt-celebrate .pet-dps-chips span{color:#e2e8f0;background:#1e293be6;border-color:#94a3b866}.pet-hunt-celebrate .pet-dps-skills li,.pet-hunt-celebrate .pet-dps-skill-name,.pet-hunt-celebrate .pet-dps-skill-stat{color:#e2e8f0}.pet-hunt-celebrate .pet-dps-skill-stat{color:#cbd5e1}.pet-hunt-celebrate .pet-dps-skills{gap:5px}.pet-hunt-celebrate .pet-dps-skills li{font-size:12px}.pet-hunt-celebrate .pet-dps-analysis li{color:#f1f5f9;background:#0f172ab8;border-color:#94a3b859}.pet-hunt-celebrate .pet-dps-analysis li[data-tone=good]{color:#ecfdf5;background:#064e3b8c;border-color:#34d39973}.pet-hunt-celebrate .pet-dps-analysis li[data-tone=warn]{color:#fffbeb;background:#78350f8c;border-color:#fbbf2466}.pet-hunt-celebrate .pet-dps-fighter-dps em{color:#67e8f9}.pet-hunt-celebrate .pet-dps-fighter.foe .pet-dps-fighter-dps em{color:#fdba74}.pet-hunt-celebrate .pet-dps-fighter-dps span{color:#94a3b8}.pet-battle-log.result-only .pet-dps{flex:1;max-height:none}.pet-dps-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:8px;padding:0;display:flex}.pet-dps-title{color:var(--text-secondary);letter-spacing:.04em;font-size:11px;font-weight:800}.pet-dps-kicker{color:var(--text-primary);font-variant-numeric:tabular-nums;flex:1;font-size:12px;font-weight:700}.pet-dps-caret{color:var(--pet-accent,var(--accent-cyan));font-size:11px;font-weight:700}.pet-dps-compare{color:var(--text-muted);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:10px 0 8px;font-size:11px;display:grid}.pet-dps-compare .lead{color:var(--text-primary);font-weight:800}.pet-dps-compare-bar{background:color-mix(in srgb, #f97316 22%, var(--bg-card));border:1px solid var(--border);border-radius:99px;height:8px;overflow:hidden}.pet-dps-compare-bar i{background:linear-gradient(90deg, var(--pet-accent,var(--accent-cyan)), color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, #86efac));border-radius:99px;height:100%;display:block}.pet-dps-fighters{flex-direction:column;gap:8px;display:flex}.pet-dps-fighter{border:1px solid var(--border);background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 7%, var(--bg-card));border-radius:10px;padding:8px 10px}.pet-dps-fighter.foe{background:color-mix(in srgb, #f97316 8%, var(--bg-card))}.pet-dps-fighter-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pet-dps-fighter-who{align-items:center;gap:6px;min-width:0;display:flex}.pet-dps-fighter-who strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.pet-dps-side-tag{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:99px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:800;line-height:1}.pet-dps-fighter.foe .pet-dps-side-tag{color:#ea580c}.pet-dps-fighter-dps{flex-shrink:0;align-items:baseline;gap:4px;display:flex}.pet-dps-fighter-dps em{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--pet-accent,var(--accent-cyan));font-size:20px;font-style:normal;font-weight:900}.pet-dps-fighter.foe .pet-dps-fighter-dps em{color:#ea580c}.pet-dps-fighter-dps span{color:var(--text-muted);font-size:10px;font-weight:800}.pet-dps-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;height:6px;margin:7px 0 6px;overflow:hidden}.pet-dps-bar i{background:var(--pet-accent,var(--accent-cyan));border-radius:99px;height:100%;display:block}.pet-dps-fighter.foe .pet-dps-bar i{background:#f97316}.pet-dps-nums{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.pet-dps-nums b{color:var(--text-primary);font-weight:800}.pet-dps-chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.pet-dps-chips span{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:99px;padding:3px 6px;font-size:10px;line-height:1}.pet-dps-skills{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.pet-dps-skills li{color:var(--text-primary);justify-content:space-between;gap:8px;font-size:12px;display:flex}.pet-dps-skill-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.pet-dps-skill-stat{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-shrink:0}.pet-dps-analysis{margin-top:10px}.pet-dps-analysis-title{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:800}.pet-dps-analysis ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pet-dps-analysis li{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);overflow-wrap:anywhere;word-break:break-word;border-radius:10px;padding:9px 11px;font-size:13px;line-height:1.5}.pet-dps-analysis li[data-tone=good]{color:var(--text-primary);border-color:color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success) 14%, var(--bg-card))}.pet-dps-analysis li[data-tone=warn]{color:var(--text-primary);border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:color-mix(in srgb, var(--warning) 14%, var(--bg-card))}.pet-dps-more{color:var(--pet-accent,var(--accent-cyan));cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:11px;font-weight:700}.pet-hunt-celebrate{z-index:120;border-radius:inherit;pointer-events:auto;touch-action:manipulation;isolation:isolate;color:#fff;background:radial-gradient(at 50% 18%,#fbbf246b,#0000 42%),radial-gradient(at 50% 100%,#581c878c,#07091a 55%),#07091a;flex-direction:column;justify-content:center;align-items:stretch;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.pet-hunt-celebrate.shielding{opacity:0}.pet-hunt-celebrate.loot,.pet-hunt-celebrate.stats{justify-content:stretch}.pet-hunt-celebrate.tone-defeat{background:radial-gradient(at 50% 18%,#f8717147,#0000 42%),radial-gradient(at 50% 100%,#1e1b2dcc,#12080c 55%),#12080c}.pet-hunt-celebrate.tone-draw{background:radial-gradient(at 50% 18%,#94a3b847,#0000 42%),radial-gradient(at 50% 100%,#1e293bbf,#0f172a 55%),#0f172a}.pet-hunt-celebrate.loot{background:radial-gradient(at 50% 12%,#38bdf847,#0000 40%),radial-gradient(at 50% 100%,#1e1b4bb3,#07091a 55%),#07091a}.pet-hunt-celebrate-rays{background:repeating-conic-gradient(from 0deg, #fbbf2429 0 7deg, transparent 7deg 14deg);pointer-events:none;opacity:.85;animation:22s linear infinite pet-hunt-spin;position:absolute;inset:-55%}.pet-hunt-celebrate.tone-defeat .pet-hunt-celebrate-rays{background:repeating-conic-gradient(from 0deg, #f871711f 0 7deg, transparent 7deg 14deg);opacity:.55;animation:28s linear infinite reverse pet-hunt-spin}.pet-hunt-celebrate.tone-draw .pet-hunt-celebrate-rays{background:repeating-conic-gradient(from 0deg, #94a3b81a 0 7deg, transparent 7deg 14deg)}.pet-hunt-celebrate.loot .pet-hunt-celebrate-rays{background:repeating-conic-gradient(from 0deg, #7dd3fc1f 0 7deg, transparent 7deg 14deg)}.pet-hunt-celebrate-sparks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pet-hunt-celebrate-sparks .spark{background:#fde68a;border-radius:99px;width:6px;height:6px;animation:2.4s ease-in-out infinite pet-hunt-spark;position:absolute;box-shadow:0 0 8px #fbbf24}.pet-hunt-celebrate-sparks .s1{animation-delay:.1s;top:22%;left:12%}.pet-hunt-celebrate-sparks .s2{width:4px;height:4px;animation-delay:.4s;top:16%;left:78%}.pet-hunt-celebrate-sparks .s3{animation-delay:.7s;top:68%;left:22%}.pet-hunt-celebrate-sparks .s4{animation-delay:.2s;top:58%;left:86%}.pet-hunt-celebrate-sparks .s5{width:5px;height:5px;animation-delay:.9s;top:8%;left:48%}.pet-hunt-celebrate-sparks .s6{animation-delay:1.1s;top:48%;left:8%}.pet-hunt-celebrate-sparks .s7{animation-delay:.5s;top:78%;left:64%}.pet-hunt-celebrate-sparks .s8{animation-delay:1.3s;top:86%;left:38%}.pet-hunt-celebrate-sparks .s9{animation-delay:.6s;top:32%;left:92%}.pet-hunt-celebrate-sparks .s10{width:3px;height:3px;animation-delay:1.6s;top:42%;left:54%}.pet-hunt-celebrate-body{z-index:1;text-align:center;box-sizing:border-box;flex-direction:column;flex:auto;align-items:center;width:100%;min-width:0;max-width:100%;min-height:0;padding:28px 20px 20px;display:flex;position:relative;overflow:auto}.pet-hunt-celebrate-body.loot-body{align-items:stretch;padding-top:18px}.pet-hunt-celebrate-body.stats-body{gap:10px;max-height:100%;padding:12px 12px 14px;overflow:hidden}.pet-hunt-stats-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.pet-hunt-stats-head .pet-hunt-loot-kicker{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.pet-hunt-stats-close{color:#f8fafc;min-width:44px;min-height:36px;font:inherit;cursor:pointer;pointer-events:auto;z-index:3;background:#0f172ab8;border:1px solid #ffffff52;border-radius:10px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:800}.pet-hunt-stats-close:hover{background:#1e293beb;border-color:#ffffff80}.pet-hunt-stats-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;text-align:left;flex:auto;width:100%;min-width:0;max-width:100%;min-height:0;padding:6px 0 12px;overflow:auto}.pet-hunt-celebrate.stats .pet-hunt-stats-scroll{flex:auto;min-height:0}.pet-hunt-celebrate.stats .pet-hunt-loot-actions{flex-shrink:0;width:100%;max-width:100%;margin-top:4px}.pet-hunt-stats-empty{text-align:center;opacity:.8;margin:12px 0}.pet-hunt-trophy{color:#fbbf24;filter:drop-shadow(0 10px 24px #fbbf248c);place-items:center;width:64px;height:64px;margin:0 auto;animation:1.1s cubic-bezier(.2,1.4,.3,1) both pet-hunt-trophy;display:grid}.pet-hunt-trophy.defeat{color:#f87171;filter:drop-shadow(0 10px 22px #f8717166);animation:1s cubic-bezier(.2,1.2,.3,1) both pet-hunt-defeat}.pet-hunt-celebrate.tone-draw .pet-hunt-trophy{color:#94a3b8}.pet-hunt-celebrate.tone-win .pet-hunt-trophy{color:#fbbf24}.pet-hunt-chest{color:#7dd3fc;filter:drop-shadow(0 8px 16px #38bdf859);place-items:center;width:52px;height:52px;margin:8px auto 6px;display:grid}.pet-hunt-chest.open{color:#fde68a}.pet-hunt-chest.shaking{animation:.28s linear infinite pet-hunt-shake}.pet-hunt-chest.open{animation:.45s cubic-bezier(.2,1.4,.3,1) both pet-hunt-pop}.pet-opt-role-icon{color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;margin:0 auto 6px;display:grid;box-shadow:inset 0 1px #ffffff47,0 1px 2px #0f172a1f}.pet-opt-role-icon.role-warrior{background:linear-gradient(145deg,#c47a2b,#6b3710)}.pet-opt-role-icon.role-mage{background:linear-gradient(145deg,#8b6cf0,#4326a0)}.pet-opt-role-icon.role-archer{background:linear-gradient(145deg,#3dbf8a,#146644)}.pet-role-meta{vertical-align:middle;align-items:center;gap:3px;font-weight:700;display:inline-flex}.pet-role-meta svg{flex-shrink:0}.pet-role-meta.role-warrior{color:#a16207}.pet-role-meta.role-mage{color:#6d28d9}.pet-role-meta.role-archer{color:#047857}[data-theme=dark] .pet-role-meta.role-warrior{color:#fbbf24}[data-theme=dark] .pet-role-meta.role-mage{color:#c4b5fd}[data-theme=dark] .pet-role-meta.role-archer{color:#6ee7b7}.pet-group-title-badge svg,.pet-quest-progress svg{vertical-align:-2px;flex-shrink:0;display:inline-block}.pet-hunt-celebrate-title{letter-spacing:.12em;color:#fde68a;text-shadow:0 2px 18px #fbbf248c;margin-top:10px;font-size:28px;font-weight:900}.pet-hunt-celebrate.tone-defeat .pet-hunt-celebrate-title{color:#fecaca;text-shadow:0 2px 18px #f8717173}.pet-hunt-celebrate.tone-draw .pet-hunt-celebrate-title{color:#e2e8f0;text-shadow:0 2px 14px #94a3b866}.pet-hunt-celebrate-boss{color:#fde68a;margin-top:8px;font-size:14px;font-weight:700}.pet-hunt-celebrate-kicker{color:#e2e8f0d1;max-width:28rem;margin-top:10px;font-size:12px;font-weight:600;line-height:1.45}.pet-hunt-celebrate.tone-defeat .pet-hunt-celebrate-boss,.pet-hunt-celebrate.tone-draw .pet-hunt-celebrate-boss{color:#e2e8f0e0}.pet-hunt-celebrate-cta{min-width:168px;margin-top:18px}.pet-hunt-celebrate.stats .pet-hunt-celebrate-cta{min-width:168px;margin-top:0}.pet-hunt-celebrate .pet-hunt-loot-actions{justify-content:center}.pet-hunt-loot-kicker{letter-spacing:.18em;text-transform:uppercase;color:#7dd3fc;text-align:center;flex-shrink:0;font-size:13px;font-weight:800}.pet-hunt-celebrate.stats .pet-hunt-loot-kicker{letter-spacing:.12em;margin-bottom:2px;font-size:14px}.pet-hunt-loot-xp{color:#bbf7d0;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.pet-hunt-loot-xp span{background:#22c55e29;border:1px solid #4ade8059;border-radius:999px;padding:3px 8px}.pet-hunt-reel{background:#00000047;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;min-height:76px;margin:0 0 10px;padding:10px 12px;display:flex}.pet-hunt-reel-face{flex-direction:column;align-items:center;gap:2px;display:flex}.pet-hunt-reel-face.rolling .pet-hunt-reel-emoji{animation:70ms linear infinite pet-hunt-flicker}.pet-hunt-reel-emoji{font-size:32px;line-height:1}.pet-hunt-reel-name{color:#ffffffb3;font-size:12px;font-weight:700}.pet-hunt-reel-done,.pet-hunt-reel-wait{color:#ffffff8c;font-size:12px}.pet-hunt-loot-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;overflow:auto}.pet-hunt-loot-card{text-align:left;box-shadow:inset 3px 0 0 var(--loot-rarity,#ffffff40);background:#0f172a8c;border:1px solid #ffffff1f;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:8px 10px;padding:10px 12px;animation:.35s cubic-bezier(.2,1.4,.3,1) both pet-hunt-pop;display:flex}.pet-hunt-loot-card.mine{border-color:#22d3ee59}.pet-hunt-loot-card.npc{border-color:#fbbf2447}.pet-hunt-loot-owner{letter-spacing:.02em;color:#ffffffb8;flex:1 0 100%;margin-bottom:2px;font-size:11px;font-weight:700}.pet-hunt-loot-card.miss{opacity:.85;box-shadow:inset 3px 0 #64748b}.pet-hunt-loot-card.rarity-rare{background:#2563eb2e}.pet-hunt-loot-card.rarity-epic{background:#9333ea33}.pet-hunt-loot-card.rarity-legendary{box-shadow:inset 3px 0 0 var(--loot-rarity,#f59e0b), 0 0 16px #f59e0b47;background:#f59e0b2e}.pet-hunt-loot-emoji{flex-shrink:0;margin-top:2px;font-size:26px;line-height:1}.pet-hunt-loot-meta{flex:1;min-width:0}.pet-hunt-loot-name{color:#fff;font-size:13px;font-weight:800}.pet-hunt-loot-sub{color:#ffffffad;margin-top:3px;font-size:11px;line-height:1.4}.pet-hunt-loot-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;margin-top:12px;display:flex}.pet-hunt-loot-actions .btn-ghost{color:#e2e8f0;border-color:#fff3}.pet-hunt-loot-actions .btn-secondary{color:#e2e8f0;background:0 0;border-color:#ffffff47}.pet-hunt-loot-actions .pet-hunt-celebrate-cta{margin-top:0}.pet-roster-row.npc{opacity:.95;border-style:dashed}@keyframes pet-hunt-spin{to{transform:rotate(360deg)}}@keyframes pet-hunt-trophy{0%{opacity:0;transform:scale(.4)rotate(-12deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes pet-hunt-defeat{0%{opacity:0;filter:grayscale(.4);transform:scale(1.2)translateY(-8px)}55%{opacity:1;transform:scale(.94)translateY(4px)}to{filter:none;transform:scale(1)translateY(0)}}@keyframes pet-hunt-spark{0%,to{opacity:.2;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-10px)scale(1.15)}}@keyframes pet-hunt-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-4deg)}75%{transform:translate(3px)rotate(4deg)}}@keyframes pet-hunt-flicker{0%,to{filter:brightness()}50%{filter:brightness(1.45)}}@keyframes pet-hunt-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.pet-speech-text{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px 16px 4px;padding:10px 14px;font-size:13px;font-weight:400;line-height:1.45;position:relative}.pet-speech.rest-tip .pet-speech-text{border-color:color-mix(in srgb, #f59e0b 50%, var(--border));background:color-mix(in srgb, #f59e0b 10%, var(--bg-card))}.pet-speech.kind-idle .pet-speech-text{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, var(--border))}.pet-speech-tail{background:var(--bg-card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:12px;height:12px;margin:-1px 18px 0 auto;display:block;transform:rotate(45deg)}.pet-speech.rest-tip .pet-speech-tail{background:color-mix(in srgb, #f59e0b 10%, var(--bg-card));border-color:color-mix(in srgb, #f59e0b 50%, var(--border))}.pet-hd-overlay{z-index:1400;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;animation:.2s pet-toast-in;display:flex;position:fixed;inset:0}.pet-hd-dialog{flex-direction:column;align-items:center;gap:10px;width:min(520px,100%);max-height:min(90vh,720px);display:flex;position:relative}.pet-hd-img{object-fit:contain;filter:drop-shadow(0 16px 40px #00000073);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;max-height:min(78vh,640px);display:block}.pet-portrait-accessories-wrap>canvas.pet-hd-img.pet-portrait-rig{object-fit:unset;height:100%;max-height:none}.pet-hd-title{color:#fff;text-align:center;text-shadow:0 1px 4px #00000080;font-size:15px;font-weight:700}.pet-hd-hint{color:#ffffff8c;font-size:11px}.pet-hd-close{z-index:2;color:#fff;cursor:pointer;background:#00000073;border:1px solid #ffffff40;border-radius:999px;width:36px;height:36px;font-size:22px;line-height:1;position:absolute;top:-8px;right:-4px}.pet-hd-close:hover{background:#000000a6}.pet-portrait.zoomable .pet-portrait-frame{cursor:zoom-in}.pet-portrait-zoom-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#00000059;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;bottom:8px;right:8px}.pet-overlay{z-index:1100;padding:16px 16px max(16px, env(safe-area-inset-bottom));scroll-behavior:auto;justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:clip}.pet-overlay:before{content:"";z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;position:absolute;inset:0}.pet-panel{z-index:1;resize:both;background:var(--bg-card);border:1px solid var(--border);width:min(560px,100vw - 32px);min-width:min(380px,100%);height:min(88vh,820px);min-height:min(560px,78vh);max-height:min(92vh,900px);box-shadow:var(--shadow-lg);isolation:isolate;border-radius:20px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) pet-panel-in;display:flex;position:relative;overflow:clip}@media (width>=900px){.pet-panel{width:min(700px,100vw - 48px)}}@media (width>=1100px){.pet-panel{width:min(860px,100vw - 64px);max-width:min(960px,100vw - 48px)}}.pet-panel.tabs-expanded .pet-tab{flex:1 1 0;min-width:0;padding:8px 4px;font-size:11px}@keyframes pet-panel-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.pet-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, transparent), transparent);z-index:50;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 10px;display:flex;position:relative}.pet-panel-title{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:16px;font-weight:700;display:flex}.pet-panel-title-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pet-panel-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.pet-id-chips{vertical-align:middle;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.pet-id-chip{letter-spacing:.02em;color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-height:22px;padding:0 8px 0 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 1px 2px #0f172a1f}.pet-id-chip svg{filter:drop-shadow(0 1px #0000002e);flex-shrink:0;display:block}.pet-id-chip em{letter-spacing:.04em;opacity:.95;text-overflow:ellipsis;white-space:nowrap;max-width:3.2em;font-size:10px;font-style:normal;font-weight:800;overflow:hidden}.pet-id-chip.role-warrior{background:linear-gradient(145deg,#c47a2b 0%,#8a4b16 58%,#6b3710 100%);border-color:#8a4b168c}.pet-id-chip.role-mage{background:linear-gradient(145deg,#8b6cf0 0%,#5b35c5 58%,#4326a0 100%);border-color:#5b35c58c}.pet-id-chip.role-archer{background:linear-gradient(145deg,#3dbf8a 0%,#1f8a5c 58%,#146644 100%);border-color:#1f8a5c8c}.pet-id-chip.lv{color:var(--text-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 16%, var(--bg-card)), var(--bg-card));border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 42%, var(--border));gap:2px;padding:0 8px;box-shadow:inset 0 1px #ffffff59}[data-theme=dark] .pet-id-chip.lv{box-shadow:inset 0 1px #ffffff1f}.pet-id-lv-mark{letter-spacing:.08em;text-transform:uppercase;color:var(--pet-accent,var(--accent-cyan));opacity:.9;font-size:8px;font-weight:800}.pet-id-chip.lv strong{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.02em;font-size:12px;font-weight:800}.pet-id-chip.duty{padding:0 7px 0 5px}.pet-id-chip.duty-tank{background:linear-gradient(145deg,#5b8def 0%,#2f5fd0 58%,#1e44a8 100%);border-color:#2f5fd08c}.pet-id-chip.duty-dps{background:linear-gradient(145deg,#ff8a4c 0%,#e2551f 58%,#b83a10 100%);border-color:#e2551f8c}.pet-id-chip.duty-support{background:linear-gradient(145deg,#4fd18a 0%,#1fa85a 58%,#147a42 100%);border-color:#1fa85a8c}.pet-id-chips.compact{gap:3px}.pet-id-chips.compact .pet-id-chip{border-radius:6px;gap:0;min-height:18px;padding:0 5px;box-shadow:inset 0 1px #ffffff38,0 1px 1px #0f172a1a}.pet-id-chips.compact .pet-id-chip.lv{padding:0 5px}.pet-id-chips.compact .pet-id-lv-mark{font-size:7px}.pet-id-chips.compact .pet-id-chip.lv strong{font-size:10px}.pet-duel-side.foe .pet-id-chips{order:-1}.pet-duel-name .pet-id-chips{margin-left:2px}.pet-tabs{border-bottom:1px solid var(--border);background:var(--bg-elevated);z-index:3;flex-shrink:0;align-items:stretch;gap:4px;padding:8px 12px;display:flex;position:relative;overflow:visible}.pet-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:8px 6px;font-size:12px;font-weight:600;position:relative}.pet-tab.active{background:var(--bg-card);color:var(--pet-accent,var(--accent-cyan));box-shadow:var(--shadow-sm)}.pet-tab.active:after{content:"";background:var(--pet-accent,var(--accent-cyan));border-radius:99px;height:2px;position:absolute;bottom:3px;left:18%;right:18%}.pet-tab.live{color:var(--pet-accent,var(--accent-cyan))}.pet-tab.claimable{color:color-mix(in srgb, #ef4444 75%, var(--text-primary))}.pet-tab-live-dot{vertical-align:middle;background:var(--pet-accent,var(--accent-cyan));width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, transparent);border-radius:99px;margin-left:4px;animation:1.4s ease-in-out infinite pet-tab-live-pulse;display:inline-block}@keyframes pet-tab-live-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pet-tab-live-dot{animation:none}}.pet-tab-claim-dot{vertical-align:middle;background:#ef4444;border-radius:99px;width:6px;height:6px;margin-left:4px;animation:1.4s ease-in-out infinite pet-tab-live-pulse;display:inline-block;box-shadow:0 0 0 3px #ef444447}@media (prefers-reduced-motion:reduce){.pet-tab-claim-dot{animation:none}}.pet-tab-more-wrap{flex:1;min-width:0;display:flex;position:relative}.pet-tab-more{justify-content:center;align-items:center;gap:2px;width:100%;display:inline-flex}.pet-tab-more-caret{opacity:.75;font-size:10px;line-height:1}.pet-tab-more.open .pet-tab-more-caret{transform:rotate(180deg)}.pet-tab-more-menu{z-index:20;background:var(--bg-card);border:1px solid var(--border);min-width:112px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.pet-tab-more-item{text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}.pet-tab-more-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.pet-tab-more-item.active{color:var(--pet-accent,var(--accent-cyan));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, transparent)}.pet-chat-row{flex-direction:column;gap:3px;max-width:88%;display:flex}.pet-chat-row.user{align-self:flex-end;align-items:flex-end}.pet-chat-row.pet{align-self:flex-start;align-items:flex-start}.pet-chat-who{color:var(--text-muted);padding:0 4px;font-size:11px;font-weight:600;line-height:1.2}.pet-chat-row.user .pet-chat-who{color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 70%, var(--text-muted))}.pet-chat-row .pet-chat-bubble{max-width:100%}.pet-panel-body{flex-direction:column;flex:1;min-width:0;min-height:0;padding:14px 16px 16px;display:flex;overflow:clip}.pet-claim{flex-direction:column;flex:1;min-height:0;display:flex;overflow:clip}.pet-claim-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding:14px 16px 12px;overflow:auto}.pet-claim-footer{padding:12px 16px max(16px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.pet-panel-body>.pet-home{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.pet-panel-body>.pet-skills,.pet-panel-body>.pet-build{flex-direction:column;flex:1;min-height:0;display:flex;overflow:clip}.pet-skills-scroll,.pet-build-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:4px;overflow:auto}.pet-skills--build .pet-build-actions,.pet-build .pet-build-actions{padding:10px 0 max(8px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-card);z-index:auto;flex-shrink:0;margin:0;position:static}.pet-panel-body>.pet-chat,.pet-panel-body>.pet-battle{flex:1;min-width:0;min-height:0;overflow:clip}.pet-claim-lead{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.55}.pet-field{color:var(--text-secondary);flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.pet-field input{margin:0}.pet-opt-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.pet-opt-grid.roles{grid-template-columns:1fr 1fr}.pet-opt{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;color:inherit;transition:border-color var(--transition), transform var(--transition);border-radius:12px;padding:10px}.pet-opt:hover{border-color:var(--border-active);transform:translateY(-1px)}.pet-opt.active{border-color:var(--pet-accent,var(--accent-cyan));box-shadow:0 0 0 1px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, transparent)}.pet-opt-emoji{margin-bottom:4px;font-size:22px;display:block}.pet-opt-name{font-size:13px;font-weight:700;display:block}.pet-opt-badge{letter-spacing:.02em;vertical-align:middle;color:#92400e;background:linear-gradient(135deg,#fde68a,#fbbf24);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block;box-shadow:inset 0 0 0 1px #b4530959}.pet-opt-desc{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.4;display:block}.pet-claim-btn{width:100%;margin:0}.pet-opt.exclusive{border-color:color-mix(in srgb, #fbbf24 55%, var(--border))}.pet-hero{align-items:center;gap:14px;margin-bottom:14px;display:flex}.pet-hero-emoji{background:linear-gradient(145deg, color-mix(in srgb, var(--pet-accent) 25%, var(--bg-elevated)), var(--bg-elevated));width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--border);border-radius:20px;justify-content:center;align-items:center;font-size:40px;animation:3.6s ease-in-out infinite pet-breathe;display:flex}.pet-hero-meta{flex:1;min-width:0}.pet-lv{margin-bottom:6px;font-size:13px;font-weight:700}.pet-exp-wrap{margin:2px 0 0}.pet-exp-meta{color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:11px;line-height:1.3;display:flex}.pet-exp-meta strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.pet-exp-remain{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.pet-exp-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;height:8px;overflow:hidden}.pet-exp-fill{background:linear-gradient(90deg, var(--pet-accent), var(--pet-accent2));border-radius:99px;height:100%;transition:width .35s}.pet-blurb{color:var(--text-secondary);margin:8px 0 4px;font-size:12px}.pet-record{color:var(--text-muted);font-size:11px}.pet-stats{flex-direction:column;gap:8px;display:flex}.pet-stat-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.pet-stat-bar{background:var(--bg-elevated);border-radius:99px;height:6px;overflow:hidden}.pet-stat-hint{color:var(--text-muted);margin-top:3px;font-size:10px;line-height:1.4}.pet-rest-banner{border:1px dashed var(--border);background:var(--bg-card);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.pet-rest-banner span{color:var(--text-secondary);flex:1}button.pet-speech{background:inherit;font:inherit;color:inherit;cursor:pointer;text-align:left;border:0}.pet-stat-fill{background:var(--pet-accent,var(--accent-cyan));opacity:.85;border-radius:99px;height:100%}.pet-combat{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;margin:0 0 14px;padding:12px}.pet-combat-title{color:var(--text-muted);letter-spacing:.02em;margin-bottom:8px;font-size:11px;font-weight:700}.pet-combat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pet-combat-grid.compact{gap:4px}.pet-status-kit-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:4px;display:grid}.pet-status-kit-card{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, var(--border));min-width:0;padding:10px 10px 8px}.pet-status-kit-card.hunt{border-color:color-mix(in srgb, #f97316 28%, var(--border));background:linear-gradient(165deg, color-mix(in srgb, #fff7ed 35%, var(--bg-card)), color-mix(in srgb, var(--bg-elevated) 92%, #ffedd5))}.pet-status-kit-banner{border-bottom:1px dashed color-mix(in srgb, var(--border) 80%, transparent);justify-content:space-between;align-items:center;gap:6px;margin:-2px 0 6px;padding-bottom:6px;display:flex}.pet-status-kit-name{color:var(--text-primary);font-size:12px;font-weight:800}.pet-status-kit-mode{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.pet-status-kit-card.duel .pet-status-kit-mode{color:color-mix(in srgb, var(--accent-cyan) 85%, var(--text-primary));border-color:color-mix(in srgb, var(--accent-cyan) 35%, var(--border));background:color-mix(in srgb, var(--accent-cyan) 8%, var(--bg-elevated))}.pet-status-kit-card.hunt .pet-status-kit-mode{color:#c2410c;border-color:color-mix(in srgb, #f97316 40%, var(--border));background:color-mix(in srgb, #f97316 10%, var(--bg-elevated))}.pet-status-atk-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px;display:grid}.pet-status-atk-chip{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;justify-content:space-between;align-items:center;gap:4px;padding:5px 7px;font-size:10px;display:flex}.pet-status-atk-chip em{color:var(--text-muted);font-style:normal}.pet-status-atk-chip strong{color:var(--text-primary);align-items:baseline;gap:3px;font-size:12px;font-weight:800;display:inline-flex}.pet-status-atk-chip strong i{color:var(--text-muted);font-size:9px;font-style:normal;font-weight:600}.pet-status-atk-chip.phys{border-color:color-mix(in srgb, #fb7185 35%, var(--border));background:color-mix(in srgb, #fb7185 6%, var(--bg-card))}.pet-status-atk-chip.magic{border-color:color-mix(in srgb, #a78bfa 35%, var(--border));background:color-mix(in srgb, #a78bfa 6%, var(--bg-card))}.pet-status-atk-chip.def{border-color:color-mix(in srgb, #38bdf8 35%, var(--border));background:color-mix(in srgb, #38bdf8 6%, var(--bg-card))}.pet-status-atk-chip.mres{border-color:color-mix(in srgb, #818cf8 35%, var(--border));background:color-mix(in srgb, #818cf8 6%, var(--bg-card))}.pet-status-secondary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:5px;display:grid}.pet-status-sec-chip{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;align-items:center;gap:5px;min-width:0;padding:5px 7px;font-size:10px;line-height:1.2;display:flex}.pet-status-sec-chip em{flex:none;font-size:11px;line-height:1}.pet-status-sec-chip span{color:var(--text-muted);min-width:0}.pet-status-sec-chip strong{color:var(--text-primary);font-weight:800}.pet-status-sec-chip.crit{border-color:color-mix(in srgb, #fbbf24 40%, var(--border));background:color-mix(in srgb, #fbbf24 8%, var(--bg-elevated))}.pet-status-sec-chip.crit-dmg{border-color:color-mix(in srgb, #f97316 40%, var(--border));background:color-mix(in srgb, #f97316 8%, var(--bg-elevated))}.pet-status-sec-chip.dodge{border-color:color-mix(in srgb, #22d3ee 35%, var(--border));background:color-mix(in srgb, #22d3ee 7%, var(--bg-elevated))}.pet-status-sec-chip.tough{border-color:color-mix(in srgb, #34d399 35%, var(--border));background:color-mix(in srgb, #34d399 7%, var(--bg-elevated))}.pet-active-builds{margin:0 0 14px}.pet-active-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pet-active-build-card{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;min-width:0;padding:10px 11px}.pet-active-build-card.duel{border-color:color-mix(in srgb, var(--accent-cyan) 25%, var(--border))}.pet-active-build-card.hunt{border-color:color-mix(in srgb, #f97316 25%, var(--border))}.pet-active-build-head{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;display:flex}.pet-active-build-kit{color:var(--text-primary);font-size:12px;font-weight:800}.pet-active-build-mode{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;padding:2px 6px;font-size:10px;font-weight:700}.pet-active-build-block+.pet-active-build-block{margin-top:8px}.pet-active-build-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.pet-active-build-label{color:var(--text-secondary);font-size:11px;font-weight:700}.pet-active-build-edit{cursor:pointer;color:var(--accent-cyan);background:0 0;border:0;padding:0 2px;font-size:11px;font-weight:600}.pet-active-build-stat-list,.pet-active-build-skill-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.pet-active-build-stat-list li,.pet-active-build-skill-list li{color:var(--text-secondary);background:var(--bg-elevated);border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;font-size:11px;display:flex}.pet-active-build-stat-list li strong,.pet-active-build-skill-list li strong{color:var(--text-primary);font-weight:800}.pet-active-build-stat-list li.muted,.pet-active-build-skill-list li.muted{color:var(--text-muted);background:0 0;justify-content:flex-start;padding-left:0;font-style:italic}.pet-active-build-idx{width:16px;height:16px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:inline-flex}.pet-active-build-skill-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pet-build-archetypes{margin:0 0 12px}.pet-build-arch-list{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;margin-top:8px;display:grid}.pet-build-arch-card{text-align:left;border:1px solid var(--border);background:var(--bg-elevated,#00000008);cursor:pointer;font:inherit;color:inherit;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.pet-build-arch-card:hover:not(:disabled){border-color:var(--accent,#3b82f6)}.pet-build-arch-card:disabled{opacity:.55;cursor:not-allowed}.pet-build-arch-card strong{font-size:13px}.pet-kit-toggle{flex-shrink:0;gap:6px;margin:0 0 10px;display:flex}.pet-battle-hall-toolbar .pet-kit-toggle{flex:1;min-width:0;margin:0}.pet-battle-guide-btn{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-card));color:var(--pet-accent,var(--accent-cyan));font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.pet-battle-guide-btn:hover{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 16%, var(--bg-card))}.pet-modal-head h3{align-items:center;gap:6px;margin:0;font-size:16px;line-height:1.3;display:flex}.pet-battle-guide-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:8px 10px 0;display:flex;overflow:auto}.pet-battle-guide-tabs button{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;flex-shrink:0;margin-bottom:-1px;padding:8px 10px;font-size:12px;font-weight:600}.pet-battle-guide-tabs button.on{color:var(--pet-accent,var(--accent-cyan));border-bottom-color:var(--pet-accent,var(--accent-cyan));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, transparent)}.pet-guide-muted{color:var(--text-muted);font-size:11px}.pet-guide-matchup{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;min-height:148px;margin-top:10px;display:grid;position:relative}.pet-guide-matchup-ring{width:min(180px,70%);height:auto;color:var(--pet-accent,var(--accent-cyan));pointer-events:none;margin:auto;position:absolute;inset:12px 0 auto 50%;transform:translate(-50%)}.pet-guide-matchup-node.role-warrior{border-color:color-mix(in srgb, #f59e0b 40%, var(--border))}.pet-guide-matchup-node.role-mage{border-color:color-mix(in srgb, #8b5cf6 40%, var(--border))}.pet-guide-matchup-node.role-archer{border-color:color-mix(in srgb, #22c55e 40%, var(--border))}.pet-guide-stat-card{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:11px;display:flex}.pet-guide-stat-card strong{color:var(--text-primary);font-size:12px}.pet-battle-guide-role-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pet-battle-guide-role-tabs button{border:1px solid var(--border);background:var(--bg-card);font:inherit;cursor:pointer;color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:inline-flex}.pet-battle-guide-role-tabs button.on{color:var(--text-primary);font-weight:700}.pet-battle-guide-role-tabs button.role-warrior.on{background:color-mix(in srgb,#f59e0b 12%,var(--bg-card));border-color:#f59e0b}.pet-battle-guide-role-tabs button.role-mage.on{background:color-mix(in srgb,#8b5cf6 12%,var(--bg-card));border-color:#8b5cf6}.pet-battle-guide-role-tabs button.role-archer.on{background:color-mix(in srgb,#22c55e 12%,var(--bg-card));border-color:#22c55e}.pet-guide-role-hero{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;gap:12px;margin-bottom:10px;padding:12px;display:flex}.pet-guide-role-hero.role-warrior .pet-guide-role-hero-icon{color:#f59e0b}.pet-guide-role-hero.role-mage .pet-guide-role-hero-icon{color:#8b5cf6}.pet-guide-role-hero.role-archer .pet-guide-role-hero-icon{color:#22c55e}.pet-guide-chip.accent{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border));color:var(--pet-accent,var(--accent-cyan))}.pet-guide-chip.warn{border-color:color-mix(in srgb,#ef4444 35%,var(--border));color:#dc2626}.pet-guide-arch-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.pet-guide-alloc{margin-top:4px}.pet-guide-alloc-title{color:var(--text-muted);margin-bottom:4px;font-size:10px}.pet-guide-alloc-bar{background:var(--bg-elevated);border-radius:999px;height:8px;display:flex;overflow:hidden}.pet-guide-alloc-legend{flex-wrap:wrap;gap:6px 10px;margin-top:6px;display:flex}.pet-guide-alloc-chip{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:inline-flex}.pet-guide-alloc-chip b{color:var(--text-primary)}.pet-guide-alloc-chip .dot.stat-strength{background:#f59e0b}.pet-guide-alloc-chip .dot.stat-vitality{background:#ef4444}.pet-guide-alloc-chip .dot.stat-intelligence{background:#8b5cf6}.pet-guide-alloc-chip .dot.stat-energy{background:#3b82f6}.pet-guide-alloc-chip .dot.stat-agility{background:#22c55e}.pet-guide-skill-glyph{flex-shrink:0;font-size:20px;line-height:1}.pet-guide-tag{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:1px 5px;font-size:9px}.pet-guide-tag.basic,.pet-guide-tag.defend{color:var(--pet-accent,var(--accent-cyan))}.pet-guide-tag.lv{color:#a16207}.pet-guide-mode-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.pet-guide-duty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (width<=480px){.pet-guide-duty-grid{grid-template-columns:1fr}}.pet-guide-duty-emoji{margin-bottom:4px;font-size:22px;display:block}.pet-guide-duty strong{margin-bottom:4px;font-size:12px;display:block}.pet-guide-diff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (width<=480px){.pet-guide-diff-grid{grid-template-columns:1fr}}.pet-guide-diff strong{margin-bottom:4px;font-size:12px;display:block}.pet-build-slots{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.pet-build-slot{border:1px solid var(--border);background:var(--bg-elevated,transparent);cursor:pointer;min-width:72px;color:var(--text-secondary);border-radius:8px;flex:1;padding:6px 8px;font-size:12px}.pet-build-slot.active:not(.on){box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, transparent)}.pet-build-chrome{margin-bottom:8px}.pet-kit-scene{color:var(--text-muted);margin:-4px 0 10px;font-size:11px;line-height:1.45}.pet-build-slot-wrap{flex:1;align-items:center;gap:2px;min-width:88px;display:flex}.pet-build-slot-wrap.on .pet-build-slot,.pet-build-slot-wrap.active .pet-build-slot{flex:1}.pet-build-slot-edit{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;line-height:1}.pet-build-slot-edit:hover{color:var(--text-primary);background:var(--bg-elevated)}.pet-build-slot-rename{border:1px solid var(--pet-accent,var(--accent-cyan));background:var(--bg-card);min-width:0;color:inherit;border-radius:8px;flex:1;padding:6px 8px;font-size:12px}.pet-build-active-summary{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 6%, var(--bg-card));border-radius:10px;margin:0 0 10px;padding:8px 10px}.pet-build-active-head{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:6px;font-size:12px;display:flex}.pet-build-active-note{color:var(--text-muted);font-size:11px}.pet-build-active-skills{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.pet-build-active-pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:2px 6px;font-size:11px}.pet-build-active-stats,.pet-muted{color:var(--text-muted);font-size:11px}.pet-skill-plan-list{flex-direction:column;flex:none;gap:0;display:flex}.pet-skill-plan-add .pet-skill-insert-btn{width:auto}.pet-modal-backdrop{z-index:1900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.pet-modal{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;flex-direction:column;width:min(640px,96vw);max-height:min(88vh,760px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a47}.pet-modal-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px 10px;display:flex}.pet-modal-head h3{align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.pet-modal-head p{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.45}.pet-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:22px;line-height:1}.pet-modal-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.pet-battle-hall-toolbar{flex-shrink:0;align-items:stretch;gap:8px;margin:0 0 10px;display:flex}.pet-battle-hall-toolbar .pet-kit-toggle{flex:1;margin:0}.pet-battle-guide-btn{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-card)), var(--bg-elevated));color:var(--pet-accent,var(--accent-cyan));font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.pet-battle-guide-btn:hover{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border));box-shadow:0 4px 12px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, transparent)}.pet-battle-guide{max-width:min(680px,96vw)}.pet-battle-guide-backdrop{z-index:1950}.pet-battle-guide-tabs,.pet-battle-guide-role-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.pet-battle-guide-tabs button,.pet-battle-guide-role-tabs button{border:1px solid var(--border);background:var(--bg-elevated);font:inherit;cursor:pointer;color:inherit;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:12px}.pet-battle-guide-tabs button.on,.pet-battle-guide-role-tabs button.on{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 14%, var(--bg-card));color:var(--pet-accent,var(--accent-cyan));font-weight:700}.pet-battle-guide-role-tabs button{align-items:center;gap:5px;display:inline-flex}.pet-battle-guide-body{flex:1;min-height:0;padding:12px 14px 16px;overflow:auto}.pet-guide-section{flex-direction:column;gap:10px;display:flex}.pet-guide-card{border:1px solid var(--border);background:var(--bg-elevated,#00000005);border-radius:12px;padding:10px 12px}.pet-guide-card.highlight{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 6%, var(--bg-card))}.pet-guide-card h5{margin:0 0 8px;font-size:13px}.pet-guide-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.pet-guide-muted{color:var(--text-muted);font-size:11px;line-height:1.45}.pet-guide-matchup{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:148px;margin-top:10px;display:grid;position:relative}.pet-guide-matchup-ring{pointer-events:none;color:var(--pet-accent,var(--accent-cyan));width:84%;height:auto;margin:0 auto;position:absolute;inset:12% 0 auto}.pet-guide-matchup-node{z-index:1;text-align:center;border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;font-size:11px;display:flex;position:relative}.pet-guide-matchup-node strong{font-size:12px}.pet-guide-matchup-beat{color:#16a34a;font-weight:600}.pet-guide-matchup-weak{color:#dc2626;font-weight:600}.pet-guide-stat-grid{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;display:grid}.pet-guide-stat-card{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:11px;display:flex}.pet-guide-stat-card strong{font-size:12px}.pet-guide-stat-card.stat-strength{border-left:3px solid #ef4444}.pet-guide-stat-card.stat-vitality{border-left:3px solid #22c55e}.pet-guide-stat-card.stat-intelligence{border-left:3px solid #8b5cf6}.pet-guide-stat-card.stat-energy{border-left:3px solid #3b82f6}.pet-guide-stat-card.stat-agility{border-left:3px solid #f59e0b}.pet-guide-quick{gap:8px;display:grid}.pet-guide-quick-btn{text-align:left;border:1px solid var(--border);background:var(--bg-card);font:inherit;cursor:pointer;color:inherit;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.pet-guide-quick-btn:hover{border-color:var(--pet-accent,var(--accent-cyan))}.pet-guide-role-hero{border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px;display:flex}.pet-guide-role-hero h4{margin:0 0 4px;font-size:15px}.pet-guide-role-hero p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.pet-guide-role-hero-icon{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, var(--bg-card));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pet-guide-role-hero.role-warrior{background:color-mix(in srgb, #ef4444 8%, var(--bg-card))}.pet-guide-role-hero.role-mage{background:color-mix(in srgb, #8b5cf6 8%, var(--bg-card))}.pet-guide-role-hero.role-archer{background:color-mix(in srgb, #f59e0b 8%, var(--bg-card))}.pet-guide-role-chips{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.pet-guide-chip{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;padding:2px 7px;font-size:10px}.pet-guide-chip.accent{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border));color:var(--pet-accent,var(--accent-cyan));font-weight:600}.pet-guide-chip.warn{color:#dc2626;border-color:#fecaca}.pet-guide-arch-grid{gap:8px;display:grid}@media (width>=520px){.pet-guide-arch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pet-guide-arch{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.pet-guide-arch strong{font-size:12px}.pet-guide-arch p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.pet-guide-arch.hunt{border-style:dashed}.pet-guide-alloc{flex-direction:column;gap:4px;display:flex}.pet-guide-alloc-title{color:var(--text-muted);font-size:10px}.pet-guide-alloc-bar{border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;height:8px;display:flex;overflow:hidden}.pet-guide-alloc-seg{min-width:4px}.pet-guide-alloc-seg.stat-strength{background:#ef4444}.pet-guide-alloc-seg.stat-vitality{background:#22c55e}.pet-guide-alloc-seg.stat-intelligence{background:#8b5cf6}.pet-guide-alloc-seg.stat-energy{background:#3b82f6}.pet-guide-alloc-seg.stat-agility{background:#f59e0b}.pet-guide-alloc-legend{color:var(--text-muted);flex-wrap:wrap;gap:4px 8px;font-size:10px;display:flex}.pet-guide-alloc-chip{align-items:center;gap:3px;display:inline-flex}.pet-guide-alloc-chip .dot{border-radius:999px;width:7px;height:7px;display:inline-block}.pet-guide-alloc-chip b{color:var(--text-primary);font-weight:700}.pet-guide-focus{flex-wrap:wrap;gap:4px;display:flex}.pet-guide-focus-pill{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, var(--border));border-radius:999px;padding:2px 6px;font-size:10px}.pet-guide-skill-grid{gap:8px;display:grid}@media (width>=520px){.pet-guide-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pet-guide-skill{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;padding:8px 10px}.pet-guide-skill.party{border-style:dashed;border-color:#3b82f6}.pet-guide-skill-head{align-items:flex-start;gap:8px;display:flex}.pet-guide-skill-glyph{font-size:20px;line-height:1}.pet-guide-skill-meta strong{font-size:12px;display:block}.pet-guide-skill-tags{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.pet-guide-tag{border:1px solid var(--border);color:var(--text-muted);background:var(--bg-elevated);border-radius:999px;padding:1px 5px;font-size:9px}.pet-guide-tag.party{color:#2563eb;border-color:#93c5fd}.pet-guide-tag.basic,.pet-guide-tag.defend{color:#b45309;border-color:#fcd34d}.pet-guide-tag.lv{border-color:#d1d5db}.pet-guide-skill-desc{color:var(--text-secondary);margin:6px 0 0;font-size:11px;line-height:1.4}.pet-guide-skill-effect{color:var(--text-muted);margin:4px 0 0;font-size:10px;line-height:1.35}.pet-guide-mode-grid{gap:8px;display:grid}@media (width>=480px){.pet-guide-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pet-guide-mode{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;padding:8px 10px}.pet-guide-mode strong{margin-bottom:4px;font-size:12px;display:block}.pet-guide-mode p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.pet-guide-mode.mode-manual{border-color:#f59e0b}.pet-guide-mode.mode-watch{border-color:#3b82f6}.pet-guide-mode.mode-replay{border-color:#94a3b8}.pet-guide-list{color:var(--text-secondary);margin:0;padding-left:18px;font-size:12px;line-height:1.55}.pet-guide-list li+li{margin-top:4px}.pet-guide-role-briefs{gap:8px;display:grid}.pet-guide-role-brief{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;padding:8px 10px}.pet-guide-role-brief-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.pet-guide-role-brief p{color:var(--text-muted);margin:0 0 6px;font-size:11px;line-height:1.45}.pet-guide-link{font:inherit;color:var(--pet-accent,var(--accent-cyan));cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.pet-guide-duty-grid{gap:8px;display:grid}@media (width>=480px){.pet-guide-duty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pet-guide-duty{border:1px solid var(--border);background:var(--bg-card);text-align:center;border-radius:10px;padding:8px 10px}.pet-guide-duty-emoji{margin-bottom:4px;font-size:22px;line-height:1;display:block}.pet-guide-duty strong{font-size:12px}.pet-guide-duty p{color:var(--text-muted);margin:4px 0 0;font-size:11px;line-height:1.4}.pet-guide-diff-grid{gap:8px;display:grid}@media (width>=480px){.pet-guide-diff-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pet-guide-diff{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;padding:8px 10px}.pet-guide-diff strong{font-size:12px}.pet-guide-diff p{color:var(--text-muted);margin:4px 0 0;font-size:11px;line-height:1.4}.pet-guide-diff.diff-hard{border-color:#f59e0b}.pet-guide-diff.diff-nightmare{border-color:#ef4444}.pet-skill-lib{flex-direction:column;max-width:min(560px,96vw);max-height:min(82vh,680px);display:flex}.pet-skill-lib-body{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex;overflow:auto}.pet-skill-lib-body h4{color:var(--text-muted);margin:8px 0 6px;font-size:12px}.pet-skill-lib-row{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:8px 42px 8px 10px;display:flex;position:relative}.pet-skill-lib-row.locked{opacity:.72}.pet-skill-lib-row.in-bar{opacity:.55}.pet-skill-lib-head{flex-wrap:wrap;align-items:center;gap:4px 8px;padding-right:4px;display:flex}.pet-skill-lib-add{z-index:1;background:linear-gradient(145deg, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 88%, #fff), var(--pet-accent,var(--accent-cyan)));color:#fff;cursor:pointer;width:28px;height:28px;box-shadow:0 2px 8px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, transparent);border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:800;line-height:1;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;position:absolute;top:8px;right:8px}.pet-skill-lib-add:hover{filter:brightness(1.05);box-shadow:0 3px 12px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, transparent);transform:scale(1.06)}.pet-skill-lib-add:active{transform:scale(.96)}.pet-fight-loadout-preview{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, var(--bg-card));border-radius:10px;margin:0 0 10px;padding:8px 10px}.pet-fight-loadout-head{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:6px;font-size:12px;display:flex}.pet-fight-loadout-name{color:var(--text-primary);font-weight:600}.pet-fight-loadout-slots{margin-bottom:6px}.pet-fight-loadout-skills{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.pet-fight-loadout-stats{color:var(--text-muted);font-size:11px}.pet-tip--warn{color:var(--warning,#d97706);margin:6px 0 0;font-size:11px}.pet-build-draft-preview{flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 10px;display:flex}.pet-skill-plan-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;display:flex}.pet-skill-level-btns{margin:6px 0 0}.pet-skill.utility{border-style:dashed}.pet-skills--build .pet-skill.utility{border-style:solid}.pet-skills--build .pet-skill--row.utility{border-style:dashed}.pet-kit-toggle button{border:1px solid var(--border);background:var(--bg-elevated);font:inherit;cursor:pointer;color:inherit;border-radius:8px;flex:1;padding:6px 8px;font-size:12px}.pet-kit-toggle button.on{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 14%, var(--bg-card));font-weight:700}.pet-hunt-lobby{flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;display:flex}.pet-hunt-lobby .pet-battle-scroll{padding-bottom:4px}.pet-hunt-lobby .pet-tip{margin-top:0}.pet-hunt-bosses{gap:8px;display:grid}.pet-hunt-lobby select{border:1px solid var(--border);background:var(--bg-card);width:100%;color:inherit;font:inherit;border-radius:8px;margin-top:4px;padding:6px 8px;display:block}.pet-hunt-cta{border-top:1px solid var(--border);flex-shrink:0;padding-top:4px}.pet-hunt-cta .btn-primary{width:100%}.pet-hunt-boss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=420px){.pet-hunt-boss-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pet-hunt-boss-cell{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 92%, #fff), var(--bg-card));border-radius:14px;flex-direction:column;gap:4px;padding:6px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.pet-hunt-boss-cell.on{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-card));box-shadow:0 6px 16px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 14%, transparent);transform:translateY(-1px)}.pet-hunt-boss-cell.locked{opacity:.55}.pet-hunt-boss-diffs{z-index:2;flex-direction:column;gap:2px;display:flex;position:absolute;top:5px;left:5px}.pet-hunt-boss-diff{appearance:none;font:inherit;cursor:pointer;min-width:28px;min-height:18px;color:inherit;border:1px solid color-mix(in srgb, var(--border) 85%, #000);background:color-mix(in srgb, var(--bg-elevated,var(--bg-card)) 88%, transparent);opacity:.82;border-radius:5px;padding:3px 4px;font-size:9px;font-weight:700;line-height:1.15;box-shadow:0 1px 2px #0f172a1a}.pet-hunt-boss-diff:hover:not(:disabled){opacity:1}.pet-hunt-boss-diff:disabled{cursor:not-allowed}.pet-hunt-boss-diff.on{opacity:1;font-weight:800}.pet-hunt-boss-diff.diff-normal.on{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 70%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 18%, var(--bg-card))}.pet-hunt-boss-diff.diff-hard.on{background:color-mix(in srgb, #f59e0b 20%, var(--bg-card));border-color:#f59e0b}.pet-hunt-boss-diff.diff-nightmare.on{background:color-mix(in srgb, #ef4444 18%, var(--bg-card));border-color:#ef4444}.pet-hunt-boss-cell.skeleton{background:linear-gradient(90deg, var(--bg-elevated), color-mix(in srgb, var(--bg-card) 70%, var(--bg-elevated)), var(--bg-elevated));background-size:200% 100%;min-height:110px;animation:1.2s ease-in-out infinite pet-skel}@keyframes pet-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.pet-hunt-boss-diff-band{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.pet-hunt-boss-cell.diff-hard .pet-hunt-boss-diff-band{background:#f59e0b}.pet-hunt-boss-cell.diff-nightmare .pet-hunt-boss-diff-band{background:#ef4444}.pet-hunt-boss-main{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex;position:relative}.pet-hunt-boss-main:disabled{cursor:not-allowed}.pet-hunt-boss-avatar{justify-content:center;align-items:center;min-height:52px;font-size:28px;line-height:1;display:flex}.pet-hunt-boss-emoji{filter:drop-shadow(0 2px 4px #0f172a1f);font-size:30px;line-height:1}.pet-hunt-boss-portrait{object-fit:contain;background:color-mix(in srgb, var(--bg-card) 70%, transparent);border-radius:50%;width:52px;height:52px;display:block;box-shadow:0 2px 8px #0f172a24}.pet-hunt-boss-portrait.lg{flex-shrink:0;width:56px;height:56px}.pet-boss-detail-title{align-items:center;gap:8px;min-width:0;display:flex}.pet-hunt-boss-name{text-align:center;font-size:13px;font-weight:700}.pet-hunt-boss-meta{opacity:.72;font-size:11px}.pet-hunt-boss-detail-btn{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11px}.pet-party-panel,.pet-party-slots{flex-direction:column;gap:8px;display:flex}.pet-party-slot{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.pet-party-slot.picking{border-style:solid;border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 6%, var(--bg-card))}.pet-party-slot.self{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border))}.pet-party-slot.self .pet-party-slot-main{cursor:pointer;-webkit-user-select:none;user-select:none}.pet-party-loadout-meta{opacity:.72;font-size:11px}.pet-party-loadout-btn{border:1px solid var(--border);background:var(--bg);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.pet-party-loadout-btn:hover{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg))}.pet-party-slot-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.pet-duty-pill.is-auto{cursor:default}.pet-hunt-loadout-card{width:min(480px,100%)}.pet-hunt-loadout-card .pet-fight-loadout-preview{margin:0}.pet-hunt-loadout-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:12px}.pet-party-slot.empty{background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);border-style:dashed}.pet-party-slot.empty.picking{border-style:solid}.pet-party-slot-main{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.pet-party-slot-main.pick{cursor:pointer}.pet-party-avatar{flex-shrink:0;font-size:22px;line-height:1}.pet-party-avatar.art{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, var(--border));border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:hidden}.pet-party-avatar.art .pet-portrait,.pet-party-avatar.art .pet-portrait-frame,.pet-party-avatar.art .pet-portrait-img{width:40px;max-width:40px;height:40px;max-height:40px}.pet-party-emoji{font-size:22px;line-height:1}.pet-party-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pet-party-info strong{font-size:13px}.pet-party-info span{opacity:.75;font-size:11px}.pet-party-empty{opacity:.78;color:var(--text-secondary);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.pet-party-empty-ring{border:1px dashed color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));width:28px;height:28px;color:var(--pet-accent,var(--accent-cyan));border-radius:99px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.pet-party-slot-side{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pet-duty-pills{flex-wrap:wrap;gap:4px;display:inline-flex}.pet-duty-pill{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.pet-duty-pill.on{color:#fff;border-color:#0000}.pet-duty-pill.duty-tank.on{background:linear-gradient(145deg,#5b8def,#2f5fd0)}.pet-duty-pill.duty-dps.on{background:linear-gradient(145deg,#ff8a4c,#e2551f)}.pet-duty-pill.duty-support.on{background:linear-gradient(145deg,#4fd18a,#1fa85a)}.pet-party-duty{opacity:.9;align-items:center;gap:6px;font-size:12px;display:flex}.pet-party-duty select{border:1px solid var(--border);background:var(--bg);width:auto;min-width:72px;color:inherit;font:inherit;border-radius:8px;margin:0;padding:4px 6px}.pet-party-clear{color:inherit;opacity:.7;font:inherit;font-size:12px;line-height:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.pet-party-clear.is-spacer{visibility:hidden;pointer-events:none}.pet-party-picker{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;flex:100%;gap:8px;width:100%;max-height:min(280px,42vh);padding:10px;display:flex}.pet-party-picker-head{color:var(--text-primary);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.pet-party-picker-head .btn-ghost{padding:2px 8px;font-size:11px}.pet-party-picker .pet-kit-toggle{flex-shrink:0}.pet-party-picker-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:auto}.pet-party-picker-row{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.pet-party-picker-row:hover:not(:disabled){border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border))}.pet-party-picker-row:disabled{opacity:.45;cursor:not-allowed}.pet-party-picker-row em{opacity:.7;color:var(--text-muted);margin-left:auto;font-size:11px;font-style:normal}.pet-boss-detail-mask{z-index:80;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pet-boss-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:min(560px,100%);max-height:min(85vh,720px);padding:14px 16px;overflow:auto;box-shadow:0 12px 40px #0003}.pet-boss-detail-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pet-boss-detail-grid{gap:10px;display:grid}@media (width>=480px){.pet-boss-detail-grid{grid-template-columns:1fr 1fr}}.pet-boss-detail-list{margin:0;padding-left:18px;font-size:12px;line-height:1.55}.pet-boss-records{border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.pet-boss-records-note{opacity:.85;margin:4px 0 8px}.pet-boss-records-grid{gap:10px;display:grid}@media (width>=480px){.pet-boss-records-grid{grid-template-columns:1fr 1fr}}.pet-boss-records-block{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, var(--bg-card));border-radius:12px;padding:8px 10px}.pet-boss-records-label{margin-bottom:4px;font-size:12px;font-weight:700}.pet-boss-records-sub{opacity:.85;margin:8px 0 2px;font-size:11px;font-weight:700}.pet-boss-records-meta{opacity:.72;text-overflow:ellipsis;margin-top:2px;font-size:11px;line-height:1.4;display:block;overflow:hidden}.pet-boss-records-ol{margin:0;padding-left:18px;font-size:12px;line-height:1.5}.pet-boss-records-ol li{margin-bottom:4px}.pet-boss-role-tabs{flex-wrap:wrap;gap:6px;margin:2px 0 8px;display:flex}.pet-boss-role-tab{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.2}.pet-boss-role-tab.is-on{color:var(--text-primary);border-color:var(--pet-accent,var(--accent-cyan));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 14%, transparent);font-weight:700}.pet-build-arch-card.on{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border))}.pet-duel-party{isolation:isolate;z-index:1;flex-direction:column;gap:5px;min-width:0;display:flex;position:relative}.pet-duel-party.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:5px;min-width:0;display:grid}.pet-duel-arena.hunt{align-items:stretch;gap:4px;min-width:0;padding:6px}.pet-duel-arena.hunt.party-grid{grid-template-columns:minmax(0,1.55fr) 36px minmax(0,1fr);gap:4px;min-width:0}.pet-duel-party.cols-2>.pet-duel-side{min-width:0;max-width:100%}.pet-duel-arena.hunt .pet-duel-vs{align-self:center;margin-top:0}.pet-duel-arena.hunt.party-grid .pet-duel-vs{margin-top:0}.pet-duel-arena.hunt .pet-duel-name{margin-bottom:0;font-size:11px}.pet-duel-party.cols-2 .pet-duel-side.compact .pet-duel-duty{text-overflow:ellipsis;white-space:nowrap;max-width:2.8em;overflow:hidden}.pet-duel-name{align-items:center;gap:6px;min-width:0;display:flex}.pet-duel-side.foe .pet-duel-name{justify-content:flex-end}.pet-duel-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pet-duel-duty{letter-spacing:.02em;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:1px 5px;font-size:9px;font-style:normal;font-weight:800;line-height:1.3}.pet-duel-side.compact{border-radius:12px;padding:7px 8px 6px}.pet-duel-side.compact .pet-duel-name{margin-bottom:2px}.pet-duel-meter{flex-flow:row;align-items:center;gap:6px;width:100%;min-width:0;margin-top:3px;display:flex}.pet-duel-meter.hp{margin-top:0}.pet-duel-meter.tall{margin-top:5px}.pet-duel-side.foe .pet-duel-meter{justify-content:flex-end}.pet-duel-meter>span{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:13px;font-weight:800;line-height:1}.pet-duel-meter-track{flex:auto;justify-content:flex-start;align-items:center;min-width:0;display:flex}.pet-duel-meter-track.foe{justify-content:flex-end}.pet-duel-meter-bar{background:color-mix(in srgb, var(--text-muted) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:99px;flex:none;min-width:14px;max-width:100%;height:7px;transition:width .45s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.pet-duel-meter.hp .pet-duel-meter-bar{height:9px}.pet-duel-side.compact .pet-duel-meter>span{font-size:11px}.pet-duel-side.compact .pet-duel-meter-bar{height:5px}.pet-duel-side.compact .pet-duel-meter.hp .pet-duel-meter-bar{height:7px}.pet-duel-meter-fill{border-radius:99px;height:100%;transition:width .35s;display:block;position:relative}.pet-duel-meter-fill:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#0000);border-radius:99px 99px 0 0;height:45%;position:absolute;inset:0 0 auto}.pet-duel-meter-fill.hp{background:linear-gradient(90deg,#16a34a,#4ade80 55%,#86efac)}.pet-duel-meter-fill.hp.foe{background:linear-gradient(90deg,#ea580c,#fb923c 55%,#fdba74)}.pet-duel-meter-fill.mp{background:linear-gradient(90deg,#0369a1,#0ea5e9 55%,#7dd3fc)}.pet-duel-meter-fill.sp{background:linear-gradient(90deg,#047857,#10b981 55%,#6ee7b7)}.pet-duel-meter-fill.gauge{background:linear-gradient(90deg,#6d28d9,#8b5cf6 55%,#c4b5fd)}.pet-duel-meter.hp .pet-duel-meter-bar{background:color-mix(in srgb, var(--danger,#ef4444) 14%, var(--bg-card))}.pet-duel-meter.low .pet-duel-meter-fill.hp{background:linear-gradient(90deg,#b91c1c,#ef4444 60%,#fca5a5);animation:1.1s ease-in-out infinite pet-duel-hp-low}.pet-duel-meter.low .pet-duel-meter-fill.hp.foe{background:linear-gradient(90deg,#c2410c,#f97316 60%,#fdba74)}@keyframes pet-duel-hp-low{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.pet-duel-hp-fallback{color:var(--text-muted);font-size:11px}.pet-duel-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 4px;width:100%;margin-top:3px;display:grid}.pet-duel-mini-grid .pet-duel-meter{flex-flow:row;align-items:center;gap:3px;margin-top:0}.pet-duel-mini-grid .pet-duel-meter-bar{min-width:8px;height:4px}.pet-duel-mini-grid .pet-duel-meter.hp .pet-duel-meter-bar{height:5px}.pet-duel-mini-grid .pet-duel-meter>span{text-align:left;width:auto;color:var(--text-primary);flex:none;font-size:11px;font-weight:800;line-height:1}.pet-duel-side.foe .pet-duel-mini-grid .pet-duel-meter{justify-content:flex-end}.pet-duel-side.foe .pet-duel-mini-grid .pet-duel-meter>span{text-align:right}.pet-duel-meter.hp{flex-flow:row;align-items:center}.pet-duel-meter.hp>span{text-align:left;width:auto}.pet-duel-side.foe .pet-duel-meter.hp>span{text-align:right}.pet-duel-compact-meta{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:3px;display:flex}.pet-duel-side.compact .pet-duel-badges{margin-top:0}.pet-duel-side.compact .pet-duel-badges span{padding:2px 5px;font-size:9px}.pet-duel-side.compact .pet-duel-mini-grid{margin-top:2px;display:grid}.pet-duel-side.compact .pet-duel-focus-row{margin-top:4px;padding-top:4px}.pet-duel-icon-strip{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;max-width:100%;display:flex;overflow:visible}.pet-duel-icon-strip.foe{justify-content:flex-end}.pet-duel-focus-row{flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;display:flex;overflow:visible}.pet-duel-focus-row .pet-duel-icon-strip{flex:auto}.pet-duel-side.compact .pet-duel-sk{width:20px;height:20px}.pet-duel-side.compact .pet-duel-sk-emoji{font-size:9px}.pet-duel-side.compact .pet-duel-sk-cd{min-width:10px;padding:0 3px;font-size:8px}.pet-duel-side.compact .pet-duel-st{border-radius:6px;width:18px;height:18px}.pet-duel-side.compact .pet-duel-st-ico{width:11px;height:11px}.pet-duel-side.compact .pet-duel-st-badge{min-width:9px;height:9px;font-size:7px}.pet-duel-side.card{z-index:1;position:relative;overflow:hidden}.pet-duel-side.card.acting{z-index:2}.pet-duel-arena,.pet-duel-party,.pet-battle-stage{overflow:visible}.pet-duel-party{isolation:isolate;z-index:1}.pet-card-bubble{z-index:8;pointer-events:none;flex-direction:column;align-items:flex-start;animation:.28s cubic-bezier(.22,1,.36,1) pet-card-bubble-in;display:flex;position:absolute;inset:6px 6px auto}.pet-card-bubble.foe{align-items:flex-end}.pet-card-bubble.leaving{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(-4px)}.pet-card-bubble-body{color:#f8fafc;background:#0f172aeb;border-radius:10px;max-width:100%;padding:6px 10px;box-shadow:0 6px 16px #0f172a47}.pet-card-bubble-skill{letter-spacing:.02em;font-size:13px;font-weight:800;line-height:1.2;display:block}.pet-card-bubble-nums{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fda4af;margin-top:3px;font-size:18px;font-weight:900;line-height:1.15;display:block}.pet-card-bubble.impact-heal .pet-card-bubble-nums,.pet-card-bubble.impact-buff .pet-card-bubble-nums{color:#86efac}.pet-card-bubble-tags{opacity:.85;margin-top:2px;font-size:10px;font-weight:700;line-height:1.2;display:block}.pet-card-bubble-tail{border-top:7px solid #0f172aeb;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;margin:0 12px}.pet-card-bubble.foe .pet-card-bubble-tail{margin-left:auto;margin-right:12px}@keyframes pet-card-bubble-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}.pet-card-pops{z-index:9;pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.pet-card-pop{font-variant-numeric:tabular-nums;text-shadow:0 1px 0 color-mix(in srgb, var(--bg-card) 88%, transparent), 0 2px 8px #0f172a59;font-weight:900;line-height:1;animation:.7s cubic-bezier(.22,1,.36,1) both pet-card-pop}.pet-card-pop.dmg{color:#dc2626;font-size:22px}.pet-card-pop.heal{color:#16a34a;font-size:20px}.pet-card-pop.reflect{color:#7c3aed;font-size:13px}.pet-card-pops.big .pet-card-pop.dmg{color:#ea580c;font-size:26px}[data-theme=dark] .pet-card-pop.dmg{color:#fb7185}[data-theme=dark] .pet-card-pop.heal{color:#4ade80}[data-theme=dark] .pet-card-pop.reflect{color:#c4b5fd}[data-theme=dark] .pet-card-pops.big .pet-card-pop.dmg{color:#fdba74}@keyframes pet-card-pop{0%{opacity:0;transform:translateY(8px)scale(.85)}35%{opacity:1;transform:translateY(-2px)scale(1.08)}to{opacity:0;transform:translateY(-18px)scale(1)}}.pet-battle-heal{font-variant-numeric:tabular-nums;color:#15803d;margin-left:6px;font-size:13px;font-weight:800}.pet-tag.cover,.pet-tag.heal{color:#15803d;border-color:color-mix(in srgb, #22c55e 45%, var(--border));background:color-mix(in srgb, #22c55e 12%, var(--bg-card))}.pet-tag.control,.pet-tag.enrage{color:#9a3412;border-color:color-mix(in srgb, #ea580c 45%, var(--border));background:color-mix(in srgb, #ea580c 12%, var(--bg-card))}.pet-build-arch-card span{color:var(--text-muted);font-size:11px;line-height:1.4}.pet-combat-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.pet-combat-cell strong{color:var(--text-primary);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px;font-size:15px;font-weight:800;line-height:1.15;display:inline-flex}.pet-combat-cell span{color:var(--text-muted);font-size:10px}.pet-combat-red{color:var(--text-muted);font-size:10px;font-style:normal;font-weight:600}.pet-delta{font-size:11px;font-style:normal;font-weight:700}.pet-delta.up{color:#16a34a}.pet-delta.down{color:#dc2626}.pet-build-stat-workspace{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.pet-build-combat{margin-bottom:0}.pet-build-combat-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;margin-bottom:6px;display:flex}.pet-build-combat-head>span:first-child{color:var(--text-muted);letter-spacing:.02em;font-size:11px;font-weight:700}.pet-build-combat-hint{color:var(--text-muted);text-align:right;flex:1;min-width:0;margin:0;font-size:10px;line-height:1.35}.pet-combat-grid.build-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.pet-combat-grid.build-preview .pet-combat-cell{border-radius:8px;padding:5px 2px}.pet-combat-grid.build-preview .pet-combat-cell strong{font-size:13px}.pet-combat-grid.build-preview .pet-combat-cell span{font-size:9px}.pet-build-stats.compact{gap:4px;margin-bottom:0}.pet-build-stats.compact .pet-allocate-row{gap:6px;padding:6px 8px}.pet-build-stats.compact .pet-allocate-hint{display:none}.pet-build-stats.compact .pet-allocate-btns button{width:28px;height:28px;font-size:15px}.pet-tip{color:var(--text-muted);flex-shrink:0;margin-top:14px;font-size:11px;line-height:1.5}.pet-home{min-height:0}.pet-chat{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.pet-memories{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-shrink:0;overflow:hidden}.pet-memories-toggle{cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.pet-memories-toggle:hover{color:var(--text-primary)}.pet-memories-chevron{opacity:.7;font-size:11px}.pet-memories-list{flex-direction:column;gap:6px;max-height:120px;padding:0 8px 8px;display:flex;overflow:auto}.pet-memories-empty{color:var(--text-muted);padding:2px 4px 4px;font-size:11px;line-height:1.45}.pet-memory-row{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:start;gap:6px;padding:6px 8px;display:grid}.pet-memory-cat{color:var(--text-secondary);background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, var(--bg-elevated));white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10px;line-height:1.2}.pet-memory-text{color:var(--text-primary);font-size:12px;line-height:1.4}.pet-memory-forget{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;padding:0;font-size:11px}.pet-memory-forget:hover{color:var(--danger)}.pet-memory-forget:disabled{opacity:.5;cursor:default}.pet-chat-log{background:var(--bg-elevated);border:1px solid var(--border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:12px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px;display:flex;overflow:auto}.pet-chat-empty{color:var(--text-muted);text-align:center;padding:18px 8px;font-size:12px}.pet-empty-ritual{border:1px dashed color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 6%, var(--bg-elevated));border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;display:flex}.pet-empty-glyph{opacity:.9;font-size:28px;line-height:1}.pet-tip-fold{margin:0 0 8px}.pet-tip-fold-line{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;line-height:1.4;display:flex}.pet-tip-fold-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--pet-accent,var(--accent-cyan));font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.pet-hall-enter{animation:.32s cubic-bezier(.2,1.1,.3,1) pet-hall-in}@keyframes pet-hall-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pet-hall-enter{animation:none}}.pet-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.pet-empty-actions .btn-secondary,.pet-empty-actions .btn-primary{padding:6px 10px;font-size:12px}.pet-chat-bubble{border-radius:14px;max-width:100%;padding:8px 11px;font-size:13px;line-height:1.45}.pet-chat-bubble.user{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, var(--bg-card));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, var(--border));white-space:pre-wrap;align-self:flex-end}.pet-chat-bubble.pet{background:var(--bg-card);border:1px solid var(--border);white-space:normal;align-self:flex-start}.pet-chat-bubble.pet p{margin:4px 0}.pet-chat-compose{flex-shrink:0;align-items:center;gap:8px;display:flex}.pet-chat-compose input{flex:1;margin:0}.pet-call-status{color:var(--text-muted);padding:4px 2px 0;font-size:12px;line-height:1.4}.pet-mic,.pet-call{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;width:38px;height:38px;color:var(--text-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.pet-mic:hover,.pet-call:hover{border-color:var(--border-active)}.pet-mic.on{border-color:var(--danger);color:var(--danger);animation:1s ease-in-out infinite pet-breathe}.pet-call.on{border-color:var(--accent-cyan);color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 12%, var(--bg-elevated))}.voice-call-banner{background:color-mix(in srgb, var(--accent-cyan) 10%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--accent-cyan) 35%, var(--border));border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.voice-call-banner.pulse{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-cyan) 20%, transparent)}.voice-call-banner-main{align-items:center;gap:10px;min-width:0;display:flex}.voice-call-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.voice-call-dot.listening{background:var(--accent-cyan);animation:1.1s ease-in-out infinite pet-breathe}.voice-call-dot.thinking{background:#f59e0b;animation:1.4s ease-in-out infinite pet-breathe}.voice-call-dot.speaking{background:#22c55e;animation:1s ease-in-out infinite pet-breathe}.voice-call-dot.connecting{background:#a78bfa}.voice-call-banner-text{min-width:0}.voice-call-title{font-size:13px;font-weight:700;line-height:1.3}.voice-call-hint{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.35}.voice-call-banner-actions{flex-shrink:0;gap:6px;display:flex}.voice-call-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:inline-flex}.voice-call-btn.ghost:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.voice-call-btn.hang{border-color:var(--danger);color:var(--danger)}.voice-call-btn.hang:hover{background:#ef44441a}.chat-call-btn{background:var(--bg-elevated);min-width:48px;min-height:48px;color:var(--text-primary);border:1px solid var(--border);justify-content:center;align-items:center;padding:12px 14px;display:inline-flex}.chat-call-btn.on{border-color:var(--accent-cyan);color:var(--accent-cyan)}.chat-call-btn:hover{border-color:var(--border-active)}.pet-battle{flex-direction:column;height:100%;min-height:0;display:flex}.pet-battle-stats{flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.pet-battle-stat{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.pet-battle-stat strong{font-size:15px;font-weight:800;line-height:1.1}.pet-battle-stat span{color:var(--text-muted);font-size:10px}.pet-battle-stat.win strong{color:var(--success,#22c55e)}.pet-battle-stat.lose strong{color:var(--danger,#ef4444)}.pet-battle-stat.draw strong{color:var(--text-secondary)}.pet-battle-search{flex-shrink:0;gap:8px;margin-bottom:10px;display:flex}.pet-battle-search input{flex:1;margin:0}.pet-battle-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden auto}.pet-battle-section-title{color:var(--text-muted);letter-spacing:.02em;flex-shrink:0;margin-top:4px;font-size:11px;font-weight:700}.pet-roster{flex-direction:column;gap:8px;display:flex}.pet-roster-row{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.pet-roster-row.cardish{background:linear-gradient(165deg, color-mix(in srgb, var(--bg-card) 94%, #fff), var(--bg-elevated));box-shadow:inset 0 1px #ffffff73}.pet-roster-row.cooling{opacity:.88}.pet-roster-info{align-items:center;gap:10px;min-width:0;display:flex}.pet-roster-emoji{font-size:26px}.pet-roster-avatar{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-card));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, var(--border));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:relative;overflow:hidden}.pet-roster-avatar.emoji{font-size:22px}.pet-roster-avatar.art .pet-portrait,.pet-roster-avatar.art .pet-portrait-frame,.pet-roster-avatar.art .pet-portrait-img{width:42px;max-width:42px;height:42px;max-height:42px}.pet-roster-cd-ring{pointer-events:none;background:conic-gradient(color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 70%, transparent) calc(var(--cd-pct,0) * 1%), transparent 0);border-radius:14px;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.pet-roster-name{font-size:13px;font-weight:700}.pet-roster-owner{color:var(--text-muted);font-size:11px}.pet-roster-row.scouting{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 50%, var(--border))}.pet-duel-scout{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border));background:linear-gradient(165deg, color-mix(in srgb, var(--bg-card) 92%, var(--pet-accent,var(--accent-cyan))), var(--bg-elevated));border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.pet-duel-scout-head{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.pet-duel-scout-head strong{font-size:13px}.pet-duel-scout-head span{color:var(--text-muted);font-size:11px}.pet-duel-scout .pet-tip{margin:0}.pet-duel-scout-foe,.pet-duel-scout-pick{gap:10px;display:grid}@media (width>=520px){.pet-duel-scout-foe,.pet-duel-scout-pick{grid-template-columns:1fr 1fr}}.pet-duel-scout-label{color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.pet-duel-scout-skills,.pet-duel-scout-stats{flex-wrap:wrap;gap:6px;display:flex}.pet-duel-scout-skills span,.pet-duel-scout-stats span{background:color-mix(in srgb, var(--bg-card) 80%, var(--border));border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11px}.pet-duel-scout-hint{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.pet-duel-scout-pick .pet-build-slots{margin:0 0 6px}.pet-duel-scout-pick .pet-duel-scout-skills,.pet-duel-scout-pick .pet-duel-scout-stats{margin-top:2px}.pet-duel-scout-actions{justify-content:flex-end;gap:8px;display:flex}.pet-duel-review{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border));background:color-mix(in srgb, var(--bg-card) 88%, var(--pet-accent,var(--accent-cyan)));overflow-wrap:anywhere;word-break:break-word;border-radius:12px;flex-direction:column;gap:6px;min-width:0;max-width:100%;padding:10px 12px;display:flex}.pet-duel-review-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pet-duel-review-head-copy{flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;display:flex}.pet-duel-review-head strong{font-size:13px}.pet-duel-review-head span{color:var(--text-muted);font-size:11px}.pet-duel-review-close{border:1px solid var(--border);background:var(--bg-elevated);min-width:44px;min-height:32px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.pet-duel-review-close:hover{border-color:var(--border-active)}.pet-duel-review-coach,.pet-duel-review-next,.pet-duel-review-alt{color:var(--text-primary);margin:0;font-size:12px;line-height:1.55}.pet-duel-review-notes{color:var(--text-secondary);margin:0;padding-left:18px;font-size:12px;line-height:1.45}.pet-duel-review-err{color:var(--danger,#c44);margin:0;font-size:12px}.pet-help-btn{cursor:pointer;background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 18%, var(--bg-elevated));color:var(--pet-accent,var(--accent-cyan));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border));border-radius:10px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700;transition:background .15s,color .15s,border-color .15s,opacity .15s}.pet-help-btn:hover:not(:disabled){background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 30%, var(--bg-elevated))}.pet-help-btn.is-done{background:var(--bg-card);color:var(--text-muted);border-color:var(--border);cursor:default;opacity:.9}.pet-help-btn:disabled:not(.is-done){opacity:.55;cursor:wait}.pet-battle-history{flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.pet-history-row{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;width:100%;color:inherit;font:inherit;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--text-muted) 30%, transparent);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.pet-history-row:has(.pet-battle-result.win){box-shadow:inset 3px 0 #22c55e}.pet-history-row:has(.pet-battle-result.lose){box-shadow:inset 3px 0 #ef4444}.pet-history-row:has(.pet-battle-result.draw){box-shadow:inset 3px 0 #94a3b8}.pet-history-row:hover{border-color:var(--border-active);background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, var(--bg-elevated))}.pet-history-main{flex:1;min-width:0}.pet-history-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pet-history-vs{color:var(--text-muted);margin-left:4px;font-weight:500}.pet-history-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.pet-battle-result{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.pet-battle-result.win{background:color-mix(in srgb, var(--success,#22c55e) 18%, transparent);color:var(--success,#22c55e)}.pet-battle-result.lose{background:color-mix(in srgb, var(--danger,#ef4444) 16%, transparent);color:var(--danger,#ef4444)}.pet-battle-result.draw{background:var(--bg-card);color:var(--text-secondary)}.pet-battle-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.pet-battle-meta{color:var(--text-secondary);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;margin:-2px 0 10px;font-size:12px;display:flex}.pet-battle-summary{flex-shrink:0;margin-bottom:10px;font-size:14px;font-weight:700}.pet-battle-log{flex-direction:column;min-width:0;max-width:100%;height:100%;min-height:0;display:flex}.pet-battle-stage{flex:none;min-height:0;max-height:none;position:relative;overflow:visible}.pet-battle-stage .pet-duel-arena{margin-bottom:6px}.pet-battle-stage .pet-battle-summary{margin-bottom:8px}.pet-battle-stage .pet-battle-meta{margin:-2px 0 8px}.pet-battle-stage .pet-battle-reward{margin-bottom:8px}.pet-battle-lines{background:var(--bg-elevated);border:1px solid var(--border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:12px;flex-direction:column;flex:auto;gap:4px;min-height:0;margin-bottom:6px;padding:6px 8px;display:flex;overflow:auto}.pet-battle-log-actions{flex-direction:column;flex:none;gap:6px;padding-top:2px;display:flex}.pet-battle-log-actions .pet-battle-meta{margin:0;font-size:11px}.pet-battle-log-actions .pet-session-bar.foot{margin:0}.pet-battle-log-btns{flex-direction:column;align-items:stretch;gap:6px;display:flex}.pet-battle-log-btns .pet-battle-summary{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;margin:0;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.pet-battle-log-row{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:4px;width:100%;min-width:0;display:flex;overflow-x:auto}.pet-battle-log-row::-webkit-scrollbar{display:none}.pet-battle-log-btns .pet-session-speeds{background:0 0;border:none;flex-wrap:nowrap;flex:none;align-items:center;gap:3px;margin:0;padding:0;display:inline-flex}.pet-battle-log-btns .pet-session-speeds button{min-width:0;padding:5px 7px;font-size:11px;line-height:1.2}.pet-battle-log-row>.btn-secondary,.pet-battle-log-row>.btn-ghost,.pet-battle-log-row>.btn-primary{white-space:nowrap;flex:none;margin:0;padding:6px 8px;font-size:12px;line-height:1.2}.pet-battle-log-row .btn-secondary,.pet-battle-log-row .btn-ghost,.pet-battle-log-row .btn-primary{flex-shrink:0}@media (width<=520px){.pet-battle-log-row{gap:3px}.pet-battle-log-btns .pet-session-speeds button{padding:4px 6px;font-size:10px}.pet-battle-log-row>.btn-secondary,.pet-battle-log-row>.btn-ghost,.pet-battle-log-row>.btn-primary{padding:5px 7px;font-size:11px}}.pet-duel-lobby{flex-direction:column;flex:1;gap:0;min-height:0;margin:0;display:flex}.pet-duel-lobby .pet-battle-scroll{flex:1;min-height:0;padding-bottom:4px;overflow:hidden auto}.pet-battle-log.result-only .pet-battle-stage{flex-shrink:0;max-height:none;overflow:visible}.pet-battle-line{color:var(--text-secondary);opacity:.78;padding:0 2px;font-size:12px;line-height:1.35}.pet-battle-line.start,.pet-battle-line.end{color:var(--text-primary);opacity:1;font-weight:600}.pet-battle-line.playing{opacity:.55;letter-spacing:.2em;padding:6px}.pet-beat{background:color-mix(in srgb, var(--bg-card) 55%, transparent);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--text-muted) 35%, transparent);border:1px solid #0000;border-radius:8px;padding:5px 8px}.pet-beat.newest{opacity:1;color:var(--text-primary);animation:.34s cubic-bezier(.2,1.2,.3,1) pet-beat-in}.pet-beat-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.pet-beat-stamp{letter-spacing:.12em;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:10px;font-weight:900;line-height:1}.pet-beat-nums{align-items:baseline;gap:8px;margin-left:auto;display:flex}.pet-beat-headline{color:var(--text-primary);flex-wrap:wrap;align-items:baseline;gap:2px 5px;font-size:12px;line-height:1.35;display:flex}.pet-beat-actor{font-weight:800}.pet-beat-skill{color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 85%, var(--text-primary));font-style:normal;font-weight:800}.pet-beat-arrow{color:var(--text-muted);font-weight:700}.pet-beat-target{color:var(--text-secondary);font-weight:700}.pet-beat-hits{letter-spacing:.04em;background:color-mix(in srgb, #f59e0b 16%, var(--bg-card));color:#b45309;border:1px solid color-mix(in srgb, #f59e0b 40%, var(--border));border-radius:99px;padding:2px 6px;font-size:10px;font-weight:800}.pet-beat.impact-round{opacity:1;box-shadow:none;text-align:center;background:0 0;border:none;margin-top:2px;padding:2px 0}.pet-beat-round-label{letter-spacing:.12em;width:100%;color:var(--pet-accent,var(--accent-cyan));justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.pet-beat-round-label:before,.pet-beat-round-label:after{content:"";background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));width:36px;height:1px}.pet-beat.impact-intent{display:none}.pet-beat.impact-crit{background:linear-gradient(90deg, color-mix(in srgb, #f43f5e 22%, var(--bg-card)), var(--bg-card));border-color:color-mix(in srgb, #f43f5e 40%, var(--border));box-shadow:inset 3px 0 #f43f5e,0 0 16px #f43f5e38}.pet-beat.impact-crit .pet-beat-stamp{color:#fff;letter-spacing:.18em;background:#e11d48;border-color:#be123c}.pet-beat.impact-crit .pet-battle-dmg{color:#e11d48;text-shadow:0 0 12px #f43f5e73;font-size:20px}.pet-beat.impact-crit.newest{animation:.48s cubic-bezier(.2,1.4,.3,1) pet-beat-crit}.pet-beat.impact-ult{background:linear-gradient(90deg, color-mix(in srgb, #a855f7 20%, var(--bg-card)), var(--bg-card));border-color:color-mix(in srgb, #a855f7 42%, var(--border));box-shadow:inset 3px 0 #a855f7,0 0 18px #a855f73d}.pet-beat.impact-ult .pet-beat-stamp{color:#faf5ff;background:#7c3aed;border-color:#6d28d9}.pet-beat.impact-ult .pet-battle-dmg{color:#7c3aed;font-size:18px}.pet-beat.impact-ult.newest{animation:.55s cubic-bezier(.2,1.3,.3,1) pet-beat-ult}.pet-beat.impact-dodge,.pet-beat.impact-miss{background:color-mix(in srgb, #38bdf8 12%, var(--bg-card));border-color:color-mix(in srgb, #0ea5e9 35%, var(--border));box-shadow:inset 3px 0 #0ea5e9}.pet-beat.impact-miss{background:color-mix(in srgb, #94a3b8 14%, var(--bg-card));box-shadow:inset 3px 0 #64748b}.pet-beat.impact-dodge .pet-beat-stamp{color:#0369a1;background:color-mix(in srgb, #38bdf8 18%, var(--bg-card));border-color:#0ea5e9}.pet-beat.impact-miss .pet-beat-stamp{color:#475569;background:color-mix(in srgb, #94a3b8 18%, var(--bg-card))}.pet-beat.impact-dodge.newest{animation:.42s pet-beat-dodge}.pet-beat.impact-miss.newest{animation:.4s pet-beat-miss}.pet-beat.impact-stun,.pet-beat.impact-broken{background:color-mix(in srgb, #8b5cf6 16%, var(--bg-card));border-color:color-mix(in srgb, #8b5cf6 40%, var(--border));box-shadow:inset 3px 0 #7c3aed}.pet-beat.impact-stun .pet-beat-stamp,.pet-beat.impact-broken .pet-beat-stamp{color:#fff;background:#6d28d9;border-color:#5b21b6}.pet-beat.impact-stun.newest,.pet-beat.impact-broken.newest{animation:.5s pet-beat-stun}.pet-beat.impact-enrage,.pet-beat.impact-allout{background:color-mix(in srgb, #f97316 18%, var(--bg-card));border-color:color-mix(in srgb, #f97316 42%, var(--border));font-weight:800;box-shadow:inset 3px 0 #ea580c}.pet-beat.impact-enrage .pet-beat-stamp{color:#fff;background:#ea580c;border-color:#c2410c}.pet-beat.impact-allout .pet-beat-stamp{color:#7c2d12;background:#fdba74;border-color:#f97316}.pet-beat.impact-enrage.newest{animation:.55s pet-beat-enrage}.pet-beat.impact-heal,.pet-beat.impact-cover{background:color-mix(in srgb, #22c55e 14%, var(--bg-card));box-shadow:inset 3px 0 #16a34a}.pet-beat.impact-heal .pet-beat-stamp,.pet-beat.impact-cover .pet-beat-stamp{color:#166534;background:color-mix(in srgb, #86efac 35%, var(--bg-card));border-color:#22c55e}.pet-beat.impact-heal.newest{animation:.4s pet-beat-heal}.pet-beat.impact-guard{background:color-mix(in srgb, #0ea5e9 12%, var(--bg-card));box-shadow:inset 3px 0 #0284c7}.pet-beat.impact-guard .pet-beat-stamp{color:#075985;background:color-mix(in srgb, #7dd3fc 28%, var(--bg-card));border-color:#0ea5e9}.pet-beat.impact-control,.pet-beat.impact-debuff{background:color-mix(in srgb, #f59e0b 12%, var(--bg-card));box-shadow:inset 3px 0 #d97706}.pet-beat.impact-control .pet-beat-stamp{color:#92400e;background:#fde68a;border-color:#f59e0b}.pet-beat.impact-buff{background:color-mix(in srgb, #22c55e 8%, var(--bg-card));box-shadow:inset 3px 0 #22c55e}.pet-beat.impact-initiative{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, var(--bg-card));box-shadow:inset 3px 0 0 var(--pet-accent,var(--accent-cyan));opacity:1}.pet-beat.impact-initiative .pet-beat-stamp{color:var(--pet-accent,var(--accent-cyan))}.pet-beat.impact-start,.pet-beat.impact-end,.pet-beat.impact-banner{opacity:1;color:var(--text-primary);background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, var(--bg-card));box-shadow:inset 3px 0 0 var(--pet-accent,var(--accent-cyan));border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 32%, var(--border));font-weight:700}@keyframes pet-beat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pet-beat-crit{0%{opacity:0;transform:scale(.86)translate(-6px)}55%{transform:scale(1.04)translate(1px)}to{opacity:1;transform:none}}@keyframes pet-beat-ult{0%{opacity:0;filter:brightness(1.4);transform:scale(.9)}60%{filter:brightness(1.15);transform:scale(1.03)}to{opacity:1;filter:none;transform:none}}@keyframes pet-beat-dodge{0%{opacity:0;transform:translate(14px)skew(-6deg)}to{opacity:1;transform:none}}@keyframes pet-beat-miss{0%,40%,70%{transform:translate(0)}20%{transform:translate(-5px)}55%{transform:translate(4px)}to{transform:none}}@keyframes pet-beat-stun{0%{opacity:0;filter:hue-rotate(40deg)brightness(1.3)}40%{transform:translateY(-2px)}to{opacity:1;filter:none;transform:none}}@keyframes pet-beat-enrage{0%,to{filter:none}40%{filter:saturate(1.4)brightness(1.12)}}@keyframes pet-beat-heal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pet-duel-arena{border:1px solid var(--border);background:radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 16%, transparent), transparent 58%), radial-gradient(70% 60% at 12% 100%, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, transparent), transparent 55%), radial-gradient(70% 60% at 88% 100%, #f973161a, transparent 55%), linear-gradient(180deg, color-mix(in srgb, #0f172a 6%, var(--bg-elevated)), var(--bg-elevated));border-radius:16px;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin-bottom:8px;padding:12px;display:grid}.pet-duel-arena.live{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 32%, var(--border))}.pet-duel-side{min-width:0;position:relative}.pet-duel-side.card{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--bg-card) 96%, #fff), color-mix(in srgb, var(--bg-elevated) 90%, var(--bg-card)));border-radius:14px;padding:11px 11px 9px;transition:border-color .28s,box-shadow .28s,transform .28s,filter .28s;box-shadow:inset 0 1px #fff9,0 8px 20px #0f172a12}.pet-duel-side.card:not(.acting){filter:saturate(.96)}.pet-duel-side.card.foe{text-align:right;background:linear-gradient(195deg, color-mix(in srgb, #fff7ed 48%, var(--bg-card)), color-mix(in srgb, var(--bg-elevated) 92%, #ffedd5))}.pet-duel-side.card.self:not(.acting){border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border))}.pet-duel-side.card.acting{border-color:color-mix(in srgb, var(--accent,#0ea5e9) 58%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#0ea5e9) 20%, transparent), 0 12px 28px color-mix(in srgb, var(--accent,#0ea5e9) 18%, transparent), 0 1px 0 #ffffff8c inset;z-index:2;filter:none;transform:translateY(-2px)}.pet-duel-side.card.foe.acting{border-color:color-mix(in srgb, #f97316 58%, var(--border));box-shadow:0 0 0 2px #f9731633,0 12px 28px #f973162e,inset 0 1px #ffffff80}.pet-duel-card-head{align-items:center;gap:8px;min-width:0;margin-bottom:4px;display:flex}.pet-duel-side.foe .pet-duel-card-head{flex-direction:row-reverse}.pet-duel-head-meta{flex:1;min-width:0}.pet-duel-portrait{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, transparent), transparent 70%), color-mix(in srgb, var(--bg-elevated) 80%, var(--bg-card));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border));border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a1a}.pet-duel-portrait.foe{border-color:color-mix(in srgb, #f97316 40%, var(--border));background:radial-gradient(circle at 50% 30%, #f9731633, transparent 70%), color-mix(in srgb, #fff7ed 35%, var(--bg-card))}.pet-duel-portrait.boss{border-radius:14px}.pet-duel-portrait-boss{object-fit:contain;width:100%;height:100%;display:block}.pet-duel-portrait.emoji{font-size:22px;line-height:1}.pet-duel-portrait .pet-portrait,.pet-duel-portrait .pet-portrait-frame,.pet-duel-portrait .pet-portrait-img{width:44px;max-width:44px;height:44px;max-height:44px}.pet-duel-side.compact .pet-duel-portrait{border-radius:10px;width:32px;height:32px}.pet-duel-side.compact .pet-duel-portrait .pet-portrait,.pet-duel-side.compact .pet-duel-portrait .pet-portrait-frame,.pet-duel-side.compact .pet-duel-portrait .pet-portrait-img{width:32px;max-width:32px;height:32px;max-height:32px}.pet-duel-side.card.acting .pet-duel-portrait{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#0ea5e9) 35%, transparent), 0 6px 14px color-mix(in srgb, var(--accent,#0ea5e9) 18%, transparent);transform:scale(1.06)}.pet-duel-side.card.foe.acting .pet-duel-portrait{box-shadow:0 0 0 2px #f9731659,0 6px 14px #f973162e}.pet-duel-side.card.fx-hit{animation:.42s pet-stage-hit}.pet-duel-side.card.fx-heal{animation:.45s pet-stage-heal}.pet-duel-side.card.fx-guard{box-shadow:0 0 0 2px #0ea5e973,0 0 18px #38bdf847}.pet-duel-side.card.fx-stun{animation:.5s pet-stage-stun}.pet-duel-side.card.fx-ult{animation:.55s pet-stage-ult;box-shadow:0 0 0 2px #a855f780,0 0 22px #a855f747}@keyframes pet-stage-hit{0%{filter:brightness(1.35);transform:translate(0)}25%{transform:translate(-3px)}50%{filter:brightness(1.15);transform:translate(3px)}to{filter:none;transform:none}}@keyframes pet-stage-heal{0%{box-shadow:0 0 #0000}40%{box-shadow:0 0 0 3px #22c55e59,0 0 16px #22c55e40}to{box-shadow:none}}@keyframes pet-stage-stun{0%{filter:hue-rotate(40deg)brightness(1.25)}40%{transform:translateY(-2px)}to{filter:none;transform:none}}@keyframes pet-stage-ult{0%{filter:brightness(1.4)saturate(1.2)}55%{filter:brightness(1.15)}to{filter:none}}@media (prefers-reduced-motion:reduce){.pet-duel-side.card.fx-hit,.pet-duel-side.card.fx-heal,.pet-duel-side.card.fx-stun,.pet-duel-side.card.fx-ult{animation:none}}.pet-duel-card-body{min-width:0}.pet-duel-acting-tag{z-index:2;letter-spacing:.08em;color:#0369a1;background:linear-gradient(180deg, color-mix(in srgb, #7dd3fc 35%, var(--bg-card)), color-mix(in srgb, #38bdf8 16%, var(--bg-card)));border:1px solid color-mix(in srgb, #0ea5e9 40%, var(--border));border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800;animation:1.4s ease-in-out infinite pet-duel-acting-pulse;position:absolute;top:7px;right:8px;box-shadow:0 2px 6px #0ea5e92e}.pet-duel-side.foe .pet-duel-acting-tag{color:#9a3412;background:linear-gradient(180deg, color-mix(in srgb, #fdba74 40%, var(--bg-card)), color-mix(in srgb, #f97316 14%, var(--bg-card)));border-color:color-mix(in srgb, #f97316 42%, var(--border));left:8px;right:auto;box-shadow:0 2px 6px #f9731629}@keyframes pet-duel-acting-pulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.pet-duel-side.foe{text-align:right}.pet-duel-side.card.acting:not(.foe) .pet-duel-name{padding-right:56px}.pet-duel-side.card.acting.foe .pet-duel-name{padding-left:56px}.pet-duel-side.card:not(.acting) .pet-duel-name{padding-left:0;padding-right:0}.pet-duel-side.card.acting .pet-duel-portrait{filter:none}.pet-duel-name{margin-bottom:0;font-size:12px;font-weight:700}.pet-duel-card-head .pet-duel-name{margin-bottom:0}.pet-duel-hp{flex-direction:row;align-items:center;gap:6px;width:100%;display:flex}.pet-duel-side.foe .pet-duel-hp{justify-content:flex-end}.pet-duel-hp span{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px}.pet-duel-hp-bar{background:color-mix(in srgb, var(--danger,#ef4444) 18%, var(--bg-card));border:1px solid var(--border);border-radius:99px;flex:1;min-width:0;max-width:140px;height:7px;overflow:hidden}.pet-duel-side:not(.foe) .pet-duel-hp-bar{max-width:none}.pet-duel-side.foe .pet-duel-hp-bar{flex:0 140px}.pet-duel-hp-fill{background:linear-gradient(90deg,#22c55e,#86efac);border-radius:99px;height:100%;transition:width .35s}.pet-duel-hp-fill.foe{background:linear-gradient(90deg,#f97316,#fdba74)}.pet-duel-hp-fallback{color:var(--text-muted);padding:4px 0;font-size:11px}.pet-duel-mp{flex-direction:row;align-items:center;gap:6px;width:100%;margin-top:3px;display:flex}.pet-duel-side.foe .pet-duel-mp{justify-content:flex-end}.pet-duel-mp span{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px}.pet-duel-mp-bar{background:color-mix(in srgb, #38bdf8 16%, var(--bg-card));border:1px solid var(--border);border-radius:99px;flex:1;min-width:0;max-width:140px;height:6px;overflow:hidden}.pet-duel-side:not(.foe) .pet-duel-mp-bar{max-width:none}.pet-duel-side.foe .pet-duel-mp-bar{flex:0 140px}.pet-duel-mp-fill{background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:99px;height:100%;transition:width .35s}.pet-duel-mp-fill.sp{background:linear-gradient(90deg,#059669,#34d399)}.pet-duel-mp-fill.gauge{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.pet-start-mode{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;min-width:0;margin:0 0 10px;padding:8px 10px 6px}.pet-start-mode-legend{color:var(--text-secondary);padding:0 4px;font-size:12px;font-weight:700}.pet-start-mode-opt{border:1px solid #0000;border-radius:8px;margin:0 0 4px;padding:6px 8px}.pet-start-mode-opt.on{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, var(--bg-card))}.pet-start-mode-main,.pet-start-mode-nested{cursor:pointer;color:var(--text-secondary);grid-template-columns:auto 1fr;align-items:start;gap:6px 8px;font-size:12px;display:grid}.pet-start-mode-main strong,.pet-start-mode-nested strong{color:var(--text-primary);font-size:12px;font-weight:700;display:block}.pet-start-mode-blurb{color:var(--text-muted);margin-top:1px;font-size:11px;font-weight:400;line-height:1.4;display:block}.pet-start-mode-nested{margin:6px 0 0 22px}.pet-start-mode-main input,.pet-start-mode-nested input{margin-top:2px}.pet-session-bar{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;margin:8px 0 10px;padding:8px}.pet-session-modes{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.pet-session-modes button{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:12px}.pet-session-modes button.on{border-color:var(--accent);color:var(--accent);font-weight:700}.pet-session-speeds{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.pet-session-speeds button{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:8px;min-width:2.5rem;padding:4px 10px;font-size:12px}.pet-session-speeds button.on{border-color:var(--accent);color:var(--accent);font-weight:700}.pet-session-pause{color:var(--text-muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;margin-left:4px;padding:3px 8px;font-size:12px;display:inline-flex}.pet-session-pause.on{color:#b45309;border-color:color-mix(in srgb, #f59e0b 45%, var(--border));background:color-mix(in srgb, #f59e0b 12%, var(--bg-card));font-weight:700}.pet-session-skills{flex-wrap:wrap;gap:6px;display:flex}.pet-session-skill{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;border-left:3px solid var(--sk-accent,#94a3b8);border-radius:10px;align-items:center;gap:6px;padding:7px 12px 7px 10px;font-size:12px;display:inline-flex;position:relative;overflow:hidden}.pet-session-skill-bar{background:var(--sk-accent,#94a3b8);width:3px;position:absolute;top:0;bottom:0;left:0}.pet-session-skill-name{font-weight:700}.pet-session-skill-cd{background:color-mix(in srgb, var(--sk-accent,#94a3b8) 18%, var(--bg-card));min-width:16px;height:16px;color:var(--sk-accent,#64748b);border-radius:99px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:800;display:inline-flex}.pet-session-skill.basic{border-color:#94a3b8}.pet-session-skill.interrupt{color:#b45309;border-color:#f59e0b}[data-theme=dark] .pet-session-skill.interrupt{color:#fbbf24}.pet-session-skill.ai{color:var(--text-muted);border-style:dashed}.pet-session-skill.dim,.pet-session-skill:disabled{opacity:.45;cursor:not-allowed}.pet-session-skill.cooling{opacity:.72}.pet-cmd-dock{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;flex:none;gap:6px;margin:0;padding:8px;display:flex}.pet-cmd-dock.deciding{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 42%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, var(--bg-elevated))}.pet-cmd-dock.danger{border-color:color-mix(in srgb, #f59e0b 50%, var(--border));background:color-mix(in srgb, #f59e0b 10%, var(--bg-elevated))}.pet-cmd-toolbar{flex-direction:column;gap:6px;display:flex}.pet-cmd-banner{color:var(--text-primary);margin:0;font-size:13px;font-weight:800;line-height:1.35}.pet-cmd-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pet-cmd-modes,.pet-cmd-speeds{flex-wrap:nowrap;gap:4px;display:inline-flex}.pet-cmd-modes button,.pet-cmd-speeds button,.pet-cmd-log-focus,.pet-cmd-more-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:11px;line-height:1.2}.pet-cmd-modes button.on,.pet-cmd-speeds button.on,.pet-cmd-log-focus.on,.pet-cmd-more-btn.on{border-color:var(--accent);color:var(--accent);font-weight:700}.pet-cmd-more-panel{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.pet-cmd-pause{border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.pet-cmd-pause.on{color:#b45309;border-color:color-mix(in srgb,#f59e0b 45%,var(--border));background:color-mix(in srgb,#f59e0b 12%,var(--bg-card));font-weight:700}.pet-cmd-res{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:11px;font-weight:700;display:flex}.pet-cmd-res .weave{color:#7c3aed}.pet-cmd-res .warn{color:#b45309}.pet-cmd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pet-cmd-tile-wrap{min-width:0;position:relative}.pet-cmd-tile{text-align:left;border:1px solid var(--border);background:var(--bg-card);width:100%;min-height:64px;color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px 8px 8px;display:flex;position:relative}.pet-cmd-tile-wrap.rec .pet-cmd-tile{border-color:color-mix(in srgb,#f59e0b 55%,var(--border));box-shadow:0 0 0 2px #f59e0b38}.pet-cmd-tile-wrap.interrupt .pet-cmd-tile{border-left:3px solid #f59e0b}.pet-cmd-tile-wrap.dim .pet-cmd-tile,.pet-cmd-tile:disabled{opacity:.45;cursor:not-allowed}.pet-cmd-tile.ai{color:var(--text-muted);border-style:dashed}.pet-cmd-tile-emoji{font-size:16px;line-height:1}.pet-cmd-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.pet-cmd-tile-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 6px;font-size:10px;line-height:1.2;display:flex}.pet-cmd-tile-meta em{color:var(--text-secondary);font-style:normal;font-weight:800}.pet-cmd-tile-hint{color:#b45309;font-size:10px;font-weight:800;line-height:1.2}.pet-cmd-tile-cd{background:var(--bg-elevated);min-width:16px;height:16px;color:var(--text-muted);border-radius:99px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;display:inline-flex;position:absolute;top:4px;right:18px}.pet-cmd-info{z-index:1;background:color-mix(in srgb,var(--bg-elevated) 80%,transparent);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border:none;border-radius:99px;padding:0;font-size:11px;font-weight:800;line-height:1;position:absolute;top:2px;right:2px}.pet-cmd-info[aria-pressed=true],.pet-cmd-tile-wrap.inspect .pet-cmd-info{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-card))}.pet-cmd-inspect{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin:0;padding:6px 8px;font-size:12px;line-height:1.45}.pet-cmd-inspect strong{margin-right:6px}.pet-battle-log.live-play{--pet-live-hud:min(42%, 260px)}.pet-battle-log.live-play .pet-battle-stage{flex:0 1 var(--pet-live-hud);max-height:var(--pet-live-hud);min-height:0;overflow:auto}.pet-battle-log.live-play.log-focus .pet-battle-stage{display:none}.pet-battle-log.live-play .pet-battle-lines{flex:auto;min-height:120px;font-size:13px}.pet-battle-log.live-play .pet-beat.newest{padding:8px 10px;font-size:13px}.pet-battle-log.live-play .pet-beat.newest .pet-beat-headline{font-size:13px}.pet-battle-log.live-play .pet-battle-log-btns .pet-battle-summary,.pet-battle-log.live-play .pet-battle-log-btns .pet-session-speeds{display:none}@media (width<=900px){.pet-panel.battle-play .pet-panel-sub,.pet-panel.battle-play .pet-tabs{display:none}.pet-panel.battle-play .pet-panel-head{padding:8px 12px 6px}.pet-panel.battle-play .pet-panel-body{padding:8px 10px 10px}.pet-battle-log.live-play{--pet-live-hud:min(32%, 210px)}.pet-battle-log.live-play .pet-duel-arena:not(.hunt) .pet-duel-focus-row{display:none}}.pet-battle-log.live-play:has(.pet-duel-arena.hunt){--pet-live-hud:min(40%, 260px)}@media (width<=520px){.pet-panel.battle-play{border-radius:0;height:100dvh;max-height:100dvh}.pet-battle-log.live-play{--pet-live-hud:min(26%, 150px)}.pet-battle-log.live-play:has(.pet-duel-arena.hunt){--pet-live-hud:min(36%, 220px)}.pet-cmd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-cmd-tile{min-height:58px;padding:7px 22px 7px 7px}.pet-cmd-banner{font-size:12px}.pet-battle-log.live-play .pet-battle-lines{min-height:28vh}.pet-battle-log.live-play .pet-duel-arena:not(.hunt) .pet-duel-portrait{border-radius:8px;width:28px;height:28px}.pet-battle-log.live-play .pet-duel-arena:not(.hunt) .pet-duel-portrait .pet-portrait,.pet-battle-log.live-play .pet-duel-arena:not(.hunt) .pet-duel-portrait .pet-portrait-frame,.pet-battle-log.live-play .pet-duel-arena:not(.hunt) .pet-duel-portrait .pet-portrait-img{width:28px;max-width:28px;height:28px;max-height:28px}.pet-battle-log.live-play .pet-duel-arena:not(.hunt) .pet-duel-side.card{padding:6px 8px}}@media (width<=360px){.pet-cmd-grid{grid-template-columns:1fr 1fr}}.pet-skill-tag{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);vertical-align:middle;border-radius:999px;margin-left:0;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700;line-height:1.3;display:inline-block}.pet-skill-tag.party{color:#0d9488;border-color:color-mix(in srgb,#14b8a6 40%,var(--border));background:#14b8a61f}.pet-skill-tag.interrupt{color:#b45309;border-color:color-mix(in srgb,#f59e0b 45%,var(--border));background:#f59e0b24}.pet-duel-focus .pet-duel-sk-face{opacity:.55}.pet-duel-focus.broken .pet-duel-sk-face{opacity:.18}.pet-duel-focus .pet-duel-sk-emoji{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#b45309;text-shadow:0 1px #ffffff8c;font-size:12px;font-style:normal;font-weight:900;line-height:1}.pet-duel-focus.broken .pet-duel-sk-emoji{color:#94a3b8;text-shadow:none;opacity:.9}.pet-duel-side.compact .pet-duel-focus .pet-duel-sk-emoji{font-size:10px}[data-theme=dark] .pet-duel-focus .pet-duel-sk-emoji{color:#fde68a;text-shadow:0 1px 1px #0f172a8c}[data-theme=dark] .pet-duel-focus.broken .pet-duel-sk-emoji{color:#cbd5e1;text-shadow:none}.pet-duel-focus-row{border-top:1px dashed color-mix(in srgb, var(--border) 75%, transparent);flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;margin-top:8px;padding-top:7px;display:flex;overflow:visible}.pet-duel-focus-row.foe{justify-content:flex-end}.pet-duel-focus-sep{display:none}.pet-duel-sk-row{flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.pet-duel-sk-row.foe{justify-content:flex-end}.pet-duel-sk{flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .25s,filter .25s;display:inline-flex;position:relative}.pet-duel-sk[data-tip],.pet-duel-st[data-tip]{cursor:help}.pet-duel-sk:hover,.pet-duel-st:hover{z-index:24}.pet-duel-sk[data-tip]:after,.pet-duel-st[data-tip]:after{content:attr(data-tip);z-index:30;min-width:max-content;max-width:140px;color:var(--text-primary);white-space:nowrap;text-align:center;background:color-mix(in srgb, var(--bg-card) 96%, #0f172a);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:8px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 20px #0f172a24}.pet-duel-side.foe .pet-duel-sk[data-tip]:after,.pet-duel-side.foe .pet-duel-st[data-tip]:after{left:auto;right:0;transform:translateY(4px)}.pet-duel-sk[data-tip]:hover:after,.pet-duel-st[data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.pet-duel-side.foe .pet-duel-sk[data-tip]:hover:after,.pet-duel-side.foe .pet-duel-st[data-tip]:hover:after{transform:translateY(0)}.pet-duel-sk-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pet-duel-sk-ring-bg{fill:color-mix(in srgb, var(--bg-card) 90%, #000);stroke:var(--border);stroke-width:1.2px}.pet-duel-sk-ring{fill:none;stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray .35s}.pet-duel-sk-face{opacity:.2;transition:opacity .25s}.pet-duel-sk.ready .pet-duel-sk-face{opacity:.32}.pet-duel-sk.cooling .pet-duel-sk-face{opacity:.1}.pet-duel-sk.pet-duel-focus .pet-duel-sk-face,.pet-duel-sk.pet-duel-focus.ready .pet-duel-sk-face{opacity:.55}.pet-duel-sk.pet-duel-focus.broken .pet-duel-sk-face{opacity:.18}.pet-duel-sk-emoji{z-index:1;filter:saturate(1.08);font-size:12px;font-style:normal;line-height:1;transition:filter .25s,opacity .25s,transform .25s;position:relative}.pet-duel-sk.cooling .pet-duel-sk-emoji{opacity:.55;filter:grayscale(.4)saturate(.65)}.pet-duel-sk-cd{z-index:2;font-variant-numeric:tabular-nums;color:#fff;background:linear-gradient(#0f172a,#334155);border:1px solid #94a3b88c;border-radius:99px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:11px;font-style:normal;font-weight:800;line-height:1;transition:transform .2s,background .2s;display:inline-flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #0000003d}.pet-duel-sk.flash-cast{animation:.42s pet-duel-sk-cast}.pet-duel-sk.flash-ready{animation:.72s pet-duel-sk-ready}.pet-duel-sk.flash-tick .pet-duel-sk-cd{animation:.4s pet-duel-sk-tick}.pet-duel-sk.ready:not(.flash-cast):not(.flash-ready):not(.pet-duel-focus){animation:2.4s ease-in-out infinite pet-duel-sk-idle}@keyframes pet-duel-sk-cast{0%{transform:scale(1)}35%{transform:scale(.86)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pet-duel-sk-ready{0%{filter:brightness();transform:scale(.92)}40%{filter:brightness(1.25);transform:scale(1.18)}to{filter:brightness();transform:scale(1)}}@keyframes pet-duel-sk-tick{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes pet-duel-sk-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.pet-duel-st-row{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.pet-duel-st{border:1px solid var(--border);background:var(--bg-card);width:24px;height:24px;color:var(--text-secondary);border-radius:9px;flex:none;justify-content:center;align-items:center;transition:transform .2s,opacity .25s,box-shadow .2s;animation:.28s pet-duel-st-in;display:inline-flex;position:relative;box-shadow:0 1px 2px #0f172a0f}@keyframes pet-duel-st-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pet-duel-st:hover{z-index:3;transform:translateY(-1px)scale(1.08)}.pet-duel-st-buff{color:#15803d;border-color:color-mix(in srgb, #22c55e 42%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, #bbf7d0 28%, var(--bg-card)), color-mix(in srgb, #86efac 12%, var(--bg-card)))}.pet-duel-st-debuff{color:#b91c1c;border-color:color-mix(in srgb, #ef4444 42%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, #fecaca 28%, var(--bg-card)), color-mix(in srgb, #fca5a5 12%, var(--bg-card)))}.pet-duel-st-special{color:#a16207;border-color:color-mix(in srgb, #f59e0b 48%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, #fde68a 30%, var(--bg-card)), color-mix(in srgb, #fcd34d 12%, var(--bg-card)))}[data-theme=dark] .pet-duel-st-buff{color:#86efac;background:linear-gradient(180deg, color-mix(in srgb, #166534 45%, var(--bg-card)), color-mix(in srgb, #14532d 22%, var(--bg-card)))}[data-theme=dark] .pet-duel-st-debuff{color:#fda4af;background:linear-gradient(180deg, color-mix(in srgb, #9f1239 42%, var(--bg-card)), color-mix(in srgb, #7f1d1d 20%, var(--bg-card)))}[data-theme=dark] .pet-duel-st-special{color:#fde68a;background:linear-gradient(180deg, color-mix(in srgb, #a16207 42%, var(--bg-card)), color-mix(in srgb, #78350f 20%, var(--bg-card)))}.pet-duel-st-ico{width:14px;height:14px;display:block}.pet-duel-st-ico svg{width:100%;height:100%;display:block}.pet-duel-st-badge{font-variant-numeric:tabular-nums;color:#fff;background:#0f172a;border:1px solid #94a3b880;border-radius:99px;justify-content:center;align-items:center;min-width:12px;height:12px;padding:0 3px;font-size:8px;font-style:normal;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:-4px;right:-4px}.pet-duel-badges{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.pet-duel-side.foe .pet-duel-badges{justify-content:flex-end}.pet-duel-badges span{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:99px;padding:3px 6px;font-size:10px;line-height:1}.pet-battle-float-layer{pointer-events:none;z-index:5;justify-content:center;width:min(94%,340px);min-height:0;margin:2px auto 10px;animation:.32s cubic-bezier(.22,1,.36,1) pet-battle-float-in;display:flex;position:relative}.pet-battle-float-layer.side-me{margin-left:3%;margin-right:auto}.pet-battle-float-layer.side-foe{margin-left:auto;margin-right:3%}.pet-battle-float-layer.leaving{animation:.4s forwards pet-battle-float-out}.pet-battle-float-card{text-align:center;border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:linear-gradient(180deg, color-mix(in srgb, #fff 78%, var(--bg-card)), color-mix(in srgb, var(--bg-card) 94%, #e2e8f0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;min-width:132px;max-width:100%;padding:12px 16px 11px;position:relative;overflow:hidden;box-shadow:0 14px 32px #0f172a29,inset 0 0 0 1px #ffffff73}.pet-battle-float-card:before{content:"";background:linear-gradient(#94a3b8,#64748b);width:3px;position:absolute;top:0;bottom:0;left:0}.pet-battle-float-layer.impact-hit .pet-battle-float-card:before,.pet-battle-float-layer.impact-crit .pet-battle-float-card:before,.pet-battle-float-layer.impact-ult .pet-battle-float-card:before{background:linear-gradient(#fb923c,#ef4444)}.pet-battle-float-layer.impact-heal .pet-battle-float-card:before,.pet-battle-float-layer.impact-cover .pet-battle-float-card:before{background:linear-gradient(#4ade80,#16a34a)}.pet-battle-float-layer.impact-buff .pet-battle-float-card:before,.pet-battle-float-layer.impact-guard .pet-battle-float-card:before{background:linear-gradient(#38bdf8,#0284c7)}.pet-battle-float-layer.impact-debuff .pet-battle-float-card:before,.pet-battle-float-layer.impact-control .pet-battle-float-card:before,.pet-battle-float-layer.impact-stun .pet-battle-float-card:before{background:linear-gradient(#fbbf24,#d97706)}.pet-battle-float-layer.impact-crit .pet-battle-float-card,.pet-battle-float-layer.impact-ult .pet-battle-float-card{border-color:color-mix(in srgb, #f59e0b 48%, var(--border))}.pet-battle-float-layer.impact-heal .pet-battle-float-card{border-color:color-mix(in srgb, #22c55e 42%, var(--border))}.pet-battle-float-stamp{letter-spacing:.06em;color:#9a3412;background:color-mix(in srgb, #fde68a 45%, var(--bg-card));border:1px solid color-mix(in srgb, #f59e0b 40%, var(--border));border-radius:999px;margin:0 0 4px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.pet-battle-float-layer.impact-heal .pet-battle-float-stamp{color:#166534;background:color-mix(in srgb, #bbf7d0 40%, var(--bg-card));border-color:color-mix(in srgb, #22c55e 40%, var(--border))}.pet-battle-float-skill{letter-spacing:.02em;color:var(--text-primary);font-size:14px;font-style:normal;font-weight:800;line-height:1.2}.pet-battle-float-text{color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.25}.pet-battle-float-nums{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px;margin-top:5px;display:flex}.pet-battle-float-dmg{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#dc2626;text-shadow:0 1px #ffffff80;font-size:30px;font-weight:900;line-height:1;animation:.38s cubic-bezier(.22,1,.36,1) pet-battle-float-pop}.pet-battle-float-layer.impact-crit .pet-battle-float-dmg{color:#ea580c;font-size:34px}.pet-battle-float-heal{font-variant-numeric:tabular-nums;color:#16a34a;font-size:28px;font-weight:900;line-height:1;animation:.38s cubic-bezier(.22,1,.36,1) pet-battle-float-pop}.pet-battle-float-reflect{color:#7c3aed;font-size:12px;font-weight:800}.pet-battle-float-tags{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;display:flex}.pet-battle-float-tags span{color:#92400e;background:color-mix(in srgb, #fde68a 35%, var(--bg-card));border:1px solid color-mix(in srgb, #f59e0b 35%, var(--border));border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}@keyframes pet-battle-float-in{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pet-battle-float-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes pet-battle-float-pop{0%{opacity:.35;transform:scale(.65)}55%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pet-battle-float-layer,.pet-battle-float-layer.leaving,.pet-battle-float-dmg,.pet-battle-float-heal,.pet-duel-acting-tag,.pet-duel-sk.ready:not(.flash-cast):not(.flash-ready),.pet-duel-st,.pet-duel-meter.low .pet-duel-meter-fill.hp{animation:none!important}}.pet-battle-line-main{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pet-battle-line-text{min-width:0}.pet-battle-dmg{font-variant-numeric:tabular-nums;color:var(--danger,#ef4444);letter-spacing:-.02em;flex-shrink:0;font-size:15px;font-weight:900}.pet-battle-reflect{color:#0369a1;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.pet-battle-flavor{color:var(--text-primary);opacity:.88;margin-top:2px;font-size:11px;font-weight:650;line-height:1.35}.pet-beat.impact-intent .pet-battle-flavor,.pet-beat.impact-round .pet-battle-flavor{display:none}.pet-battle-tags{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.pet-tag{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:99px;padding:2px 5px;font-size:10px;line-height:1}.pet-tag.weak,.pet-tag.allout{color:#b45309;border-color:color-mix(in srgb, #f59e0b 45%, var(--border));background:color-mix(in srgb, #f59e0b 14%, var(--bg-card))}.pet-tag.crit,.pet-tag.charged,.pet-tag.heavy{color:#be123c;border-color:color-mix(in srgb, #f43f5e 45%, var(--border));background:color-mix(in srgb, #f43f5e 12%, var(--bg-card))}.pet-tag.dodge{color:#0369a1;border-color:color-mix(in srgb, #0ea5e9 45%, var(--border));background:color-mix(in srgb, #0ea5e9 12%, var(--bg-card))}.pet-tag.miss,.pet-tag.resist{color:#475569;border-color:color-mix(in srgb, #94a3b8 45%, var(--border));background:color-mix(in srgb, #94a3b8 14%, var(--bg-card))}.pet-tag.guarded,.pet-tag.burst,.pet-tag.reflect{color:#0369a1;border-color:color-mix(in srgb, #0ea5e9 45%, var(--border));background:color-mix(in srgb, #0ea5e9 12%, var(--bg-card))}.pet-tag.broken,.pet-tag.downed,.pet-tag.stun{color:#6d28d9;border-color:color-mix(in srgb, #8b5cf6 45%, var(--border));background:color-mix(in srgb, #8b5cf6 12%, var(--bg-card))}.pet-tag.vulnerable{color:#9a3412;border-color:color-mix(in srgb, #ea580c 45%, var(--border));background:color-mix(in srgb, #ea580c 12%, var(--bg-card))}.pet-tag.sash,.pet-tag.first_chip,.pet-tag.relic{color:#0f766e;border-color:color-mix(in srgb, #14b8a6 45%, var(--border));background:color-mix(in srgb, #14b8a6 12%, var(--bg-card))}.pet-tag.buff,.pet-tag.charge{color:#15803d;border-color:color-mix(in srgb, #22c55e 45%, var(--border));background:color-mix(in srgb, #22c55e 12%, var(--bg-card))}.pet-tag.debuff,.pet-tag.mark{color:#b45309;border-color:color-mix(in srgb, #f59e0b 45%, var(--border));background:color-mix(in srgb, #f59e0b 12%, var(--bg-card))}[data-theme=dark] .pet-tag.weak,[data-theme=dark] .pet-tag.allout,[data-theme=dark] .pet-tag.debuff,[data-theme=dark] .pet-tag.mark{color:#fbbf24}[data-theme=dark] .pet-tag.crit,[data-theme=dark] .pet-tag.charged,[data-theme=dark] .pet-tag.heavy{color:#fda4af}[data-theme=dark] .pet-tag.dodge,[data-theme=dark] .pet-tag.guarded,[data-theme=dark] .pet-tag.burst,[data-theme=dark] .pet-tag.reflect{color:#7dd3fc}[data-theme=dark] .pet-tag.miss,[data-theme=dark] .pet-tag.resist{color:#cbd5e1}[data-theme=dark] .pet-tag.broken,[data-theme=dark] .pet-tag.downed,[data-theme=dark] .pet-tag.stun{color:#c4b5fd}[data-theme=dark] .pet-tag.vulnerable,[data-theme=dark] .pet-tag.control,[data-theme=dark] .pet-tag.enrage{color:#fdba74}[data-theme=dark] .pet-tag.sash,[data-theme=dark] .pet-tag.first_chip,[data-theme=dark] .pet-tag.relic{color:#5eead4}[data-theme=dark] .pet-tag.buff,[data-theme=dark] .pet-tag.charge,[data-theme=dark] .pet-tag.cover,[data-theme=dark] .pet-tag.heal{color:#86efac}[data-theme=dark] .pet-battle-reflect{color:#7dd3fc}.pet-battle-line.banner{color:var(--text-primary);font-weight:800}.pet-battle-line.intent{color:var(--text-muted)}.pet-battle-line.charge,.pet-battle-line.mark,.pet-battle-line.guard{color:var(--text-primary)}.pet-duel-vs{background:conic-gradient(from 210deg, #38bdf8 0 32%, #1e293b 46% 54%, #fb7185 68% 100%);width:40px;height:40px;box-shadow:0 0 0 2px color-mix(in srgb, var(--bg-card) 88%, transparent), 0 6px 16px #0f172a33;border:none;border-radius:50%;justify-content:center;align-self:center;align-items:center;padding:2px;display:flex;position:relative;overflow:hidden}.pet-duel-vs-core{background:radial-gradient(circle at 38% 30%,#424b5a,#0f172a 70%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff38}.pet-duel-vs-mark{letter-spacing:.06em;color:#fff;white-space:nowrap;text-shadow:0 0 10px #fbbf2480,0 1px 1px #000;font-size:12px;font-style:italic;font-weight:900;line-height:1}.pet-duel-vs.hunt{width:36px;height:44px;box-shadow:none;background:0 0;border-radius:0;padding:0;overflow:visible}.pet-duel-vs-diamond{box-shadow:0 0 0 2px color-mix(in srgb, var(--bg-elevated) 88%, transparent), 0 6px 14px #c2410c52, inset 0 1px 0 #ffffff59;background:linear-gradient(135deg,#fdba74 0%,#ea580c 42%,#9a3412 100%);border-radius:7px;position:absolute;inset:7px 5px;transform:rotate(45deg)}.pet-duel-vs.hunt .pet-duel-vs-core{z-index:1;box-shadow:none;background:0 0;border-radius:0;position:relative;overflow:visible}.pet-duel-vs.hunt .pet-duel-vs-mark{letter-spacing:.04em;color:#fff7ed;text-shadow:0 1px 2px #7c2d12,0 0 10px #fb923cb3;font-size:11px;font-style:italic}.pet-duel-vs.fighting{box-shadow:0 0 0 3px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, transparent), 0 0 18px #fb718552;animation:1s ease-in-out infinite pet-vs-pulse}.pet-duel-vs.hunt.fighting{box-shadow:none;animation:1.1s ease-in-out infinite pet-vs-hunt-pulse}.pet-duel-vs.hunt.fighting .pet-duel-vs-diamond{box-shadow:0 0 0 2px #fdba748c,0 0 16px #fb923c73,inset 0 1px #fff6}@keyframes pet-vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pet-vs-hunt-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.pet-duel-vs.fighting{animation:none}}@media (width<=520px){.pet-duel-vs{width:34px;height:34px}.pet-duel-vs-mark{font-size:11px}.pet-duel-vs.hunt{width:32px;height:40px}.pet-duel-vs.hunt .pet-duel-vs-mark{font-size:10px}}.pet-duel-arena.hunt .pet-duel-side.card{border-radius:10px;padding:5px 6px}.pet-duel-arena.hunt .pet-duel-card-head{gap:5px;margin-bottom:2px}.pet-duel-arena.hunt .pet-duel-portrait{border-radius:7px;width:22px;height:22px}.pet-duel-arena.hunt .pet-duel-portrait .pet-portrait,.pet-duel-arena.hunt .pet-duel-portrait .pet-portrait-frame,.pet-duel-arena.hunt .pet-duel-portrait .pet-portrait-img{width:22px;max-width:22px;height:22px;max-height:22px}.pet-duel-arena.hunt .pet-duel-side.card.acting:not(.foe) .pet-duel-name,.pet-duel-arena.hunt .pet-duel-side.card.acting.foe .pet-duel-name{padding-left:0;padding-right:0}.pet-duel-arena.hunt .pet-duel-meter.hp{gap:0;margin-top:0;display:flex;position:relative}.pet-duel-arena.hunt .pet-duel-meter.hp .pet-duel-meter-track{width:100%}.pet-duel-arena.hunt .pet-duel-meter.hp .pet-duel-meter-bar{height:11px}.pet-duel-arena.hunt .pet-duel-meter.hp>span{z-index:1;color:#fff;text-shadow:0 1px 2px #0f172ab8;pointer-events:none;font-size:9px;font-weight:800;line-height:1;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.pet-duel-arena.hunt .pet-duel-side.foe .pet-duel-meter.hp>span{left:5px;right:auto}.pet-duel-arena.hunt .pet-duel-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:3px}.pet-duel-arena.hunt .pet-duel-mini-grid .pet-duel-meter{gap:0;position:relative}.pet-duel-arena.hunt .pet-duel-mini-grid .pet-duel-meter-track{width:100%}.pet-duel-arena.hunt .pet-duel-mini-grid .pet-duel-meter-bar{width:100%;min-width:0;height:4px}.pet-duel-arena.hunt .pet-duel-mini-grid .pet-duel-meter>span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pet-duel-arena.hunt .pet-duel-focus-row{border-top-color:color-mix(in srgb, var(--border) 55%, transparent);flex-wrap:wrap;align-items:center;gap:2px;margin-top:3px;padding-top:3px;display:flex}.pet-duel-arena.hunt .pet-duel-icon-strip{gap:2px}.pet-duel-arena.hunt .pet-duel-sk,.pet-duel-arena.hunt .pet-duel-side.compact .pet-duel-sk{width:16px;height:16px}.pet-duel-arena.hunt .pet-duel-sk-emoji,.pet-duel-arena.hunt .pet-duel-side.compact .pet-duel-sk-emoji{font-size:8px}.pet-duel-arena.hunt .pet-duel-focus .pet-duel-sk-emoji,.pet-duel-arena.hunt .pet-duel-side.compact .pet-duel-focus .pet-duel-sk-emoji{font-size:8px;font-weight:900}.pet-duel-arena.hunt .pet-duel-sk-cd,.pet-duel-arena.hunt .pet-duel-side.compact .pet-duel-sk-cd{min-width:9px;height:9px;padding:0 2px;font-size:7px;bottom:-2px;right:-2px}.pet-duel-arena.hunt .pet-duel-st,.pet-duel-arena.hunt .pet-duel-side.compact .pet-duel-st{border-radius:5px;width:15px;height:15px}.pet-duel-arena.hunt .pet-duel-st-ico,.pet-duel-arena.hunt .pet-duel-side.compact .pet-duel-st-ico{width:9px;height:9px}.pet-duel-arena.hunt .pet-duel-st-badge,.pet-duel-arena.hunt .pet-duel-side.compact .pet-duel-st-badge{min-width:8px;height:8px;font-size:6px}.pet-duel-arena.hunt .pet-card-bubble{top:4px;left:4px;right:4px}.pet-duel-arena.hunt .pet-card-bubble-body{border-radius:8px;padding:3px 6px}.pet-duel-arena.hunt .pet-card-bubble-skill{font-size:10px}.pet-duel-arena.hunt .pet-card-bubble-nums{margin-top:1px;font-size:13px}.pet-duel-arena.hunt .pet-card-bubble-tags{font-size:9px}.pet-duel-arena.hunt .pet-card-pop.dmg{font-size:16px}.pet-duel-arena.hunt .pet-card-pop.heal{font-size:14px}.pet-battle-log:not(.live-play) .pet-duel-arena.hunt.party-grid{max-height:min(38vh,240px)}.pet-skills{flex-direction:column;gap:10px;min-height:0;display:flex}.pet-skills--build{gap:0}.pet-skills--build .pet-skills-scroll{flex-direction:column;gap:8px;display:flex}.pet-build{flex-direction:column;gap:0;min-height:0;display:flex}.pet-build .pet-build-scroll{flex-direction:column;gap:8px;display:flex}.pet-skill-list{flex-direction:column;gap:6px;min-height:0;display:flex}.pet-skill{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 92%, #fff) 0%, var(--bg-elevated) 100%);border-radius:14px;padding:12px 12px 10px;box-shadow:inset 0 1px #fff6}.pet-skill.locked{opacity:1;background:color-mix(in srgb, var(--bg) 55%, var(--bg-elevated));border-style:dashed}.pet-skill-lock-badge{letter-spacing:.04em;color:#92400e;background:color-mix(in srgb, #fde68a 55%, var(--bg-card));border:1px solid color-mix(in srgb, #f59e0b 40%, var(--border));border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800}.pet-build-slot.on{border-color:var(--pet-accent,var(--accent-cyan));color:var(--text-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, transparent);font-weight:600}.pet-build-slot.active{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, var(--bg-card))}.pet-battle-log-actions{padding:10px 0 max(8px, env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, transparent, var(--bg-card) 28%);z-index:2;flex-wrap:wrap;flex-shrink:0;gap:8px;margin-top:auto;display:flex;position:sticky;bottom:0}.pet-battle-reward-chip{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, var(--bg-card))}.profile-pet-panel .pet-exp-bar,.profile-pet-panel .pet-stat-bar{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 18%, var(--border));border-radius:99px;height:8px}.profile-pet-panel .pet-exp-fill{background:linear-gradient(90deg, var(--pet-accent,var(--accent-cyan)), color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, #86efac))}.profile-pet-panel .pet-stat-fill{background:linear-gradient(90deg, var(--pet-accent,var(--accent-cyan)), color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, #86efac))}.pet-home .pet-stat-bar,.pet-home .pet-exp-bar{height:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent);border-radius:99px}.pet-skill-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.pet-skill-lv{color:var(--text-muted);text-align:right;flex-shrink:0;font-size:11px;font-weight:600}.pet-skill p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.pet-skill-effect{color:var(--accent-cyan);margin-top:6px;font-size:11px;font-weight:600;line-height:1.4}.pet-skill--row{border-radius:12px;flex:none;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:6px;min-height:0;padding:6px 8px 6px 5px;transition:border-color .15s,opacity .15s,background .15s,transform .12s;display:grid}.pet-skill--plan{cursor:grab;grid-template-columns:26px minmax(0,1fr);padding:8px 8px 8px 4px}.pet-skill--plan .pet-skill-rail--plan{flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;padding:2px 0 0;display:flex}.pet-skill--plan .pet-skill-drag{width:20px;height:12px;font-size:11px;line-height:1}.pet-skill--plan .pet-skill-ord{border-radius:6px;min-width:20px;height:20px;font-size:10px}.pet-skill-body--plan{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head actions""blurb actions""meta meta";align-items:start;gap:3px 8px;min-width:0;display:grid}.pet-skill-body--plan .pet-skill-title{flex-wrap:wrap;grid-area:head;font-size:13px}.pet-skill-body--plan .pet-skill-name{white-space:nowrap;max-width:none}.pet-skill-body--plan .pet-skill-kind{letter-spacing:.04em;flex-shrink:0;padding:1px 6px;font-size:9px}.pet-skill-blurb{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:blurb;margin:0;font-size:12px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.pet-skill-body--plan .pet-skill-costs{grid-area:meta;gap:4px;min-height:0}.pet-skill-body--plan .pet-skill-costs .pet-skill-chip.inline{padding:1px 6px 2px}.pet-skill-body--plan .pet-skill-costs .pet-skill-chip.inline b{-webkit-line-clamp:1;word-break:normal;-webkit-box-orient:vertical;font-size:10px;font-weight:650;display:-webkit-box;overflow:hidden}.pet-skill-body--plan .pet-skill-plan-actions{flex-shrink:0;grid-area:actions;align-self:start;align-items:center;gap:5px;padding-top:1px;display:flex}.pet-skill-reorder{flex-direction:row;gap:2px;display:inline-flex}.pet-skill-reorder button{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-card));width:22px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:0;font-size:11px;font-weight:800;line-height:1}.pet-skill-reorder button:hover:not(:disabled){border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border));color:var(--pet-accent,var(--accent-cyan));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 18%, var(--bg-card))}.pet-skill-reorder button:disabled{opacity:.35;cursor:not-allowed}.pet-skill--plan .pet-skill-stepper{border-radius:8px;padding:1px}.pet-skill--plan .pet-skill-stepper button{border-radius:6px;width:22px;height:22px;font-size:14px}.pet-skill--plan .pet-skill-lv-readout{min-width:2.2em}.pet-skill--plan .pet-skill-lv-readout b{font-size:12px}.pet-skill-remove{color:#fff;cursor:pointer;background:linear-gradient(145deg,#f87171,#ef4444);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;font-weight:700;line-height:1;transition:transform .1s,filter .1s;display:inline-flex;box-shadow:0 1px 4px #ef444459}.pet-skill-remove:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.05)}.pet-skill-remove:active:not(:disabled){transform:scale(.94)}.pet-skill-remove:disabled{opacity:.35;cursor:not-allowed}.pet-skill--plan.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}@media (width<=520px){.pet-skill-body--plan{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""blurb""meta""actions";gap:4px}.pet-skill-body--plan .pet-skill-title{flex-wrap:wrap}.pet-skill-body--plan .pet-skill-plan-actions{justify-content:flex-end;padding-top:0}}.pet-skill--row.in-order{cursor:grab}.pet-skill--row.in-order.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.pet-skill-no-drag{cursor:auto}.pet-skill-rail{touch-action:none}.pet-skill--row.dim{opacity:.78;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, var(--bg-elevated)) 0%, var(--bg-elevated) 100%)}.pet-skill--row.parked,.pet-skill--row.utility{border-style:dashed}.pet-skill-rail{flex-direction:column;align-items:center;gap:4px;padding-top:2px;display:flex}.pet-skill--row .pet-skill-ord{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 18%, var(--bg-card));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, var(--border));border-radius:8px;min-width:22px;height:22px;margin:0;padding:0;font-size:11px}.pet-skill-ord.locked-ord{color:var(--text-muted);background:var(--bg-card);border-color:var(--border);font-size:10px;font-weight:700}.pet-skill-body{flex-direction:column;gap:4px;min-width:0;display:flex}.pet-skill-headrow{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.pet-skill-title{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;font-size:13px;font-weight:700;line-height:1.25;display:flex}.pet-skill-glyph{flex-shrink:0;font-size:15px;line-height:1}.pet-skill-name{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:11.5em;font-weight:750;overflow:hidden}.pet-skill-stepper{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 32%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 8%, var(--bg-card));border-radius:10px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.pet-skill-stepper button{width:26px;height:26px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;font-size:15px;font-weight:800;line-height:1}.pet-skill-stepper button:hover:not(:disabled){background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, transparent);color:var(--pet-accent,var(--accent-cyan))}.pet-skill-stepper button:disabled{opacity:.35;cursor:not-allowed}.pet-skill-lv-readout{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:1px;min-width:2.6em;padding:0 2px;line-height:1;display:inline-flex}.pet-skill-lv-readout b{color:var(--text-primary);font-size:13px;font-weight:800}.pet-skill-lv-readout i{color:var(--text-muted);font-size:10px;font-style:normal;font-weight:650}.pet-skill-lv-readout.locked-lv{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:700}.pet-skill-utility-meta{color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.pet-skill-costs{flex-wrap:wrap;align-items:center;gap:4px 6px;min-height:14px;display:flex}.pet-skill-lv-dots{align-items:center;gap:2px;margin-right:2px;display:inline-flex}.pet-skill-lv-dots i{background:color-mix(in srgb, var(--text-muted) 28%, transparent);border-radius:999px;width:5px;height:5px}.pet-skill-lv-dots i.on{background:var(--pet-accent,var(--accent-cyan));box-shadow:0 0 0 1px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 35%, transparent)}.pet-skill-cost{font-variant-numeric:tabular-nums;color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 80%, transparent);border-radius:6px;align-items:baseline;gap:3px;padding:1px 6px 2px;font-size:10px;font-weight:700;line-height:1.35;display:inline-flex}.pet-skill-cost em{letter-spacing:.03em;color:var(--text-muted);font-size:9px;font-style:normal;font-weight:800}.pet-skill-cost.pill-cd{border-color:color-mix(in srgb,#64748b 40%,var(--border))}.pet-skill-cost.pill-mp{border-color:color-mix(in srgb,#38bdf8 45%,var(--border));color:#0369a1}.pet-skill-cost.pill-mp em{color:#0284c7}.pet-skill-cost.pill-sp{border-color:color-mix(in srgb,#a78bfa 45%,var(--border));color:#6d28d9}.pet-skill-cost.pill-sp em{color:#7c3aed}.pet-skill-cost.pill-en{border-color:color-mix(in srgb,#fb7185 40%,var(--border));color:#be123c}.pet-skill-cost.pill-en em{color:#e11d48}.pet-skill-cost.pill-free{color:var(--text-muted)}.pet-skill-budget{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 7%, var(--bg-elevated));border-radius:10px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.pet-skill-budget-meta{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:12px;display:flex}.pet-skill-budget-label{color:var(--text-secondary);font-weight:700}.pet-skill-budget-left{font-variant-numeric:tabular-nums;color:var(--pet-accent,var(--accent-cyan));font-size:18px;font-weight:800;line-height:1}.pet-skill-budget-total{color:var(--text-muted);font-weight:600}.pet-skill-budget-hint{color:var(--text-muted);margin-left:auto;font-size:10px;font-weight:600}.pet-skill-budget-track{background:color-mix(in srgb, var(--text-muted) 18%, transparent);border-radius:999px;height:4px;overflow:hidden}.pet-skill-budget-track i{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 70%, #fff), var(--pet-accent,var(--accent-cyan)));height:100%;display:block}.pet-tip--skill-build{margin:0;font-size:11px;line-height:1.4}.pet-tip--lock{color:#9a3412;border:1px solid color-mix(in srgb, #fb923c 35%, var(--border));background:#fb923c24;border-radius:8px;margin:0;padding:6px 8px;font-size:11px;line-height:1.4}[data-theme=dark] .pet-tip--lock{color:#fdba74}.pet-skills--build .pet-build-archetypes{margin-bottom:4px}.pet-skills--build .pet-build-arch-list{gap:6px}.pet-skills--build .pet-build-arch-card{padding:8px 10px}.pet-skills--build .pet-build-arch-card strong{font-size:12px}.pet-skills--build .pet-build-arch-card span{font-size:11px;line-height:1.35}.pet-skills--build .pet-goto-build{margin:4px 0 8px}.pet-skills--build .pet-kit-toggle,.pet-skills--build .pet-build-slots{margin-bottom:6px}.pet-skills--build .pet-build-actions{margin-top:0}.pet-skill--row .pet-skill-order-btns.compact{align-items:stretch;width:100%}.pet-skill--row .pet-skill-order-btns.compact button{border-radius:6px;width:100%;min-width:0;height:20px;font-size:10px}.pet-skill-order-add,.pet-skill-order-drop{letter-spacing:.02em;padding:0 2px!important;font-size:9px!important;font-weight:750!important}.pet-skill-drag{width:22px;height:18px;color:var(--text-muted);cursor:grab;letter-spacing:-.08em;touch-action:none;pointer-events:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;font-size:12px;line-height:1;display:inline-flex}.pet-skill--row.in-order:hover .pet-skill-drag{color:var(--pet-accent,var(--accent-cyan))}.pet-skill-drag:disabled{opacity:.35;cursor:not-allowed}.pet-skill--row.dragging{opacity:.55;border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border));box-shadow:0 6px 16px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 18%, transparent)}.pet-skill-insert-gap{justify-content:center;align-items:center;min-height:0;padding:1px 0;display:flex;position:relative}.pet-skill-insert-gap:before{content:"";background:color-mix(in srgb, var(--border) 80%, transparent);height:1px;position:absolute;top:50%;left:12px;right:12px}.pet-skill-list.reordering .pet-skill-insert-gap,.pet-skill-plan-list.reordering .pet-skill-insert-gap{visibility:hidden;height:0;min-height:0;padding:0;overflow:hidden}.pet-skill-insert-gap .pet-skill-insert-btn,.pet-skill-insert-gap button.pet-skill-insert-btn{z-index:1;border:1px dashed color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));background:var(--bg-card);width:18px;height:18px;color:var(--pet-accent,var(--accent-cyan));cursor:pointer;border-radius:999px;padding:0;font-size:13px;font-weight:800;line-height:1;transition:border-color .12s,background .12s,transform .12s;position:relative}.pet-skill-insert-gap button:hover:not(:disabled){background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 12%, var(--bg-card));border-style:solid;transform:scale(1.08)}.pet-skill-insert-gap button:disabled{opacity:.35;cursor:not-allowed}.pet-skill-clear{letter-spacing:.04em;min-width:26px;margin-left:2px;border:1px solid color-mix(in srgb, #fb7185 40%, var(--border))!important;color:#be123c!important;background:#fb71851a!important;border-radius:7px!important;width:auto!important;padding:0 5px!important;font-size:10px!important;font-weight:800!important}.pet-skill-clear:hover:not(:disabled){color:#e11d48!important;background:#fb718538!important}.pet-skill-clear:disabled{opacity:.35!important;border-color:var(--border)!important;color:var(--text-muted)!important;background:0 0!important}[data-theme=dark] .pet-skill-clear{color:#fda4af!important;border-color:color-mix(in srgb, #fb7185 45%, var(--border))!important}[data-theme=dark] .pet-skill-clear:hover:not(:disabled){color:#fecdd3!important}.pet-skill-fx{margin-top:2px}.pet-skill-fx.inactive{opacity:.85}.pet-skill-fx-head{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.pet-skill-fx-head.compact{flex-flow:wrap;align-items:baseline;gap:6px;margin-bottom:4px}.pet-skill-fx.compact{margin-top:0}.pet-skill-fx.compact .pet-skill-fx-hint{margin-top:0;font-size:10px}.pet-skill-fx.compact .pet-skill-chips{gap:4px}.pet-skill-kind{letter-spacing:.06em;border:1px solid #0000;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:800;line-height:1.4}.pet-skill-fx-head.compact .pet-skill-kind{flex-shrink:0;padding:1px 6px;font-size:9px}.pet-skill-desc{font-weight:500;color:var(--text-primary)!important;margin:0!important;font-size:12.5px!important;line-height:1.5!important}.pet-skill-fx-head.compact .pet-skill-desc{-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;min-width:0;font-weight:500;display:-webkit-box;overflow:hidden;color:var(--text-secondary)!important;font-size:11px!important;line-height:1.35!important}.pet-skill-fx-hint{color:var(--text-muted);margin:0;font-size:11px;font-weight:600;line-height:1.4}.pet-skill-fx-hint.muted{color:var(--text-muted);opacity:.9}.pet-skill-chips{flex-wrap:wrap;gap:6px;display:flex}.pet-skill-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;max-width:100%;padding:5px 8px 6px;line-height:1.35;display:inline-flex}.pet-skill-chip.inline{border-radius:7px;flex-direction:row;align-items:baseline;gap:4px;padding:2px 7px 3px}.pet-skill-chip.inline em{font-size:9px}.pet-skill-chip.inline b{font-size:10.5px;font-weight:700}.pet-skill-chip em{letter-spacing:.04em;opacity:.92;font-size:9px;font-style:normal;font-weight:800}.pet-skill-chip b{color:var(--text-primary);word-break:break-word;font-size:11px;font-weight:650}.pet-skill-kind.tone-damage,.pet-skill-chip.tone-damage{border-color:color-mix(in srgb,#fb7185 45%,var(--border));background:color-mix(in srgb,#fb7185 12%,var(--bg))}.pet-skill-kind.tone-damage,.pet-skill-chip.tone-damage em{color:#e11d48}.pet-skill-kind.tone-heal,.pet-skill-chip.tone-heal{border-color:color-mix(in srgb,#22c55e 45%,var(--border));background:color-mix(in srgb,#22c55e 12%,var(--bg))}.pet-skill-kind.tone-heal,.pet-skill-chip.tone-heal em{color:#15803d}.pet-skill-kind.tone-guard,.pet-skill-chip.tone-guard{border-color:color-mix(in srgb,#38bdf8 45%,var(--border));background:color-mix(in srgb,#38bdf8 12%,var(--bg))}.pet-skill-kind.tone-guard,.pet-skill-chip.tone-guard em{color:#0284c7}.pet-skill-kind.tone-cover,.pet-skill-chip.tone-cover{border-color:color-mix(in srgb,#0ea5e9 45%,var(--border));background:color-mix(in srgb,#0ea5e9 14%,var(--bg))}.pet-skill-kind.tone-cover,.pet-skill-chip.tone-cover em{color:#0369a1}.pet-skill-kind.tone-buff,.pet-skill-chip.tone-buff{border-color:color-mix(in srgb,#a78bfa 45%,var(--border));background:color-mix(in srgb,#a78bfa 14%,var(--bg))}.pet-skill-kind.tone-buff,.pet-skill-chip.tone-buff em{color:#7c3aed}.pet-skill-kind.tone-debuff,.pet-skill-chip.tone-debuff{border-color:color-mix(in srgb,#c084fc 45%,var(--border));background:color-mix(in srgb,#c084fc 12%,var(--bg))}.pet-skill-kind.tone-debuff,.pet-skill-chip.tone-debuff em{color:#9333ea}.pet-skill-kind.tone-gauge-pull,.pet-skill-chip.tone-gauge-pull{border-color:color-mix(in srgb,#14b8a6 45%,var(--border));background:color-mix(in srgb,#14b8a6 12%,var(--bg))}.pet-skill-kind.tone-gauge-pull,.pet-skill-chip.tone-gauge-pull em{color:#0f766e}.pet-skill-kind.tone-gauge-push,.pet-skill-chip.tone-gauge-push{border-color:color-mix(in srgb,#f97316 45%,var(--border));background:color-mix(in srgb,#f97316 12%,var(--bg))}.pet-skill-kind.tone-gauge-push,.pet-skill-chip.tone-gauge-push em{color:#c2410c}.pet-skill-kind.tone-interrupt,.pet-skill-chip.tone-interrupt{border-color:color-mix(in srgb,#f59e0b 50%,var(--border));background:color-mix(in srgb,#f59e0b 14%,var(--bg))}.pet-skill-kind.tone-interrupt,.pet-skill-chip.tone-interrupt em{color:#b45309}.pet-skill-kind.tone-windup,.pet-skill-chip.tone-windup{border-color:color-mix(in srgb,#e879f9 45%,var(--border));background:color-mix(in srgb,#e879f9 12%,var(--bg))}.pet-skill-kind.tone-windup,.pet-skill-chip.tone-windup em{color:#a21caf}.pet-skill-kind.tone-control,.pet-skill-chip.tone-control{border-color:color-mix(in srgb,#eab308 45%,var(--border));background:color-mix(in srgb,#eab308 12%,var(--bg))}.pet-skill-kind.tone-control,.pet-skill-chip.tone-control em{color:#a16207}.pet-skill-chip.tone-cost{border-color:color-mix(in srgb,var(--text-muted) 35%,var(--border));background:color-mix(in srgb,var(--text-muted) 8%,var(--bg))}.pet-skill-chip.tone-cost em{color:var(--text-muted)}.pet-skill-chip.tone-utility{border-color:color-mix(in srgb,#64748b 35%,var(--border));background:color-mix(in srgb,#64748b 8%,var(--bg))}.pet-skill-chip.tone-utility em{color:#475569}.pet-fx-chips{flex-wrap:wrap;gap:6px;display:flex}.pet-fx-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;max-width:100%;padding:5px 8px 6px;line-height:1.35;display:inline-flex}.pet-fx-chip em{letter-spacing:.04em;opacity:.92;font-size:9px;font-style:normal;font-weight:800}.pet-fx-chip b{color:var(--text-primary);word-break:break-word;font-size:11px;font-weight:650}.pet-fx-chip.tone-damage,.pet-skill-chip.tone-damage{border-color:color-mix(in srgb,#fb7185 45%,var(--border));background:color-mix(in srgb,#fb7185 12%,var(--bg))}.pet-fx-chip.tone-damage em,.pet-skill-kind.tone-damage,.pet-skill-chip.tone-damage em{color:#e11d48}.pet-fx-chip.tone-heal{border-color:color-mix(in srgb,#22c55e 45%,var(--border));background:color-mix(in srgb,#22c55e 12%,var(--bg))}.pet-fx-chip.tone-heal em{color:#15803d}.pet-fx-chip.tone-guard{border-color:color-mix(in srgb,#38bdf8 45%,var(--border));background:color-mix(in srgb,#38bdf8 12%,var(--bg))}.pet-fx-chip.tone-guard em{color:#0284c7}.pet-fx-chip.tone-cover{border-color:color-mix(in srgb,#0ea5e9 45%,var(--border));background:color-mix(in srgb,#0ea5e9 14%,var(--bg))}.pet-fx-chip.tone-cover em{color:#0369a1}.pet-fx-chip.tone-buff{border-color:color-mix(in srgb,#a78bfa 45%,var(--border));background:color-mix(in srgb,#a78bfa 14%,var(--bg))}.pet-fx-chip.tone-buff em{color:#7c3aed}.pet-fx-chip.tone-debuff{border-color:color-mix(in srgb,#c084fc 45%,var(--border));background:color-mix(in srgb,#c084fc 12%,var(--bg))}.pet-fx-chip.tone-debuff em{color:#9333ea}.pet-fx-chip.tone-gauge-pull{border-color:color-mix(in srgb,#14b8a6 45%,var(--border));background:color-mix(in srgb,#14b8a6 12%,var(--bg))}.pet-fx-chip.tone-gauge-pull em{color:#0f766e}.pet-fx-chip.tone-gauge-push{border-color:color-mix(in srgb,#f97316 45%,var(--border));background:color-mix(in srgb,#f97316 12%,var(--bg))}.pet-fx-chip.tone-gauge-push em{color:#c2410c}.pet-fx-chip.tone-interrupt{border-color:color-mix(in srgb,#f59e0b 50%,var(--border));background:color-mix(in srgb,#f59e0b 14%,var(--bg))}.pet-fx-chip.tone-interrupt em{color:#b45309}.pet-fx-chip.tone-windup{border-color:color-mix(in srgb,#e879f9 45%,var(--border));background:color-mix(in srgb,#e879f9 12%,var(--bg))}.pet-fx-chip.tone-windup em{color:#a21caf}.pet-fx-chip.tone-control{border-color:color-mix(in srgb,#eab308 45%,var(--border));background:color-mix(in srgb,#eab308 12%,var(--bg))}.pet-fx-chip.tone-control em{color:#a16207}.pet-fx-chip.tone-cost{border-color:color-mix(in srgb,var(--text-muted) 35%,var(--border));background:color-mix(in srgb,var(--text-muted) 8%,var(--bg))}.pet-fx-chip.tone-cost em{color:var(--text-muted)}.pet-fx-chip.tone-utility{border-color:color-mix(in srgb,#64748b 35%,var(--border));background:color-mix(in srgb,#64748b 8%,var(--bg))}.pet-fx-chip.tone-utility em{color:#475569}.pet-fx-chip.tone-set{background:linear-gradient(135deg,#06b6d429,#f59e0b1a);border-color:#5cb996d9;box-shadow:inset 0 0 0 1px #06b6d42e}.pet-fx-chip.tone-set em{color:#0e7490}.pet-fx-chip.tone-set.rarity-common{opacity:.72;filter:saturate(.55);box-shadow:none}.pet-fx-chip.tone-set.rarity-epic,.pet-fx-chip.tone-set.rarity-legendary{opacity:1;filter:none}.pet-fx-chip.tone-affix.rarity-common{border-color:color-mix(in srgb,#94a3b8 50%,var(--border));background:color-mix(in srgb,#94a3b8 12%,var(--bg))}.pet-fx-chip.tone-affix.rarity-common em{color:#64748b}.pet-fx-chip.tone-affix.rarity-rare{border-color:color-mix(in srgb,#3b82f6 50%,var(--border));background:color-mix(in srgb,#3b82f6 14%,var(--bg))}.pet-fx-chip.tone-affix.rarity-rare em{color:#2563eb}.pet-fx-chip.tone-affix.rarity-epic{border-color:color-mix(in srgb,#a855f7 55%,var(--border));background:color-mix(in srgb,#a855f7 16%,var(--bg))}.pet-fx-chip.tone-affix.rarity-epic em{color:#9333ea}.pet-fx-chip.tone-affix.rarity-legendary{border-color:color-mix(in srgb,#f59e0b 60%,var(--border));background:linear-gradient(135deg,#f59e0b2e,#fbbf241a)}.pet-fx-chip.tone-affix.rarity-legendary em{color:#d97706}.pet-equip-fx{flex-direction:column;gap:8px;margin-top:4px;display:flex}.pet-equip-fx-desc{color:var(--text-primary);margin:0;font-size:12.5px;font-weight:500;line-height:1.5}.pet-equip-fx-slot{color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.pet-equip-set-bonuses{margin-top:8px}.pet-equip-set-bonuses-title{letter-spacing:.04em;color:#0e7490;margin-bottom:6px;font-size:10px;font-weight:800}[data-theme=dark] .pet-equip-set-bonuses-title{color:#67e8f9}.pet-equip-tooltip .pet-fx-chip b,.pet-equip-tooltip .pet-equip-fx-desc{color:#e5e7eb}.pet-equip-tooltip .pet-fx-chip.tone-set em{color:#67e8f9}.pet-equip-tooltip .pet-fx-chip.tone-affix.rarity-common em{color:#cbd5e1}.pet-equip-tooltip .pet-fx-chip.tone-affix.rarity-rare em{color:#93c5fd}.pet-equip-tooltip .pet-fx-chip.tone-affix.rarity-epic em{color:#d8b4fe}.pet-equip-tooltip .pet-fx-chip.tone-affix.rarity-legendary em{color:#fcd34d}[data-theme=dark] .pet-skill{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 88%, #1e293b) 0%, var(--bg-elevated) 100%);box-shadow:none}[data-theme=dark] .pet-skill--row.dim{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 55%, var(--bg-elevated)) 0%, var(--bg-elevated) 100%)}[data-theme=dark] .pet-skill-desc{color:var(--text-secondary)!important}[data-theme=dark] .pet-skill-blurb{color:var(--text-secondary)}[data-theme=dark] .pet-skill-chip b,[data-theme=dark] .pet-fx-chip b{color:var(--text-primary)}[data-theme=dark] .pet-skill-cost.pill-mp{color:#7dd3fc}[data-theme=dark] .pet-skill-cost.pill-mp em{color:#38bdf8}[data-theme=dark] .pet-skill-cost.pill-sp{color:#c4b5fd}[data-theme=dark] .pet-skill-cost.pill-sp em{color:#a78bfa}[data-theme=dark] .pet-skill-cost.pill-en{color:#fda4af}[data-theme=dark] .pet-skill-cost.pill-en em{color:#fb7185}[data-theme=dark] .pet-skill-budget{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, var(--bg-elevated))}[data-theme=dark] .pet-skill-chip.tone-heal em,[data-theme=dark] .pet-fx-chip.tone-heal em{color:#86efac}[data-theme=dark] .pet-skill-chip.tone-guard em,[data-theme=dark] .pet-fx-chip.tone-guard em{color:#7dd3fc}[data-theme=dark] .pet-skill-chip.tone-cover em,[data-theme=dark] .pet-fx-chip.tone-cover em{color:#38bdf8}[data-theme=dark] .pet-skill-chip.tone-buff em,[data-theme=dark] .pet-fx-chip.tone-buff em{color:#c4b5fd}[data-theme=dark] .pet-skill-chip.tone-debuff em,[data-theme=dark] .pet-fx-chip.tone-debuff em{color:#e9d5ff}[data-theme=dark] .pet-skill-chip.tone-gauge-pull em,[data-theme=dark] .pet-fx-chip.tone-gauge-pull em{color:#5eead4}[data-theme=dark] .pet-skill-chip.tone-gauge-push em,[data-theme=dark] .pet-fx-chip.tone-gauge-push em{color:#fdba74}[data-theme=dark] .pet-skill-chip.tone-interrupt em,[data-theme=dark] .pet-fx-chip.tone-interrupt em{color:#fbbf24}[data-theme=dark] .pet-skill-chip.tone-windup em,[data-theme=dark] .pet-fx-chip.tone-windup em{color:#f0abfc}[data-theme=dark] .pet-skill-chip.tone-control em,[data-theme=dark] .pet-fx-chip.tone-control em{color:#fde68a}[data-theme=dark] .pet-skill-chip.tone-utility em,[data-theme=dark] .pet-fx-chip.tone-utility em{color:#cbd5e1}.pet-portrait{--pet-idle-dur:6.8s;--pet-walk-dur:1.1s;--pet-glow-dur:3.6s;flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.pet-portrait-frame{background:var(--bg-elevated);border:1px solid var(--border);aspect-ratio:1;border-radius:20px;width:148px;position:relative;overflow:hidden}.pet-portrait-frame.bare,.pet-portrait.bare .pet-portrait-frame{box-shadow:none;aspect-ratio:1;background:0 0;border:none;border-radius:0;overflow:visible}.pet-portrait.size-fab .pet-portrait-frame{width:88px}.pet-portrait-img{object-fit:contain;object-position:center;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:0 0;width:100%;height:100%;transition:transform .35s;display:block}.pet-portrait-frame:not(.bare){background:radial-gradient(120% 90% at 50% 40%, color-mix(in srgb, var(--pet-accent2,var(--accent-cyan)) 28%, transparent), color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 6%, var(--bg-elevated)) 70%)}.pet-portrait-img.bare{filter:drop-shadow(0 6px 12px #00000047);border-radius:0}[data-theme=light] .pet-portrait-img.bare{filter:drop-shadow(0 10px 16px #00206029)}.pet-portrait.mood-excited{--pet-idle-dur:4.6s;--pet-walk-dur:.8s;--pet-glow-dur:2.4s}.pet-portrait.mood-hungry{--pet-idle-dur:5.4s;--pet-walk-dur:.9s}.pet-portrait.mood-lonely{--pet-idle-dur:8s;--pet-walk-dur:1.35s;--pet-glow-dur:4.2s}.pet-portrait.mood-tired,.pet-portrait.mood-sleepy{--pet-idle-dur:9.2s;--pet-walk-dur:1.5s;--pet-glow-dur:5s}.pet-portrait.pose-rest:not(.locked) .pet-portrait-img{transform-origin:50% 85%;animation:pet-portrait-idle var(--pet-idle-dur) ease-in-out infinite}.pet-portrait.pose-walk:not(.locked) .pet-portrait-img{transform-origin:50% 85%;animation:pet-portrait-bob var(--pet-walk-dur) ease-in-out infinite}.pet-portrait[data-stage=egg].pose-rest:not(.locked) .pet-portrait-img{animation:pet-portrait-egg-wobble var(--pet-idle-dur) ease-in-out infinite}.pet-portrait.mood-tired.pose-rest:not(.locked) .pet-portrait-img,.pet-portrait.mood-sleepy.pose-rest:not(.locked) .pet-portrait-img{animation-name:pet-portrait-idle-drowsy}.pet-portrait[data-stage=egg].mood-tired.pose-rest:not(.locked) .pet-portrait-img,.pet-portrait[data-stage=egg].mood-sleepy.pose-rest:not(.locked) .pet-portrait-img{animation-name:pet-portrait-egg-wobble}.pet-portrait.size-fab.pose-rest:not(.locked) .pet-portrait-img{animation:none;transform:rotate(-3deg)scale(.98)}.pet-portrait.size-fab[data-stage=egg].pose-rest:not(.locked) .pet-portrait-img{animation:none;transform:none}@keyframes pet-portrait-idle{0%,to{transform:translateY(0)rotate(-2.5deg)scale(.985)}50%{transform:translateY(-1.5px)rotate(-2deg)scale(.99)}}@keyframes pet-portrait-idle-drowsy{0%,to{transform:translateY(.5px)rotate(-3.5deg)scale(.98)}50%{transform:translateY(1px)rotate(-4deg)scale(.978)}}@keyframes pet-portrait-bob{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-2px)rotate(.8deg)}}@keyframes pet-portrait-egg-wobble{0%,to{transform:translateY(0)rotate(-1deg)scale(.99)}25%{transform:translateY(0)rotate(-2.5deg)scale(.99)}50%{transform:translateY(-1px)rotate(1.8deg)scale(.992)}75%{transform:translateY(0)rotate(-1.5deg)scale(.99)}}.pet-portrait.current .pet-portrait-frame{border-color:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 55%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 25%, transparent), var(--shadow-sm)}.pet-portrait.locked{opacity:.72}.pet-portrait.locked .pet-portrait-frame{filter:grayscale(.55)brightness(.92)}.pet-portrait.size-sm .pet-portrait-frame{width:88px}.pet-portrait.size-md .pet-portrait-frame{width:148px}.pet-portrait.size-lg .pet-portrait-frame{width:220px;max-width:100%}.pet-portrait-lock{border-radius:inherit;background:#00000047;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.pet-portrait-badge{background:var(--accent-cyan);color:var(--bg-base);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.pet-portrait-label{font-size:13px;font-weight:700}.pet-portrait-blurb{color:var(--text-muted);font-size:11px;line-height:1.4}.pet-claim-section-title{color:var(--text-secondary);margin:4px 0 8px;font-size:12px;font-weight:700}.pet-opt-grid.appearances{grid-template-columns:repeat(3,1fr)}.pet-opt-grid.variants{grid-template-columns:1fr 1fr}.pet-opt-portrait{justify-content:center;margin-bottom:6px;display:flex}.pet-opt-portrait .pet-portrait-frame{background:0 0;border:none;width:72px}.pet-motto{color:var(--pet-accent,var(--accent-cyan));margin:6px 0 8px;font-size:13px;font-weight:600}.pet-hero-art{flex-shrink:0}.pet-hero-art .pet-portrait-frame{width:112px}.pet-motion-switch{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;display:flex}.pet-motion-label{color:var(--text-secondary);margin-right:2px;font-size:11px;font-weight:700}.pet-motion-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;box-shadow:none;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.3;transform:none}.pet-motion-btn:hover{color:var(--text-primary);border-color:var(--border-active);opacity:1;box-shadow:none;transform:none}.pet-motion-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 12%, var(--bg-elevated))}.pet-motion-btn.active:hover{color:var(--accent-cyan);opacity:1;transform:none}.pet-motion-hint{color:var(--text-muted);margin:0 0 8px;font-size:11px;line-height:1.4}.pet-profile-link{color:var(--accent-cyan);margin-top:10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.pet-profile-link:hover{opacity:.85}.profile-pet-panel{max-width:920px}.profile-pet-hero{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.profile-pet-meta{flex:1;min-width:200px}.profile-pet-badges{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.profile-pet-motto{color:var(--accent-cyan);margin:0;font-size:16px;font-weight:600;line-height:1.45}.profile-pet-edit{max-width:420px;margin-bottom:24px}.profile-pet-section-title{border-top:1px solid var(--border);margin:22px 0 10px;padding-top:8px;font-size:14px;font-weight:700}.profile-pet-portraits{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:8px;display:grid}.profile-pet-unspent{color:var(--warning);margin:8px 0 0;font-size:12px}.profile-pet-feed-snippet{max-width:520px;margin-bottom:16px}.pet-feed-toast{z-index:195;max-width:260px}.pet-feed-toast-note{margin-bottom:4px;font-weight:600}.pet-feed-deltas{color:var(--accent-cyan);margin-top:2px;font-weight:600}.pet-feed-level-notes{color:var(--text-secondary);margin:6px 0 0;padding-left:16px;font-size:11px}.pet-feed-drops{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.pet-feed-drop{background:color-mix(in srgb, var(--accent-cyan) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--accent-cyan) 30%, var(--border));border-radius:99px;padding:2px 8px;font-size:11px}.pet-inline-feed-banner{background:color-mix(in srgb, var(--accent-cyan) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--accent-cyan) 35%, var(--border));color:var(--accent-cyan);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.pet-portrait-accessories-wrap{isolation:isolate;line-height:0;display:inline-block;position:relative}.pet-portrait-accessories-wrap>.pet-portrait-img,.pet-portrait-accessories-wrap>.pet-hd-img{z-index:2;display:block;position:relative}.pet-portrait-accessories-wrap>canvas.pet-portrait-rig{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pet-portrait.anim-on .pet-portrait-rig{filter:none;transform:none;animation:none!important}.pet-portrait-accessory{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pet-portrait-accessory.acc-scarf{z-index:3;transform:translateY(8%)scale(1.05)}.pet-portrait-accessory.acc-aura{opacity:.85;z-index:1;transform:scale(1.12)}.pet-portrait-accessory.acc-gear{z-index:3;filter:drop-shadow(0 1px 1.4px #0f172a38)}.pet-portrait-accessory.acc-gear.fitted{transform-origin:50%;will-change:transform}.pet-portrait-accessory.acc-gear.fitted.acc-aura,.pet-portrait-accessory.acc-gear.fitted.acc-body{transform:none}.pet-portrait-accessory.acc-gear.fitted.fx-pulse,.pet-portrait-accessory.acc-gear.fitted.acc-head.fx-pulse,.pet-portrait-accessory.acc-gear.fitted.acc-body.fx-pulse,.pet-portrait-accessory.acc-gear.fitted.acc-weapon.fx-pulse,.pet-portrait-accessory.acc-gear.fitted.acc-aura.fx-pulse{animation:1.6s ease-in-out infinite pet-gear-pulse-front}.pet-portrait-accessory.acc-gear.acc-gear-behind{z-index:1}.pet-portrait-accessory.acc-gear.acc-aura{z-index:1;opacity:.72;filter:none;mix-blend-mode:screen;transform:scale(1.04)}.pet-portrait-accessory.acc-gear.acc-body{z-index:1;opacity:.92;transform:none}.pet-portrait-accessory.acc-gear.acc-gear-scarf{z-index:4;opacity:1;transform:translateY(2%)scale(.9)}.pet-portrait[data-stage=juvenile] .pet-portrait-accessory.acc-gear.acc-gear-scarf,.pet-portrait-accessories-wrap[data-stage=juvenile] .pet-portrait-accessory.acc-gear.acc-gear-scarf{transform:translateY(6%)scale(.82)}.pet-portrait-accessory.acc-gear.acc-head{z-index:5;transform:translateY(2%)scale(.98)}.pet-portrait-accessory.acc-gear.acc-weapon{z-index:1;opacity:.92;transform:none}.pet-portrait[data-stage=egg] .pet-portrait-accessory.acc-gear.acc-aura,.pet-portrait-accessories-wrap[data-stage=egg] .pet-portrait-accessory.acc-gear.acc-aura{opacity:.8;transform:scale(1.08)}.pet-portrait[data-stage=juvenile] .pet-portrait-accessory.acc-gear.acc-head,.pet-portrait-accessories-wrap[data-stage=juvenile] .pet-portrait-accessory.acc-gear.acc-head{transform:translateY(6%)scale(.86)}.pet-portrait[data-stage=teen] .pet-portrait-accessory.acc-gear.acc-head,.pet-portrait-accessories-wrap[data-stage=teen] .pet-portrait-accessory.acc-gear.acc-head{transform:translateY(3%)scale(.96)}.pet-portrait[data-stage=adult] .pet-portrait-accessory.acc-gear.acc-head,.pet-portrait[data-stage=legend] .pet-portrait-accessory.acc-gear.acc-head,.pet-portrait-accessories-wrap[data-stage=adult] .pet-portrait-accessory.acc-gear.acc-head,.pet-portrait-accessories-wrap[data-stage=legend] .pet-portrait-accessory.acc-gear.acc-head{transform:translateY(1%)scale(1)}.pet-portrait[data-stage=juvenile] .pet-portrait-accessory.acc-gear.acc-body,.pet-portrait-accessories-wrap[data-stage=juvenile] .pet-portrait-accessory.acc-gear.acc-body{transform:translateY(2%)scale(.96)}.pet-portrait[data-stage=adult] .pet-portrait-accessory.acc-gear.acc-body,.pet-portrait[data-stage=legend] .pet-portrait-accessory.acc-gear.acc-body,.pet-portrait-accessories-wrap[data-stage=adult] .pet-portrait-accessory.acc-gear.acc-body,.pet-portrait-accessories-wrap[data-stage=legend] .pet-portrait-accessory.acc-gear.acc-body{transform:none}.pet-portrait.size-fab .pet-portrait-accessory.acc-gear.acc-head{transform:translateY(3%)scale(.9)}.pet-portrait.size-fab .pet-portrait-accessory.acc-gear.acc-weapon{transform:scale(.94)}.pet-portrait.size-fab .pet-portrait-accessory.acc-gear.acc-body{opacity:.88;transform:none}.pet-portrait-accessory.acc-gear.rarity-epic{filter:drop-shadow(0 1px 2px #a855f747)}.pet-portrait-accessory.acc-gear.rarity-legendary{filter:drop-shadow(0 1px 2.5px #f59e0b59)}.pet-portrait[data-stage=legend].pose-rest:not(.locked) .pet-portrait-img{animation:pet-portrait-idle var(--pet-idle-dur) ease-in-out infinite, pet-legend-glow var(--pet-glow-dur) ease-in-out infinite}.pet-portrait[data-stage=legend].pose-walk:not(.locked) .pet-portrait-img{animation:pet-portrait-bob var(--pet-walk-dur) ease-in-out infinite, pet-legend-glow var(--pet-glow-dur) ease-in-out infinite}.pet-portrait[data-stage=legend].mood-tired.pose-rest:not(.locked) .pet-portrait-img,.pet-portrait[data-stage=legend].mood-sleepy.pose-rest:not(.locked) .pet-portrait-img{animation:pet-portrait-idle-drowsy var(--pet-idle-dur) ease-in-out infinite, pet-legend-glow var(--pet-glow-dur) ease-in-out infinite}.pet-portrait[data-stage=legend].pose-stand:not(.locked) .pet-portrait-img{animation:pet-legend-glow var(--pet-glow-dur) ease-in-out infinite}.pet-portrait.size-fab[data-stage=legend].pose-rest:not(.locked) .pet-portrait-img{animation:pet-legend-glow var(--pet-glow-dur) ease-in-out infinite;transform:rotate(-3deg)scale(.98)}.pet-portrait.size-fab[data-stage=legend].mood-tired.pose-rest:not(.locked) .pet-portrait-img,.pet-portrait.size-fab[data-stage=legend].mood-sleepy.pose-rest:not(.locked) .pet-portrait-img{animation:pet-legend-glow var(--pet-glow-dur) ease-in-out infinite;transform:rotate(-3.5deg)scale(.98)}.pet-portrait.anim-on.pose-rest:not(.locked) .pet-portrait-img,.pet-portrait.anim-on.pose-walk:not(.locked) .pet-portrait-img,.pet-portrait.anim-on.size-fab.pose-rest:not(.locked) .pet-portrait-img{animation:none;transform:none}.pet-portrait.anim-on[data-stage=legend]:not(.locked) .pet-portrait-img,.pet-portrait.anim-on.size-fab[data-stage=legend]:not(.locked) .pet-portrait-img{animation:pet-legend-glow var(--pet-glow-dur) ease-in-out infinite;transform:none}@keyframes pet-legend-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--pet-accent2,#fde68a) 55%, transparent))}}@media (prefers-reduced-motion:reduce){.pet-fab.pose-rest .pet-fab-mascot,.pet-fab.pose-walk .pet-fab-mascot,.pet-fab.bounce,.pet-portrait.pose-rest:not(.locked) .pet-portrait-img,.pet-portrait.pose-walk:not(.locked) .pet-portrait-img,.pet-portrait[data-stage=egg].pose-rest:not(.locked) .pet-portrait-img,.pet-portrait[data-stage=legend]:not(.locked) .pet-portrait-img{animation:none!important}.pet-portrait.pose-rest:not(.locked) .pet-portrait-img{transform:rotate(-2.5deg)scale(.985)}}.pet-mood-cta{z-index:155;max-width:min(260px,100vw - 96px);box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:stretch;padding:0;animation:.28s cubic-bezier(.22,1,.36,1) pet-toast-in;display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.pet-mood-cta-text{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 14%, var(--bg-card));border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border));color:var(--text-primary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px 16px 4px;padding:9px 14px;font-size:13px;font-weight:600;line-height:1.45;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s;display:block}.pet-mood-cta-tail{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 14%, var(--bg-card));border-right:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border));border-bottom:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 40%, var(--border));width:11px;height:11px;margin:-1px 22px 0 auto;transition:border-color .15s,background .15s;display:block;transform:rotate(45deg)}.pet-mood-cta:hover .pet-mood-cta-text,.pet-mood-cta:focus-visible .pet-mood-cta-text{border-color:var(--pet-accent,var(--accent-cyan));box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pet-mood-cta:hover .pet-mood-cta-tail,.pet-mood-cta:focus-visible .pet-mood-cta-tail{border-color:var(--pet-accent,var(--accent-cyan))}.pet-mood-cta:focus-visible{outline:none}.pet-mood-cta:active .pet-mood-cta-text{transform:translateY(0)}.pet-tabs{flex-wrap:nowrap}.pet-tab{white-space:nowrap;flex-shrink:0;min-width:0}.pet-streak{color:var(--success);align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:600;display:inline-flex}.pet-streak-flame{transform-origin:50% 90%;background:linear-gradient(#ffd36a 0%,#ff8a3c 45%,#e84d1c 100%);border-radius:50% 50% 45% 45%/55% 55% 40% 40%;flex-shrink:0;width:10px;height:14px;animation:1.15s ease-in-out infinite pet-streak-flicker;box-shadow:0 0 6px #ff8a3c73}.pet-streak.hot .pet-streak-flame,.pet-streak-badge.hot .pet-streak-flame{background:linear-gradient(#ffe08a 0%,#ff6b2c 50%,#d62828 100%);box-shadow:0 0 8px #ff6b2c8c}.pet-streak.blaze .pet-streak-flame,.pet-streak-badge.blaze .pet-streak-flame{background:linear-gradient(#fff1a8 0%,#ff5c2a 40%,#b51717 100%);animation-duration:.85s;box-shadow:0 0 10px #ff5c2aa6}.pet-streak.hot,.pet-streak-badge.hot{color:#d97706}.pet-streak.blaze,.pet-streak-badge.blaze{color:#c2410c}.pet-streak-badge{align-items:center;gap:5px;display:inline-flex}@keyframes pet-streak-flicker{0%,to{opacity:1;transform:scaleY(1)scaleX(1)}40%{opacity:.92;transform:scaleY(1.12)scaleX(.92)}70%{opacity:1;transform:scaleY(.94)scaleX(1.06)}}.pet-unspent-hint{color:var(--warning);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:8px;padding:0;font-size:12px;font-weight:600;display:block}.pet-unspent-hint:hover{text-decoration:underline}.pet-goto-build{min-height:1.5em;color:var(--pet-accent,var(--accent-cyan));cursor:pointer;text-align:left;box-shadow:none;background:0 0;border:none;align-items:center;gap:2px;margin:2px 0 10px;padding:4px 0;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex;overflow:visible;transform:none}.pet-goto-build:hover:not(:disabled){opacity:1;box-shadow:none;text-decoration:underline;transform:none}.pet-feed-log{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.pet-feed-log-more{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-self:center;margin:2px 0;padding:4px 12px;font-size:11px}.pet-feed-log-more:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted)}.pet-feed-log-more:disabled{opacity:.6;cursor:default}.pet-feed-log-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.pet-feed-log-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:1px;font-size:12px;line-height:1.3;display:flex}.pet-feed-log-label{font-weight:700}.pet-feed-log-time{color:var(--text-muted);flex-shrink:0;font-size:10px}.pet-feed-log-note{color:var(--text-secondary);font-size:11px;line-height:1.3}.pet-feed-log-deltas{color:var(--accent-cyan);flex-wrap:wrap;gap:4px 8px;margin-top:2px;font-size:10px;line-height:1.3;display:flex}.pet-quests,.pet-inventory,.pet-build,.pet-rank,.pet-social{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.pet-bag-subs{gap:6px;margin-bottom:4px;display:flex}.pet-bag-subs button{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:8px;flex:1;padding:6px 8px;font-size:12px}.pet-bag-subs button.active{border-color:var(--primary);color:var(--primary);font-weight:700}.pet-bag-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;display:grid}.pet-bag-slot{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;color:inherit;font:inherit;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;position:relative}.pet-bag-slot:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.pet-bag-slot:active{transform:scale(.97)}.pet-bag-slot.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 28%, transparent)}.pet-bag-slot:disabled{opacity:.55;cursor:default;transform:none}.pet-bag-slot-emoji{-webkit-user-select:none;user-select:none;font-size:28px;line-height:1}.pet-bag-slot-qty{font-variant-numeric:tabular-nums;min-width:1.2em;color:var(--text-primary);background:color-mix(in srgb, var(--bg-card) 88%, transparent);border-radius:4px;padding:0 3px;font-size:10px;font-weight:800;line-height:1.2;position:absolute;bottom:4px;right:5px}.pet-bag-detail{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;gap:8px;margin-top:4px;padding:12px;animation:.2s cubic-bezier(.22,1,.36,1) pet-panel-in;display:flex}.pet-bag-detail-head{align-items:flex-start;gap:10px;display:flex}.pet-bag-detail-emoji{flex-shrink:0;font-size:32px;line-height:1}.pet-bag-detail-title{font-size:14px;font-weight:700;line-height:1.3}.pet-bag-detail-qty{color:var(--text-muted);margin-left:4px;font-size:12px;font-weight:600}.pet-bag-detail-desc{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.45}.pet-bag-detail-meta{color:var(--text-muted);font-size:11px}.pet-bag-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.pet-bag-detail-actions .btn-primary,.pet-bag-detail-actions .btn-secondary{flex:1;min-width:88px}.pet-bag-detail-msg{background:color-mix(in srgb, var(--primary) 12%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.pet-bag-detail-msg.is-error{background:color-mix(in srgb, #ef4444 12%, var(--bg-elevated));border-color:color-mix(in srgb, #ef4444 35%, var(--border))}.pet-inventory-actions{flex-direction:column;gap:4px;display:flex}.pet-rarity-tag{opacity:.85;font-size:11px;font-weight:600}.pet-org-boss-banner{background:linear-gradient(135deg,#3b82f61f,#a855f71a);border:1px solid #3b82f640;border-radius:10px;margin:0 12px 8px;padding:10px 12px}.pet-org-boss-title{font-size:13px;font-weight:700}.pet-org-boss-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.pet-org-boss-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pet-org-boss-banner-compact .pet-org-boss-actions{margin-top:6px}.pet-quest-row.pet-quest-org-boss{align-items:flex-start}.pet-quest-org-boss-body{flex:1;min-width:0}.pet-quest-org-boss .boss-hp{margin-top:4px}.boss-hp{margin-top:6px}.boss-hp-meta{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:4px;font-size:11px;display:flex}.boss-hp-label em{font-variant-numeric:tabular-nums;color:var(--text-primary);margin:0 2px;font-style:normal;font-weight:700}.boss-hp-bar{background:color-mix(in srgb, #7f1d1d 35%, var(--bg-card));border:1px solid color-mix(in srgb, #ef4444 35%, var(--border));border-radius:99px;height:8px;overflow:hidden}.boss-hp-fill{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:99px;height:100%;transition:width .35s}.boss-hp-warn .boss-hp-fill{background:linear-gradient(90deg,#f97316,#eab308)}.boss-hp-critical .boss-hp-fill{background:linear-gradient(90deg,#dc2626,#f43f5e)}.boss-hp-killed .boss-hp-bar{border-color:color-mix(in srgb, #22c55e 40%, var(--border))}.boss-hp-killed .boss-hp-fill{background:linear-gradient(90deg,#22c55e,#84cc16);width:0!important}.boss-hp-killed .boss-hp-label em{color:#22c55e}.pet-portrait-accessory.fx-pulse{animation:1.6s ease-in-out infinite pet-gear-pulse}.pet-portrait-accessory.fx-shimmer{filter:saturate(1.25)brightness(1.05)}.pet-portrait-accessory.acc-gear.fx-shimmer{filter:drop-shadow(0 1px 1.6px #0f172a38)saturate(1.08)}.pet-portrait-accessory.acc-gear.fx-pulse{filter:drop-shadow(0 1px 3px #f59e0b73)}@keyframes pet-gear-pulse{0%,to{opacity:.88;transform:scale(1.06)}50%{opacity:1;transform:scale(1.1)}}.pet-portrait-accessory.acc-gear.acc-head.fx-pulse,.pet-portrait-accessory.acc-gear.acc-body.fx-pulse,.pet-portrait-accessory.acc-gear.acc-weapon.fx-pulse{animation:1.6s ease-in-out infinite pet-gear-pulse-front}@keyframes pet-gear-pulse-front{0%,to{opacity:.9}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pet-portrait-accessory.fx-pulse,.pet-portrait-accessory.acc-gear.fx-pulse{animation:none}}.pet-quest-row,.pet-inventory-row,.pet-group-challenge-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pet-list-accent,.pet-quest-row.pet-list-accent,.pet-feed-log-row.pet-list-accent{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--text-muted) 35%, transparent)}.pet-quest-row.active{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 70%, transparent)}.pet-quest-row.claimable{background:color-mix(in srgb, #22c55e 8%, var(--bg-elevated));animation:1.6s ease-in-out infinite pet-quest-claim-pulse;box-shadow:inset 3px 0 #22c55e}.pet-quest-row.done:not(.claimable){opacity:.78}@keyframes pet-quest-claim-pulse{0%,to{box-shadow:inset 3px 0 #22c55e}50%{box-shadow:inset 3px 0 #22c55e,0 0 0 1px #22c55e40}}@media (prefers-reduced-motion:reduce){.pet-quest-row.claimable{animation:none}}.pet-group-challenge-main{flex:1;min-width:0}.pet-group-challenge-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:99px;height:6px;margin-top:6px;overflow:hidden}.pet-group-challenge-fill{background:var(--gradient-3,var(--accent-cyan));border-radius:99px;height:100%;transition:width .35s}.pet-group-title-badge{color:var(--accent-cyan);border:1px solid color-mix(in srgb, var(--accent-cyan) 40%, var(--border));background:color-mix(in srgb, var(--accent-cyan) 12%, transparent);border-radius:999px;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.pet-role-badge{align-items:center;gap:4px;display:inline-flex}.pet-role-badge svg{flex-shrink:0}.group-boss-banner-title svg{vertical-align:-2px;display:inline-block}.group-boss-banner{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent-cyan) 8%, var(--bg-card));justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.group-boss-banner-text{flex:1;min-width:0}.group-boss-banner-title{font-size:13px;font-weight:700}.group-boss-banner-meta{color:var(--text-muted);margin:2px 0 6px;font-size:11px}.pet-quest-name,.pet-inventory-name{font-size:13px;font-weight:700}.pet-quest-progress,.pet-inventory-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.pet-quest-reward{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--primary) 55%, var(--text-muted));margin-top:2px;font-size:11px}.pet-quest-claim-pop{z-index:50;background:#080c147a;justify-content:center;align-items:center;padding:20px 16px;animation:.2s pet-quest-claim-fade;display:flex;position:absolute;inset:0}.pet-quest-claim-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);width:min(100%,300px);box-shadow:var(--shadow-lg);border-radius:18px;padding:22px 18px 16px;animation:.34s cubic-bezier(.22,1,.36,1) pet-quest-claim-pop}.pet-quest-claim-kicker{letter-spacing:.12em;color:var(--accent-cyan,var(--primary));font-size:11px;font-weight:800}.pet-quest-claim-name{margin:6px 0 14px;font-size:18px;font-weight:800;line-height:1.3}.pet-quest-claim-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pet-quest-claim-chip{border:1px solid var(--border);background:var(--bg-elevated);font-variant-numeric:tabular-nums;border-radius:999px;align-items:baseline;gap:4px;padding:8px 12px;font-size:13px;display:inline-flex}.pet-quest-claim-chip strong{font-size:16px;font-weight:800}.pet-quest-claim-chip.is-exp{border-color:color-mix(in srgb, var(--accent-cyan,#22d3ee) 45%, var(--border));background:color-mix(in srgb, var(--accent-cyan,#22d3ee) 14%, var(--bg-card))}.pet-quest-claim-chip.is-intimacy{border-color:color-mix(in srgb, #f472b6 45%, var(--border));background:color-mix(in srgb, #f472b6 12%, var(--bg-card))}.pet-quest-claim-chip.is-endurance{border-color:color-mix(in srgb, #34d399 45%, var(--border));background:color-mix(in srgb, #34d399 12%, var(--bg-card))}.pet-quest-claim-drops{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.pet-quest-claim-drops span{border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;padding:4px 8px;font-size:12px}.pet-quest-claim-notes{color:var(--text-secondary);margin-top:10px;font-size:12px}.pet-quest-claim-ok{width:100%;margin-top:14px}@keyframes pet-quest-claim-fade{0%{opacity:0}to{opacity:1}}@keyframes pet-quest-claim-pop{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pet-quest-claim-pop,.pet-quest-claim-card{animation:none}}.pet-equip-sets{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pet-equip-sets-title{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:700}.pet-equip-set-card{border:1px solid var(--border);background:color-mix(in srgb, var(--accent-cyan,#38bdf8) 8%, var(--bg-card));border-radius:10px;overflow:hidden}.pet-equip-set-card.is-open{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.pet-equip-set-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.pet-equip-set-toggle-main{grid-column:1;align-items:baseline;gap:8px;display:flex}.pet-equip-set-name{color:var(--text-primary);font-size:12px;font-weight:700}.pet-equip-set-count{font-variant-numeric:tabular-nums;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.pet-equip-set-toggle-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:10px;line-height:1.3;overflow:hidden}.pet-equip-set-chevron{color:var(--text-muted);grid-area:1/2/span 2;font-size:12px}.pet-equip-set-body{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);margin-top:2px;padding:8px 10px 10px}.pet-equip-set-slots{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pet-equip-set-slot{align-items:flex-start;gap:8px;font-size:11px;line-height:1.35;display:flex}.pet-equip-set-slot-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:10px;font-weight:700;display:inline-flex}.pet-equip-set-slot.is-filled .pet-equip-set-slot-mark{color:#15803d;background:#16a34a2e}.pet-equip-set-slot.is-missing .pet-equip-set-slot-mark{color:var(--text-muted);background:#94a3b82e}.pet-equip-set-slot-text{flex:1;min-width:0}.pet-equip-set-slot-line{color:var(--text-secondary)}.pet-equip-set-slot.is-filled .pet-equip-set-slot-line{color:var(--text-primary)}.pet-equip-set-slot-hint{color:var(--text-muted);margin-top:2px;font-size:10px}.pet-equip-set-slot-hint.is-owned{color:color-mix(in srgb, #d97706 85%, var(--text-primary))}.pet-equip-set-missing,.pet-equip-set-complete,.pet-equip-set-active,.pet-equip-set-next{margin-top:8px;font-size:11px;line-height:1.4}.pet-equip-set-missing{color:color-mix(in srgb, #dc2626 75%, var(--text-primary));font-weight:600}.pet-equip-set-complete{color:#15803d;font-weight:600}.pet-equip-set-active{color:color-mix(in srgb, #16a34a 80%, var(--text-primary))}.pet-equip-set-next{color:var(--text-muted)}.pet-equip-set-preview{flex-direction:column;gap:3px;margin:6px 0 2px;display:flex}.pet-equip-set-hint{border-radius:6px;padding:4px 6px;font-size:11px;line-height:1.35}.pet-equip-set-hint.is-gain{color:color-mix(in srgb, #16a34a 80%, var(--text-primary));background:#16a34a1a}.pet-equip-set-hint.is-loss{color:color-mix(in srgb, #dc2626 80%, var(--text-primary));background:#dc26261a}.pet-equip-set-hint.is-warn{color:color-mix(in srgb, #d97706 85%, var(--text-primary));background:#d977061f}.pet-equip-summary{background:color-mix(in srgb, var(--bg-elevated,var(--bg-card)) 88%, var(--border));border:1px solid var(--border);border-radius:14px;flex-direction:column;flex:1;gap:8px;min-width:0;padding:10px 12px;display:flex}.pet-equip-summary-title{color:var(--text-secondary);font-size:12px;font-weight:700}.pet-equip-summary-empty{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.pet-equip-summary-slots{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pet-equip-summary-slot{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:11px;line-height:1.35;display:flex}.pet-equip-summary-slot-label{min-width:2.2em;color:var(--text-muted);flex-shrink:0;padding-top:1px}.pet-equip-summary-slot-body{flex:1;min-width:0}.pet-equip-summary-slot-line{flex-wrap:wrap;align-items:baseline;gap:0 4px;display:flex}.pet-equip-summary-slot-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.pet-equip-summary-stats{flex-direction:column;gap:6px;display:flex}.pet-equip-summary-stats-body{flex-direction:column;gap:8px;display:flex}.pet-equip-summary-stats-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated,var(--bg-card)) 92%, var(--border));width:100%;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:11px;font-weight:600;display:none}.pet-equip-summary-stats-chevron{color:var(--text-muted);font-size:10px}@media (width<=520px){.pet-equip-summary-slot-desc{font-size:11px}.pet-equip-summary-stats-toggle{display:flex}.pet-equip-summary-stats.is-collapsed .pet-equip-summary-stats-body{display:none}}@media (width>=521px){.pet-equip-summary-stats.is-collapsed .pet-equip-summary-stats-body{display:flex}}.pet-equip-summary-slot-empty{color:var(--text-muted)}.pet-equip-summary-slot-set{color:var(--text-muted);font-weight:500}.pet-equip-summary-section{flex-direction:column;gap:4px;display:flex}.pet-equip-summary-section-title{color:var(--text-muted);font-size:11px;font-weight:600}.pet-equip-panel{flex-direction:column;gap:10px;display:flex}.pet-equip-top{grid-template-columns:minmax(168px,200px) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}@media (width<=520px){.pet-equip-top{grid-template-columns:1fr}}.pet-equip-doll{box-sizing:border-box;background:color-mix(in srgb, var(--bg-elevated,var(--bg-card)) 88%, var(--border));border:1px solid var(--border);border-radius:14px;grid-template:".head.""weapon center aura"minmax(88px,1fr)".body."/minmax(46px,50px) minmax(64px,1fr) minmax(46px,50px);place-items:center;gap:4px;width:100%;min-width:0;max-width:100%;padding:8px 4px 10px;display:grid;overflow:hidden}.pet-equip-slot-head{grid-area:head}.pet-equip-slot-weapon{grid-area:weapon}.pet-equip-slot-aura{grid-area:aura}.pet-equip-slot-body{grid-area:body}.pet-equip-doll-center{grid-area:center;justify-content:center;align-items:center;min-width:0;min-height:88px;display:flex}.pet-equip-slot-wrap{justify-self:center;width:100%;max-width:50px;position:relative}.pet-equip-slot{aspect-ratio:1;border:1.5px dashed color-mix(in srgb, var(--border) 80%, #64748b);background:color-mix(in srgb, #64748b 14%, var(--bg-card));width:100%;color:var(--text-secondary);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative;overflow:hidden}.pet-equip-slot:hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}.pet-equip-slot:active{transform:scale(.97)}.pet-equip-slot.filled{--equip-rarity:var(--border);isolation:isolate;border:none;gap:0;padding:1px 1px 2px}.pet-equip-slot.filled:before{content:"";border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(ellipse 88% 52% at 50% 26%,color-mix(in srgb,var(--equip-rarity) 24%,transparent),transparent 68%), linear-gradient(168deg, color-mix(in srgb,var(--bg-elevated,var(--bg-card)) 96%,var(--equip-rarity)), color-mix(in srgb,var(--bg-card) 86%,var(--equip-rarity) 14%));box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -2px 5px color-mix(in srgb,var(--equip-rarity) 12%,transparent);position:absolute;inset:0}.pet-equip-slot.filled:after{content:"";border-radius:inherit;z-index:0;pointer-events:none;border:1.5px solid color-mix(in srgb,var(--equip-rarity) 72%,transparent);box-shadow:0 1px 2px #00000012, inset 0 0 10px color-mix(in srgb,var(--equip-rarity) 10%,transparent);transition:border-color .15s,box-shadow .15s;position:absolute;inset:0}.pet-equip-slot.filled:hover:after{border-color:color-mix(in srgb,var(--equip-rarity) 88%,var(--primary));box-shadow:0 2px 6px color-mix(in srgb,var(--equip-rarity) 18%,transparent), inset 0 0 12px color-mix(in srgb,var(--equip-rarity) 14%,transparent)}.pet-equip-slot.filled>*{z-index:1;position:relative}.pet-equip-slot-emoji{font-size:22px;line-height:1}.pet-equip-slot-icon,.pet-equip-candidate-icon,.pet-equip-tooltip-icon,.pet-equip-gear-icon,.pet-bag-slot-icon,.pet-bag-detail-icon,.pet-equip-inline-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}.pet-equip-slot-icon{width:34px;height:34px}.pet-equip-candidate-icon,.pet-equip-tooltip-icon{width:44px;height:44px}.pet-equip-inline-icon{vertical-align:middle;width:22px;height:22px;margin-right:4px;display:inline-block}.pet-bag-slot-icon{width:42px;height:42px;margin:0 auto}.pet-bag-detail-icon{width:52px;height:52px}.pet-equip-slot-icon.is-emoji,.pet-equip-candidate-icon.is-emoji,.pet-equip-tooltip-icon.is-emoji,.pet-equip-gear-icon.is-emoji,.pet-bag-slot-icon.is-emoji,.pet-bag-detail-icon.is-emoji{text-align:center;width:40px;height:40px;font-size:26px;line-height:40px}.pet-equip-candidate-skills{flex-wrap:wrap;gap:4px;margin:4px 0 6px;display:flex}.pet-equip-skill-chip{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:999px;padding:2px 6px;font-size:11px}.pet-equip-tooltip-skills{color:var(--text-secondary);margin-top:6px;font-size:12px}.pet-equip-tooltip-skill{margin-top:2px}.pet-equip-slot-level{text-align:center;color:#b45309;margin-top:1px;font-size:7px;font-weight:800;line-height:1}.pet-equip-slot-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-primary);font-size:8px;font-weight:600;line-height:1.05;overflow:hidden}.pet-equip-slot-empty-label{color:var(--text-muted);font-size:10px;font-weight:600}.pet-equip-slot-rarity{z-index:2;clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0;width:14px;height:14px;position:absolute;bottom:0;right:0;box-shadow:-1px -1px #0000002e}.pet-equip-tooltip{z-index:40;color:#e5e7eb;pointer-events:none;text-align:left;background:#1a1d24;border:1px solid #6b7280;border-radius:8px;width:max(220px,100%);min-width:200px;max-width:280px;padding:10px 12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.pet-equip-slot-weapon .pet-equip-tooltip,.pet-equip-slot-aura .pet-equip-tooltip{left:0;transform:none}.pet-equip-slot-aura .pet-equip-tooltip{left:auto;right:0}.pet-equip-tooltip-head{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.pet-equip-tooltip-emoji{flex-shrink:0;font-size:28px;line-height:1}.pet-equip-tooltip-name{font-size:13px;font-weight:700;line-height:1.3}.pet-equip-tooltip-meta{color:#fbbf24;margin-top:2px;font-size:11px}.pet-equip-tooltip-slot{color:#d1d5db;margin-top:2px;font-size:11px}.pet-equip-tooltip-verbs{flex-direction:column;gap:3px;margin-top:6px;display:flex}.pet-equip-tooltip-verb{color:#86efac;font-size:11px;line-height:1.35}.pet-equip-tooltip-set{color:#93c5fd;margin-top:6px;font-size:11px}.pet-equip-tooltip-desc{color:#9ca3af;margin-top:6px;font-size:11px;line-height:1.4}.pet-equip-stat-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pet-equip-stat-row{color:var(--text-secondary);justify-content:space-between;gap:8px;font-size:12px;line-height:1.4;display:flex}.pet-equip-stat-row.kind-up{color:#16a34a}.pet-equip-stat-row.kind-down{color:#dc2626}.pet-equip-stat-row.kind-same{color:var(--text-muted)}.pet-equip-tooltip .pet-equip-stat-row{color:#d1d5db}.pet-equip-tooltip .pet-equip-stat-row.kind-up{color:#4ade80}.pet-equip-tooltip .pet-equip-stat-row.kind-down{color:#f87171}.pet-equip-tooltip .pet-equip-stat-row.kind-same{color:#9ca3af}.pet-equip-stat-label{flex-shrink:0}.pet-equip-stat-val{font-variant-numeric:tabular-nums;text-align:right}.pet-equip-stat-delta{margin-left:4px;font-size:11px;font-weight:700}.pet-equip-stat-empty{color:var(--text-muted);font-size:11px}.pet-equip-bag-label{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:700}.pet-equip-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;margin-top:2px}.pet-equip-bag-slot{--equip-rarity:var(--border);aspect-ratio:1/1.04;isolation:isolate;background:0 0;border:none;border-radius:9px;flex-direction:column;gap:0;min-height:0;padding:2px 2px 3px;position:relative;overflow:hidden}.pet-equip-bag-slot:before{content:"";border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 30%,color-mix(in srgb,var(--equip-rarity) 26%,transparent),transparent 70%), linear-gradient(168deg, color-mix(in srgb,var(--bg-elevated,var(--bg-card)) 95%,var(--equip-rarity)), color-mix(in srgb,var(--bg-card) 84%,var(--equip-rarity) 16%));box-shadow:inset 0 1px 0 #ffffff57, inset 0 -2px 6px color-mix(in srgb,var(--equip-rarity) 14%,transparent);position:absolute;inset:0}.pet-equip-bag-slot:after{content:"";border-radius:inherit;z-index:0;pointer-events:none;border:1.5px solid color-mix(in srgb,var(--equip-rarity) 74%,transparent);box-shadow:0 1px 3px #00000014, inset 0 0 12px color-mix(in srgb,var(--equip-rarity) 10%,transparent);transition:border-color .15s,box-shadow .15s;position:absolute;inset:0}.pet-equip-bag-slot:hover:after{border-color:color-mix(in srgb,var(--equip-rarity) 90%,var(--primary));box-shadow:0 2px 8px color-mix(in srgb,var(--equip-rarity) 20%,transparent), inset 0 0 14px color-mix(in srgb,var(--equip-rarity) 14%,transparent)}.pet-equip-bag-slot>*{z-index:1;position:relative}.pet-equip-bag-slot.rarity-legendary:before,.pet-equip-slot.filled.rarity-legendary:before{background:radial-gradient(ellipse 92% 58% at 50% 28%,color-mix(in srgb,var(--equip-rarity) 38%,transparent),transparent 68%), linear-gradient(168deg, color-mix(in srgb,var(--bg-elevated,var(--bg-card)) 90%,var(--equip-rarity)), color-mix(in srgb,var(--bg-card) 78%,var(--equip-rarity) 22%))}.pet-equip-bag-slot.rarity-legendary:after,.pet-equip-slot.filled.rarity-legendary:after{border-color:color-mix(in srgb,var(--equip-rarity) 88%,#fef3c7);animation:2.6s ease-in-out infinite pet-equip-legend-border-glow}.pet-equip-bag-slot.rarity-legendary:hover:after,.pet-equip-slot.filled.rarity-legendary:hover:after{animation:2.2s ease-in-out infinite pet-equip-legend-border-glow-hover}.pet-equip-legend-fx{z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pet-equip-legend-fx:before{content:"";background:linear-gradient(108deg, transparent 42%, color-mix(in srgb,var(--equip-rarity,#f59e0b) 28%,transparent) 47%, #ffffff6b 50%, color-mix(in srgb,var(--equip-rarity,#f59e0b) 28%,transparent) 53%, transparent 58%);animation:3.8s ease-in-out infinite pet-equip-legend-sweep;position:absolute;inset:-60%}.pet-equip-legend-particle{width:2px;height:2px;box-shadow:0 0 3px 1px color-mix(in srgb,var(--equip-rarity,#f59e0b) 75%,#fde68a);opacity:0;background:#fef9c3;border-radius:50%;animation:2.8s ease-in-out infinite pet-equip-legend-particle;display:block;position:absolute}.pet-equip-legend-particle:first-child{animation-delay:0s;top:20%;left:16%}.pet-equip-legend-particle:nth-child(2){width:1.5px;height:1.5px;animation-delay:.55s;top:16%;left:68%}.pet-equip-legend-particle:nth-child(3){width:2.5px;height:2.5px;animation-delay:1.1s;top:34%;left:42%}.pet-equip-legend-particle:nth-child(4){width:1.5px;height:1.5px;animation-delay:1.65s;top:42%;left:78%}.pet-equip-legend-particle:nth-child(5){width:2px;height:2px;animation-delay:2.2s;top:48%;left:24%}@keyframes pet-equip-legend-particle{0%,to{opacity:0;transform:translate(0)scale(.4)}12%{opacity:1;transform:translateY(-1px)scale(1)}65%{opacity:.55;transform:translate(2px,-5px)scale(.75)}to{opacity:0;transform:translate(3px,-9px)scale(.25)}}@keyframes pet-equip-legend-sweep{0%,18%{opacity:0;transform:translate(-65%)rotate(14deg)}42%,58%{opacity:.75}to{opacity:0;transform:translate(65%)rotate(14deg)}}@keyframes pet-equip-legend-border-glow{0%,to{box-shadow:0 1px 3px #00000014, inset 0 0 12px color-mix(in srgb,var(--equip-rarity) 14%,transparent), 0 0 5px color-mix(in srgb,var(--equip-rarity) 22%,transparent)}50%{box-shadow:0 2px 10px color-mix(in srgb,var(--equip-rarity) 32%,transparent), inset 0 0 18px color-mix(in srgb,var(--equip-rarity) 26%,transparent), 0 0 14px color-mix(in srgb,var(--equip-rarity) 48%,transparent)}}@keyframes pet-equip-legend-border-glow-hover{0%,to{box-shadow:0 2px 10px color-mix(in srgb,var(--equip-rarity) 30%,transparent), inset 0 0 16px color-mix(in srgb,var(--equip-rarity) 22%,transparent), 0 0 12px color-mix(in srgb,var(--equip-rarity) 42%,transparent)}50%{box-shadow:0 3px 14px color-mix(in srgb,var(--equip-rarity) 42%,transparent), inset 0 0 22px color-mix(in srgb,var(--equip-rarity) 32%,transparent), 0 0 18px color-mix(in srgb,var(--equip-rarity) 58%,transparent)}}@media (prefers-reduced-motion:reduce){.pet-equip-bag-slot.rarity-legendary:after,.pet-equip-slot.filled.rarity-legendary:after{box-shadow:0 1px 3px #00000014, inset 0 0 14px color-mix(in srgb,var(--equip-rarity) 18%,transparent), 0 0 8px color-mix(in srgb,var(--equip-rarity) 32%,transparent);animation:none}.pet-equip-legend-fx:before,.pet-equip-legend-particle{opacity:0;animation:none}}.pet-equip-bag-level{text-align:center;color:#b45309;width:100%;margin-top:1px;font-size:8px;font-weight:800;line-height:1;display:block}.pet-equip-bag-name{text-align:center;width:100%;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;line-height:1.1;display:block;overflow:hidden}.pet-equip-bag-slot-wrap.is-equipped .pet-equip-bag-slot:before{background:radial-gradient(ellipse 90% 55% at 50% 30%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 70%), linear-gradient(168deg, color-mix(in srgb,var(--primary) 10%,var(--bg-elevated,var(--bg-card))), color-mix(in srgb,var(--bg-card) 84%,var(--equip-rarity) 16%))}.pet-equip-bag-slot-wrap.is-equipped .pet-equip-bag-slot{box-shadow:none;background:0 0}.pet-equip-bag-slot-wrap.is-equipped .pet-equip-bag-slot:after{border-color:color-mix(in srgb,var(--primary) 55%,var(--equip-rarity));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 35%,transparent), 0 1px 3px #00000014, inset 0 0 12px color-mix(in srgb,var(--equip-rarity) 10%,transparent)}.pet-equip-bag-worn{background:color-mix(in srgb, var(--primary) 85%, #000);color:#fff;border-radius:3px;padding:2px 3px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:2px;left:2px}.pet-equip-bag-pending{color:#fff;background:#b45309;border-radius:3px;padding:2px 3px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:2px;right:2px}.pet-equip-detail{margin-top:4px}.pet-equip-detail-compare-hint{color:var(--text-muted);margin:4px 0 2px;font-size:11px}.pet-equip-bag-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.pet-equip-bag-head .pet-equip-bag-label{margin-top:0}.pet-equip-bag-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pet-equip-bag-batch{flex-shrink:0;gap:6px;display:flex}.pet-equip-batch-btn{min-width:0;padding:4px 10px;font-size:12px}.pet-equip-bag-selected{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.pet-equip-bag-clear{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.pet-equip-bag-slot-wrap{position:relative}.pet-equip-bag-slot-wrap.selected .pet-equip-bag-slot:after{border-color:color-mix(in srgb,var(--primary) 75%,var(--equip-rarity));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 55%,transparent), 0 2px 8px color-mix(in srgb,var(--primary) 18%,transparent)}.pet-equip-bag-slot-wrap.is-picked .pet-equip-bag-slot:before{background:radial-gradient(ellipse 90% 55% at 50% 30%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 70%), linear-gradient(168deg, color-mix(in srgb,var(--primary) 12%,var(--bg-elevated,var(--bg-card))), color-mix(in srgb,var(--bg-card) 84%,var(--equip-rarity) 16%))}.pet-equip-bag-slot-wrap.is-picked .pet-equip-bag-slot{background:0 0}.pet-equip-bag-check{z-index:2;justify-content:center;align-items:center;width:16px;height:16px;margin:0;display:flex;position:absolute;top:2px;left:2px}.pet-equip-bag-check input{cursor:pointer;width:14px;height:14px;margin:0}.pet-equip-bag-slot-wrap.is-equipped .pet-equip-bag-worn{left:2px}.pet-equip-detail-backdrop{z-index:12100;box-sizing:border-box;background:#080a108c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pet-equip-detail-modal{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;width:min(520px,100%);max-height:min(86vh,760px);margin-top:0;padding:14px;overflow:auto;box-shadow:0 16px 48px #00000059}.pet-equip-detail-modal.is-refine-pending{width:min(640px,100%)}.pet-equip-refine-compare{margin:8px 0 4px}.pet-equip-refine-banner{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.45}.pet-equip-refine-cols{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.pet-equip-refine-col{background:var(--bg-elevated,color-mix(in srgb, var(--bg-card) 88%, #000));border-radius:8px;padding:8px}.pet-equip-refine-col.is-new{border:1px solid color-mix(in srgb, var(--primary) 40%, transparent)}.pet-equip-refine-col-h{color:var(--text-muted);font-size:11px;font-weight:800}.pet-equip-refine-grade{margin-top:4px;font-size:12px;font-weight:700}.pet-equip-refine-verbs{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.pet-equip-refine-verb{background:var(--bg-elevated,color-mix(in srgb, var(--bg-card) 88%, #000));border-radius:999px;padding:2px 6px;font-size:11px}.pet-equip-refine-verb.is-new{background:color-mix(in srgb, #16a34a 18%, var(--bg-elevated,var(--bg-card)))}.pet-equip-refine-verb.is-lost{background:color-mix(in srgb, #dc2626 18%, var(--bg-elevated,var(--bg-card)));text-decoration:line-through}.pet-equip-detail-batch{border-top:1px dashed var(--border);gap:8px;margin-top:10px;padding-top:10px;display:flex}.pet-equip-detail-batch .btn-secondary{flex:1}.pet-equip-batch-modal{border:1px solid var(--border);background:var(--bg-card);width:min(420px,100%);color:var(--text-primary);border-radius:14px;overflow:hidden;box-shadow:0 16px 48px #00000059}.pet-equip-batch-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.pet-equip-batch-note{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.pet-equip-batch-rarities{flex-wrap:wrap;gap:8px;display:flex}.pet-equip-batch-rarity{cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.pet-equip-batch-rarity.is-on{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 12%, var(--bg-elevated))}.pet-equip-batch-rarity input{margin:0}.pet-equip-batch-preview{color:var(--text-primary);font-size:12px;line-height:1.45}.pet-equip-batch-skip{color:var(--text-muted);margin-top:4px;font-size:11px}.pet-equip-batch-actions{padding:0 14px 14px}.pet-equip-swap-backdrop{z-index:12000;box-sizing:border-box;background:#080a108c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pet-equip-swap-modal{border:1px solid var(--border);background:var(--bg-card);width:min(560px,100%);max-height:min(82vh,720px);color:var(--text-primary);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000059}.pet-equip-swap-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.pet-equip-swap-header h3{margin:0;font-size:15px;font-weight:700}.pet-equip-swap-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;font-size:22px;line-height:1}.pet-equip-swap-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.pet-equip-swap-body{flex:1;grid-template-columns:minmax(140px,38%) 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.pet-equip-swap-current{border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 70%, var(--bg-card));padding:12px;overflow:auto}.pet-equip-swap-list{flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.pet-equip-swap-col-title{color:var(--text-muted);text-transform:none;letter-spacing:.02em;margin-bottom:8px;font-size:11px;font-weight:700}.pet-equip-swap-current-head{align-items:flex-start;gap:8px;margin-bottom:8px;font-size:20px;display:flex}.pet-equip-swap-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:10px;padding:12px 8px;font-size:12px}.pet-equip-candidate{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.pet-equip-candidate-head{align-items:flex-start;gap:8px;display:flex}.pet-equip-candidate-emoji{font-size:26px;line-height:1}.pet-equip-candidate-name{font-size:13px;font-weight:700}.pet-equip-candidate-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.pet-equip-candidate-verbs{flex-wrap:wrap;gap:4px;display:flex}.pet-equip-verb-chip{background:color-mix(in srgb, var(--border) 60%, transparent);color:var(--text-secondary);border-radius:999px;padding:2px 6px;font-size:10px}.pet-equip-verb-chip.kind-new{color:#4ade80;background:#4ade801f}.pet-equip-verb-chip.kind-keep{color:var(--text-secondary)}.pet-equip-wear-btn{width:100%}@media (width<=420px){.pet-equip-swap-body{grid-template-columns:1fr}.pet-equip-swap-current{border-right:none;border-bottom:1px solid var(--border);max-height:28vh}}.pet-quest-status{color:var(--text-secondary);font-size:11px}.pet-quest-go{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px}.pet-quest-stats{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:2px;padding:8px 10px;font-size:11px;display:flex}.pet-quest-stats em{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-right:4px;font-size:15px;font-style:normal;font-weight:700}.pet-build-summary{color:var(--text-secondary);margin-bottom:10px;font-size:12px}.pet-build-stats,.pet-build-skills{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.pet-allocate-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:grid}.pet-allocate-row.skill{grid-template-columns:auto 1fr auto auto}.pet-allocate-main{flex-direction:column;gap:2px;min-width:0;display:flex}.pet-allocate-label{color:var(--text-primary);font-weight:600}.pet-allocate-hint{color:var(--text-muted);font-size:10px;line-height:1.35}.pet-allocate-val{color:var(--text-secondary);font-variant-numeric:tabular-nums}.pet-allocate-alloc{color:var(--accent-cyan);font-variant-numeric:tabular-nums;font-size:11px}.pet-allocate-btns{gap:6px;display:flex}.pet-allocate-btns button{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 16%, var(--bg-card));width:30px;height:30px;color:var(--text-primary);cursor:pointer;box-shadow:none;border-radius:8px;padding:0;font-size:16px;font-weight:800;line-height:1;transform:none}.pet-allocate-btns button:hover:not(:disabled){opacity:1;border-color:var(--pet-accent,var(--accent-cyan));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--bg-card));color:var(--pet-accent,var(--accent-cyan));box-shadow:none;transform:none}.pet-allocate-btns button:disabled{opacity:.38;color:var(--text-muted);border-color:var(--border);background:var(--bg-card)}.pet-build-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pet-rank-tabs{gap:6px;margin-bottom:10px;display:flex}.pet-rank-tab{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;color:var(--text-secondary);box-shadow:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transform:none}.pet-rank-tab:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-active);opacity:1;box-shadow:none;transform:none}.pet-rank-tab.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 12%, var(--bg-elevated))}.pet-rank-tab.active:hover:not(:disabled){color:var(--accent-cyan);opacity:1;transform:none}.pet-rank-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.pet-rank-dept{color:var(--text-secondary);margin-bottom:4px;font-size:11px}.pet-rank-row{background:var(--bg-elevated);color:var(--text-primary);border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:grid}.pet-rank-row.top-1{background:linear-gradient(90deg, color-mix(in srgb, #fbbf24 18%, var(--bg-elevated)), var(--bg-elevated));border:1px solid color-mix(in srgb, #f59e0b 35%, var(--border))}.pet-rank-row.top-2{background:linear-gradient(90deg, color-mix(in srgb, #94a3b8 16%, var(--bg-elevated)), var(--bg-elevated))}.pet-rank-row.top-3{background:linear-gradient(90deg, color-mix(in srgb, #fb923c 14%, var(--bg-elevated)), var(--bg-elevated))}.pet-rank-row.self{z-index:1;border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));box-shadow:0 -4px 12px color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 10%, transparent);position:sticky;bottom:0}.pet-rank-row.top-1 .pet-rank-num{color:#b45309}.pet-rank-num{color:var(--text-secondary);font-weight:700}.pet-rank-meta{color:var(--text-secondary);font-size:11px}.pet-skill-invest{color:var(--text-muted);margin-top:4px;font-size:11px}.pet-skill-ord{background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 22%, var(--bg-card));min-width:18px;height:18px;color:var(--text-primary);font-variant-numeric:tabular-nums;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-right:6px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.pet-skill-order-btns{gap:6px;margin-top:8px;display:flex}.pet-skill-order-btns.compact{flex-direction:column;gap:3px;margin-top:0}.pet-skill-order-btns button{border:1px solid color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 45%, var(--border));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 16%, var(--bg-card));width:30px;height:26px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:0;font-size:13px;font-weight:800;line-height:1}.pet-skill-order-btns.compact button{width:26px;height:22px;font-size:11px}.pet-skill-order-btns button:hover:not(:disabled){border-color:var(--pet-accent,var(--accent-cyan));background:color-mix(in srgb, var(--pet-accent,var(--accent-cyan)) 28%, var(--bg-card))}.pet-skill-order-btns button:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.pet-float-dock{bottom:72px;right:10px}.pet-float-dock.placed{bottom:auto;right:auto}.pet-fab-mascot{width:76px;height:76px}.pet-toast{max-width:200px;bottom:150px;right:10px}.pet-speech{max-width:200px}.pet-overlay{justify-content:stretch;align-items:flex-end;padding:0}.pet-panel{width:100%;height:92dvh;max-height:calc(100dvh - env(safe-area-inset-bottom,0px));resize:none;border-radius:20px 20px 0 0;min-width:0;min-height:0}.pet-tabs{-webkit-overflow-scrolling:touch;gap:6px;padding:8px 10px}.pet-tab{flex:1 1 0;min-width:0;min-height:40px;padding:10px 8px;font-size:13px}.pet-tab-more-wrap{flex:1 1 0;min-width:56px}.pet-tab-more-menu{min-width:132px}.pet-panel-body>.pet-quests,.pet-panel-body>.pet-inventory,.pet-panel-body>.pet-build,.pet-panel-body>.pet-rank,.pet-panel-body>.pet-social,.pet-panel-body>.pet-feed-log{flex:1;min-height:0;overflow:auto}.pet-opt-grid.appearances{grid-template-columns:repeat(2,1fr)}.profile-pet-portraits{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-allocate-row{grid-template-rows:auto auto;grid-template-columns:1fr auto}.pet-allocate-row.skill{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto}.pet-allocate-btns{grid-area:1/2/span 2;align-self:center}.pet-allocate-row.skill .pet-allocate-btns{grid-column:3}.pet-allocate-row.skill .pet-skill-order-btns{grid-row:1/span 2;align-self:center}.pet-combat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-status-kit-cards,.pet-active-build-grid{grid-template-columns:1fr}.pet-mood-cta{max-width:240px}.pet-feed-toast{bottom:150px;right:10px}.pet-portrait.size-md .pet-portrait-frame{width:100%}}.note-rich-editor{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.note-tb{border-bottom:1px solid var(--border);background:var(--bg-deep);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;padding:6px 12px;display:flex}.note-tb-btn{cursor:pointer;min-width:30px;height:28px;color:var(--text-secondary);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex}.note-tb-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.note-tb-btn.is-active{background:var(--bg-card);color:var(--accent-cyan)}.note-tb-btn:disabled{opacity:.4;cursor:not-allowed}.note-tb-sep{background:var(--border);width:1px;height:20px;margin:0 6px}.note-tb-modes{background:var(--bg-card);border-radius:6px;gap:2px;margin-left:auto;padding:2px;display:flex}.note-tb-modes button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:11px}.note-tb-modes button.is-active{background:var(--bg-base);color:var(--accent-cyan);font-weight:600}.note-editor-body{flex:1;min-height:0;overflow:auto}.note-editor-body .tiptap,.note-prose{min-height:100%;color:var(--text-primary);outline:none;padding:16px 20px;font-size:14px;line-height:1.7}.note-prose p{margin:0 0 .75em}.note-prose h1{margin:.6em 0 .4em;font-size:1.6em}.note-prose h2{margin:.55em 0 .35em;font-size:1.35em}.note-prose h3{margin:.5em 0 .3em;font-size:1.15em}.note-prose ul,.note-prose ol{margin:0 0 .75em;padding-left:1.4em}.note-prose blockquote{border-left:3px solid var(--accent-cyan);color:var(--text-secondary);background:#22d3ee0f;margin:.5em 0;padding:.4em .9em}.note-prose pre{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;margin:0 0 .75em;padding:12px;font-size:12px;overflow:auto}.note-prose code{font-family:JetBrains Mono,monospace;font-size:.9em}.note-prose a{color:var(--accent-cyan)}.note-prose hr{border:none;border-top:1px solid var(--border);margin:1em 0}.note-prose table{border-collapse:collapse;width:100%;margin:0 0 1em;font-size:13px}.note-prose th,.note-prose td{border:1px solid var(--border);vertical-align:top;padding:6px 10px}.note-prose th{background:var(--bg-deep);font-weight:600}.note-prose ul[data-type=taskList]{padding-left:0;list-style:none}.note-prose ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.note-prose ul[data-type=taskList] li>label{margin-top:3px}.note-prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.note-thumb-img{object-fit:cover;border:1px solid var(--border);cursor:zoom-in;vertical-align:middle;border-radius:8px;width:auto;max-width:220px;height:auto;max-height:160px;margin:4px 6px 4px 0;display:inline-block}.note-md-source{width:100%;min-height:0;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7}.note-img-lightbox{z-index:1200;cursor:zoom-out;background:#000000c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.note-img-lightbox img{object-fit:contain;cursor:default;border-radius:8px;max-width:min(96vw,1200px);max-height:92vh;box-shadow:0 12px 40px #00000073}.chapter-combo{flex:1;min-width:200px;max-width:320px;position:relative}.chapter-combo-trigger{background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:12px;display:flex}.chapter-combo-trigger.is-open,.chapter-combo-trigger:focus{border-color:var(--accent-cyan);outline:none}.chapter-combo-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;overflow:hidden}.chapter-combo-trigger.has-value .chapter-combo-label{color:var(--text-primary)}.chapter-combo-caret{opacity:.7;font-size:10px}.chapter-combo-panel{z-index:40;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;min-width:280px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 28px #00000059}.chapter-combo-search{border:1px solid var(--border);background:var(--bg-deep);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px}.chapter-combo-search:focus{border-color:var(--accent-cyan)}.chapter-combo-list{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow:auto}.chapter-combo-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;display:block}.chapter-combo-item:hover,.chapter-combo-item.is-hi{background:var(--bg-deep);color:var(--text-primary)}.chapter-combo-item.is-selected{color:var(--accent-cyan)}.chapter-combo-item.is-clear{color:var(--text-muted);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:2px}.chapter-combo-empty{text-align:center;color:var(--text-muted);padding:14px;font-size:12px}.err-boundary-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.err-boundary-panel{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 10px 28px #00000059}.err-boundary-panel h3{color:var(--text-primary);margin:0 0 8px;font-size:16px}.err-boundary-msg{color:var(--text-secondary);word-break:break-word;max-height:200px;margin:0 0 16px;font-size:13px;overflow:auto}.err-boundary-actions{justify-content:flex-end;gap:8px;display:flex}.err-boundary-inline{background:var(--bg-elevated);border:1px solid var(--border-soft);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.err-boundary-icon{color:var(--danger)}.confirm-dialog-panel{max-width:420px}.confirm-dialog-message{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.confirm-dialog-danger .btn-danger{background:var(--danger);color:#fff;border:none}.breadcrumb-cvr .breadcrumb-link{color:var(--accent-cyan);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:none;display:inline}.breadcrumb-cvr .breadcrumb-link:hover{text-decoration:underline}button.chapter-toc-item,button.chapter-row-cvr{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;font-family:inherit}button.chapter-toc-item{border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}button.chapter-row-cvr{border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;padding:14px 18px;display:flex}button.chapter-row-cvr:last-child{border-bottom:none}.hover-tip-pop{z-index:80;pointer-events:none;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-md);word-break:break-word;border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.45;animation:80ms both hover-tip-in;position:fixed;transform:translateY(0)}.hover-tip-pop.above{transform:translateY(-100%)}@keyframes hover-tip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hover-tip-pop{animation:none}}.skeleton{background:linear-gradient(90deg,var(--bg-deep) 0%,var(--bg-elevated) 50%,var(--bg-deep) 100%);vertical-align:middle;background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:inline-block}.skeleton-lines{flex-direction:column;display:flex}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (width<=480px){:root,[data-theme=dark],[data-theme=light]{--content-padding-x:14px}.layout{--layout-sidebar:0}.sidebar{width:84vw;max-width:320px}.topbar{padding:8px 14px}.main-content{padding:14px}table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}button,a.btn,.nav-item{min-height:44px}.pet-fab-mascot{width:64px;height:64px}.chat-container{min-height:280px;max-height:min(52vh,52dvh);padding:12px}.chat-bubble{max-width:92%;padding:10px 12px;font-size:13px}.chat-sources{max-width:92%}.chat-md-think-summary{min-height:auto;font-size:10px}.chat-md-think-body{max-height:7.5em;padding:5px 7px;font-size:10px}.chat-md-think-body .md-p,.chat-md-think-body .md-p.compact,.chat-md-think-body .md-li,.chat-md-think-body .md-h1.compact,.chat-md-think-body .md-h2.compact,.chat-md-think-body .md-h3.compact,.chat-md-think-body .md-h4.compact{font-size:10px}.md-h1.compact,.md-h2.compact,.md-h3.compact,.md-h4.compact{margin:6px 0 2px;font-size:12.5px}.chapter-ai-bubble{padding:8px 10px;font-size:12.5px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-theme=light] .text-muted{color:#5a627a!important}.org-tree-picker{width:100%;position:relative}.org-tree-trigger{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;box-shadow:none;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:13px;font-weight:500;display:flex;overflow:hidden;transform:none}.org-tree-trigger:hover:not(:disabled){opacity:1;box-shadow:none;border-color:var(--border-active);transform:none}.org-tree-picker.is-open .org-tree-trigger{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee1a}.org-tree-trigger-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.org-tree-trigger-placeholder{color:var(--text-muted);flex:1}.org-tree-trigger-caret{color:var(--text-muted);font-size:12px}.org-tree-menu{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);max-height:280px;margin-top:6px;padding:8px;overflow:auto}.org-tree-empty{color:var(--text-muted);padding:10px 8px;font-size:12px}.org-tree-block{min-width:0}.org-tree-children{border-left:1px solid var(--border);margin-left:16px;padding-left:8px}.org-tree-row,.org-manage-row{align-items:center;gap:6px;min-height:34px;display:flex}.org-tree-row{border-radius:8px;padding:2px 4px}.org-tree-row.is-selected{background:color-mix(in srgb, var(--accent-cyan) 12%, transparent)}.org-tree-toggle,.org-tree-label{box-shadow:none;color:var(--text-primary);background:0 0;border:none;padding:0;font-weight:500;overflow:visible;transform:none}.org-tree-toggle{width:22px;min-width:22px;height:22px;min-height:22px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:12px;display:inline-flex}.org-tree-toggle.is-leaf{visibility:hidden}.org-tree-toggle:hover:not(:disabled),.org-tree-label:hover:not(:disabled){opacity:1;box-shadow:none;background:var(--bg-elevated);color:var(--accent-cyan);transform:none}.org-tree-label{text-align:left;border-radius:6px;flex:1;min-width:0;padding:4px 6px;font-size:13px}.org-manage-list{flex-direction:column;gap:6px;display:flex}.org-manage-row{background:var(--bg-deep);border-radius:8px;flex-wrap:wrap;padding:8px 10px}.org-manage-child-form{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 8px 28px;display:flex}.org-manage-block .org-tree-children{margin-top:6px}.kb-explorer{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.kb-folder-nav{max-height:min(72vh,760px);padding:10px 8px;overflow:auto}.kb-folder-nav-title{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;padding:4px 8px 8px;font-size:11px;font-weight:700}.kb-folder-row{width:100%;color:var(--text-primary);text-align:left;box-shadow:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:7px 8px;font-size:13px;display:flex;transform:none}.kb-folder-row:hover{background:var(--bg-deep);opacity:1;box-shadow:none;transform:none}.kb-folder-row.is-active{background:color-mix(in srgb, var(--accent-cyan) 14%, transparent);color:var(--accent-cyan)}.kb-folder-row.is-classify{opacity:.95}.kb-folder-row.is-classify.is-active{background:color-mix(in srgb, var(--accent-lime,#a3e635) 14%, transparent);color:var(--accent-lime,#a3e635)}.kb-folder-row .kb-folder-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.kb-folder-kids{border-left:1px solid var(--border);margin-left:14px;padding-left:6px}.kb-crumb{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.kb-crumb button{box-shadow:none;color:var(--accent-cyan);background:0 0;border:none;min-height:0;padding:0 2px;font-size:13px;transform:none}.kb-crumb button:hover{opacity:.85;box-shadow:none;transform:none}.kb-folder-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin-bottom:14px;display:grid}.kb-folder-card{text-align:left;background:var(--bg-deep);border:1px solid var(--border);color:inherit;box-shadow:none;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-height:88px;padding:14px 14px 12px;display:flex;transform:none}.kb-folder-card:hover{border-color:var(--border-active);opacity:1;box-shadow:none;transform:none}.kb-folder-card.is-classify{border-style:dashed}.kb-folder-card strong{font-size:13px;line-height:1.35}.kb-folder-card .sub{font-size:11px}.kb-doc-row{text-align:left;background:var(--bg-deep);width:100%;color:inherit;box-shadow:none;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;transform:none}.kb-doc-row:hover{border-color:var(--border);opacity:1;box-shadow:none;transform:none}.kb-doc-row.is-selected{border-color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 8%, var(--bg-deep))}.kb-doc-row-main{flex:1;min-width:0}.kb-doc-row-title{font-size:13px;font-weight:600}.kb-dropzone{border:1px dashed var(--border);text-align:center;color:var(--text-muted);border-radius:12px;margin-bottom:12px;padding:18px 14px;font-size:12px}.kb-dropzone.is-over{border-color:var(--accent-cyan);background:color-mix(in srgb, var(--accent-cyan) 8%, transparent)}.kb-detail-grid{gap:10px;font-size:13px;display:grid}.kb-detail-row{grid-template-columns:88px 1fr;align-items:start;gap:8px;display:grid}.kb-detail-row dt{color:var(--text-muted);padding-top:2px;font-size:12px}.kb-detail-row dd{word-break:break-word;margin:0}@media (width<=900px){.kb-explorer{grid-template-columns:1fr}.kb-folder-nav{max-height:240px}}