@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600;700&family=Lora:ital,wght@0,500;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600;700&family=Lora:wght@500;600&display=swap";body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 860px){.login-page{grid-template-columns:1fr}.login-left-panel{display:none}}.login-left-panel{position:relative;background:#1a1a1a;display:flex;flex-direction:column;justify-content:space-between;padding:48px 52px;overflow:hidden;min-height:100vh}.login-left-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(212,149,106,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 20%,rgba(158,122,181,.12) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 50% 50%,rgba(106,141,181,.08) 0%,transparent 70%);pointer-events:none}.login-left-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.login-lp-top{position:relative;z-index:1}.login-lp-mid{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.login-lp-bot{position:relative;z-index:1}.login-lp-logo{display:flex;align-items:center;gap:10px}.login-lp-logo-mark{width:36px;height:36px;border-radius:10px;background:var(--amber);display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:16px;font-weight:600;color:#fff;flex-shrink:0}.login-lp-logo-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.02em}.login-lp-headline{font-family:Lora,serif;font-size:clamp(28px,3.5vw,42px);font-weight:500;color:#fff;line-height:1.18;letter-spacing:-.02em;margin-bottom:20px}.login-lp-headline em{font-style:italic;color:var(--amber)}.login-lp-sub{font-size:15px;color:#ffffff73;line-height:1.7;max-width:380px;margin-bottom:36px}.login-lp-features{display:flex;flex-direction:column;gap:12px}.login-lp-feature{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#ffffff8c}.login-lp-feature-icon{width:28px;height:28px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;color:var(--amber)}.login-lp-quote{border-left:2px solid var(--amber);padding-left:16px;margin-top:8px}.login-lp-quote-text{font-family:Lora,serif;font-style:italic;font-size:14px;color:#ffffff80;line-height:1.65;margin-bottom:8px}.login-lp-quote-author{font-size:11.5px;color:#ffffff47;letter-spacing:.04em}.login-lp-card-stack{position:absolute;right:-20px;bottom:120px;display:flex;flex-direction:column;gap:8px;opacity:.18;transform:rotate(6deg);pointer-events:none;z-index:0}.login-lp-deco-card{width:180px;height:60px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px}.login-right-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;background:var(--surface);min-height:100vh;position:relative}.login-right-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 100% 0%,rgba(212,149,106,.05) 0%,transparent 70%);pointer-events:none}.login-auth-box{width:100%;max-width:400px;position:relative;z-index:1}.login-auth-header{margin-bottom:32px}.login-auth-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text3);font-family:DM Sans,sans-serif;padding:0;margin-bottom:20px;transition:color .13s}.login-auth-back:hover{color:var(--text2)}.login-auth-title{font-family:Lora,serif;font-size:26px;font-weight:600;color:var(--text);letter-spacing:-.02em;margin-bottom:6px;line-height:1.2}.login-auth-sub{font-size:14px;color:var(--text3);line-height:1.5}.login-auth-sub a{color:var(--amber);text-decoration:none;font-weight:600;cursor:pointer;transition:opacity .13s}.login-auth-sub a:hover{opacity:.75}.login-form-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.login-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-field{display:flex;flex-direction:column;gap:5px}.login-field-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.login-field-wrap{position:relative}.login-field-input{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.login-field-input:focus{border-color:var(--text);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.login-field-input.error{border-color:#fecaca;background:#fef2f2}.login-field-input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c14}.login-field-input.success{border-color:#bbf7d0}.login-field-input::placeholder{color:var(--text4)}.login-field-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text4);padding:2px;display:flex;transition:color .12s}.login-field-eye:hover{color:var(--text2)}.login-field-msg{font-size:11.5px;font-weight:500;display:flex;align-items:center;gap:4px;line-height:1.3}.login-field-msg.error{color:#e74c3c}.login-field-msg.success{color:#22c55e}.login-field-msg.hint{color:var(--text4)}.login-pw-strength{display:flex;flex-direction:column;gap:5px}.login-pw-bars{display:flex;gap:3px}.login-pw-bar{height:3px;flex:1;border-radius:99px;background:var(--border);transition:background .3s}.login-pw-label-row{display:flex;justify-content:space-between;font-size:11px}.login-pw-hint{color:var(--text4)}.login-pw-score-label{font-weight:700;transition:color .3s}.login-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text4);font-size:12px}.login-auth-divider:before,.login-auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:600;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,border-color .13s,color .13s;margin-bottom:8px}.login-social-btn:hover{background:var(--bg);border-color:var(--border2);color:var(--text)}.login-social-btn svg{flex-shrink:0}.login-auth-cta{width:100%;padding:13px 20px;border-radius:12px;border:none;background:#1a1a1a;color:#fff;font-size:14px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .13s,transform .1s,box-shadow .13s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;margin-bottom:16px}.login-auth-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.login-auth-cta:hover{background:#2d2d2d;box-shadow:0 4px 16px #0000002e}.login-auth-cta:active:not(:disabled){transform:scale(.99)}.login-auth-cta:disabled{opacity:.38;cursor:not-allowed}.login-auth-cta.loading{pointer-events:none}.login-cta-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-aux-row{display:flex;align-items:center;justify-content:space-between;margin-top:-6px;margin-bottom:6px}.login-remember-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text2);-webkit-user-select:none;user-select:none}.login-remember-box{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border2);background:var(--surface);display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s;flex-shrink:0}.login-remember-label:hover .remember-box{border-color:var(--text)}.login-remember-box.checked{background:#1a1a1a;border-color:#1a1a1a}.login-forgot-link{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text3);font-family:DM Sans,sans-serif;transition:color .13s;padding:0}.login-forgot-link:hover{color:var(--amber)}.login-terms-row{font-size:12px;color:var(--text4);line-height:1.5;text-align:center;margin-top:4px}.login-terms-row a{color:var(--text3);text-decoration:underline;cursor:pointer;transition:color .13s}.login-terms-row a:hover{color:var(--text2)}.login-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:11px 18px;border-radius:11px;font-size:13px;font-weight:500;box-shadow:0 8px 28px #0003;display:flex;align-items:center;gap:8px;animation:toastIn .22s cubic-bezier(.22,1,.36,1);z-index:999;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.login-toast.success{background:#16a34a}.login-toast.error{background:#c0614a}.login-verify-icon{width:64px;height:64px;border-radius:18px;background:var(--amber-bg);border:1.5px solid #fde8d4;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}.login-verify-code-row{display:flex;gap:8px;justify-content:center;margin:24px 0}.login-verify-digit{width:48px;height:56px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);text-align:center;font-size:22px;font-family:DM Mono,monospace;font-weight:600;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;caret-color:var(--amber)}.login-verify-digit:focus{border-color:var(--text);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.login-verify-resend{font-size:13px;color:var(--text3);text-align:center}.login-verify-resend button{background:none;border:none;cursor:pointer;color:var(--amber);font-weight:600;font-family:DM Sans,sans-serif;font-size:13px;padding:0;transition:opacity .13s}.login-verify-resend button:disabled{opacity:.4;cursor:default}.login-forgot-sent{text-align:center;padding:12px 0}.login-forgot-sent-icon{font-size:40px;margin-bottom:12px}.login-mobile-logo{display:none;align-items:center;gap:8px;margin-bottom:28px}@media (max-width: 860px){.login-mobile-logo{display:flex}.login-right-panel{padding:48px 20px 32px;justify-content:flex-start}.login-auth-box{max-width:100%}.login-field-row{grid-template-columns:1fr}.login-verify-digit{width:40px;height:48px;font-size:18px}.login-verify-code-row{gap:6px}.login-auth-title{font-size:22px}}.login-mobile-logo-mark{width:30px;height:30px;border-radius:8px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:13px;font-weight:600;color:#fff}.login-mobile-logo-name{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.02em}.sidebar{height:100vh;background:var(--bg-surface);display:flex;flex-direction:column;flex-shrink:0;transition:width .22s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;z-index:10}.sidebar.expanded{width:248px}.sidebar.collapsed{width:100px}.sb-header{height:64px;display:flex;align-items:center;padding:0 12px;border-bottom:1.5px solid var(--border);flex-shrink:0;gap:10px;overflow:hidden;background-color:var(--accent-1)}.sb-logo{width:32px;height:32px;border-radius:9px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--bg-surface);font-size:14px;font-weight:700;letter-spacing:-.03em}.sb-brand{display:flex;flex-direction:column;gap:1px;overflow:hidden;flex:1;min-width:0}.sb-brand-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-brand-sub{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-weight:500;white-space:nowrap}.sb-collapse-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));flex-shrink:0;transition:background .14s,color .14s,border-color .14s;margin-left:auto}.sb-collapse-btn:hover{background:color-mix(in srgb,var(--bg-base) 80%,var(--border));color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.sb-search{margin:10px 10px 2px;display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:10px;padding:7px 10px;background:var(--bg-base);cursor:text;transition:border-color .15s,box-shadow .15s;overflow:hidden;flex-shrink:0}.sb-search:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--shadow-color);background:var(--bg-surface)}.sb-search-icon{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0}.sb-search input{border:none;outline:none;background:transparent;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1;min-width:0}.sb-search input::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.sb-search-kbd{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));background:var(--border);padding:2px 5px;border-radius:4px;flex-shrink:0;white-space:nowrap}.sb-body{border:1.5px solid var(--border);flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;display:flex;flex-direction:column;gap:0}.sb-body::-webkit-scrollbar{width:3px}.sb-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sb-section-label{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));padding:10px 16px 4px;white-space:nowrap;overflow:hidden;transition:opacity .15s}.sidebar.collapsed .sb-section-label{opacity:0}.sb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:1px 8px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;background:transparent;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:background .13s,color .13s,border-color .13s;text-align:left;width:calc(100% - 16px);position:relative;white-space:nowrap;overflow:hidden;flex-shrink:0;outline:none;text-decoration:none}.sb-item:hover{background:color-mix(in srgb,var(--bg-base) 80%,var(--border));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.sb-item.active{background:color-mix(in srgb,var(--bg-base) 80%,var(--border));color:var(--text-primary);border-color:var(--border);font-weight:600}.sb-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .13s;color:inherit}.sb-item.active .sb-item-icon{color:var(--text-primary)}.sb-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s,width .22s}.sidebar.collapsed .sb-item-label{opacity:0;width:0}.sb-item-badge{font-family:DM Mono,monospace;font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;background:var(--text-primary);color:var(--bg-surface);flex-shrink:0;transition:opacity .15s;line-height:1.4}.sb-item-badge.muted{background:color-mix(in srgb,var(--bg-base) 80%,var(--border));color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));border:1px solid var(--border)}.sidebar.collapsed .sb-item-badge{opacity:0}.sb-item-chevron{flex-shrink:0;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));transition:transform .18s,opacity .15s}.sidebar.collapsed .sb-item-chevron{opacity:0}.sb-item-chevron.open{transform:rotate(90deg)}.sb-sub{overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,.2,1),opacity .18s}.sb-sub.open{max-height:400px;opacity:1}.sb-sub.closed{max-height:0;opacity:0}.sb-sub-item{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 52px;margin:1px 8px;border-radius:8px;cursor:pointer;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:background .12s,color .12s;text-align:left;width:calc(100% - 16px);white-space:nowrap;overflow:hidden;outline:none;text-decoration:none}.sb-sub-item:hover{background:color-mix(in srgb,var(--bg-base) 80%,var(--border));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.sb-sub-item.active{color:var(--text-primary);font-weight:600}.sb-sub-item:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.5;transition:opacity .12s}.sb-sub-item.active:before{opacity:1}.sb-sub-item-badge{font-family:DM Mono,monospace;font-size:10px;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--bg-base) 80%,var(--border));color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));border:1px solid var(--border);margin-left:auto}.sb-divider{height:1px;background:var(--border);margin:8px 16px;flex-shrink:0}.sb-item-wrap{position:relative;display:flex}.sb-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--text-primary);color:var(--bg-surface);font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px var(--shadow-color);z-index:200;opacity:0;transition:opacity .13s}.sb-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--text-primary)}.sidebar.collapsed .sb-item-wrap:hover .sb-tooltip{opacity:1}.sb-footer{border-top:1.5px solid var(--border);border-right:1.5px solid var(--border);padding:10px 8px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.sb-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;transition:background .13s,border-color .13s;overflow:hidden}.sb-user:hover{background:color-mix(in srgb,var(--bg-base) 80%,var(--border));border-color:var(--border)}.sb-avatar{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;position:relative}.sb-avatar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-surface)}.sb-user-info{flex:1;min-width:0;overflow:hidden;transition:opacity .15s}.sidebar.collapsed .sb-user-info{opacity:0;width:0}.sb-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));white-space:nowrap}.sb-user-action{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0;transition:opacity .15s}.sidebar.collapsed .sb-user-action{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;border:1.5px solid var(--border);font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:background .14s,color .14s,border-color .14s,box-shadow .14s,transform .1s,opacity .14s;outline:none;white-space:nowrap;position:relative;overflow:hidden;text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-xs{font-size:11.5px;padding:4px 10px;border-radius:8px;gap:5px}.btn-sm{font-size:12.5px;padding:7px 14px;border-radius:9px}.btn-md{font-size:13.5px;padding:10px 20px;border-radius:11px}.btn-lg{font-size:15px;padding:13px 26px;border-radius:13px}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);box-shadow:0 4px 14px var(--shadow-color)}.btn-secondary{background:var(--bg-base);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-danger{background:var(--bg-base);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--bg-base))}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 8%,var(--bg-base));border-color:color-mix(in srgb,var(--danger) 55%,var(--bg-base))}.btn-success{background:color-mix(in srgb,#16a34a 8%,var(--bg-base));color:#16a34a;border-color:color-mix(in srgb,#16a34a 25%,var(--bg-base))}.btn-success:hover:not(:disabled){background:color-mix(in srgb,#16a34a 14%,var(--bg-base));border-color:color-mix(in srgb,#16a34a 45%,var(--bg-base))}.btn-amber{background:var(--accent-1);color:var(--bg-base);border-color:var(--accent-1)}.btn-amber:hover:not(:disabled){background:color-mix(in srgb,var(--accent-1) 85%,var(--text-primary));border-color:color-mix(in srgb,var(--accent-1) 85%,var(--text-primary));box-shadow:0 4px 14px var(--shadow-color)}.btn-add{background:transparent;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));border-style:dashed;border-color:var(--border)}.btn-add:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-secondary) 40%,var(--border));color:var(--text-primary);background:var(--bg-surface)}.btn-icon{padding:0!important;border-radius:10px!important}.btn-icon.btn-xs{width:26px;height:26px;border-radius:7px!important}.btn-icon.btn-sm{width:32px;height:32px;border-radius:9px!important}.btn-icon.btn-md{width:40px;height:40px;border-radius:8px!important}.btn-icon.btn-lg{width:48px;height:48px;border-radius:13px!important}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.tooltip-host{position:relative;display:inline-flex}.tooltip-box{position:fixed;transform:translate(-50%) translateY(-100%);transition:opacity .15s ease,transform .15s ease;background:#1a1a1a;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:0 4px 16px #00000040}.tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1a1a}.text-display{font-size:36px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.text-h1{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--text-primary)}.text-h2{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text-primary)}.text-h3{font-size:18px;font-weight:600;line-height:1.3;color:var(--text-primary)}.text-h4{font-size:15px;font-weight:600;line-height:1.4;color:var(--text-primary)}.text-body-lg{font-size:16px;font-weight:400;line-height:1.7;color:var(--text-primary)}.text-body{font-size:14px;font-weight:400;line-height:1.65;color:var(--text-primary)}.text-body-sm{font-size:12.5px;font-weight:400;line-height:1.6;color:var(--text-2)}.text-caption{font-size:11px;font-weight:500;line-height:1.5;color:var(--text-3);letter-spacing:.01em}.text-overline{font-size:10px;font-weight:700;line-height:1.4;color:var(--text-3);letter-spacing:.14em;text-transform:uppercase}.text-mono{font-family:DM Mono,monospace;font-size:13px;color:var(--text-2)}.text-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.text-link{color:var(--blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;transition:text-decoration-color .15s}.text-link:hover{text-decoration-color:var(--blue)}.text-muted{color:var(--text-3)}.text-danger{color:var(--red)}.text-success{color:var(--green)}.mi-wrap{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:12px;background:var(--bg-base);overflow:hidden;transition:border-color .18s,box-shadow .18s}.mi-wrap:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 7%,transparent)}.mi-wrap.mi-sm{font-size:13px;height:32px}.mi-wrap.mi-md{font-size:14px;height:40px}.mi-wrap.mi-lg{font-size:15px;height:48px}.mi-wrap.mi-multiline,.mi-wrap.mi-multiline.mi-sm,.mi-wrap.mi-multiline.mi-md,.mi-wrap.mi-multiline.mi-lg{height:auto;align-items:flex-start}.mi-stretch{width:100%}.mi-divider{width:1.5px;flex-shrink:0;align-self:stretch;background:var(--border);transition:background .18s,opacity .22s ease;animation:mi-divider-in .22s ease both}@keyframes mi-divider-in{0%{opacity:0}to{opacity:1}}.mi-wrap:focus-within .mi-divider{background:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.mi-slot{display:flex;align-items:center;min-width:0;position:relative;transition:flex-grow .22s ease,flex-basis .22s ease,max-width .22s ease;animation:mi-slot-in .2s ease both}.mi-grow{flex:1}@keyframes mi-slot-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0% 0 0)}}.mi-text input{border:none;outline:none;padding:12px 14px;font-size:14px;font-family:DM Mono,monospace;font-weight:500;color:var(--text-primary);letter-spacing:.01em;width:100%}.mi-text input::placeholder{color:color-mix(in srgb,var(--text-secondary) 35%,var(--border));font-weight:400}.mi-dropdown .dd-wrap{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-width:80px}.mi-dropdown .dd-wrap:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)!important}.mi-dropdown .dd-trigger{border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0 14px 0 12px;height:100%;min-height:46px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;letter-spacing:.04em}.mi-dropdown .dd-trigger.open{background:color-mix(in srgb,var(--text-primary) 5%,transparent)!important;box-shadow:none!important}.mi-btn{display:flex;align-items:stretch}.mi-btn .btn{border:none!important;border-radius:0!important;box-shadow:none!important;align-self:stretch;height:auto;padding-left:16px;padding-right:16px}.mi-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-bottom:10px}.mi-hint{margin-top:8px;font-size:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.mi-icon{display:flex;align-items:center;justify-content:center;padding:0 12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.mi-slot:first-child:not(:last-child) .btn,.mi-slot:first-child:not(:last-child) .dd-wrap,.mi-slot:first-child:not(:last-child) .input-inner,.mi-slot:first-child:not(:last-child) .dd-trigger{border-radius:10px 0 0 10px!important}.mi-slot:not(:first-child):not(:last-child) .btn,.mi-slot:not(:first-child):not(:last-child) .dd-wrap,.mi-slot:not(:first-child):not(:last-child) .input-inner,.mi-slot:not(:first-child):not(:last-child) .dd-trigger{border-radius:0!important}.mi-slot:last-child:not(:first-child) .btn,.mi-slot:last-child:not(:first-child) .dd-wrap,.mi-slot:last-child:not(:first-child) .input-inner,.mi-slot:last-child:not(:first-child) .dd-trigger{border-radius:0 10px 10px 0!important}.mi-slot:only-child .btn,.mi-slot:only-child .dd-wrap,.mi-slot:only-child .input-inner,.mi-slot:only-child .dd-trigger{border-radius:10px!important}.mi-typography{display:flex;align-items:center;padding:0 12px}.ui-root,.dd-wrap{--color-muted-strong: color-mix(in srgb, var(--text-primary) 55%, var(--bg-base));--color-muted: color-mix(in srgb, var(--text-primary) 40%, var(--bg-base));--color-muted-light: color-mix(in srgb, var(--text-primary) 28%, var(--bg-base));--color-muted-faint: color-mix(in srgb, var(--text-primary) 18%, var(--bg-base));--color-focus-ring: color-mix(in srgb, var(--text-primary) 7%, transparent)}.ui-root{min-height:100vh;background:var(--bg-surface);font-family:DM Sans,sans-serif;padding:48px 20px;display:flex;justify-content:center}.ui-shell{width:100%;max-width:480px;display:flex;flex-direction:column;gap:32px}.ui-card{background:var(--bg-base);border-radius:24px;padding:36px 40px;box-shadow:0 2px 8px var(--shadow-color),0 0 0 1px var(--shadow-color)}.card-title{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-bottom:24px}.section-gap{display:flex;flex-direction:column;gap:20px}.field-label{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--color-muted);margin-bottom:8px}.dd-wrap{position:relative}.dd-trigger{width:100%;display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--bg-base);cursor:pointer;transition:border-color .18s,box-shadow .18s,background .15s;outline:none;min-height:46px;text-align:left}.dd-trigger:hover{background:var(--bg-surface)}.dd-trigger.open{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--color-focus-ring);background:var(--bg-base)}.dd-trigger-content{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.dd-placeholder{font-size:14px;color:var(--color-muted-faint);font-weight:400}.dd-single-value{font-size:14px;font-family:DM Sans,sans-serif;font-weight:500;color:var(--text-primary)}.dd-tag{display:inline-flex;align-items:center;gap:5px;background:var(--bg-surface);border:1px solid var(--border);border-radius:7px;padding:3px 8px 3px 10px;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.dd-tag-remove{display:flex;align-items:center;cursor:pointer;color:var(--color-muted);transition:color .12s;background:none;border:none;padding:0;line-height:1}.dd-tag-remove:hover{color:var(--text-primary)}.dd-count{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--color-muted);background:var(--bg-surface);padding:2px 7px;border-radius:5px}.dd-chevron{color:var(--color-muted);flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.2,.64,1)}.dd-chevron.open{transform:rotate(180deg)}.dd-panel{background:var(--bg-base);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 8px 28px var(--shadow-color),0 2px 6px var(--shadow-color);z-index:9999;overflow:hidden;animation:ddIn .16s cubic-bezier(.22,1,.36,1)}.dd-panel--top{animation:ddInTop .16s cubic-bezier(.22,1,.36,1)}@keyframes ddIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ddInTop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dd-search{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1.5px solid var(--border)}.dd-search-icon{color:var(--color-muted-faint);flex-shrink:0}.dd-search input{flex:1;border:none;outline:none;background:transparent;font-size:13.5px;font-family:DM Sans,sans-serif;color:var(--text-primary)}.dd-search input::placeholder{color:var(--color-muted-faint)}.dd-list{max-height:240px;overflow-y:auto}.dd-list::-webkit-scrollbar{width:4px}.dd-list::-webkit-scrollbar-track{background:transparent}.dd-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dd-group-label{font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted-light);padding:10px 14px 4px;opacity:.8}.dd-option{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-size:13.5px;font-family:DM Sans,sans-serif;color:var(--text-secondary);transition:background .1s;outline:none;border-radius:8px;margin:0 4px;width:calc(100% - 8px)}.dd-option:hover{background:var(--bg-surface);color:var(--text-primary)}.dd-option.selected{background:color-mix(in srgb,var(--text-primary) 6%,var(--bg-base));color:var(--text-primary);font-weight:500}.dd-option.focused{background:var(--bg-surface)}.dd-opt-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-opt-check{display:flex;align-items:center;color:var(--text-primary);flex-shrink:0;margin-left:auto}.dd-checkbox{width:16px;height:16px;border:1.5px solid var(--border);border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;background:var(--bg-base)}.dd-option.selected .dd-checkbox{background:var(--text-primary);border-color:var(--text-primary)}.dd-radio{width:16px;height:16px;border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.dd-option.selected .dd-radio{border-color:var(--text-primary)}.dd-radio-dot{width:7px;height:7px;border-radius:50%;background:var(--text-primary);opacity:0;transform:scale(.4);transition:opacity .15s,transform .15s}.dd-option.selected .dd-radio-dot{opacity:1;transform:scale(1)}.dd-opt-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dd-empty{padding:16px 14px;font-size:13px;color:var(--color-muted-light);text-align:center}.dd-footer{border-top:1.5px solid var(--border);padding:8px 12px;display:flex;gap:6px;justify-content:flex-end}.ui-hint{margin-top:8px;font-size:12px;color:var(--color-muted-light)}.card{background:var(--bg-surface);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;width:100%}.card--elevated{box-shadow:0 2px 8px #00000012,0 0 0 1px #0000000a}.card--outlined{border:1.5px solid var(--border);box-shadow:none}.card--flat{background:var(--bg-base);box-shadow:none}.card--clickable{cursor:pointer;transition:box-shadow .16s,transform .2s,background .14s}.card--clickable:hover{box-shadow:0 0 0 1px var(--border);transform:translateY(-1px);background:var(--bg-surface)}.card--clickable:active{transform:translateY(0) scale(.995);box-shadow:0 2px 8px var(--shadow-color),0 0 0 1px var(--border);background:var(--bg-surface)}.card--accent{position:relative}.card--accent:before{content:"";position:absolute;background:var(--card-accent-color, currentColor);border-radius:99px;z-index:1;pointer-events:none}.card--accent-top:before{top:0;left:0;right:0;height:3px}.card--accent-bottom:before{bottom:0;left:0;right:0;height:3px}.card--accent-left:before{left:0;top:0;bottom:0;width:3px}.card--accent-right:before{right:0;top:0;bottom:0;width:3px}.card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px;border-bottom:1.5px solid var(--border);flex-shrink:0}.card__header--no-divider{border-bottom:none;padding-bottom:0}.card__header-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.card__header-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.card__header-text{flex:1;min-width:0;align-self:center}.card__title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__subtitle{font-size:12.5px;color:var(--text-secondary);font-weight:400;margin-top:2px;line-height:1.4;opacity:.6}.card__header-action{flex-shrink:0}.card__body{flex:1;padding:20px 22px;font-size:14px;color:var(--text-secondary);line-height:1.65}.card__body--compact{padding:6px 12px}.card__body--flush{padding:0}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px;border-top:1.5px solid var(--border);flex-shrink:0}.card__footer--no-divider{border-top:none;padding-top:0}.card__footer--space-between{justify-content:space-between}.card__note{background-color:#fffbeb;border-color:#fde68a;align-items:center}.card_list__title{font-size:11px;font-weight:700;letter-spacing:.1em;padding:0 4px;text-transform:uppercase;color:var(--text4);margin-bottom:12px}.card_list__card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;overflow:hidden}.card_list__item{display:flex;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border);transition:background .12s}.card_list__item--sm{padding:4px 7px;gap:4px}.card_list__item--sm .card_list__item-label{font-size:12px}.card_list__item--sm .card_list__item-desc{font-size:11px}.card_list__item--md{padding:8px 14px;gap:8px}.card_list__item--lg{padding:14px 18px;gap:14px}.card_list__item--lg .card_list__item-label{font-size:15px}.card_list__item--lg .card_list__item-desc{font-size:13px}.card_list__item:last-child{border-bottom:none}.card_list__item:hover{background:var(--bg-elevated)}.card_list__item.no-hover:hover{background:transparent}.card_list__item.top-align{align-items:flex-start}.card_list__item-left{flex:1;min-width:0}.card_list__item-label{font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.card_list__item-desc{font-size:12px;color:var(--text3);line-height:1.5}.card_list__item-right{flex-shrink:0;display:flex;align-items:center;gap:8px}@media (max-width: 600px){.card_list__item{flex-wrap:auto}.card_list__item-left{width:70%}.card_list__item-right{width:30%}}.card_list__item--clickable{cursor:pointer}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-family:DM Sans,sans-serif;flex-shrink:0;position:relative;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:24px;height:24px;font-size:9px}.avatar-sm{width:32px;height:32px;font-size:11px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:52px;height:52px;font-size:17px}.avatar-xl{width:64px;height:64px;font-size:21px}.avatar-online:after,.avatar-offline:after,.avatar-away:after{content:"";position:absolute;bottom:1px;right:1px;width:15%;height:15%;min-height:9px;min-width:9px;border-radius:50%;border:2px solid var(--surface)}.avatar-online:after{background:#4ade80;border:solid 2px var(--bg-surface)}.avatar-offline:after{background:#9ca3af;border:solid 2px var(--bg-surface)}.avatar-away:after{background:#f59e0b;border:solid 2px var(--bg-surface)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.avatar-active{cursor:pointer;border:2px solid var(--text-primary);transition:transform .12s,box-shadow .12s;transform:scale(1.12)}.avatar-clickable:hover{transform:scale(1.12)}.avatar-clickable.selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #1a1a1a}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.badge-clickable{cursor:pointer;transition:filter .2s,background .15s,color .15s}.badge-clickable:hover{filter:brightness(.95)}.badge-flat.badge-clickable:hover{filter:none;background:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-primary)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-default{background:var(--bg-base);color:var(--text-primary);border-color:var(--border)}.badge-green{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.badge-red{background:#fef2f2;color:var(--red);border-color:#fecaca}.badge-blue{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.badge-orange{background:#fff7ed;color:var(--orange);border-color:#fed7aa}.badge-amber{background:#fffbeb;color:#d97706;border-color:#fde68a}.badge-purple{background:#faf5ff;color:#9333ea;border-color:#e9d5ff}.badge-solid-green{background:#16a34a;color:#fff}.badge-solid-red{background:var(--red);color:#fff}.badge-solid-blue{background:#2563eb;color:#fff}.badge-solid-dark{background:#1a1a1a;color:#fff}.badge-full{width:100%;justify-content:center}.badge-sm{padding:2px;font-size:10.5px}.badge-lg{padding:5px 8px;font-size:13px}.badge-md{padding:3px 5px;font-size:11.5px}.badge-sq{border-radius:6px;font-family:DM Mono,monospace}.badge-outline{background:transparent;border-width:1.5px}.badge-flat{background:transparent;border-color:transparent}.badge-add{background:transparent;border-style:dashed;border-color:var(--border);color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;transition:border-color .15s,color .15s}.badge-add:hover{border-color:color-mix(in srgb,var(--text-secondary) 40%,var(--border));color:var(--text-primary)}.badge-no-border{border-color:transparent;border:none}.badge-tag-remove{cursor:pointer;font-size:14px;line-height:1;opacity:.5;transition:opacity .12s}.badge-tag-remove:hover{opacity:1}.checkbox-wrap{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:8px 12px}.checkbox-wrap.disabled{opacity:.4;cursor:not-allowed}.checkbox-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);background:var(--bg-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:background .15s,border-color .15s,box-shadow .15s}.checkbox-wrap:not(.disabled):hover .checkbox-box{border-color:#1a1a1a}.checkbox-box.checked,.checkbox-box.indeterminate{background:#1a1a1a;border-color:#1a1a1a}.checkbox-wrap:focus-within .checkbox-box{box-shadow:0 0 0 3px #1a1a1a1a}.checkbox-box svg{display:block}.checkbox-label-wrap{display:flex;flex-direction:column;gap:2px}.checkbox-label{font-size:13.5px;font-weight:500;color:var(--text-primary);line-height:1.4}.checkbox-desc{font-size:12px;color:var(--text-3);line-height:1.4}.checkbox-sm .checkbox-box{width:15px;height:15px;border-radius:4px}.checkbox-sm .checkbox-label{font-size:12.5px}.checkbox-lg .checkbox-box{width:22px;height:22px;border-radius:7px}.checkbox-lg .checkbox-label{font-size:15px}.input-field-wrap{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.input-inner{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:12px;background:var(--bg-base);transition:border-color .18s,box-shadow .18s,background .15s;overflow:hidden}.input-inner:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px #1a1a1a12;background:var(--bg-surface)}.input-inner.error{border-color:var(--danger);background-color:var(--danger-light)}.input-inner.success{border-color:var(--success)}.input-inner.error:focus-within{box-shadow:0 0 0 3px #e74c3c1a}.input-inner.success:focus-within{box-shadow:0 0 0 3px #22c55e1a}.input-inner.disabled{opacity:.5;cursor:not-allowed}.input-inner input,.input-inner textarea{flex:1;border:none;outline:none;background:transparent;font-family:DM Sans,sans-serif;color:var(--text-primary);min-width:0;resize:none}.input-xs input,.input-xs textarea{padding:4px 10px;font-size:11.5px}.input-sm input,.input-sm textarea{padding:7px 12px;font-size:12.5px}.input-md input,.input-md textarea{padding:10px 14px;font-size:13.5px}.input-lg input,.input-lg textarea{padding:13px 16px;font-size:15px}.input-inner input::placeholder,.input-inner textarea::placeholder{color:var(--text-4)}.input-affix{display:flex;align-items:center;padding:0 12px;color:var(--text-3);font-size:13px;flex-shrink:0;border-left:1.5px solid var(--border)}.input-prefix{border-left:none;border-right:1.5px solid var(--border)}.input-hint{font-size:11.5px;color:var(--text-3)}.input-hint.error{color:var(--red)}.input-hint.success{color:var(--green)}.input-inner[style*=flex-wrap]{padding:5px 8px;min-height:40px;height:auto}.input-inner[style*=flex-wrap] .input-affix.input-prefix{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.input-inner[style*=flex-wrap] input{flex:1;min-width:80px}.tag-input-chip-label{display:inline-flex;align-items:center;gap:4px}.tag-input-chip-rm{cursor:pointer;font-size:14px;line-height:1;opacity:.5;transition:opacity .12s}.tag-input-chip-rm:hover{opacity:1}.custom-ui-label-top{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.custom-input-wrap{display:flex;flex-direction:column;gap:6px;width:100%}.custom-input-inner{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:12px;background:var(--bg-base);transition:border-color .18s,box-shadow .18s,background .15s;overflow:hidden}.custom-input-inner:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px #1a1a1a12;background:var(--bg-surface)}.custom-input-active{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 7%,transparent);background:var(--bg-base)}.ml-layout{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.ml-topbar{height:56px;flex-shrink:0;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:4px;padding:0 12px}.ml-topbar-title{flex:1;font-size:15px;font-weight:600;color:var(--text-primary);padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-topbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.ml-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .13s,border-color .13s}.ml-icon-btn:hover{background:var(--bg-base);border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border))}.ml-icon-btn.active{background:var(--bg-base);border-color:var(--text-primary);color:var(--text-primary)}.ml-main{flex:1;overflow-y:auto;background:var(--bg-base)}.ml-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;animation:mlFadeIn .18s ease}.ml-drawer-left,.ml-drawer-right{position:fixed;top:0;bottom:0;z-index:201;overflow:hidden}.ml-drawer-left{left:0;background:var(--bg-base);border-right:1px solid var(--border);animation:mlSlideInLeft .22s ease}.ml-drawer-right{right:0;background:var(--bg-surface);border-left:1px solid var(--border);overflow-y:auto;padding:20px;animation:mlSlideInRight .22s ease}@keyframes mlFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mlSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes mlSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer{position:relative;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface);border-top:1.5px solid var(--border);overflow:hidden;z-index:10}.drawer.animating{transition:height .22s cubic-bezier(.4,0,.2,1)}.drawer:not(.collapsed){box-shadow:0 -6px 24px var(--shadow-color)}.drawer-handle{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;flex-shrink:0;cursor:ns-resize;-webkit-user-select:none;user-select:none;background:color-mix(in srgb,var(--bg-base) 60%,var(--border));border-bottom:1.5px solid var(--border);gap:8px;position:relative}.drawer-handle:hover{background:var(--bg-base)}.drawer-handle.dragging{cursor:ns-resize;background:color-mix(in srgb,var(--bg-base) 40%,var(--border))}.handle-grip{display:flex;align-items:center;gap:3px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.handle-grip span{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0;transition:background .14s}.drawer-handle:hover .handle-grip span,.drawer-handle.dragging .handle-grip span{background:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.handle-left{display:flex;align-items:center;gap:8px;min-width:0}.handle-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));white-space:nowrap}.handle-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.handle-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;flex-shrink:0}.handle-btn:hover,.handle-btn.active{background:var(--border);color:var(--text-primary)}.handle-size-group{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;overflow:hidden;margin-right:4px}.handle-size-btn{padding:3px 8px;border:none;background:transparent;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;font-size:10px;font-weight:600;font-family:DM Mono,monospace;transition:background .12s,color .12s;border-right:1px solid var(--border);white-space:nowrap}.handle-size-btn:last-child{border-right:none}.handle-size-btn:hover{background:var(--bg-base);color:var(--text-primary)}.handle-size-btn.active{background:var(--text-primary);color:var(--bg-surface)}.drawer-body{flex:1;overflow-y:auto;min-height:0}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.drawer.collapsed .drawer-handle{border-bottom:none;cursor:pointer}.drawer.collapsed .drawer-handle:hover{background:color-mix(in srgb,var(--bg-base) 40%,var(--border))}.drawer.vertical{flex-direction:row;border-top:none;height:100%}.drawer.vertical.side-right{border-left:1.5px solid var(--border)}.drawer.vertical.side-left{border-right:1.5px solid var(--border);flex-direction:row-reverse}.drawer.vertical.animating{transition:width .22s cubic-bezier(.4,0,.2,1)}.drawer.vertical:not(.collapsed){box-shadow:-6px 0 24px var(--shadow-color)}.drawer.vertical.side-left:not(.collapsed){box-shadow:6px 0 24px var(--shadow-color)}.drawer.vertical .drawer-handle{width:32px;height:100%;flex-direction:column;padding:12px 0 16px;cursor:ew-resize;border-bottom:none;border-right:1.5px solid var(--border);justify-content:space-between;align-items:center}.drawer.vertical.side-left .drawer-handle{border-right:none;border-left:1.5px solid var(--border)}.drawer.vertical .drawer-handle.dragging{cursor:ew-resize}.drawer.vertical.collapsed .drawer-handle{border-right:none;border-left:none;cursor:pointer;border-bottom:none}.drawer.vertical .handle-grip{flex-direction:column;position:static;transform:none}.drawer.vertical .handle-left{flex-direction:column}.drawer.vertical .handle-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:.08em}.drawer.vertical .handle-right{flex-direction:column;gap:6px}.drawer.vertical .handle-size-group{margin-right:0;margin-bottom:4px;flex-direction:column;border-radius:7px}.drawer.vertical .handle-size-group>*{writing-mode:vertical-rl}.drawer.vertical .drawer-body{overflow-y:auto;overflow-x:hidden}.ui-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);font-family:DM Sans,sans-serif;padding:40px 20px}.ui-card{background:var(--bg-base);border-radius:24px;padding:48px 44px;width:100%;max-width:480px;box-shadow:0 2px 8px var(--shadow-color),0 0 0 1px var(--border);display:flex;flex-direction:column;gap:32px}.ui-label-top{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));margin-bottom:10px}.toggle-track{display:inline-flex;align-items:center;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:9px;padding:2px;position:relative;gap:0}.toggle-indicator{position:absolute;top:2px;left:2px;height:calc(100% - 4px);background:var(--text-primary);border-radius:6px;transition:transform .18s cubic-bezier(.4,0,.2,1),width .12s ease;pointer-events:none;z-index:0}.toggle-option{position:relative;z-index:1;flex:1;text-align:center;border:none;background:transparent;cursor:pointer;border-radius:6px;font-family:DM Sans,sans-serif;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));white-space:nowrap;transition:color .15s ease;outline:none;-webkit-user-select:none;user-select:none}.toggle-option.active{color:var(--bg-base)}.toggle-option:not(.active):hover{color:var(--text-primary)}.toggle-track-xs{border-radius:7px;padding:2px;min-height:30px}.toggle-track-xs .toggle-indicator{border-radius:5px}.toggle-track-xs .toggle-option{font-size:11px;padding:2px 7px;border-radius:5px}.toggle-track-sm{border-radius:9px;padding:2px;min-height:34px}.toggle-track-sm .toggle-indicator{border-radius:6px}.toggle-track-sm .toggle-option{font-size:11.5px;padding:3px 9px;border-radius:6px}.toggle-track-md{border-radius:10px;padding:3px;min-height:38px}.toggle-track-md .toggle-indicator{border-radius:7px;top:3px;left:3px;height:calc(100% - 6px)}.toggle-track-md .toggle-option{font-size:12.5px;padding:5px 12px;border-radius:7px}.toggle-track-lg{border-radius:12px;padding:3px;min-height:44px}.toggle-track-lg .toggle-indicator{border-radius:9px;top:3px;left:3px;height:calc(100% - 6px)}.toggle-track-lg .toggle-option{font-size:13px;padding:7px 15px;border-radius:9px}.toggle-track-xs .toggle-option-square{width:18px;height:18px;padding:0}.toggle-track-sm .toggle-option-square{width:22px;height:22px;padding:0}.toggle-track-md .toggle-option-square{width:28px;height:28px;padding:0}.toggle-track-lg .toggle-option-square{width:34px;height:34px;padding:0}.toggle-track.full{width:100%}.toggle-option .opt-icon{display:inline-flex;align-items:center;gap:6px}.toggle-option .opt-icon svg{width:14px;height:14px;flex-shrink:0}.ui-meta{margin-top:10px;display:flex;justify-content:space-between}.ui-hint{font-size:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.ui-preview{font-family:DM Mono,monospace;font-size:12px;color:var(--text-secondary);font-weight:500;background:var(--bg-surface);padding:3px 9px;border-radius:6px}.section-divider{height:1px;background:var(--border)}.ct-page{min-height:100vh;display:flex;flex-direction:column}.ct-topbar{height:52px;background:var(--bg-surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:14px;flex-shrink:0;position:sticky;top:0;z-index:50}.ct-topbar-logo{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.ct-topbar-logo-dot{width:8px;height:8px;border-radius:50%;background:#d4956a}.ct-topbar-sep{width:1px;height:18px;background:var(--border)}.ct-topbar-page{font-size:13px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));font-weight:500}.ct-topbar-spacer{flex:1}.ct-topbar-count{font-family:DM Mono,monospace;font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));background:var(--bg-base);padding:3px 10px;border-radius:6px;border:1px solid var(--border)}.ct-body{display:flex;flex:1;min-height:0}.ct-filter-sidebar{flex-shrink:0;background:var(--bg-surface);padding:24px 16px;display:flex;flex-direction:column;gap:24px;position:sticky;top:52px;height:calc(100vh - 52px)}.ct-filter-label{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:10px}.ct-filter-search{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:10px;padding:8px 11px;background:var(--bg-base);transition:border-color .15s,box-shadow .15s;margin-bottom:4px}.ct-filter-search:focus-within{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--shadow-color)}.ct-filter-search svg{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0}.ct-filter-search input{border:none;outline:none;background:transparent;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1}.ct-filter-search input::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.ct-type-pills{display:flex;flex-wrap:wrap;gap:5px}.ct-type-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1.5px solid var(--border);background:transparent;font-size:12px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .13s,background .13s,color .13s;white-space:nowrap}.ct-type-pill:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.ct-type-pill.active{border-color:transparent;font-weight:600}.ct-type-pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ct-entity-list{display:flex;flex-direction:column;gap:3px}.ct-entity-btn{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;border:none;background:transparent;width:100%;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));transition:background .12s,color .12s;text-align:left;outline:none}.ct-entity-btn:hover{background:var(--bg-base);color:var(--text-primary)}.ct-entity-btn.active{background:var(--bg-base);color:var(--text-primary);font-weight:600}.ct-entity-av{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.ct-entity-check{margin-left:auto;width:14px;height:14px;border-radius:4px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-surface);transition:background .12s,border-color .12s}.ct-entity-btn.active .ct-entity-check{background:var(--text-primary);border-color:var(--text-primary)}.ct-tag-chips{display:flex;flex-wrap:wrap;gap:4px}.ct-tag-chip{padding:3px 9px;border-radius:5px;border:1.5px solid var(--border);background:transparent;font-size:11.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .13s,background .13s,color .13s}.ct-tag-chip:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.ct-tag-chip.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.ct-chapter-list{display:flex;flex-direction:column;gap:2px}.ct-chapter-btn{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;border-radius:7px;border:none;background:transparent;width:100%;cursor:pointer;font-family:DM Mono,monospace;font-size:11.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:background .12s,color .12s;text-align:left;outline:none}.ct-chapter-btn:hover{background:var(--bg-base);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.ct-chapter-btn.active{background:var(--bg-base);color:var(--text-primary);font-weight:700}.ct-chapter-count{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));background:var(--border);padding:1px 5px;border-radius:4px}.ct-filter-reset{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:11.5px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));font-family:DM Sans,sans-serif;padding:4px 0;transition:color .13s;margin-top:-12px}.ct-filter-reset:hover{color:var(--text-primary)}.tl-main{flex:1;padding:12px 25px 80px;display:flex;flex-direction:column;gap:0}.ct-chapter-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px;margin-top:36px}.ct-chapter-heading:first-child{margin-top:0}.ct-ch-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));white-space:nowrap}.ct-ch-line{flex:1;height:1px;background:var(--border)}.ct-ch-count{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));white-space:nowrap}.tl-entry{display:flex;gap:16px;margin-bottom:12px;position:relative;animation:tl-entryIn .2s ease both}@keyframes tl-entryIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tl-icon-col{width:36px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:1;padding-top:10px}.tl-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface);box-shadow:0 0 0 1.5px var(--border);flex-shrink:0;background:var(--bg-surface)}.tl-card{flex:1;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s;cursor:default}.tl-card:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));box-shadow:0 4px 20px var(--shadow-color)}.tl-card.importance-minor{opacity:.8}.tl-card-head{display:flex;align-items:flex-start;padding:14px 16px 10px;gap:10px}.tl-card-title{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3;flex:1}.tl-date-badge{font-family:DM Mono,monospace;font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));white-space:nowrap}.tl-type-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tl-card-desc{padding:0 16px 12px;font-size:13px;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));line-height:1.65}.tl-changes{margin:0 16px 14px;border:1.5px solid var(--border);border-radius:10px;overflow:hidden}.tl-change-row{display:flex;align-items:center;padding:7px 12px;gap:10px;border-bottom:1px solid var(--border);font-size:12.5px}.tl-change-attr{font-family:DM Mono,monospace;font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));min-width:140px;flex-shrink:0}.tl-change-label{color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));flex:1;font-weight:500}.tl-from{font-family:DM Mono,monospace;font-size:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));text-decoration:line-through;background:#fef2f2;padding:1px 6px;border-radius:4px;flex-shrink:0}.tl-arrow{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0;font-size:11px}.tl-to{font-family:DM Mono,monospace;font-size:12px;font-weight:600;color:var(--text-primary);background:#f0fdf4;padding:1px 6px;border-radius:4px;flex-shrink:0}.tl-card-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 16px;border-top:1.5px solid var(--border);background:color-mix(in srgb,var(--bg-base) 70%,var(--bg-surface))}.tl-entity-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:11.5px;font-weight:500;border:1px solid transparent}.tl-entity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tl-tags{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.tl-tag{font-size:10.5px;font-weight:500;padding:2px 7px;border-radius:4px;background:var(--bg-base);color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));border:1px solid var(--border)}.ct-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));text-align:center}.ct-empty-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px}.ct-empty-title{font-size:14px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.ct-empty-sub{font-size:13px}.ct-legend{display:flex;align-items:center;gap:16px;padding:12px 0 20px;border-bottom:1.5px solid var(--border);margin-bottom:28px}.ct-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.ct-legend-dot{width:7px;height:7px;border-radius:50%}.ct-stat-bar{display:flex;gap:12px;margin-left:auto}.ct-stat-chip{display:flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.ct-stat-num{font-weight:700;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.rl-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.rl-topbar{height:52px;background:var(--bg-surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0;z-index:30}.rl-tb-logo{display:flex;align-items:center;gap:8px}.rl-tb-lm{width:26px;height:26px;border-radius:7px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--bg-surface);font-family:Lora,serif}.rl-tb-ln{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.rl-tb-sep{width:1px;height:16px;background:var(--border)}.rl-tb-page{font-size:13px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));font-weight:500}.rl-tb-spacer{flex:1}.rl-tb-count{font-family:DM Mono,monospace;font-size:11px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));background:var(--bg-base);padding:3px 10px;border-radius:6px;border:1px solid var(--border)}.rl-tb-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:6px 13px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-primary) 70%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,color .13s;display:flex;align-items:center;gap:5px}.rl-tb-btn:hover{background:var(--bg-base);color:var(--text-primary)}.rl-body{display:flex;flex:1;overflow:hidden;position:relative}.rl-filter-sidebar{flex-shrink:0;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;z-index:10;transition:width .22s cubic-bezier(.4,0,.2,1)}.rl-filter-sidebar.collapsed{width:48px}.rl-fs-header{padding:12px 10px;border-bottom:1.5px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.rl-fs-header.collapsed{padding:12px 8px;align-items:center}.rl-fs-search{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:7px 10px;background:var(--bg-base);transition:border-color .15s}.rl-fs-search:focus-within{border-color:var(--text-primary);background:var(--bg-surface)}.rl-fs-search svg{color:color-mix(in srgb,var(--text-primary) 30%,var(--border));flex-shrink:0}.rl-fs-search input{border:none;outline:none;background:transparent;font-size:12px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1;min-width:0}.rl-fs-search input::placeholder{color:color-mix(in srgb,var(--text-primary) 30%,var(--border))}.rl-fs-collapse-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--border);background:none;cursor:pointer;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0;align-self:flex-end}.rl-fs-collapse-btn:hover{background:var(--bg-base);color:var(--text-primary)}.rl-fs-scroll{flex:1;overflow-y:auto;padding:8px 8px 20px}.rl-fs-scroll::-webkit-scrollbar{width:3px}.rl-fs-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.rl-fs-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));padding:10px 6px 5px;white-space:nowrap;overflow:hidden}.rl-filter-sidebar.collapsed .rl-fs-label{opacity:0}.rl-fs-btn{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;width:100%;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:12.5px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));cursor:pointer;transition:background .12s,color .12s;margin-bottom:2px;white-space:nowrap;overflow:hidden}.rl-fs-btn:hover{background:var(--bg-base);color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.rl-fs-btn.active{background:var(--bg-base);color:var(--text-primary);font-weight:600}.rl-fs-btn-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.rl-fs-btn-check{width:14px;height:14px;border-radius:4px;border:1.5px solid color-mix(in srgb,var(--border) 60%,var(--text-primary));background:var(--bg-surface);display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.rl-fs-btn.active .rl-fs-btn-check{background:var(--text-primary);border-color:var(--text-primary)}.rl-fs-btn-count{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-left:auto}.rl-fs-divider{height:1px;background:var(--border);margin:6px}.rl-strength-pills{display:flex;flex-wrap:wrap;gap:4px;padding:0 6px}.rl-strength-pill{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;border:1.5px solid var(--border);background:transparent;cursor:pointer;font-family:DM Sans,sans-serif;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));transition:all .12s}.rl-strength-pill:hover{border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary));color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.rl-strength-pill.active{border-color:transparent;font-weight:600}.rl-graph-area{flex:1;position:relative;overflow:hidden;background:var(--bg-base);background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:24px 24px;cursor:grab}.rl-graph-area:active{cursor:grabbing}.rl-graph-svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.rl-graph-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rl-edge-tooltip{position:absolute;background:var(--text-primary);color:var(--bg-surface);border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:500;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px var(--shadow-color);transform:translate(-50%,-100%) translateY(-8px);animation:rl-ttIn .12s ease;z-index:50}@keyframes rl-ttIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(-4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(-8px)}}.rl-graph-controls{position:absolute;bottom:70px;right:16px;display:flex;flex-direction:column;gap:5px;z-index:20}.rl-gc-btn{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg-surface);color:color-mix(in srgb,var(--text-primary) 70%,var(--border));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:0 2px 6px var(--shadow-color);transition:background .12s,color .12s,border-color .12s}.rl-gc-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.rl-graph-legend{position:absolute;bottom:70px;left:16px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:5px;box-shadow:0 2px 8px var(--shadow-color);z-index:20;min-width:160px}.rl-gl-title{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-bottom:2px}.rl-gl-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border))}.rl-gl-line{width:22px;height:2px;border-radius:2px;flex-shrink:0}.rl-graph-badge{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));box-shadow:0 2px 6px var(--shadow-color);white-space:nowrap;z-index:20}.rl-detail-panel{flex-shrink:0;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1)}.rl-detail-panel.hidden{width:0;border-left:none}.rl-dp-header{padding:14px 16px 10px;border-bottom:1.5px solid var(--border);flex-shrink:0}.rl-dp-close{float:right;background:none;border:none;cursor:pointer;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));font-size:14px;padding:0;transition:color .12s}.rl-dp-close:hover{color:var(--text-primary)}.rl-dp-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-top:2px}.rl-dp-sub{font-size:11.5px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));margin-top:2px}.rl-dp-body{flex:1;overflow-y:auto;padding:14px 16px 20px}.rl-dp-body::-webkit-scrollbar{width:3px}.rl-dp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.rl-dp-sec-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-bottom:8px;margin-top:16px}.rl-dp-sec-label:first-child{margin-top:0}.rl-dp-entity{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:11px;margin-bottom:8px;cursor:pointer;transition:border-color .12s}.rl-dp-entity:hover{border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.rl-dp-entity-av{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.rl-dp-entity-name{font-size:13px;font-weight:700;color:var(--text-primary)}.rl-dp-entity-role{font-size:11px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border))}.rl-dp-entity-type{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:auto}.rl-rel-item{padding:10px 12px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:border-color .12s,background .12s}.rl-rel-item:hover,.rl-rel-item.active{border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary));background:color-mix(in srgb,var(--bg-base) 70%,var(--border))}.rl-ri-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.rl-ri-strength{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rl-ri-target-name{font-size:12.5px;font-weight:700;color:var(--text-primary);flex:1}.rl-ri-type{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.rl-ri-label{font-size:11.5px;color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.rl-ri-notes{font-size:11px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-top:4px;font-style:italic;border-top:1px solid var(--border);padding-top:5px;line-height:1.4}.rl-ri-chapters{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}.rl-ri-chap{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--bg-surface);border:1px solid var(--border);color:color-mix(in srgb,var(--text-primary) 30%,var(--border))}.rl-edge-detail{background:var(--bg-base);border:1.5px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px}.rl-ed-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.rl-ed-strength-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rl-ed-title{font-size:13px;font-weight:700;color:var(--text-primary);flex:1}.rl-ed-type{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px}.rl-ed-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:12px}.rl-ed-row:last-child{border-bottom:none}.rl-ed-key{color:color-mix(in srgb,var(--text-primary) 50%,var(--border))}.rl-ed-val{font-weight:600;color:color-mix(in srgb,var(--text-primary) 70%,var(--border));font-family:DM Mono,monospace;font-size:11px}.rl-ed-label-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0}.rl-ed-arrow{font-size:11px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));flex-shrink:0;margin-top:1px}.rl-ed-label-text{font-size:12.5px;color:var(--text-primary);flex:1}.rl-ed-note{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 10px;font-size:11.5px;color:#92400e;line-height:1.5;margin-top:8px}.rl-btn{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;border:1.5px solid transparent;outline:none;transition:all .13s}.rl-btn-primary{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.rl-btn-primary:hover{background:color-mix(in srgb,var(--text-primary) 85%,var(--bg-base))}.rl-btn-secondary{background:none;border-color:var(--border);color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.rl-btn-secondary:hover{background:var(--bg-base);border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.dash{min-height:100vh;display:flex;flex-direction:column}.topbar{height:56px;background:var(--bg-surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:12px;position:sticky;top:0;z-index:40}.tb-logo-mark{width:28px;height:28px;border-radius:8px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--bg-surface);letter-spacing:-.02em;font-family:Lora,serif}.tb-logo-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.tb-streak{display:flex;align-items:center;gap:6px;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;color:#d97706}.tb-new-book{background:var(--text-primary);color:var(--bg-surface);border:none;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;display:flex;align-items:center;gap:7px;transition:opacity .14s}.tb-new-book:hover{opacity:.85}.tb-avatar{width:32px;height:32px;border-radius:9px;background:#fdf4ff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#9333ea;cursor:pointer;border:1.5px solid var(--border)}.dash-body{flex:1;display:grid;grid-template-columns:1fr 300px;max-width:1280px;margin:0 auto;width:100%}.main-col{padding:32px 28px 60px;display:flex;flex-direction:column;gap:32px;min-width:0;border-right:1.5px solid var(--border)}.right-col{padding:32px 24px 60px;display:flex;flex-direction:column;gap:24px}.section-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.section-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.section-link{font-size:12px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;background:none;border:none;font-family:DM Sans,sans-serif;transition:color .13s}.section-link:hover{color:var(--text-primary)}.greeting{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.greeting-title{font-family:Lora,serif;font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.015em;line-height:1.2;margin-bottom:6px}.greeting-sub{font-size:13.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));line-height:1.5}.greeting-sub strong{color:var(--accent-3);font-weight:600}.today-stats{display:flex;gap:12px;flex-wrap:wrap}.today-stat{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;min-width:90px}.ts-val{font-family:DM Mono,monospace;font-size:22px;font-weight:500;color:var(--text-primary);line-height:1}.ts-label{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:2px}.ts-delta{font-size:10.5px;font-weight:600;color:#22c55e}.ts-delta.neg{color:var(--danger)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.book-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;flex-direction:column}.book-card:hover{border-color:color-mix(in srgb,var(--border) 50%,var(--text-primary));box-shadow:0 6px 24px var(--shadow-color);transform:translateY(-2px)}.book-cover{height:7px;flex-shrink:0}.book-body{padding:18px 18px 14px;flex:1;display:flex;flex-direction:column}.book-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.book-title{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.25;letter-spacing:-.01em}.book-subtitle{font-size:11.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:2px}.book-status-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap;letter-spacing:.03em;flex-shrink:0}.chapter-track{display:flex;gap:2px;margin-bottom:12px;flex-wrap:wrap}.chapter-pip{height:4px;border-radius:3px;flex:1;min-width:6px;max-width:22px;transition:opacity .13s}.wc-bar-wrap{margin-bottom:12px}.wc-bar-labels{display:flex;justify-content:space-between;margin-bottom:5px}.wc-bar-label{font-family:DM Mono,monospace;font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.wc-bar-pct{font-family:DM Mono,monospace;font-size:10.5px;font-weight:700;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.wc-track{height:5px;background:var(--bg-base);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.wc-fill{height:100%;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.book-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.book-meta-chip{display:flex;align-items:center;gap:4px;font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));white-space:nowrap}.book-meta-dot{width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--border) 50%,var(--text-primary))}.book-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1.5px solid var(--border);background:color-mix(in srgb,var(--bg-base) 40%,var(--bg-surface))}.book-last-edited{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-family:DM Mono,monospace}.book-open-btn{background:var(--text-primary);color:var(--bg-surface);border:none;border-radius:7px;padding:5px 12px;font-size:11.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:opacity .13s}.book-open-btn:hover{opacity:.85}.book-card-new{background:transparent;border:1.5px dashed color-mix(in srgb,var(--border) 50%,var(--text-primary));border-radius:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;min-height:180px;transition:border-color .15s,background .15s;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.book-card-new:hover{border-color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));background:color-mix(in srgb,var(--bg-base) 97%,var(--text-primary));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.book-card-new-icon{font-size:24px;opacity:.4}.book-card-new-label{font-size:13px;font-weight:600}.spotlight{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:20px;overflow:hidden}.spotlight-head{display:flex;align-items:center;gap:14px;padding:20px 22px 16px;border-bottom:1.5px solid var(--border)}.spotlight-color-block{width:42px;height:52px;border-radius:8px;flex-shrink:0;display:flex;align-items:flex-end;padding:4px}.spotlight-title-group{flex:1;min-width:0}.spotlight-title{font-family:Lora,serif;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2}.spotlight-sub{font-size:11.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:2px}.spotlight-chapters{padding:14px 22px}.sc-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:10px}.sc-list{display:flex;flex-direction:column;gap:3px}.sc-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .12s}.sc-row:hover{background:var(--bg-base)}.sc-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sc-title{font-size:13px;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-row.active .sc-title{color:var(--text-primary);font-weight:600}.sc-words{font-family:DM Mono,monospace;font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.spotlight-action{padding:0 22px 18px;display:flex;gap:8px}.goals-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:16px}.goal-row{display:flex;flex-direction:column;gap:6px}.goal-header{display:flex;justify-content:space-between;align-items:baseline}.goal-label{font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.goal-nums{font-family:DM Mono,monospace;font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.goal-track{height:6px;background:var(--bg-base);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.goal-fill{height:100%;border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.goal-period{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.activity-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:18px;overflow:hidden}.act-list{display:flex;flex-direction:column}.act-row{display:flex;align-items:flex-start;gap:10px;padding:10px 18px;border-bottom:1px solid var(--border);transition:background .12s;cursor:default}.act-row:last-child{border-bottom:none}.act-row:hover{background:var(--bg-base)}.act-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;border:1.5px solid transparent}.act-content{flex:1;min-width:0}.act-book{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.act-desc{font-size:12.5px;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));line-height:1.35}.act-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.act-time{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));white-space:nowrap}.act-words{font-family:DM Mono,monospace;font-size:10.5px;font-weight:700;color:#22c55e}.heatmap-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:18px;padding:20px}.heatmap-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.heatmap-grid{display:grid;grid-template-columns:repeat(28,1fr);gap:3px}.heatmap-cell{aspect-ratio:1;border-radius:3px;transition:opacity .12s;cursor:default}.heatmap-legend{display:flex;align-items:center;gap:6px;margin-top:10px;justify-content:flex-end}.heatmap-legend-label{font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.heatmap-legend-cells{display:flex;gap:3px}.heatmap-legend-cell{width:10px;height:10px;border-radius:2px}.quick-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:18px;overflow:hidden}.quick-list{display:flex;flex-direction:column}.quick-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;background:none;border-left:none;border-right:none;width:100%;text-align:left;font-family:DM Sans,sans-serif}.quick-item:last-child{border-bottom:none}.quick-item:hover{background:var(--bg-base)}.quick-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.quick-label{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));flex:1}.quick-meta{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-family:DM Mono,monospace}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-tile{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:14px;padding:14px}.st-val{font-family:DM Mono,monospace;font-size:20px;font-weight:500;color:var(--text-primary);line-height:1}.st-label{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:4px}.deadline-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}.dl-row{display:flex;align-items:center;gap:10px}.dl-book-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dl-book-name{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));flex:1}.dl-date{font-family:DM Mono,monospace;font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.dl-days{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:transparent;font-size:12px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:all .13s;white-space:nowrap}.filter-pill:hover{border-color:color-mix(in srgb,var(--border) 50%,var(--text-primary));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.filter-pill.active{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}:root{--color-success: #22c55e;--color-warning: #d4956a;--color-critical: #6a8db5}.pb-rp-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-bottom:8px}.pb-wp-bar-wrap{margin-bottom:5px}.pb-wp-row{display:flex;justify-content:space-between;margin-bottom:5px}.pb-wp-label{font-size:12px;color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.pb-wp-pct{font-family:DM Mono,monospace;font-size:12px;font-weight:700}.pb-wp-track{height:6px;background:var(--bg-base);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.pb-wp-fill{height:100%;border-radius:99px;transition:width .5s}.pb-wp-percent-state-critical{color:var(--danger)}.pb-wp-percent-state-warning{color:var(--warning)}.pb-wp-percent-state-success{color:var(--success)}.pb-wp-bar-state-critical{background:var(--danger)}.pb-wp-bar-state-warning{background:var(--warning)}.pb-wp-bar-state-success{background:var(--success)}.pb-tile-wrap{display:flex;align-items:center;gap:3px;flex-shrink:0}.pb-tile-seg{width:8px;height:8px;border-radius:2px}.pb-pipe-seg{height:4px;border-radius:3px;flex:1;min-width:6px;max-width:22px;transition:opacity .13s}.tabs-root{display:flex;flex-direction:column}.tabs-bar{display:flex;align-items:stretch;position:relative;gap:0}.tabs-bar.underline{border-bottom:1.5px solid var(--border);padding:0 4px;gap:0}.tabs-bar.underline .tab-btn{padding:11px 16px;border-bottom:2px solid transparent;margin-bottom:-1.5px;border-radius:0;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.tabs-bar.underline .tab-btn:hover:not(.disabled){color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 2%,transparent)}.tabs-bar.underline .tab-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.tabs-bar.pills{padding:6px;background:var(--bg-surface);border-radius:14px;gap:3px}.tabs-bar.pills .tab-btn{padding:8px 16px;border-radius:10px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.tabs-bar.pills .tab-btn:hover:not(.disabled){background:var(--border);color:var(--text-secondary)}.tabs-bar.pills .tab-btn.active{background:var(--bg-base);color:var(--text-primary);font-weight:600;box-shadow:0 1px 6px var(--shadow-color),0 0 0 1px var(--border)}.tabs-bar.boxed{border:1.5px solid var(--border);border-radius:14px;padding:5px;background:var(--bg-surface);gap:3px}.tabs-bar.boxed .tab-btn{padding:8px 16px;border-radius:9px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));flex:1;justify-content:center}.tabs-bar.boxed .tab-btn:hover:not(.disabled){color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 3%,transparent)}.tabs-bar.boxed .tab-btn.active{background:var(--bg-base);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border)}.tabs-bar.solid{background:var(--text-primary);border-radius:14px;padding:5px;gap:3px}.tabs-bar.solid .tab-btn{padding:8px 16px;border-radius:9px;color:color-mix(in srgb,var(--bg-base) 45%,transparent)}.tabs-bar.solid .tab-btn:hover:not(.disabled){color:color-mix(in srgb,var(--bg-base) 70%,transparent);background:color-mix(in srgb,var(--bg-base) 7%,transparent)}.tabs-bar.solid .tab-btn.active{background:color-mix(in srgb,var(--bg-base) 12%,transparent);color:var(--bg-base);font-weight:600}.tabs-bar.solid .tab-badge{background:color-mix(in srgb,var(--bg-base) 15%,transparent);color:color-mix(in srgb,var(--bg-base) 80%,transparent);border-color:transparent}.tabs-bar.solid .tab-btn.active .tab-badge{background:color-mix(in srgb,var(--bg-base) 25%,transparent);color:var(--bg-base)}.tabs-bar.minimal{gap:4px;padding:0 2px}.tabs-bar.minimal .tab-btn{padding:7px 12px;border-radius:8px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));font-size:13px}.tabs-bar.minimal .tab-btn:hover:not(.disabled){color:var(--text-secondary);background:var(--bg-surface)}.tabs-bar.minimal .tab-btn.active{color:var(--text-primary);font-weight:600;background:var(--bg-surface)}.tab-btn{display:inline-flex;align-items:center;gap:7px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:none;outline:none;white-space:nowrap;transition:color .14s,background .14s,border-color .14s,box-shadow .14s;position:relative;flex-shrink:0;text-align:left}.tab-btn.disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.tab-icon{display:flex;align-items:center;color:inherit;flex-shrink:0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:10px;font-weight:700;padding:1.5px 6px;border-radius:5px;background:var(--bg-surface);color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));border:1px solid var(--border);min-width:18px;line-height:1.4;flex-shrink:0;transition:background .14s,color .14s}.tab-btn.active .tab-badge{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.tab-badge.dot-only{width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid var(--bg-base);padding:0;min-width:unset;position:absolute;top:6px;right:4px}.tabs-scroll-wrap{position:relative;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:row}.tabs-scroll{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-fade-left,.tabs-fade-right{position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2}.tabs-fade-left{left:0;background:linear-gradient(to right,var(--bg-base),transparent)}.tabs-fade-right{right:0;background:linear-gradient(to left,var(--bg-base),transparent)}.tabs-right{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 4px;flex-shrink:0;margin-left:auto}.tabs-search-wrap{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:5px 10px;background:var(--bg-surface);transition:border-color .15s,box-shadow .15s,width .22s cubic-bezier(.4,0,.2,1);overflow:hidden}.tabs-search-wrap:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 7%,transparent);background:var(--bg-base)}.tabs-search-icon{color:color-mix(in srgb,var(--text-secondary) 35%,var(--border));flex-shrink:0}.tabs-search-wrap input{border:none;outline:none;background:transparent;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);width:130px}.tabs-search-wrap input::placeholder{color:color-mix(in srgb,var(--text-secondary) 35%,var(--border))}.tabs-search-clear{background:none;border:none;color:color-mix(in srgb,var(--text-secondary) 35%,var(--border));cursor:pointer;display:flex;align-items:center;padding:0;transition:color .12s;flex-shrink:0}.tabs-search-clear:hover{color:var(--text-primary)}.tabs-add-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--border);background:none;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .13s,color .13s,border-color .13s;flex-shrink:0}.tabs-add-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.tab-kbd{font-family:DM Mono,monospace;font-size:9.5px;padding:1px 5px;border-radius:4px;background:var(--bg-surface);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 35%,var(--border));flex-shrink:0;transition:background .14s,color .14s}.tab-btn.active .tab-kbd{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-secondary)}.tabs-indicator{position:absolute;bottom:-1.5px;height:2px;background:var(--text-primary);border-radius:2px 2px 0 0;transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.tabs-root.vertical{flex-direction:row}.tabs-root.vertical .tabs-bar{flex-direction:column;border-bottom:none;border-right:1.5px solid var(--border);padding:8px 6px;gap:2px;width:180px;flex-shrink:0;align-items:stretch}.tabs-root.vertical .tabs-bar .tab-btn{border-bottom:none;border-left:2px solid transparent;border-radius:8px;margin-bottom:0;margin-right:-6px;padding:9px 14px;width:100%}.tabs-root.vertical .tabs-bar .tab-btn.active{border-bottom-color:transparent;border-left-color:var(--text-primary);background:var(--bg-surface);border-radius:8px;font-weight:600}.tabs-root.vertical .tabs-bar .tab-btn:hover:not(.disabled){background:var(--bg-surface)}.tabs-root.vertical .tabs-panel{flex:1}.tabs-panel{display:flex;flex-direction:column}.tabs-view-toggle{display:flex;align-items:center;gap:2px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:8px;padding:2px}.tabs-vt-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;opacity:.5}.tabs-vt-btn:hover{opacity:.8;background:var(--bg-surface)}.tabs-vt-btn.active{background:var(--bg-surface);opacity:1;color:var(--text-primary)}body{font-family:DM Sans,sans-serif;background:var(--bg-base);color:var(--text-primary);overflow-x:hidden}.page{min-height:100vh;background:var(--bg-base);padding:40px 24px 80px;display:flex;flex-direction:column;align-items:center;gap:28px}.page-header{width:100%;max-width:1100px;display:flex;align-items:baseline;gap:12px}.page-title{font-family:Lora,serif;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.page-sub{font-size:13px;color:var(--text-muted)}.demo-grid{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-items:start}.demo-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:20px;overflow:hidden}.dc-header{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1.5px solid var(--border)}.dc-avatar{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.dc-name{font-family:Lora,serif;font-size:16px;font-weight:600;color:var(--text-primary)}.dc-type{font-size:11px;color:var(--text-muted);font-family:DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.variant-bar{display:flex;gap:0;border-bottom:1.5px solid var(--border);background:var(--bg-surface)}.vb-btn{flex:1;padding:8px 6px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .13s,border-color .13s;outline:none}.vb-btn:hover{color:var(--text-secondary)}.vb-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.modal-preview{width:100%;max-width:1100px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:20px;overflow:hidden}.mp-header{padding:20px 24px 14px;border-bottom:1.5px solid var(--border)}.mp-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.mp-sub{font-size:12.5px;color:var(--text-muted)}.av-groups{display:flex;flex-direction:column;gap:0}.av-group{margin-bottom:16px}.av-group:last-child{margin-bottom:0}.av-group-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-disabled);margin-bottom:8px;display:flex;align-items:center;gap:8px}.av-group-label:after{content:"";flex:1;height:1px;background:var(--border)}.compact .av-group-label{font-size:9px;margin-bottom:6px}.av-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.compact .av-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.av-tile{background:var(--bg-base);border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;transition:border-color .13s,background .13s;cursor:default;position:relative;overflow:hidden}.av-tile:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.av-tile.editable{cursor:pointer}.av-tile.is-bool-true{border-color:var(--success);background:var(--success-light)}.av-tile.is-bool-false{border-color:var(--border);background:var(--bg-surface);opacity:.65}.av-tile-key{font-size:10px;color:var(--text-muted);font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-tile-val{font-family:DM Mono,monospace;font-size:15px;font-weight:500;color:var(--text-primary);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact .av-tile{padding:8px 10px;border-radius:8px}.compact .av-tile-val{font-size:13px}.av-tile-bar-wrap{margin-top:6px;height:3px;background:var(--border);border-radius:99px;overflow:hidden}.av-tile-bar-fill{height:100%;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.av-bool-badge{display:inline-flex;align-items:center;gap:4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;padding:2px 8px;border-radius:5px}.av-bool-true{background:var(--success-light);color:var(--success)}.av-bool-false{background:var(--bg-base);color:var(--text-disabled)}.av-tile-edit-overlay{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:5px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-muted);opacity:0;transition:opacity .12s;cursor:pointer}.av-tile.editable:hover .av-tile-edit-overlay{opacity:1}.av-tile.editing{border-color:var(--border-strong);background:var(--bg-elevated);cursor:default}.av-tile-input{width:100%;background:none;border:none;border-bottom:1.5px solid var(--border-strong);padding:2px 0;font-family:DM Mono,monospace;font-size:15px;font-weight:500;color:var(--text-primary);outline:none;line-height:1}.av-tile-input:focus{border-bottom-color:var(--border-focus)}.av-rows{display:flex;flex-direction:column;gap:0}.av-row{display:flex;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);gap:12px}.av-row:last-child{border-bottom:none}.av-row-key{font-size:11.5px;color:var(--text-muted);font-weight:500;min-width:100px;flex-shrink:0}.av-row-val{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.compact .av-row{padding:5px 0}.compact .av-row-key{font-size:11px;min-width:80px}.compact .av-row-val{font-size:12px}.av-row-bar{flex:1;display:flex;align-items:center;gap:8px}.av-row-bar-track{flex:1;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.av-row-bar-fill{height:100%;border-radius:99px}.av-row-bar-val{font-family:DM Mono,monospace;font-size:11.5px;font-weight:600;color:var(--text-secondary);min-width:28px;text-align:right}.av-cards{display:flex;flex-direction:column;gap:10px}.av-card{background:var(--bg-base);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.av-card-head{display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.av-card-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1}.av-card-count{font-family:DM Mono,monospace;font-size:10px;color:var(--text-disabled);background:var(--border);padding:1px 5px;border-radius:4px}.av-card-body{padding:10px 13px;display:flex;flex-direction:column;gap:0}.av-card-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.04);gap:10px}.av-card-row:last-child{border-bottom:none}.av-card-key{font-size:12px;color:var(--text-secondary);font-weight:400}.av-card-val{font-family:DM Mono,monospace;font-size:12px;font-weight:600;color:var(--text-primary);max-width:55%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-array-pills{display:flex;flex-wrap:wrap;gap:4px}.av-array-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--bg-base);border:1px solid var(--border);color:var(--text-secondary)}.av-array-pill.is-number{font-family:DM Mono,monospace;background:var(--info-light);border-color:var(--info);color:var(--info)}.av-array-pill.is-bool-true{background:var(--success-light);border-color:var(--success);color:var(--success)}.av-array-pill.is-bool-false{background:var(--bg-base);border-color:var(--border);color:var(--text-disabled)}.av-nested{border:1.5px solid var(--border);border-radius:9px;overflow:hidden;margin-top:2px}.av-nested-toggle{display:flex;align-items:center;gap:6px;padding:7px 11px;cursor:pointer;background:var(--bg-surface);border-bottom:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:background .12s;border:none;width:100%;text-align:left;font-family:DM Sans,sans-serif}.av-nested-toggle:hover{background:var(--bg-subtle)}.av-nested-chevron{font-size:9px;color:var(--text-disabled);transition:transform .18s;flex-shrink:0}.av-nested-chevron.open{transform:rotate(90deg)}.av-nested-count{font-family:DM Mono,monospace;font-size:10px;color:var(--text-disabled);background:var(--border);padding:1px 5px;border-radius:4px;margin-left:auto}.av-nested-body{padding:8px 10px;background:var(--bg-surface);display:flex;flex-direction:column;gap:3px}.av-nested-row{display:flex;align-items:center;gap:10px;padding:3px 0;border-bottom:1px solid rgba(0,0,0,.04)}.av-nested-row:last-child{border-bottom:none}.av-nested-key{font-size:11px;color:var(--text-muted);font-weight:500;min-width:70px;flex-shrink:0}.av-nested-val{font-family:DM Mono,monospace;font-size:11.5px;font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-complex-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:var(--bg-base);border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:border-color .12s}.av-complex-badge:hover{border-color:var(--border-strong);color:var(--text-secondary)}.av-modal-root{padding:20px 24px 24px}.av-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:16px}.av-modal-tile{background:var(--bg-base);border:1.5px solid var(--border);border-radius:11px;padding:12px 14px}.av-modal-key{font-size:10.5px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.av-modal-val{font-family:DM Mono,monospace;font-size:14px;font-weight:500;color:var(--text-primary);line-height:1}.av-json-toggle{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);border-radius:7px;padding:5px 11px;font-size:11.5px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .12s,color .12s;margin-top:12px}.av-json-toggle:hover{border-color:var(--border-strong);color:var(--text-secondary)}.av-json-pre{font-family:DM Mono,monospace;font-size:11.5px;line-height:1.7;color:var(--text-secondary);background:var(--bg-base);border-radius:10px;padding:14px;border:1.5px solid var(--border);white-space:pre-wrap;overflow-x:auto;margin-top:8px;max-height:240px;overflow-y:auto}.ent-en-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.ent-en-topbar{height:52px;background:var(--bg-surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0;z-index:40}.ent-en-tb-logo{display:flex;align-items:center;gap:8px}.ent-en-tb-logo-mark{width:26px;height:26px;border-radius:7px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:Lora,serif}.ent-en-tb-logo-name{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.ent-en-tb-sep{width:1px;height:16px;background:var(--border)}.ent-en-tb-page{font-size:13px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-weight:500}.ent-en-tb-spacer{flex:1}.ent-en-tb-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:6px 14px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,color .13s;display:flex;align-items:center;gap:6px}.ent-en-tb-btn:hover{background:var(--bg-base);color:var(--text-primary)}.ent-en-tb-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.ent-en-tb-btn.primary:hover{opacity:.85}.ent-en-body{display:flex;flex:1;overflow:hidden}.ent-entity-list{width:100%;height:100%;flex-shrink:0;background:var(--bg-surface);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ent-el-top{padding:14px 14px 10px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.ent-el-search{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:10px;padding:8px 11px;background:var(--bg-base);transition:border-color .15s,box-shadow .15s}.ent-el-search:focus-within{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--shadow-color)}.ent-el-search svg{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0}.ent-el-search input{border:none;outline:none;background:transparent;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1}.ent-el-search input::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.ent-el-types{display:flex;gap:4px}.ent-el-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:8px;cursor:pointer;border:1.5px solid var(--border);background:transparent;font-family:DM Sans,sans-serif;transition:all .13s}.ent-el-type-btn:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:var(--bg-base)}.ent-el-type-btn.active{border-color:transparent}.ent-el-type-icon{font-size:13px;line-height:1}.ent-el-type-label{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ent-el-scroll{flex:1;overflow-y:auto;padding:8px 10px 20px}.ent-el-scroll::-webkit-scrollbar{width:3px}.ent-el-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ent-el-group-hd{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));padding:10px 8px 5px;display:flex;align-items:center;justify-content:space-between}.ent-el-group-count{font-family:DM Mono,monospace;font-size:9.5px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.ent-entity-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;transition:background .12s,border-color .12s;margin-bottom:2px}.ent-entity-row:hover{background:var(--bg-base)}.ent-entity-row.active{background:var(--bg-base);border-color:var(--border)}.ent-er-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.ent-er-status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface)}.ent-er-info{flex:1;min-width:0}.ent-er-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ent-er-role{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ent-er-type-badge{font-size:9.5px;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.03em}.ent-detail-view{min-height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;border-right:1.5px solid var(--border);background:var(--bg-surface)}.ent-detail-header{flex-shrink:0;border-bottom:1.5px solid var(--border);background:var(--bg-surface)}.ent-dh-hero{padding:28px 28px 20px;display:flex;align-items:flex-start;gap:18px}.ent-dh-avatar-lg{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.ent-dh-status-dot-lg{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--bg-surface)}.ent-dh-title-group{flex:1;min-width:0}.ent-dh-name{font-family:Lora,serif;font-size:22px;font-weight:600;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}.ent-dh-role{font-size:13px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:4px}.ent-dh-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.ent-dh-tag{font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.ent-dh-book-tag{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.ent-dh-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.ent-dh-action-btn{background:none;border:1.5px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;display:flex;align-items:center;gap:6px}.ent-dh-action-btn:hover{background:var(--bg-base);border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));color:var(--text-primary)}.ent-dh-action-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.ent-dh-action-btn.primary:hover{opacity:.85}.ent-detail-tabs{display:flex;border-top:1.5px solid var(--border);padding:0 6px}.ent-dt-tab{padding:10px 16px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .14s,border-color .14s;outline:none}.ent-dt-tab:hover{color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.ent-dt-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.ent-detail-body{flex:1;overflow-y:auto;padding:24px 28px 40px}.ent-detail-body::-webkit-scrollbar{width:4px}.ent-detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ent-bio-text{font-size:14px;line-height:1.75;color:var(--text-secondary);margin-bottom:20px}.ent-notes-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;padding:14px 16px;font-size:13px;color:#92400e;line-height:1.6;display:flex;gap:10px}.ent-notes-box-icon{font-size:14px;flex-shrink:0;margin-top:1px}.ent-attr-sections{display:flex;flex-direction:column;gap:20px}.ent-attr-section-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:10px}.ent-attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.ent-attr-tile{background:var(--bg-base);border:1.5px solid var(--border);border-radius:11px;padding:12px 14px;transition:border-color .13s,background .13s;cursor:default;position:relative}.ent-attr-tile:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:color-mix(in srgb,var(--bg-base) 60%,var(--border))}.ent-attr-key{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));font-weight:500;margin-bottom:4px}.ent-attr-val{font-family:DM Mono,monospace;font-size:15px;font-weight:500;color:var(--text-primary);line-height:1}.ent-attr-val.unknown{color:color-mix(in srgb,var(--text-primary) 30%,var(--border))}.ent-attr-edit-btn{position:absolute;top:6px;right:6px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));opacity:0;transition:opacity .12s,background .12s}.ent-attr-tile:hover .ent-attr-edit-btn{opacity:1}.ent-attr-edit-btn:hover{background:var(--border);color:var(--text-primary)}.ent-char-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:20px}.ent-char-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1.5px;background:var(--border)}.ent-ct-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;position:relative}.ent-ct-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px;position:absolute;left:-17px;border:2px solid var(--bg-surface);box-shadow:0 0 0 1.5px var(--border)}.ent-ct-content{flex:1}.ent-ct-chapter{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-weight:500;margin-bottom:3px}.ent-ct-event{font-size:13.5px;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));line-height:1.4}.ent-rel-list{display:flex;flex-direction:column;gap:10px}.ent-rel-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:14px;cursor:pointer;transition:border-color .13s,background .13s}.ent-rel-row:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:color-mix(in srgb,var(--bg-base) 60%,var(--border))}.ent-rel-avatar{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.ent-rel-info{flex:1}.ent-rel-name{font-size:14px;font-weight:600;color:var(--text-primary)}.ent-rel-role{font-size:11.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:1px}.ent-rel-label-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;flex-shrink:0}.ent-rel-strength-bar{display:flex;align-items:center;gap:3px;flex-shrink:0}.ent-rel-bar-seg{width:8px;height:8px;border-radius:2px}.ent-right-panel2{width:260px;flex-shrink:0;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.ent-rp-header{height:42px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 16px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));flex-shrink:0;background:var(--bg-surface);gap:8px}.ent-rp-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.ent-rp-body::-webkit-scrollbar{width:3px}.ent-rp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ent-rp-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));margin-bottom:10px}.ent-mini-rel{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:border-color .12s,background .12s;margin-bottom:6px}.ent-mini-rel:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:var(--bg-base)}.ent-mini-av{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.ent-mini-name{font-size:12px;font-weight:600;color:var(--text-primary)}.ent-mini-label{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.ent-mini-strength{margin-left:auto}.ent-chapter-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);font-size:11.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));margin:3px}.ent-status-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px}.ent-status-dot{width:7px;height:7px;border-radius:50%}.ent-detail-sub-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));margin-bottom:10px}.en-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.el-items{display:flex;flex-direction:column;gap:6px}.el-items.tiles{display:flex;flex-direction:column;gap:16px;padding:8px 0}.el-items.tiles .el-group{display:flex;flex-direction:column;gap:6px}.el-items.tiles .el-group>.card,.el-items.tiles>.card{width:100%}.el-items.tiles .el-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.el-items.tiles .el-group .el-group-hd{grid-column:1 / -1}.el-items.tiles:not(:has(.el-group)){display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.entity-list .el-items:not(.tiles) .card--clickable:hover{transform:none;box-shadow:0 2px 8px #00000012,0 0 0 1.5px var(--border)}.entity-list .el-items:not(.tiles) .card--clickable:active{transform:none}.en-topbar{height:52px;background:var(--bg-surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0;z-index:40}.en-tb-logo{display:flex;align-items:center;gap:8px}.en-tb-logo-mark{width:26px;height:26px;border-radius:7px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:Lora,serif}.en-tb-logo-name{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.en-tb-sep{width:1px;height:16px;background:var(--border)}.en-tb-page{font-size:13px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-weight:500}.en-tb-spacer{flex:1}.en-tb-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:6px 14px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,color .13s;display:flex;align-items:center;gap:6px}.en-tb-btn:hover{background:var(--bg-base);color:var(--text-primary)}.en-tb-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.en-tb-btn.primary:hover{opacity:.85}.en-body{display:flex;flex:1;overflow:hidden}.entity-list{width:100%;height:100%;flex-shrink:0;background:var(--bg-base);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.el-top{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:10px}.entity-list .tabs-root{flex:1;min-height:0;display:flex;flex-direction:column}.entity-list .tabs-panel{flex:1;min-height:0;overflow-y:auto;padding:8px 14px 20px}.el-search{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:10px;padding:8px 11px;background:var(--bg-base);transition:border-color .15s,box-shadow .15s}.el-search:focus-within{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--shadow-color)}.el-search svg{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0}.el-search input{border:none;outline:none;background:transparent;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1}.el-search input::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.el-types{display:flex;gap:4px}.el-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:8px;cursor:pointer;border:1.5px solid var(--border);background:transparent;font-family:DM Sans,sans-serif;transition:all .13s}.el-type-btn:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:var(--bg-base)}.el-type-btn.active{border-color:transparent}.el-type-icon{font-size:13px;line-height:1}.el-type-label{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.el-scroll{flex:1;overflow-y:auto;padding:8px 10px 20px}.el-scroll::-webkit-scrollbar{width:3px}.el-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.el-group{display:flex;flex-direction:column;gap:4px}.el-group-hd{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));display:flex;align-items:center;justify-content:space-between}.el-group-count{font-family:DM Mono,monospace;font-size:9px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 60%,var(--border));background:var(--bg-surface);border:1.5px solid var(--border);padding:0 6px;border-radius:20px;line-height:18px}.el-item{cursor:pointer;transition:background .12s,border-color .12s}.entity-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;transition:background .12s,border-color .12s;margin-bottom:2px}.entity-row:hover{background:var(--bg-base)}.entity-row.active{background:var(--bg-base);border-color:var(--border)}.er-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.er-status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface)}.er-info{flex:1;min-width:0}.er-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.er-role{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.er-type-badge{font-size:9.5px;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.03em}.detail-view{min-height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;border-right:1.5px solid var(--border);background:var(--bg-surface)}.detail-header{flex-shrink:0;border-bottom:1.5px solid var(--border);background:var(--bg-surface)}.dh-hero{padding:28px 28px 20px;display:flex;align-items:flex-start;gap:18px}.dh-avatar-lg{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.dh-status-dot-lg{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--bg-surface)}.dh-title-group{flex:1;min-width:0}.dh-name{font-family:Lora,serif;font-size:22px;font-weight:600;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}.dh-role{font-size:13px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:4px}.dh-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.dh-tag{font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.dh-book-tag{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.dh-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.dh-action-btn{background:none;border:1.5px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;display:flex;align-items:center;gap:6px}.dh-action-btn:hover{background:var(--bg-base);border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));color:var(--text-primary)}.dh-action-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.dh-action-btn.primary:hover{opacity:.85}.detail-tabs{display:flex;border-top:1.5px solid var(--border);padding:0 6px}.dt-tab{padding:10px 16px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .14s,border-color .14s;outline:none}.dt-tab:hover{color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.dt-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.detail-body{flex:1;overflow-y:auto;padding:24px 28px 40px}.detail-body::-webkit-scrollbar{width:4px}.detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.bio-text{font-size:14px;line-height:1.75;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));margin-bottom:20px}.notes-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;padding:14px 16px;font-size:13px;color:#92400e;line-height:1.6;display:flex;gap:10px}.notes-box-icon{font-size:14px;flex-shrink:0;margin-top:1px}.attr-sections{display:flex;flex-direction:column;gap:20px}.attr-section-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:10px}.attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.attr-tile{background:var(--bg-base);border:1.5px solid var(--border);border-radius:11px;padding:12px 14px;transition:border-color .13s,background .13s;cursor:default;position:relative}.attr-tile:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:color-mix(in srgb,var(--bg-base) 60%,var(--border))}.attr-key{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));font-weight:500;margin-bottom:4px}.attr-val{font-family:DM Mono,monospace;font-size:15px;font-weight:500;color:var(--text-primary);line-height:1}.attr-val.unknown{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.attr-edit-btn{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:5px;border:none;background:transparent;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .12s,background .12s}.attr-tile:hover .attr-edit-btn{opacity:1}.attr-edit-btn:hover{background:var(--border);color:var(--text-primary)}.char-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:20px}.char-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1.5px;background:var(--border)}.ct-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;position:relative}.ct-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px;position:absolute;left:-17px;border:2px solid var(--bg-surface);box-shadow:0 0 0 1.5px var(--border)}.ct-content{flex:1}.ct-chapter{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-weight:500;margin-bottom:3px}.ct-event{font-size:13.5px;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));line-height:1.4}.rel-list{display:flex;flex-direction:column;gap:10px}.rel-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:14px;cursor:pointer;transition:border-color .13s,background .13s}.rel-row:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:color-mix(in srgb,var(--bg-base) 60%,var(--border))}.rel-avatar{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.rel-info{flex:1}.rel-name{font-size:14px;font-weight:600;color:var(--text-primary)}.rel-role{font-size:11.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:1px}.rel-label-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;flex-shrink:0}.rel-strength-bar{display:flex;align-items:center;gap:3px;flex-shrink:0}.rel-bar-seg{width:8px;height:8px;border-radius:2px}.right-panel2{width:260px;flex-shrink:0;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.rp-header{height:42px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 16px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0;background:color-mix(in srgb,var(--bg-base) 70%,var(--bg-surface));gap:8px}.rp-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.rp-body::-webkit-scrollbar{width:3px}.rp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.rp-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:10px}.mini-rel{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:border-color .12s,background .12s;margin-bottom:6px}.mini-rel:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:var(--bg-base)}.mini-av{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.mini-name{font-size:12px;font-weight:600;color:var(--text-primary)}.mini-label{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.mini-strength{margin-left:auto}.chapter-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);font-size:11.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));margin:3px}.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px}.status-dot{width:7px;height:7px;border-radius:50%}.detail-sub-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:10px}.cm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:cm-fadeIn .18s ease}@keyframes cm-fadeIn{0%{opacity:0}to{opacity:1}}.cm-modal{background:var(--bg-surface);border-radius:22px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000047,0 0 0 1px #0000000f;animation:cm-slideUp .2s cubic-bezier(.22,1,.36,1)}@keyframes cm-slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cm-header{display:flex;align-items:center;gap:14px;padding:20px 24px 16px;border-bottom:1.5px solid var(--border);flex-shrink:0}.cm-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;flex:1}.cm-close{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--border);background:none;cursor:pointer;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.cm-close:hover{background:var(--bg-base);color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 50%,var(--text-primary))}.cm-steps{display:flex;align-items:center;gap:0;flex-shrink:0}.cm-step-item{display:flex;align-items:center;gap:0}.cm-step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:background .18s,color .18s,border-color .18s;border:2px solid var(--border);background:var(--bg-surface);color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:default}.cm-step-dot.active{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.cm-step-dot.done{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0;cursor:pointer}.cm-step-label{font-size:11px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-left:6px;white-space:nowrap}.cm-step-label.active{color:var(--text-primary)}.cm-step-line{width:28px;height:1.5px;background:var(--border);margin:0 6px;flex-shrink:0}.cm-step-line.done{background:#bbf7d0}.cm-body{flex:1;overflow-y:auto;padding:24px}.cm-body::-webkit-scrollbar{width:4px}.cm-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cm-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1.5px solid var(--border);flex-shrink:0;background:color-mix(in srgb,var(--bg-base) 40%,var(--bg-surface))}.cm-footer-left,.cm-footer-right{display:flex;align-items:center;gap:8px}.cm-btn{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .13s,color .13s,border-color .13s,opacity .13s;border:1.5px solid transparent;outline:none}.cm-btn:active{transform:scale(.98)}.cm-btn-primary{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.cm-btn-primary:hover{opacity:.85}.cm-btn-secondary{background:none;border-color:var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.cm-btn-secondary:hover{background:var(--bg-base);border-color:color-mix(in srgb,var(--border) 50%,var(--text-primary));color:var(--text-primary)}.cm-btn-ghost{background:none;border-color:transparent;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.cm-btn-ghost:hover{color:var(--text-primary);background:var(--bg-base)}.cm-btn-danger{background:none;border-color:#fecaca;color:var(--danger)}.cm-btn-danger:hover{background:#fef2f2}.cm-btn:disabled{opacity:.4;cursor:not-allowed}.cm-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.cm-type-card{border:2px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;background:var(--bg-surface);transition:border-color .14s,background .14s,box-shadow .14s;display:flex;align-items:flex-start;gap:12px;outline:none}.cm-type-card:hover{border-color:color-mix(in srgb,var(--border) 50%,var(--text-primary));background:var(--bg-base)}.cm-type-card.selected{box-shadow:0 0 0 3px var(--shadow-color)}.cm-tsc-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cm-tsc-label{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2}.cm-tsc-desc{font-size:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:3px;line-height:1.4}.cm-tsc-check{margin-left:auto;width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .13s,border-color .13s;margin-top:2px}.cm-type-card.selected .cm-tsc-check{border-color:var(--text-primary);background:var(--text-primary)}.cm-form-section{margin-bottom:24px}.cm-form-section-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:12px}.cm-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cm-form-row{display:flex;flex-direction:column;gap:6px}.cm-form-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.cm-form-input{border:1.5px solid var(--border);border-radius:11px;padding:10px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.cm-form-input:focus{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--shadow-color)}.cm-form-input::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.cm-form-textarea{border:1.5px solid var(--border);border-radius:11px;padding:10px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));outline:none;resize:none;transition:border-color .15s,box-shadow .15s;line-height:1.6}.cm-form-textarea:focus{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--shadow-color)}.cm-form-textarea::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.cm-avatar-row{display:flex;align-items:center;gap:16px}.cm-avatar-preview{width:56px;height:56px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;transition:background .2s}.cm-color-swatch{width:26px;height:26px;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:transform .12s,box-shadow .12s;flex-shrink:0}.cm-color-swatch:hover{transform:scale(1.12)}.cm-color-swatch.selected{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--text-primary)}.cm-tags-input-wrap{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:11px;padding:8px 12px;background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));flex-wrap:wrap;transition:border-color .15s,background .15s}.cm-tags-input-wrap:focus-within{border-color:var(--text-primary);background:var(--bg-surface)}.cm-tag-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;background:var(--bg-base);border:1.5px solid var(--border);font-size:12px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.cm-tag-rm{background:none;border:none;cursor:pointer;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));padding:0;line-height:1;font-size:13px;transition:color .12s}.cm-tag-rm:hover{color:var(--text-primary)}.cm-tag-add-input{border:none;outline:none;background:transparent;font-size:12px;font-family:DM Sans,sans-serif;color:var(--text-primary);min-width:80px;flex:1}.cm-tag-add-input::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.cm-select-wrap{position:relative}.cm-select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--border);border-radius:11px;padding:10px 36px 10px 14px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));outline:none;cursor:pointer;transition:border-color .15s,background .15s}.cm-select-wrap select:focus{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--shadow-color)}.cm-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));pointer-events:none}.cm-book-select{display:flex;flex-direction:column;gap:6px}.cm-book-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:border-color .13s,background .13s}.cm-book-row.checked{border-color:color-mix(in srgb,var(--border) 50%,var(--text-primary));background:var(--bg-base)}.cm-book-row:hover{background:var(--bg-base)}.cm-book-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cm-book-name{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));flex:1}.cm-book-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid color-mix(in srgb,var(--border) 50%,var(--text-primary));background:var(--bg-surface);display:flex;align-items:center;justify-content:center;transition:background .13s,border-color .13s;flex-shrink:0}.cm-book-row.checked .cm-book-checkbox{background:var(--text-primary);border-color:var(--text-primary)}.cm-preset-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.cm-preset-btn{padding:5px 12px;border-radius:7px;border:1.5px solid var(--border);background:var(--bg-surface);font-size:12px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .13s,background .13s,color .13s;display:flex;align-items:center;gap:5px}.cm-preset-btn:hover{border-color:color-mix(in srgb,var(--border) 50%,var(--text-primary));background:var(--bg-base);color:var(--text-primary)}.cm-field-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.cm-field-header{display:flex;align-items:center;gap:8px}.cm-label-input{flex:1;border:1.5px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13px;font-family:DM Mono,monospace;color:var(--text-primary);background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));outline:none;transition:border-color .15s,background .15s}.cm-label-input:focus{border-color:var(--text-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--shadow-color)}.cm-type-badge{font-family:DM Mono,monospace;font-size:10px;font-weight:500;padding:2px 7px;border-radius:5px;letter-spacing:.04em}.cm-type-badge.string{background:#f0fdf4;color:#22c55e}.cm-type-badge.number{background:#eef3ff;color:#4a6cf7}.cm-type-badge.boolean{background:#fff7ed;color:#f97316}.cm-type-badge.object{background:#f0f9ff;color:#0ea5e9}.cm-type-badge.array{background:#fdf4ff;color:#a855f7}.cm-type-select{display:flex;border:1.5px solid var(--border);border-radius:9px;overflow:hidden;background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));flex-shrink:0}.cm-type-select select{border:none;outline:none;background:transparent;padding:7px 10px;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px}.cm-select-icon{display:flex;align-items:center;padding-right:8px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));pointer-events:none}.cm-input-wrap{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:9px;overflow:hidden;background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));transition:border-color .15s,box-shadow .15s}.cm-input-wrap:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--shadow-color);background:var(--bg-surface)}.cm-input-wrap input{flex:1;border:none;outline:none;background:transparent;padding:9px 12px;font-size:13.5px;font-family:DM Mono,monospace;font-weight:500;color:var(--text-primary);min-width:0}.cm-input-wrap input::placeholder{color:color-mix(in srgb,var(--text-secondary) 20%,var(--border));font-weight:400}.cm-bool-track{display:inline-flex;border:1.5px solid var(--border);border-radius:9px;overflow:hidden;background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface));position:relative;padding:3px;gap:2px}.cm-bool-indicator{position:absolute;top:3px;left:3px;height:calc(100% - 6px);border-radius:6px;background:var(--text-primary);transition:transform .2s cubic-bezier(.34,1.4,.64,1);pointer-events:none;z-index:0}.cm-bool-option{position:relative;z-index:1;border:none;background:transparent;cursor:pointer;padding:6px 14px;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:color .15s;outline:none}.cm-bool-option.active{color:var(--bg-surface)}.cm-nested-wrap{border:1.5px solid var(--border);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--bg-base) 60%,var(--bg-surface))}.cm-nested-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1.5px solid var(--border);background:var(--bg-base)}.cm-nested-title{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));letter-spacing:.04em}.cm-nested-body{padding:12px;display:flex;flex-direction:column;gap:0}.cm-array-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.cm-array-index{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 20%,var(--border));font-weight:500;padding-top:11px;min-width:16px;text-align:right}.cm-obj-field{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.cm-obj-key-wrap{width:110px;flex-shrink:0}.cm-obj-key-wrap .cm-input-wrap input{font-size:11.5px;padding:7px 8px}.cm-obj-value-wrap{flex:1}.cm-btn-add-nested{display:flex;align-items:center;gap:5px;border:1.5px dashed color-mix(in srgb,var(--border) 50%,var(--text-primary));background:transparent;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;transition:border-color .13s,color .13s;width:100%;justify-content:center}.cm-btn-add-nested:hover{border-color:var(--text-primary);color:var(--text-primary)}.cm-btn-remove{border:none;background:transparent;cursor:pointer;color:color-mix(in srgb,var(--border) 60%,var(--text-primary));padding:8px 2px;transition:color .13s;display:flex;align-items:center;flex-shrink:0}.cm-btn-remove:hover{color:var(--danger)}.cm-add-attr-row{display:flex;gap:8px;margin-top:4px}.cm-add-attr-row .cm-label-input{flex:1}.cm-add-attr-row .cm-type-select{width:120px}.cm-review-hero{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-base);border-radius:14px;margin-bottom:20px;border:1.5px solid var(--border)}.cm-review-avatar{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.cm-review-name{font-family:Lora,serif;font-size:18px;font-weight:600;color:var(--text-primary)}.cm-review-role{font-size:12.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:3px}.cm-review-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.cm-review-tag{font-size:11px;font-weight:500;padding:2px 8px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.cm-review-section{margin-bottom:16px}.cm-review-section-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:8px}.cm-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.cm-review-tile{background:var(--bg-base);border:1px solid var(--border);border-radius:8px;padding:9px 11px}.cm-review-tile-key{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));font-weight:500;margin-bottom:2px}.cm-review-tile-val{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary)}.cm-json-preview{font-family:DM Mono,monospace;font-size:11.5px;line-height:1.7;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));background:var(--bg-base);border-radius:12px;padding:16px;border:1.5px solid var(--border);white-space:pre-wrap;max-height:200px;overflow-y:auto}.stepper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:stOverlayIn .18s ease}@keyframes stOverlayIn{0%{opacity:0}to{opacity:1}}.stepper-modal{background:var(--bg-elevated);border-radius:22px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 70px #00000047,0 0 0 1px #0000000d;animation:stModalIn .22s cubic-bezier(.22,1,.36,1)}@keyframes stModalIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.stepper-header{display:flex;align-items:center;gap:16px;padding:20px 24px 16px;border-bottom:1.5px solid var(--border);flex-shrink:0}.st-title-block{flex:1;min-width:0}.st-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-subtitle{font-size:12px;color:var(--text3);margin-top:3px;line-height:1.4}.st-indicator{display:flex;align-items:center;gap:0;flex-shrink:0;overflow-x:auto;scrollbar-width:none;padding:2px}.st-indicator::-webkit-scrollbar{display:none}.st-step-item{display:flex;align-items:center}.st-step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;border:2px solid var(--border);background:var(--surface);color:var(--text3);transition:background .2s,color .2s,border-color .2s,transform .15s;cursor:default}.st-step-dot.done{cursor:pointer}.st-step-dot.done:hover{transform:scale(1.08)}.st-step-dot.active{transform:scale(1.05)}.st-step-label{font-size:11px;font-weight:600;color:var(--text3);margin-left:6px;white-space:nowrap;transition:color .18s}.st-step-label.active{color:var(--text-primary)}.st-step-label.done{color:var(--text3)}.st-step-line{width:24px;height:1.5px;background:var(--border);margin:0 5px;flex-shrink:0;transition:background .3s}.st-close{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--border);background:none;cursor:pointer;color:var(--text3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s}.st-close:hover{background:var(--bg);color:var(--text-primary);border-color:var(--border2)}.stepper-body{flex:1;overflow-y:auto;padding:15px 18px;animation:stBodyIn .18s ease}@keyframes stBodyIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.stepper-body::-webkit-scrollbar{width:4px}.stepper-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.st-error-banner{display:flex;align-items:center;gap:10px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:11px;padding:11px 14px;font-size:13px;font-weight:500;color:#c0614a;margin-bottom:20px;animation:stErrorIn .15s ease}@keyframes stErrorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.st-error-icon{font-size:14px;flex-shrink:0}.stepper-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 16px;border-top:1.5px solid var(--border);flex-shrink:0;background:#faf9f7}.stf-left,.stf-right{display:flex;align-items:center;gap:8px}.stf-error{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:5px 10px;max-width:280px}.stf-error-icon{flex-shrink:0;font-size:13px}.stf-progress{font-family:DM Mono,monospace;font-size:11px;color:var(--text4)}.st-btn{display:inline-flex;align-items:center;gap:7px;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .14s;border:1.5px solid transparent;outline:none}.st-btn:active:not(:disabled){transform:scale(.98)}.st-btn:disabled{opacity:.35;cursor:not-allowed}.st-btn-primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.st-btn-primary:hover:not(:disabled){background:#2d2d2d}.st-btn-secondary{background:none;border-color:var(--border);color:var(--text2)}.st-btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--border2);color:var(--text-primary)}.st-btn-ghost{background:none;border-color:transparent;color:var(--text3)}.st-btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg)}.st-btn-success{background:#22c55e;color:#fff;border-color:#22c55e}.st-btn-success:hover:not(:disabled){background:#16a34a}.st-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:stSpin .55s linear infinite;flex-shrink:0}@keyframes stSpin{to{transform:rotate(360deg)}}.sf-section{margin-bottom:24px}.sf-section-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text4);margin-bottom:10px;display:flex;align-items:center;gap:8px}.sf-section-label:after{content:"";flex:1;height:1px;background:var(--border)}.sf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sf-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sf-row{display:flex;flex-direction:column;gap:5px}.sf-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text3)}.sf-hint{font-size:11px;color:var(--text4);margin-top:2px}.sf-input{border:1.5px solid var(--border);border-radius:11px;padding:10px 13px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:#faf9f7;outline:none;width:100%;transition:border-color .15s,box-shadow .15s,background .15s}.sf-input:focus{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.sf-input::placeholder{color:var(--text4)}.sf-input.invalid{border-color:#fecaca;background:#fef2f2}.sf-textarea{border:1.5px solid var(--border);border-radius:11px;padding:10px 13px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:#faf9f7;outline:none;resize:none;line-height:1.6;width:100%;transition:border-color .15s}.sf-textarea:focus{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.sf-select-wrap{position:relative}.sf-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--border);border-radius:11px;padding:10px 36px 10px 13px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:#faf9f7;outline:none;cursor:pointer;transition:border-color .15s,background .15s}.sf-select:focus{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.sf-select-chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;font-size:10px}.sf-tags-wrap{display:flex;flex-wrap:wrap;gap:5px;align-items:center;border:1.5px solid var(--border);border-radius:11px;padding:8px 11px;background:#faf9f7;min-height:44px;transition:border-color .15s}.sf-tags-wrap:focus-within{border-color:var(--text-primary);background:var(--surface)}.sf-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;background:var(--bg);border:1.5px solid var(--border);font-size:12px;font-weight:500;color:var(--text2)}.sf-tag-rm{background:none;border:none;cursor:pointer;color:var(--text4);padding:0;font-size:13px;transition:color .12s;line-height:1}.sf-tag-rm:hover{color:var(--text-primary)}.sf-tag-input{border:none;outline:none;background:transparent;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1;min-width:90px}.sf-tag-input::placeholder{color:var(--text4)}.sf-tags-hint{font-size:11px;color:var(--text4);margin-top:4px}.sf-option-grid{display:grid;gap:8px}.sf-option-card{border:2px solid var(--border);border-radius:12px;padding:13px 14px;cursor:pointer;background:var(--surface);transition:border-color .14s,background .14s;display:flex;align-items:center;gap:12px;outline:none}.sf-option-card:hover{border-color:var(--border2);background:var(--bg)}.sf-option-card.selected{box-shadow:0 0 0 3px #1a1a1a12}.sf-opt-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.sf-opt-label{font-size:13.5px;font-weight:700;color:var(--text-primary)}.sf-opt-desc{font-size:11.5px;color:var(--text3);margin-top:2px}.sf-opt-check{margin-left:auto;width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .13s,border-color .13s}.sf-option-card.selected .sf-opt-check{border-color:#1a1a1a;background:#1a1a1a}.sf-color-row{display:flex;gap:7px;flex-wrap:wrap}.sf-swatch{width:28px;height:28px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:transform .12s,box-shadow .12s}.sf-swatch:hover{transform:scale(1.12)}.sf-swatch.selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #1a1a1a}.sf-number-wrap{display:flex;align-items:center;gap:0;border:1.5px solid var(--border);border-radius:11px;overflow:hidden;background:#faf9f7}.sf-num-btn{width:38px;height:44px;border:none;background:none;cursor:pointer;color:var(--text2);font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .12s;flex-shrink:0}.sf-num-btn:hover{background:var(--border)}.sf-num-input{flex:1;border:none;outline:none;background:transparent;text-align:center;font-family:DM Mono,monospace;font-size:15px;font-weight:500;color:var(--text-primary)}.review-hero{display:flex;align-items:center;gap:16px;padding:18px;background:var(--bg);border:1.5px solid var(--border);border-radius:14px;margin-bottom:20px}.rh-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.rh-sub{font-size:12.5px;color:var(--text3);margin-top:3px}.rh-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.rh-tag{font-size:11px;font-weight:500;padding:2px 8px;border-radius:5px;background:var(--surface);border:1px solid var(--border);color:var(--text2)}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.rv-tile{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:11px 13px}.rv-key{font-size:10.5px;color:var(--text3);font-weight:500;margin-bottom:3px}.rv-val{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.2}.demo-stage{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:40px 24px;flex-direction:column;gap:20px}.demo-title{font-family:Lora,serif;font-size:13px;font-weight:500;color:var(--text3);letter-spacing:.02em}.demo-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.demo-open-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .13s;text-align:left;min-width:200px}.demo-open-btn:hover{border-color:var(--border2);background:#f0efe9}.dob-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.dob-label{font-size:14px;font-weight:700;color:var(--text-primary)}.dob-desc{font-size:12px;color:var(--text3);margin-top:2px}.color-field{display:flex;flex-direction:column;gap:7px}.color-field-label{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 50%,var(--border))}.color-trigger{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:12px;padding:9px 12px;background:var(--bg-base);cursor:pointer;transition:border-color .18s,box-shadow .18s,background .15s;outline:none;width:100%;font-family:DM Sans,sans-serif}.color-trigger:hover{background:color-mix(in srgb,var(--bg-surface) 70%,var(--border))}.color-trigger.open{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 7%,transparent);background:var(--bg-base)}.color-swatch-preview{width:24px;height:24px;border-radius:7px;flex-shrink:0;border:1.5px solid rgba(0,0,0,.1);transition:background .2s}.color-hex-display{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary);flex:1;text-align:left;letter-spacing:.03em}.color-alpha-label{font-family:DM Mono,monospace;font-size:11px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.color-chevron{color:color-mix(in srgb,var(--text-secondary) 35%,var(--border));transition:transform .2s cubic-bezier(.34,1.2,.64,1);flex-shrink:0}.color-chevron.open{transform:rotate(180deg)}.color-popup{position:fixed;z-index:9999;background:var(--bg-base);border:1.5px solid var(--border);border-radius:18px;box-shadow:0 12px 40px var(--shadow-color),0 2px 8px var(--shadow-color);width:280px;overflow:hidden;animation:colorPopIn .17s cubic-bezier(.22,1,.36,1)}@keyframes colorPopIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-tabs{display:flex;border-bottom:1.5px solid var(--border);background:var(--bg-surface)}.cp-tab{flex:1;padding:10px 8px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;border-bottom:2px solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:-1.5px;transition:color .14s,border-color .14s;display:flex;align-items:center;justify-content:center;gap:6px;outline:none}.cp-tab:hover{color:var(--text-secondary)}.cp-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.cp-body{padding:16px;max-height:370px;overflow-y:auto}.swatch-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 35%,var(--border));margin-bottom:8px}.swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:14px}.swatch-btn{width:100%;aspect-ratio:1;border-radius:7px;border:2px solid #d2d2d2;cursor:pointer;transition:transform .13s,border-color .13s,box-shadow .13s;padding:0;outline:none;position:relative}.swatch-btn:hover{transform:scale(1.12);box-shadow:0 3px 10px #00000026}.swatch-btn.selected{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--bg-base),0 0 0 3px var(--text-primary)}.swatch-btn.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;background:#ffffff59}.recent-row{display:flex;gap:6px;margin-bottom:14px}.recent-swatch{width:28px;height:28px;border-radius:7px;border:1.5px solid var(--border);cursor:pointer;transition:transform .13s,border-color .13s;flex-shrink:0;outline:none;padding:0}.recent-swatch:hover{transform:scale(1.1);border-color:var(--text-primary)}.hex-input-row{display:flex;gap:8px;align-items:center;margin-top:4px}.hex-label{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));width:22px;flex-shrink:0}.hex-input{flex:1;border:1.5px solid var(--border);border-radius:9px;padding:7px 10px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-surface);outline:none;transition:border-color .15s,box-shadow .15s;letter-spacing:.04em}.hex-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 7%,transparent);background:var(--bg-base)}.opacity-input{width:60px;flex-shrink:0;border:1.5px solid var(--border);border-radius:9px;padding:7px 8px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-surface);outline:none;text-align:right;transition:border-color .15s}.opacity-input:focus{border-color:var(--text-primary)}.wheel-wrap{display:flex;flex-direction:column;gap:14px}.sv-square-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:crosshair;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001f}.sv-square-wrap canvas{display:block;width:100%;height:100%}.sv-cursor{position:absolute;width:16px;height:16px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 1px 6px #0006;pointer-events:none;transform:translate(-50%,-50%)}.hue-slider-wrap{position:relative;height:14px;border-radius:99px;background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red);box-shadow:inset 0 0 0 1px #0000001a;cursor:pointer}.hue-slider-thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid #fff;box-shadow:0 1px 6px #00000059;transform:translate(-50%,-50%);pointer-events:none}.alpha-slider-wrap{position:relative;height:14px;border-radius:99px;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001a;overflow:hidden}.alpha-checker{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%);background-size:10px 10px;border-radius:99px}.alpha-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px}.alpha-thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid #fff;box-shadow:0 1px 6px #00000059;transform:translate(-50%,-50%);pointer-events:none}.cp-eyedrop{background:none;border:1.5px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:background .13s,border-color .13s,color .13s;flex-shrink:0;outline:none}.cp-eyedrop:hover{background:var(--bg-surface);border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary));color:var(--text-primary)}.wheel-sliders-row{display:flex;gap:8px;align-items:center}.wheel-sliders-col{flex:1;display:flex;flex-direction:column;gap:8px}.wheel-preview-row{display:flex;gap:8px;align-items:center}.wheel-color-preview{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--border);flex-shrink:0}.demo-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;background:var(--surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0;z-index:30}.tb-count{font-family:DM Mono,monospace;font-size:11px;color:var(--text3);background:var(--bg);padding:3px 10px;border-radius:6px;border:1px solid var(--border)}.tb-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,color .13s;display:flex;align-items:center;gap:5px}.tb-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.demo-body{display:flex;flex:1;overflow:hidden}.demo-embed-panel{width:480px;flex-shrink:0;border-right:1.5px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.dep-header{padding:18px 20px 12px;border-bottom:1.5px solid var(--border);flex-shrink:0}.dep-title{font-family:Lora,serif;font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.dep-sub{font-size:12px;color:var(--text3)}.dep-tabs{display:flex;border-bottom:1.5px solid var(--border);flex-shrink:0;padding:0 4px}.dep-tab{padding:9px 15px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .13s,border-color .13s;outline:none}.dep-tab:hover{color:var(--text2)}.dep-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.tl-full{display:flex;flex:1;overflow:hidden}.tl-sidebar{width:232px;flex-shrink:0;border-right:1.5px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.tl-sidebar-scroll{flex:1;overflow-y:auto;padding:16px 12px 20px;display:flex;flex-direction:column;gap:20px}.tl-sidebar-scroll::-webkit-scrollbar{width:3px}.tl-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.filter-section-label{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text4);margin-bottom:8px}.filter-search{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:9px;padding:7px 10px;background:var(--bg);transition:border-color .15s}.filter-search:focus-within{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.filter-search svg{color:var(--text4);flex-shrink:0}.filter-search input{border:none;outline:none;background:transparent;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1;min-width:0}.filter-search input::placeholder{color:var(--text4)}.type-pills{display:flex;flex-wrap:wrap;gap:4px}.type-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1.5px solid var(--border);background:transparent;font-size:11.5px;font-weight:500;color:var(--text3);cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .13s,background .13s,color .13s;white-space:nowrap}.type-pill:hover{border-color:var(--border2);color:var(--text2)}.type-pill.active{border-color:transparent;font-weight:600}.type-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.entity-list{display:flex;flex-direction:column;gap:2px}.entity-filter-btn{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:none;background:transparent;width:100%;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12.5px;color:var(--text2);transition:background .12s;text-align:left;outline:none}.entity-filter-btn:hover{background:var(--bg);color:var(--text-primary)}.entity-filter-btn.active{background:var(--bg);color:var(--text-primary);font-weight:600}.entity-av-sm{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.entity-check{margin-left:auto;width:14px;height:14px;border-radius:4px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface);transition:background .12s,border-color .12s}.entity-filter-btn.active .entity-check{background:#1a1a1a;border-color:#1a1a1a}.tag-chips{display:flex;flex-wrap:wrap;gap:4px}.tag-chip{padding:3px 8px;border-radius:5px;border:1.5px solid var(--border);background:transparent;font-size:11px;font-weight:500;color:var(--text3);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .13s}.tag-chip:hover{border-color:var(--border2);color:var(--text2)}.tag-chip.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.chapter-list{display:flex;flex-direction:column;gap:1px}.chapter-btn{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:6px;border:none;background:transparent;width:100%;cursor:pointer;font-family:DM Mono,monospace;font-size:11.5px;font-weight:500;color:var(--text3);transition:background .12s,color .12s;text-align:left;outline:none}.chapter-btn:hover{background:var(--bg);color:var(--text2)}.chapter-btn.active{background:var(--bg);color:var(--text-primary);font-weight:700}.chapter-count{font-family:DM Mono,monospace;font-size:10px;color:var(--text4);background:var(--border);padding:1px 5px;border-radius:4px}.filter-reset-btn{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:11.5px;font-weight:600;color:var(--text3);font-family:DM Sans,sans-serif;padding:4px 0;transition:color .13s}.filter-reset-btn:hover{color:var(--text-primary)}.tl-content{flex:1;overflow-y:auto}.tl-content::-webkit-scrollbar{width:4px}.tl-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.tl-content.mode-full{padding:24px 40px 60px;max-width:800px}.tl-legend{display:flex;align-items:center;gap:14px;padding:12px 0 18px;border-bottom:1.5px solid var(--border);margin-bottom:24px}.tl-content.mode-embedded .tl-legend{padding:10px 16px 12px;margin-bottom:0;border-bottom:1.5px solid var(--border)}.legend-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text3)}.legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stat-bar{display:flex;gap:10px;margin-left:auto}.stat-chip{display:flex;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:10.5px;color:var(--text3)}.stat-num{font-weight:700;color:var(--text2)}.embed-search-bar{border-bottom:1.5px solid var(--border);display:flex;align-items:center;gap:8px}.embed-filter-chips{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1.5px solid var(--border)}.chapter-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px;margin-top:28px}.chapter-heading:first-child{margin-top:0}.tl-content.mode-embedded .chapter-heading{margin-top:20px}.chapter-heading-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text4);white-space:nowrap}.chapter-heading-line{flex:1;height:1px;background:var(--border)}.chapter-heading-count{font-family:DM Mono,monospace;font-size:10px;color:var(--text4);white-space:nowrap}.tl-track{position:relative}.tl-track:before{content:"";position:absolute;left:17px;top:0;bottom:0;width:1.5px;background:var(--border);z-index:0}.tl-content.mode-embedded .tl-track:before{left:33px}.tl-entry{display:flex;gap:14px;margin-bottom:10px;position:relative;animation:entryIn .18s ease both}@keyframes entryIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.tl-icon-col{width:36px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;padding-top:10px}.tl-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--border);background:var(--surface);flex-shrink:0}.tl-card{flex:1;background:var(--surface);border:1.5px solid var(--border);border-radius:13px;overflow:hidden;transition:border-color .15s,box-shadow .15s;cursor:default}.tl-card:hover{border-color:var(--border2);box-shadow:0 3px 14px #0000000f}.tl-card.importance-major{border-left:3px solid currentColor}.tl-card.importance-minor{opacity:.82}.tl-card-head{display:flex;align-items:flex-start;padding:12px 14px 8px;gap:8px}.tl-card-title{font-size:13.5px;font-weight:700;color:var(--text-primary);line-height:1.3;flex:1}.tl-card-meta{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:1px}.tl-date-badge{font-family:DM Mono,monospace;font-size:10.5px;color:var(--text4);white-space:nowrap}.tl-type-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em;white-space:nowrap}.tl-card-desc{padding:0 14px 10px;font-size:13px;color:var(--text2);line-height:1.65}.tl-changes{margin:0 14px 12px;border:1.5px solid var(--border);border-radius:9px;overflow:hidden}.tl-change-row{display:flex;align-items:center;padding:6px 11px;gap:10px;border-bottom:1px solid var(--border);font-size:12px}.tl-change-row:last-child{border-bottom:none}.tl-change-attr{font-family:DM Mono,monospace;font-size:10.5px;color:var(--text3);min-width:130px;flex-shrink:0}.tl-change-label{color:var(--text2);flex:1;font-weight:500;font-size:12.5px}.tl-from{font-family:DM Mono,monospace;font-size:11.5px;color:var(--text3);text-decoration:line-through;background:#fef2f2;padding:1px 5px;border-radius:4px;flex-shrink:0}.tl-arrow{color:var(--text4);flex-shrink:0;font-size:11px}.tl-to{font-family:DM Mono,monospace;font-size:11.5px;font-weight:700;color:var(--text-primary);background:#f0fdf4;padding:1px 5px;border-radius:4px;flex-shrink:0}.tl-to.decreased{background:#fef2f2;color:#c0614a}.tl-to.increased{background:#f0fdf4;color:#22c55e}.tl-card-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 14px;border-top:1.5px solid var(--border);background:#faf9f7}.tl-entity-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:opacity .13s}.tl-entity-chip:hover{opacity:.75}.tl-entity-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tl-tags{margin-left:auto;display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.tl-tag{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;background:var(--bg);color:var(--text3);border:1px solid var(--border)}.tl-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;color:var(--text3);text-align:center}.tl-empty-icon{width:44px;height:44px;border-radius:13px;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px}.tl-empty-title{font-size:14px;font-weight:600;color:var(--text2)}.tl-empty-sub{font-size:12.5px}.ch-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.ch-topbar{height:52px;background:var(--bg-surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0}.ch-tb-logo{display:flex;align-items:center;gap:8px}.ch-tb-logo-mark{width:26px;height:26px;border-radius:7px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--bg-surface);font-family:Lora,serif}.ch-tb-logo-name{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.ch-tb-sep{width:1px;height:16px;background:var(--border)}.ch-tb-page{font-size:13px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));font-weight:500}.ch-tb-book{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-tb-book-dot{width:8px;height:8px;border-radius:50%}.ch-tb-spacer{flex:1}.ch-tb-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:6px 14px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-primary) 70%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,color .13s;display:flex;align-items:center;gap:6px}.ch-tb-btn:hover{background:var(--bg-base);color:var(--text-primary)}.ch-tb-btn.primary{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.ch-tb-btn.primary:hover{background:color-mix(in srgb,var(--text-primary) 85%,var(--bg-base))}.ch-body{display:flex;flex:1;overflow:hidden}.ch-chapter-list{width:300px;flex-shrink:0;background:var(--bg-surface);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ch-cl-header{padding:14px 14px 10px;border-bottom:1.5px solid var(--border);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.ch-cl-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ch-cl-prog-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-base)}.ch-cl-prog-num{font-family:DM Mono,monospace;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1}.ch-cl-prog-label{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border))}.ch-cl-filters{gap:4px;overflow-x:auto;scrollbar-width:none}.ch-cl-filters::-webkit-scrollbar{display:none}.ch-cl-filter{padding:4px 10px;border-radius:6px;white-space:nowrap;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));cursor:pointer;transition:background .12s,color .12s}.ch-cl-filter:hover{background:var(--bg-base);color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-cl-filter.active{background:var(--text-primary);color:var(--bg-surface);border-radius:6px}.ch-cl-scroll{flex:1;overflow-y:auto;padding:8px 10px 20px}.ch-cl-scroll::-webkit-scrollbar{width:3px}.ch-cl-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ch-chapter-row{display:flex;align-items:stretch;gap:0;border:1.5px solid transparent;border-radius:12px;cursor:pointer;transition:background .12s,border-color .12s;overflow:hidden}.ch-chapter-row:hover{background:var(--bg-base)}.ch-chapter-row.active{background:var(--bg-base);border-color:var(--border)}.ch-cr-status-bar{width:3px;flex-shrink:0;border-radius:3px 0 0 3px}.ch-cr-body{flex:1;padding:10px 12px;min-width:0}.ch-cr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.ch-cr-num{font-family:DM Mono,monospace;font-size:10px;font-weight:500;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));flex-shrink:0;padding-top:2px}.ch-cr-title{font-size:13px;font-weight:700;color:var(--text-primary);flex:1;line-height:1.2}.ch-cr-status-badge{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;letter-spacing:.03em}.ch-cr-subtitle{font-size:11.5px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-cr-wc-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}.ch-cr-wc-label{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border))}.ch-cr-wc-pct{font-family:DM Mono,monospace;font-size:10px;font-weight:700}.ch-cr-wc-track{height:3px;background:var(--border);border-radius:99px;overflow:hidden}.ch-cr-wc-fill{height:100%;border-radius:99px;transition:width .4s}.ch-cr-entities{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.ch-cr-ent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1.5px solid var(--bg-surface)}.ch-detail-view{height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;border-right:1.5px solid var(--border)}.ch-detail-header{flex-shrink:0;border-bottom:1.5px solid var(--border)}.ch-dh-hero{padding:24px 28px 18px;display:flex;align-items:flex-start;gap:20px}.ch-dh-number{width:52px;height:52px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:20px;font-weight:600;color:#fff}.ch-dh-info{flex:1;min-width:0}.ch-dh-title{font-family:Lora,serif;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.ch-dh-subtitle{font-size:13px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));margin-top:4px;font-style:italic}.ch-dh-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}.ch-dh-meta-chip{display:flex;align-items:center;gap:5px;font-size:12px;color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-dh-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.ch-dh-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-primary) 70%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s,color .12s;white-space:nowrap;display:flex;align-items:center;gap:6px}.ch-dh-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary))}.ch-dh-btn.primary{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.ch-dh-btn.primary:hover{background:color-mix(in srgb,var(--text-primary) 85%,var(--bg-base))}.ch-dh-stats{display:flex;gap:0;border-top:1.5px solid var(--border);border-bottom:1.5px solid var(--border)}.ch-dh-stat{flex:1;padding:10px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.ch-dh-stat:last-child{border-right:none}.ch-dh-stat-val{font-family:DM Mono,monospace;font-size:16px;font-weight:500;color:var(--text-primary);line-height:1}.ch-dh-stat-label{font-size:10px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.ch-detail-tabs{display:flex;padding:0 4px}.ch-dt-tab{padding:10px 16px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--text-primary) 50%,var(--border));cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .14s,border-color .14s;outline:none}.ch-dt-tab:hover{color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-dt-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.ch-detail-body{flex:1;overflow-y:auto;padding:24px 28px 40px}.ch-detail-body::-webkit-scrollbar{width:4px}.ch-detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ch-db-section-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-bottom:10px}.ch-summary-text{font-family:DM Sans,sans-serif;font-size:14.5px;line-height:1.75;color:color-mix(in srgb,var(--text-primary) 70%,var(--border));margin-bottom:20px}.ch-notes-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;padding:12px 14px;font-size:13px;color:#92400e;line-height:1.6;display:flex;gap:10px;margin-bottom:20px}.ch-notes-icon{flex-shrink:0;font-size:14px;margin-top:1px}.ch-tags-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}.ch-tag-chip{font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-entity-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.ch-entity-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:7px;font-size:12.5px;font-weight:500;border:1px solid transparent;cursor:default}.ch-entity-chip-av{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0}.ch-scenes-list{display:flex;flex-direction:column;gap:8px}.ch-scene-card{background:var(--bg-base);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;transition:border-color .13s,background .13s;cursor:default}.ch-scene-card:hover{border-color:color-mix(in srgb,var(--border) 60%,var(--text-primary));background:color-mix(in srgb,var(--bg-base) 70%,var(--border))}.ch-sc-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ch-sc-num{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));font-weight:500;min-width:14px}.ch-sc-title{font-size:13.5px;font-weight:700;color:var(--text-primary);flex:1}.ch-sc-status{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.03em;flex-shrink:0}.ch-sc-meta{display:flex;gap:10px;margin-bottom:6px;font-size:11.5px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border))}.ch-sc-summary{font-size:13px;color:color-mix(in srgb,var(--text-primary) 70%,var(--border));line-height:1.5;margin-bottom:8px}.ch-sc-entities{display:flex;gap:4px;flex-wrap:wrap}.ch-sc-ent{display:flex;align-items:center;gap:3px;font-size:11px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border))}.ch-sc-ent-dot{width:5px;height:5px;border-radius:50%}.ch-sc-wc{font-family:DM Mono,monospace;font-size:10.5px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-left:auto}.ch-timeline-list{position:relative;padding-left:20px}.ch-timeline-list:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1.5px;background:var(--border)}.ch-tl-item{position:relative;margin-bottom:14px;display:flex;align-items:flex-start;gap:12px}.ch-tl-dot{position:absolute;left:-17px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface);box-shadow:0 0 0 1.5px var(--border);flex-shrink:0}.ch-tl-card{flex:1;background:var(--bg-base);border:1.5px solid var(--border);border-radius:10px;padding:10px 13px}.ch-tl-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.ch-tl-type-badge{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.03em}.ch-tl-importance{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.ch-tl-title{font-size:13px;font-weight:600;color:var(--text-primary)}.ch-right-panel{flex-shrink:0;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.ch-rp-header{height:42px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 16px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));flex-shrink:0;background:var(--bg-base)}.ch-rp-body{flex:1;overflow-y:auto;padding:14px 14px 20px;display:flex;flex-direction:column;gap:18px}.ch-rp-body::-webkit-scrollbar{width:3px}.ch-rp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ch-rp-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-bottom:8px}.ch-wp-bar-wrap{margin-bottom:14px}.ch-wp-row{display:flex;justify-content:space-between;margin-bottom:5px}.ch-wp-label{font-size:12px;color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-wp-pct{font-family:DM Mono,monospace;font-size:12px;font-weight:700}.ch-wp-track{height:6px;background:var(--bg-base);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.ch-wp-fill{height:100%;border-radius:99px;transition:width .5s}.ch-mini-ent{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .12s;border:none;background:transparent;width:100%;text-align:left}.ch-mini-ent:hover{background:var(--bg-base)}.ch-mini-av{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.ch-mini-name{font-size:12px;font-weight:500;color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-rp-section-items,.ch-quick-nav{display:flex;flex-direction:column;gap:2px}.ch-qn-btn{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;cursor:pointer;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:12.5px;color:color-mix(in srgb,var(--text-primary) 70%,var(--border));transition:background .12s,color .12s;width:100%;text-align:left}.ch-qn-btn:hover{background:var(--bg-base);color:var(--text-primary)}.ch-qn-btn.active{background:var(--bg-base);color:var(--text-primary);font-weight:600}.ch-qn-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ch-qn-num{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));margin-left:auto}.ch-empty-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:color-mix(in srgb,var(--text-primary) 50%,var(--border))}.ch-empty-icon{font-size:32px;opacity:.3}.ch-empty-title{font-size:14px;font-weight:600;color:color-mix(in srgb,var(--text-primary) 70%,var(--border))}.ch-empty-sub{font-size:13px;text-align:center;max-width:220px;line-height:1.5}.stats-wrap{display:flex;gap:0;border-top:1.5px solid var(--border);border-bottom:1.5px solid var(--border)}.stats-item{flex:1;padding:10px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.stats-item:last-child{border-right:none}.stats-item-val{font-family:DM Mono,monospace;font-size:16px;font-weight:500;color:var(--text-primary);line-height:1}.stats-item-label{font-size:10px;color:color-mix(in srgb,var(--text-primary) 30%,var(--border));font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.panel-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text4);margin-bottom:14px;display:flex;align-items:center;gap:8px}.panel-label:after{content:"";flex:1;height:1px;background:var(--border)}.panel-wrapper{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:18px 20px;margin-bottom:24px;overflow-x:auto}.panel-content{display:flex;flex-direction:column;gap:16px}.editable-wrap{position:relative;display:inline-flex;align-items:center;gap:4px}.editable-edit-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease;flex-shrink:0}.editable-wrap:hover .editable-edit-btn{opacity:1}.editable-edit-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.editable-input{font:inherit;color:inherit;background:var(--bg-elevated);border:1px solid var(--border-focus);border-radius:4px;padding:1px 6px;outline:none;width:auto;min-width:4ch}.editable-input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-1) 20%,transparent)}.gl-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.gl-topbar{height:52px;background:var(--bg-base);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0}.gl-tb-logo{display:flex;align-items:center;gap:8px}.gl-tb-lm{width:26px;height:26px;border-radius:7px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;font-family:Lora,serif}.gl-tb-ln{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.gl-tb-sep{width:1px;height:16px;background:var(--border)}.gl-tb-page{font-size:13px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));font-weight:500}.gl-tb-spacer{flex:1}.gl-tb-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:6px 14px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,color .13s;display:flex;align-items:center;gap:6px}.gl-tb-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.gl-tb-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.gl-tb-btn.primary:hover{background:color-mix(in srgb,var(--text-primary) 85%,#000)}.gl-body{display:flex;flex:1;overflow:hidden}.gl-filter-panel{width:250px;flex-shrink:0;background:var(--bg-base);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.gl-fp-top{padding:14px 12px 10px;border-bottom:1.5px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.gl-fp-search{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--bg-surface);transition:border-color .15s,box-shadow .15s}.gl-fp-search:focus-within{border-color:var(--text-primary);background:var(--bg-base);box-shadow:0 0 0 3px #1a1a1a12}.gl-fp-search svg{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));flex-shrink:0}.gl-fp-search input{border:none;outline:none;background:transparent;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1;min-width:0}.gl-fp-search input::placeholder{color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.gl-fp-stats{display:flex;gap:6px}.gl-fp-stat{flex:1;text-align:center;padding:6px 4px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-surface)}.gl-fp-stat-num{font-family:DM Mono,monospace;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1}.gl-fp-stat-label{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-top:1px}.gl-fp-scroll{flex:1;overflow-y:auto;padding:10px 10px 20px}.gl-fp-scroll::-webkit-scrollbar{width:3px}.gl-fp-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.gl-fp-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));padding:10px 6px 5px}.gl-fp-btn{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:DM Sans,sans-serif;font-size:12.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:background .12s,color .12s;margin-bottom:1px}.gl-fp-btn:hover{background:var(--bg-surface);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-fp-btn.active{background:var(--bg-surface);color:var(--text-primary);font-weight:600}.gl-fp-cat-icon{font-size:12px;flex-shrink:0;width:18px;text-align:center}.gl-fp-cat-count{margin-left:auto;font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));background:var(--border);padding:1px 5px;border-radius:4px}.gl-fp-divider{height:1px;background:var(--border);margin:8px 6px}.gl-fp-pills{display:flex;flex-wrap:wrap;gap:4px;padding:0 6px}.gl-fp-pill{padding:3px 9px;border-radius:5px;font-size:11px;font-weight:500;border:1.5px solid var(--border);background:transparent;cursor:pointer;font-family:DM Sans,sans-serif;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:all .12s}.gl-fp-pill:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-fp-pill.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.gl-alpha-strip{display:flex;flex-wrap:wrap;gap:3px;padding:0 6px}.gl-alpha-btn{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:10px;font-weight:700;border:none;background:transparent;cursor:pointer;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));transition:background .12s,color .12s}.gl-alpha-btn:hover{background:var(--bg-surface);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-alpha-btn.active{background:var(--text-primary);color:#fff}.gl-alpha-btn.has-entries{color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.gl-entry-list{width:100%;flex-shrink:0;background:var(--bg-base);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.gl-el-header{height:42px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:8px;flex-shrink:0;background:var(--bg-surface)}.gl-el-result-count{font-size:11px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));font-family:DM Mono,monospace}.gl-el-sort{margin-left:auto;background:none;border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:11px;font-family:DM Sans,sans-serif;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));cursor:pointer;transition:background .12s}.gl-el-sort:hover{background:var(--bg-surface);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-el-scroll{flex:1;overflow-y:auto}.gl-el-scroll::-webkit-scrollbar{width:3px}.gl-el-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.gl-alpha-group-hd{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:8px 14px 5px;background:var(--bg-base);border-bottom:1px solid var(--border)}.gl-alpha-letter{font-family:Lora,serif;font-size:15px;font-weight:600;color:var(--text-primary);width:20px;flex-shrink:0}.gl-alpha-line{flex:1;height:1px;background:var(--border)}.gl-alpha-count{font-family:DM Mono,monospace;font-size:10px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.gl-entry-row{display:flex;align-items:flex-start;gap:0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;padding:0}.gl-entry-row:hover,.gl-entry-row.active{background:var(--bg-surface)}.gl-er-accent{width:3px;flex-shrink:0;align-self:stretch}.gl-er-body{flex:1;padding:11px 13px;min-width:0}.gl-er-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:3px}.gl-er-term{font-size:13.5px;font-weight:700;color:var(--text-primary);flex:1;line-height:1.2}.gl-er-cat-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;letter-spacing:.04em}.gl-er-status{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.gl-er-short{font-size:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));line-height:1.45}.gl-er-aliases{font-size:10.5px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-top:3px;font-style:italic}.gl-er-footer{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.gl-er-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--bg-surface);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.gl-detail-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg-base)}.gl-dp-header{flex-shrink:0;border-bottom:1.5px solid var(--border)}.gl-dp-hero{padding:24px 28px 18px}.gl-dp-term{font-family:Lora,serif;font-size:26px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1;margin-bottom:6px}.gl-dp-pronunciation{font-family:DM Mono,monospace;font-size:12px;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:10px;font-style:italic}.gl-dp-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px}.gl-dp-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.03em}.gl-dp-aliases{font-size:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.gl-dp-aliases strong{color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));font-weight:600}.gl-dp-meta-row{display:flex;gap:0;border-top:1.5px solid var(--border);border-bottom:1.5px solid var(--border);background:var(--bg-surface)}.gl-dp-meta-item{flex:1;padding:8px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.gl-dp-meta-item:last-child{border-right:none}.gl-dp-meta-label{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border))}.gl-dp-meta-val{font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-dp-actions{display:flex;gap:8px;padding:12px 28px;border-bottom:1.5px solid var(--border);background:var(--bg-surface)}.gl-dp-action-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s,color .12s;display:flex;align-items:center;gap:6px}.gl-dp-action-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border))}.gl-dp-action-btn.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.gl-dp-action-btn.primary:hover{background:color-mix(in srgb,var(--text-primary) 85%,#000)}.gl-dp-body{flex:1;overflow-y:auto;padding:28px 28px 48px}.gl-dp-body::-webkit-scrollbar{width:4px}.gl-dp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.gl-dp-section{margin-bottom:28px}.gl-dp-section-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));margin-bottom:12px;display:flex;align-items:center;gap:10px}.gl-dp-section-label:after{content:"";flex:1;height:1px;background:var(--border)}.gl-dp-definition{font-size:15px;line-height:1.8;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));white-space:pre-line}.gl-dp-definition p{margin-bottom:14px}.gl-dp-note-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;padding:12px 14px;margin-top:14px;font-size:13px;color:#92400e;line-height:1.6;display:flex;gap:8px}.gl-dp-note-icon{flex-shrink:0;font-size:13px;margin-top:1px}.gl-dp-etymology{font-size:13.5px;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border));line-height:1.65;padding:12px 14px;background:var(--bg-surface);border-radius:10px;border:1.5px solid var(--border);font-style:italic}.gl-related-grid{display:flex;flex-direction:column;gap:6px}.gl-related-card{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:11px;cursor:pointer;border:1.5px solid var(--border);background:var(--bg-base);transition:border-color .12s,background .12s}.gl-related-card:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));background:var(--bg-surface)}.gl-rc-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.gl-rc-term{font-size:13px;font-weight:700;color:var(--text-primary)}.gl-rc-short{font-size:11.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));margin-top:1px;line-height:1.3}.gl-rc-cat{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:auto;flex-shrink:0}.gl-chapter-chips{display:flex;flex-wrap:wrap;gap:5px}.gl-chapter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:var(--bg-surface);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-tag-chips{display:flex;flex-wrap:wrap;gap:5px}.gl-tag-chip{font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));padding:40px}.gl-empty-icon{font-size:36px;opacity:.25}.gl-empty-title{font-size:15px;font-weight:600;color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.gl-empty-sub{font-size:13px;text-align:center;max-width:260px;line-height:1.6}.fp-btn{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:DM Sans,sans-serif;font-size:12.5px;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:background .12s,color .12s;margin-bottom:1px}.fp-btn:hover{background:var(--bg-surface);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.fp-btn.active{background:var(--bg-surface);color:var(--text-primary);font-weight:600}.fp-pill{padding:3px 9px;border-radius:5px;font-size:11px;font-weight:500;border:1.5px solid var(--border);background:transparent;cursor:pointer;font-family:DM Sans,sans-serif;color:color-mix(in srgb,var(--text-secondary) 50%,var(--border));transition:all .12s}.fp-pill:hover{border-color:color-mix(in srgb,var(--text-secondary) 25%,var(--border));color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.fp-pill.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.alpha-btn{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:10px;font-weight:700;border:none;background:transparent;cursor:pointer;color:color-mix(in srgb,var(--text-secondary) 30%,var(--border));transition:background .12s,color .12s}.alpha-btn:hover{background:var(--bg-surface);color:color-mix(in srgb,var(--text-secondary) 80%,var(--border))}.alpha-btn.active{background:var(--text-primary);color:#fff}.alpha-btn.has-entries{color:color-mix(in srgb,var(--text-secondary) 50%,var(--border))}.entry-row{display:flex;align-items:flex-start;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.entry-row:hover,.entry-row.active{background:var(--bg-surface)}.note-sidebar{flex-shrink:0;background:var(--bg-base);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ns-top{padding:12px 12px 8px;flex-shrink:0;border-bottom:1.5px solid var(--border);display:flex;flex-direction:column;gap:8px}.ns-search{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:9px;padding:7px 10px;background:var(--bg-surface);transition:border-color .15s,box-shadow .15s}.ns-search:focus-within{border-color:var(--text-primary);background:var(--bg-base);box-shadow:0 0 0 3px var(--shadow-color)}.ns-search input{border:none;outline:none;background:transparent;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1}.ns-search input::placeholder{color:var(--text-secondary-muted)}.ns-cats{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ns-cats::-webkit-scrollbar{display:none}.ns-cat{padding:4px 10px;border-radius:6px;white-space:nowrap;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.ns-cat:hover{background:var(--bg-surface);color:var(--text-primary)}.ns-cat.active{background:var(--text-primary);color:#fff}.ns-list{flex:1;overflow-y:auto;padding:6px 8px 20px}.ns-list::-webkit-scrollbar{width:3px}.ns-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.nl-item{padding:10px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;transition:background .12s,border-color .12s;margin-bottom:2px;position:relative}.nl-item:hover{background:var(--bg-surface)}.nl-item.active{background:var(--bg-surface);border-color:var(--border)}.nl-color-bar{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0}.nl-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nl-meta{display:flex;align-items:center;gap:5px;margin-top:4px;padding-left:10px;flex-wrap:wrap}.nl-date{font-family:DM Mono,monospace;font-size:10px;color:var(--text-secondary-muted)}.nl-cat-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;background:var(--border);color:var(--text-secondary)}.nl-pin{font-size:9px;color:var(--text-secondary-muted)}.nl-group-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary-muted);padding:12px 10px 5px}.note-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base)}.editor-toolbar{height:42px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:3px;flex-shrink:0;background:var(--bg-surface);overflow-x:auto;scrollbar-width:none}.editor-toolbar::-webkit-scrollbar{display:none}.tb-tool{background:none;border:none;cursor:pointer;padding:5px 7px;border-radius:6px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;color:var(--text-secondary);transition:background .12s,color .12s;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:4px}.tb-tool:hover,.tb-tool.active{background:var(--border);color:var(--text-primary)}.tb-divider{width:1px;height:18px;background:var(--border);margin:0 4px;flex-shrink:0}.tb-link-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);font-family:DM Sans,sans-serif;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;flex-shrink:0}.tb-link-btn:hover{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}.editor-scroll{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:40px 24px 60px}.editor-scroll::-webkit-scrollbar{width:4px}.editor-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.editor-page{width:100%;display:flex;flex-direction:column}.note-meta-header{margin-bottom:28px}.note-title-input{font-family:DM Sans,sans-serif;font-size:26px;font-weight:700;color:var(--text-primary);border:none;outline:none;background:transparent;width:100%;letter-spacing:-.015em;line-height:1.2;margin-bottom:12px}.note-title-input::placeholder{color:var(--text-secondary-muted)}.note-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag-input-wrap{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.note-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border);font-size:11.5px;font-weight:500;color:var(--text-secondary)}.note-tag-rm{background:none;border:none;cursor:pointer;color:var(--text-secondary-muted);padding:0;line-height:1;font-size:12px;transition:color .12s}.note-tag-rm:hover{color:var(--text-primary)}.tag-add-btn{background:none;border:1px dashed var(--border);border-radius:5px;padding:2px 8px;font-size:11.5px;color:var(--text-secondary-muted);cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .12s,color .12s}.tag-add-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.cat-select-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;color:var(--text-secondary);transition:background .12s,border-color .12s}.cat-select-btn:hover{background:var(--bg-surface)}.cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.note-body-area{font-family:DM Sans,sans-serif;font-size:15px;line-height:1.8;color:var(--text-primary);border-top-left-radius:0;border-top-right-radius:0;border:none;outline:none;background:transparent;width:100%;min-height:90%;resize:none;caret-color:var(--text-primary)}.note-body-area::placeholder{color:var(--text-secondary-muted)}.note-rendered{font-family:DM Sans,sans-serif;font-size:15px;line-height:1.8;color:var(--text-primary)}.note-rendered h1{font-family:Lora,serif;font-size:22px;font-weight:600;margin:0 0 16px;letter-spacing:-.01em}.note-rendered h2{font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;margin:24px 0 8px;color:var(--text-primary)}.note-rendered p{margin-bottom:14px}.note-rendered strong{font-weight:700}.note-rendered em{font-style:italic;color:var(--text-secondary)}.note-rendered ul{margin:0 0 14px 20px}.note-rendered li{margin-bottom:5px;font-size:14.5px}.note-rendered .checkbox-li{list-style:none;display:flex;align-items:baseline;gap:8px}.entity-link{display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 5px;border-radius:5px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;position:relative;top:-1px;border:1px solid transparent;transition:filter .12s}.entity-link:hover{filter:brightness(1.1)}.entity-link-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.links-panel{width:240px;flex-shrink:0;background:var(--bg-base);border-left:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.lp-header{height:42px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 16px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary-muted);flex-shrink:0;background:var(--bg-surface);gap:8px}.lp-body{flex:1;overflow-y:auto;padding:14px 14px 20px;display:flex;flex-direction:column;gap:18px}.lp-body::-webkit-scrollbar{width:3px}.lp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.lp-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary-muted);margin-bottom:7px;display:flex;align-items:center;justify-content:space-between}.lp-entity-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .12s;border:none;background:transparent;width:100%;text-align:left}.lp-entity-row:hover{background:var(--bg-surface)}.lp-av{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.lp-ent-name{font-size:12.5px;font-weight:500;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-ent-count{font-family:DM Mono,monospace;font-size:10px;color:var(--text-secondary-muted);background:var(--bg-surface);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}.lp-add-link{display:flex;align-items:center;gap:5px;background:none;border:1.5px dashed var(--border);border-radius:8px;padding:7px 10px;width:100%;font-size:12px;font-weight:500;color:var(--text-secondary-muted);cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .13s,color .13s}.lp-add-link:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.lp-stats{display:flex;flex-direction:column;gap:6px}.lp-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.lp-stat-key{color:var(--text-secondary)}.lp-stat-val{font-family:DM Mono,monospace;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.related-note{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:9px;margin-bottom:6px;cursor:pointer;transition:background .12s,border-color .12s}.related-note:hover{background:var(--bg-surface);border-color:var(--border)}.related-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.related-title{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.related-sub{font-size:11px;color:var(--text-secondary-muted);margin-top:2px}.link-picker{position:fixed;z-index:200;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:14px;width:240px;box-shadow:0 12px 36px #00000024;overflow:hidden;animation:notePopIn .15s cubic-bezier(.22,1,.36,1)}@keyframes notePopIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-search-row{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid var(--border)}.lp-search-row input{border:none;outline:none;background:transparent;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1}.lp-search-row input::placeholder{color:var(--text-secondary-muted)}.lp-picker-list{max-height:220px;overflow-y:auto;padding:5px 0}.lp-picker-section{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary-muted);padding:7px 12px 3px}.lp-picker-item{display:flex;align-items:center;gap:9px;padding:7px 12px;cursor:pointer;transition:background .1s;background:none;border:none;width:100%;text-align:left;font-family:DM Sans,sans-serif}.lp-picker-item:hover{background:var(--bg-surface)}.lp-picker-av{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.lp-picker-label{font-size:13px;color:var(--text-secondary);font-weight:500}.save-indicator{position:fixed;bottom:24px;right:24px;background:var(--text-primary);color:#fff;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:100}.save-indicator.visible{opacity:1}.mode-toggle{display:flex;border:1.5px solid var(--border);border-radius:8px;overflow:hidden}.mode-btn{padding:4px 10px;border:none;background:transparent;font-size:11.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s,color .12s}.mode-btn.active{background:var(--text-primary);color:#fff}.empty-note{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);padding:40px}.empty-note-icon{font-size:32px;opacity:.4}.empty-note-title{font-size:15px;font-weight:600;color:var(--text-secondary)}.empty-note-sub{font-size:13px;text-align:center;max-width:280px;line-height:1.5}.notes-layout{display:flex;height:100%;overflow:hidden}.tt-page{min-height:100vh;display:flex;flex-direction:column}.topbar{height:56px;background:var(--surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:50}.tb-lm{width:28px;height:28px;border-radius:8px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.tb-ln{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.tb-pill{font-family:DM Mono,monospace;font-size:11px;color:var(--text3);background:var(--bg);padding:3px 10px;border-radius:7px;border:1px solid var(--border)}.tt-layout{display:flex;flex:1}.tt-sidebar{width:248px;flex-shrink:0;background:var(--surface);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:sticky;top:56px;height:calc(100vh - 56px)}.sb-scroll{flex:1;overflow-y:auto;padding:14px 10px 16px}.sb-scroll::-webkit-scrollbar{width:3px}.sb-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sb-sec{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text4);padding:10px 8px 5px}.sb-btn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text2);transition:background .12s;margin-bottom:2px}.sb-btn:hover{background:var(--bg)}.sb-btn.active{background:var(--bg);color:var(--text-primary);font-weight:600}.sb-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.sb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-time{font-family:DM Mono,monospace;font-size:10.5px;color:var(--text4);flex-shrink:0}.sb-foot{padding:12px;border-top:1.5px solid var(--border);flex-shrink:0}.sb-foot-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px solid var(--border)}.sb-foot-row:last-child{border-bottom:none}.sbf-k{color:var(--text3)}.sbf-v{font-family:DM Mono,monospace;font-weight:600;color:var(--text2)}.tt-main{flex:1;overflow-y:auto;min-width:0}.tt-main::-webkit-scrollbar{width:4px}.tt-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.main-inner{padding:28px 32px 80px}.ph-back{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text3);font-family:DM Sans,sans-serif;padding:0;margin-bottom:16px;transition:color .13s}.ph-back:hover{color:var(--text2)}.ph-book{display:flex;align-items:center;gap:14px;margin-bottom:24px}.ph-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:22px;font-weight:600;flex-shrink:0}.ph-title{font-family:Lora,serif;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.ph-sub{font-size:13px;color:var(--text3);margin-top:2px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1.5px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:20px}.stat-cell{padding:15px 18px;border-right:1px solid var(--border)}.stat-cell:last-child{border-right:none}.sc-val{font-family:DM Mono,monospace;font-size:20px;font-weight:500;color:var(--text-primary);line-height:1;margin-bottom:3px}.sc-label{font-size:10.5px;color:var(--text4);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.timer-card{background:#1a1a1a;border-radius:18px;padding:22px 26px;margin-bottom:22px;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;position:relative;overflow:hidden}.timer-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 90% at 90% 50%,rgba(212,149,106,.12) 0%,transparent 60%);pointer-events:none}.tc-clock{font-family:DM Mono,monospace;font-size:clamp(34px,4.5vw,50px);font-weight:500;color:#fff;letter-spacing:.05em;line-height:1;flex-shrink:0;padding-top:4px;transition:color .3s}.tc-clock.live{color:var(--amber)}.tc-body{flex:1;min-width:200px;display:flex;flex-direction:column;gap:10px}.tc-book-label{display:flex;align-items:center;gap:7px}.tc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tc-book-name{font-size:12.5px;font-weight:600;color:#fff9}.tc-row{display:flex;gap:8px;flex-wrap:wrap}.tc-input{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:7px 11px;font-size:13px;font-family:DM Sans,sans-serif;color:#ffffffd9;outline:none;transition:border-color .15s,background .15s}.tc-input::placeholder{color:#ffffff47}.tc-input:focus{border-color:#d4956a8c;background:#ffffff1c}.tc-input:disabled{opacity:.4;cursor:not-allowed}.tc-input.wide{flex:1;min-width:140px}.tc-input.narrow{width:100px}.tc-mood-row{display:flex;gap:5px;align-items:center}.tc-mood-lbl{font-size:11px;color:#ffffff4d;margin-right:2px}.tc-mood-btn{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;background:#ffffff12;color:#ffffff73;transition:all .12s;flex-shrink:0}.tc-mood-btn:hover{background:#ffffff24}.tc-mood-btn.sel{background:#ffffff2e;color:#fff}.tc-controls{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}.tc-play{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;flex-shrink:0}.tc-play.idle{background:var(--amber);color:#fff;box-shadow:0 4px 20px #d4956a66}.tc-play.idle:hover{transform:scale(1.06)}.tc-play.running{background:#e74c3c;color:#fff;box-shadow:0 4px 20px #e74c3c66;animation:timerPulse 1.6s ease-in-out infinite}@keyframes timerPulse{0%,to{box-shadow:0 4px 20px #e74c3c66}50%{box-shadow:0 6px 28px #e74c3ca6}}.tc-action-btn{padding:8px 14px;border-radius:10px;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .14s;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#ffffffa6;white-space:nowrap}.tc-action-btn:hover:not(:disabled){background:#ffffff24;color:#fff}.tc-action-btn:disabled{opacity:.3;cursor:not-allowed}.tc-action-btn.saved{border-color:#22c55e66;background:#22c55e1f;color:#86efac}.tabs{display:flex;border-bottom:1.5px solid var(--border);margin-bottom:20px}.tab{padding:10px 18px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .13s,border-color .13s;outline:none}.tab:hover{color:var(--text2)}.tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.sess-group-hd{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text4);margin:18px 0 8px;display:flex;align-items:center;gap:8px}.sess-group-hd:first-child{margin-top:0}.sess-group-hd:after{content:"";flex:1;height:1px;background:var(--border)}.sess-group-meta{font-family:DM Mono,monospace;font-size:10px;color:var(--text4)}.sess-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;margin-bottom:6px;transition:border-color .12s,background .12s}.sess-row:hover{border-color:var(--border2);background:#faf9f7}.sr-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sr-time{font-family:DM Mono,monospace;font-size:12px;color:var(--text3);flex-shrink:0;white-space:nowrap}.sr-info{flex:1;min-width:0}.sr-chap{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-note{font-size:11.5px;color:var(--text3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-right{display:flex;gap:10px;align-items:center;flex-shrink:0}.sr-dur{font-family:DM Mono,monospace;font-size:12px;color:var(--text2);font-weight:500}.sr-wrd{font-family:DM Mono,monospace;font-size:12px;font-weight:700}.sr-mood{font-size:12px}.heatmap-outer{overflow-x:auto;padding-bottom:4px}.hm-grid{display:grid;grid-template-rows:repeat(7,14px);grid-auto-flow:column;gap:3px;padding:2px;width:max-content}.hm-cell{width:14px;height:14px;border-radius:3px;background:var(--border);cursor:default;transition:transform .1s;position:relative;z-index:0}.hm-cell:hover{transform:scale(1.35);z-index:1}.hm-legend{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;color:var(--text4)}.hm-legend-row{display:flex;gap:3px}.stats-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.sc-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:18px}.sc-card-title{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text4);margin-bottom:14px}.bar-chart{display:flex;align-items:flex-end;gap:5px;height:80px;margin-top:6px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.bar-fill{width:100%;border-radius:4px 4px 0 0;min-height:2px}.bar-lbl{font-family:DM Mono,monospace;font-size:9px;color:var(--text4)}.dow-list{display:flex;flex-direction:column;gap:7px}.dow-row{display:flex;align-items:center;gap:10px}.dow-lbl{font-size:12px;color:var(--text3);width:26px;flex-shrink:0}.dow-track{flex:1;height:5px;background:var(--bg);border-radius:99px;overflow:hidden}.dow-fill{height:100%;border-radius:99px}.dow-val{font-family:DM Mono,monospace;font-size:11px;color:var(--text4);width:34px;text-align:right;flex-shrink:0}.mood-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}.mood-icon{font-size:14px;width:22px;text-align:center;flex-shrink:0}.mood-track{flex:1;height:5px;background:var(--bg);border-radius:99px;overflow:hidden}.mood-fill{height:100%;border-radius:99px}.mood-pct{font-family:DM Mono,monospace;font-size:11px;color:var(--text4);width:30px;text-align:right;flex-shrink:0}.avg-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:12.5px}.avg-row:last-child{border-bottom:none}.avg-key{color:var(--text3)}.avg-val{font-family:DM Mono,monospace;font-weight:600;color:var(--text2)}.ov-title{font-family:Lora,serif;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:22px}.total-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.ts-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:15px 18px}.ts-val{font-family:DM Mono,monospace;font-size:22px;font-weight:500;color:var(--text-primary);line-height:1;margin-bottom:4px}.ts-lbl{font-size:10.5px;color:var(--text4);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px;margin-bottom:28px}.book-card{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.book-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.bc-stripe{height:5px}.bc-body{padding:16px 18px 14px}.bc-title{font-family:Lora,serif;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.25;margin-bottom:1px}.bc-sub{font-size:11.5px;color:var(--text3);margin-bottom:14px}.bc-4grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.bc-tile{background:var(--bg);border-radius:9px;padding:9px 10px}.bct-v{font-family:DM Mono,monospace;font-size:16px;font-weight:500;color:var(--text-primary);line-height:1}.bct-l{font-size:10px;color:var(--text4);font-weight:600;letter-spacing:.05em;margin-top:2px}.bc-bar-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text4);font-family:DM Mono,monospace;margin-bottom:4px}.bc-bar-track{height:4px;background:var(--bg);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.bc-bar-fill{height:100%;border-radius:99px}.bc-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1.5px solid var(--border);background:#faf9f7}.bc-foot-label{font-size:11.5px;color:var(--text4)}.bc-open-btn{font-size:12px;font-weight:700;color:var(--text2);background:none;border:1.5px solid var(--border);border-radius:8px;padding:5px 12px;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .13s}.bc-open-btn:hover{background:var(--bg);color:var(--text-primary);border-color:var(--border2)}.sec-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text4);margin-bottom:14px;display:flex;align-items:center;gap:8px}.sec-label:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 800px){.tt-sidebar{display:none}.main-inner{padding:16px 16px 60px}.stats-strip{grid-template-columns:1fr 1fr}.stat-cell{padding:12px 14px}.sc-val{font-size:18px}.total-strip{grid-template-columns:1fr 1fr}.stats-2col{grid-template-columns:1fr}.timer-card{padding:18px;gap:14px}.tc-clock{font-size:34px}.books-grid{grid-template-columns:1fr}.topbar{padding:0 16px}}@media (max-width: 500px){.tc-controls{flex-direction:row;width:100%;justify-content:flex-start;align-items:center}.timer-card{flex-direction:column}.tc-row{flex-wrap:wrap}}.ls-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}.ls-topbar{height:52px;background:var(--surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0;z-index:40}.ls-logo{display:flex;align-items:center;gap:8px}.ls-logo-mark{width:26px;height:26px;border-radius:7px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:12px;font-weight:600;color:#fff}.ls-logo-name{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}.ls-sep{width:1px;height:16px;background:var(--border)}.ls-chapter-input{border:none;outline:none;background:transparent;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text3);font-weight:500;min-width:120px}.ls-chapter-input::placeholder{color:var(--text4)}.ls-chapter-input:focus{color:var(--text)}.ls-spacer{flex:1}.ls-tb-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1.5px solid var(--border);background:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;color:var(--text2);transition:all .13s}.ls-tb-btn:hover{background:var(--bg);color:var(--text)}.ls-tb-btn.primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.ls-tb-btn.primary:hover{background:#2d2d2d}.ls-wc{font-family:DM Mono,monospace;font-size:11px;color:var(--text4);white-space:nowrap}.ls-toolbar{height:40px;background:var(--surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:2px;flex-shrink:0;z-index:40}.tb-divider{width:1px;height:18px;background:var(--border);margin:0 6px}.fmt-btn{width:30px;height:30px;border-radius:7px;border:none;background:none;cursor:pointer;color:var(--text3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:DM Sans,sans-serif;transition:background .12s,color .12s}.fmt-btn:hover{background:var(--bg);color:var(--text2)}.fmt-btn.active{background:var(--bg);color:var(--text)}.ls-body{display:flex;flex:1;overflow:hidden;min-height:0;position:relative}.ls-prev-scene,.ls-next-scene{position:absolute;top:0;bottom:0;width:150px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:10;pointer-events:auto}.ls-prev-scene{left:0;background:linear-gradient(to right,var(--accent, var(--accent-1)) 0%,transparent 100%)}.ls-next-scene{right:0;background:linear-gradient(to left,var(--accent, var(--accent-1)) 0%,transparent 100%)}.ls-prev-scene:after,.ls-next-scene:after{content:"";display:block;width:8px;height:40px;border-radius:4px;background:#ffffff40;transition:background .15s ease}.ls-prev-scene:hover,.ls-next-scene:hover{opacity:.3;pointer-events:auto}.ls-prev-scene:hover:after,.ls-next-scene:hover:after{background:#fff9}.ls-prev-scene.disabled,.ls-next-scene.disabled{opacity:0!important;pointer-events:none!important}.ls-editor-pane{flex:1;overflow-y:auto;min-width:0;background:var(--bg);padding:48px 0 120px;position:relative}.ls-editor-pane::-webkit-scrollbar{width:5px}.ls-editor-pane::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.ls-editor-inner{max-width:720px;margin:0 auto;padding:48px 64px 80px;background:var(--surface);border-radius:4px;box-shadow:0 2px 24px #0000000f,0 0 0 1px #00000008;min-height:calc(100vh - 180px);position:relative}[data-slate-editor]{outline:none}.sl-h1{font-family:Lora,serif;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin-bottom:6px;margin-top:32px}.sl-h1:first-child{margin-top:0}.sl-h2{font-family:Lora,serif;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--text2);margin-bottom:4px;margin-top:24px}.sl-paragraph{font-family:Lora,serif;font-size:16.5px;line-height:1.85;color:var(--text);margin-bottom:0;caret-color:var(--amber)}.sl-blockquote{border-left:3px solid var(--amber);padding:6px 20px;margin:18px 0;font-family:Lora,serif;font-style:italic;font-size:17px;color:var(--text2);line-height:1.7;background:#d4956a0a;border-radius:0 8px 8px 0}.sl-code{background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:12px 16px;font-family:DM Mono,monospace;font-size:13.5px;color:var(--text2);line-height:1.7;margin:12px 0;overflow-x:auto}.sl-mention{display:inline;border-radius:4px;padding:0 4px 1px;font-family:DM Sans,sans-serif;font-size:.92em;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:opacity .15s;white-space:nowrap}.sl-mention:hover{opacity:.95}.sl-mention.selected{box-shadow:0 0 0 2px var(--amber)}.mention-card{position:fixed;z-index:600;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #00000026;padding:0;overflow:hidden;min-width:220px;pointer-events:auto;animation:mentionCardIn .15s cubic-bezier(.22,1,.36,1)}@keyframes mentionCardIn{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}.mc-header{padding:12px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.mc-av{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.mc-name{font-size:13.5px;font-weight:700;color:var(--text)}.mc-type{font-size:11px;color:var(--text3)}.mc-attrs{padding:8px 14px 10px;display:flex;flex-direction:column;gap:3px}.mc-attr-row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.mc-attr-k{font-family:DM Mono,monospace;color:var(--text3);font-size:11px}.mc-attr-v{font-family:DM Mono,monospace;font-weight:600;color:var(--text2)}.sl-attr-value{display:inline;font-family:DM Mono,monospace;font-size:.85em;padding:1px 6px;border-radius:4px;font-weight:600;cursor:default}.sl-comment{background:#d4956a26;border-bottom:2px solid rgba(212,149,106,.6);cursor:pointer;transition:background .15s}.sl-comment:hover{background:#d4956a40}.sl-comment.active{background:#d4956a4d}.autocomplete{position:fixed;z-index:500;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:13px;box-shadow:0 12px 40px #00000026;overflow:hidden;min-width:260px;max-height:320px;animation:acIn .12s cubic-bezier(.22,1,.36,1)}@keyframes acIn{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}.ac-header{padding:8px 12px 6px;border-bottom:1px solid var(--border);background:var(--bg)}.ac-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text4)}.ac-list{overflow-y:auto;max-height:240px;padding:4px}.ac-list::-webkit-scrollbar{width:3px}.ac-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ac-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;transition:background .1s}.ac-item:hover,.ac-item.focused{background:var(--accent-1-light)}.ac-av{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.ac-info{flex:1;min-width:0}.ac-name{font-size:13px;font-weight:600;color:var(--text)}.ac-type{font-size:11px;color:var(--text3)}.ac-hint{font-size:10px;color:var(--text4);font-family:DM Mono,monospace}.ac-attr-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;cursor:pointer;border-radius:8px;transition:background .1s}.ac-attr-item:hover,.ac-attr-item.focused{background:var(--bg)}.ac-attr-path{font-family:DM Mono,monospace;font-size:12px;color:var(--text2)}.ac-attr-val{font-family:DM Mono,monospace;font-size:12px;font-weight:600;color:var(--text3)}.ac-back{display:flex;align-items:center;gap:6px;padding:6px 10px;margin:4px 4px 0;border:none;background:none;cursor:pointer;font-size:11.5px;font-weight:600;color:var(--text3);font-family:DM Sans,sans-serif;border-radius:7px;transition:all .12s}.ac-back:hover{background:var(--bg);color:var(--text2)}.ls-comment-sidebar{width:280px;flex-shrink:0;background:var(--surface);border-left:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1)}.ls-comment-sidebar.hidden{width:0;border-left:none}.cs-header{padding:14px 16px 10px;border-bottom:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.cs-title{font-size:13px;font-weight:700;color:var(--text)}.cs-close{background:none;border:none;cursor:pointer;color:var(--text3);font-size:14px;padding:0;transition:color .12s}.cs-close:hover{color:var(--text)}.cs-scroll{flex:1;overflow-y:auto;padding:10px 12px 20px}.cs-scroll::-webkit-scrollbar{width:3px}.cs-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.comment-card{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer;transition:border-color .14s}.comment-card.active{border-color:var(--amber);background:#fff8f3}.comment-card:hover:not(.active){border-color:var(--border2)}.cc-quote{font-family:Lora,serif;font-style:italic;font-size:12px;color:var(--text3);margin-bottom:8px;line-height:1.5;border-left:2px solid var(--border);padding-left:8px}.comment-card.active .cc-quote{border-color:var(--amber)}.cc-text{font-size:13px;color:var(--text2);line-height:1.5}.cc-meta{font-size:10.5px;color:var(--text4);margin-top:6px;display:flex;justify-content:space-between}.cc-del{background:none;border:none;cursor:pointer;color:var(--text4);font-size:11px;padding:0;transition:color .12s}.cc-del:hover{color:#e74c3c}.cc-add{padding:10px 12px;border-top:1.5px solid var(--border);flex-shrink:0}.cc-add-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text4);margin-bottom:6px}.cc-textarea{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:8px 10px;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text);background:var(--bg);outline:none;resize:none;line-height:1.5;transition:border-color .15s}.cc-textarea:focus{border-color:var(--text);background:var(--surface)}.cc-textarea::placeholder{color:var(--text4)}.cc-add-btn{margin-top:6px;width:100%;padding:7px;border-radius:8px;border:none;background:#1a1a1a;color:#fff;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .13s}.cc-add-btn:hover{background:#2d2d2d}.cc-add-btn:disabled{opacity:.4;cursor:not-allowed}.cc-note{font-size:11px;color:var(--text4);margin-top:6px;text-align:center}.selection-toolbar{position:fixed;z-index:600;background:#1a1a1a;border-radius:10px;padding:5px 8px;display:flex;align-items:center;gap:3px;box-shadow:0 8px 28px #00000040;animation:selIn .12s ease;pointer-events:auto;transform:translate(-50%)}@keyframes selIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sel-btn{width:28px;height:28px;border-radius:7px;border:none;background:none;cursor:pointer;color:#fff9;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:DM Sans,sans-serif;transition:background .12s,color .12s}.sel-btn:hover{background:#ffffff1f;color:#fff}.sel-btn.active{background:#ffffff2e;color:#fff}.sel-btn.comment{color:var(--amber)}.sel-btn.comment:hover{background:#d4956a33}.sel-divider{width:1px;height:16px;background:#ffffff26;margin:0 2px}[data-bold]{font-weight:700}[data-italic]{font-style:italic}[data-code]{font-family:DM Mono,monospace;font-size:.88em;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--text2)}.ls-statusbar{height:28px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;font-family:DM Mono,monospace;font-size:10.5px;color:var(--text4)}.ls-statusbar span{display:flex;align-items:center;gap:5px}.editor-timer{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;color:var(--text4);transition:background .3s ease,color .3s ease}.editor-timer:hover{background:var(--surface2)}.editor-timer.running{background:color-mix(in srgb,var(--green, #22c55e) 15%,transparent);color:var(--green, #22c55e)}.editor-timer-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.editor-timer.running .editor-timer-dot{opacity:1;animation:timer-pulse 1.4s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.35}}.ls-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:500;box-shadow:0 8px 28px #0003;z-index:999;animation:toastIn .2s cubic-bezier(.22,1,.36,1);white-space:nowrap}@media (max-width: 768px){.ls-statusbar{height:auto}}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text)}.demo{height:100vh;display:flex;align-items:stretch;background:var(--bg)}.demo-editor-mock{flex:1;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:Lora,serif;font-size:15px;color:var(--text3);font-style:italic;padding:40px}.demo-editor-page{max-width:600px;width:100%;background:var(--surface);border-radius:3px;padding:48px 64px;box-shadow:0 2px 24px #00000012;min-height:400px}.dep-h1{font-size:24px;font-weight:600;color:var(--text);margin-bottom:20px}.dep-p{font-size:15px;line-height:1.8;color:var(--text2);margin-bottom:14px}.editor-sidebar{display:flex;flex-direction:row;border-left:1.5px solid var(--border);background:var(--surface);flex-shrink:0;overflow:hidden}.sidebar-rail{width:44px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;gap:2px}.rail-btn{width:34px;height:34px;border-radius:9px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text4);position:relative;transition:background .12s,color .12s}.rail-btn:hover{background:var(--bg);color:var(--text3)}.rail-btn.active{background:var(--bg);color:var(--text)}.rail-btn.active:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--text);border-radius:0 2px 2px 0}.rail-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#1a1a1a;color:#fff;font-size:11.5px;font-weight:600;font-family:DM Sans,sans-serif;white-space:nowrap;padding:4px 8px;border-radius:6px;pointer-events:none;z-index:100}.rail-spacer{flex:1}.rail-divider{width:20px;height:1px;background:var(--border);margin:4px 0}.sidebar-panel{width:264px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;transition:width .2s cubic-bezier(.4,0,.2,1)}.sidebar-panel.closed{width:0}.sp-header{height:44px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:8px;flex-shrink:0}.sp-title{font-size:12.5px;font-weight:700;color:var(--text);flex:1}.sp-close{width:24px;height:24px;border-radius:6px;border:none;background:none;cursor:pointer;color:var(--text4);display:flex;align-items:center;justify-content:center;transition:all .12s;font-size:12px}.sp-close:hover{background:var(--bg);color:var(--text3)}.sp-scroll{flex:1;overflow-y:auto;padding:12px 14px 20px}.sp-scroll::-webkit-scrollbar{width:3px}.sp-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ls-section{margin-bottom:18px}.ls-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text4);margin-bottom:8px;display:flex;align-items:center;gap:7px}.ls-section-label:after{content:"";flex:1;height:1px;background:var(--border)}.ls-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);min-height:34px}.ls-row:last-child{border-bottom:none}.ls-row-label{font-size:12px;color:var(--text2);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-row-hint{font-size:10.5px;color:var(--text4);margin-top:1px}.ls-select-wrap{position:relative;flex-shrink:0}.ls-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--border);border-radius:8px;padding:5px 24px 5px 9px;font-size:12px;font-family:DM Sans,sans-serif;color:var(--text);background:var(--bg);outline:none;cursor:pointer;min-width:90px;transition:border-color .13s}.ls-select:focus{border-color:var(--text);background:var(--surface)}.ls-select-chev{position:absolute;right:7px;top:50%;transform:translateY(-50%);color:var(--text4);pointer-events:none;font-size:9px}.ls-stepper{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg)}.ls-step-btn{width:26px;height:28px;border:none;background:none;cursor:pointer;color:var(--text3);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .12s;flex-shrink:0}.ls-step-btn:hover{background:var(--border)}.ls-step-val{min-width:36px;text-align:center;font-family:DM Mono,monospace;font-size:12px;font-weight:500;color:var(--text);padding:0 2px;border:none;outline:none;background:transparent}.ls-toggle{width:34px;height:20px;border-radius:10px;flex-shrink:0;cursor:pointer;border:none;padding:0;position:relative;transition:background .18s}.ls-toggle.on{background:#1a1a1a}.ls-toggle.off{background:var(--border)}.ls-toggle-knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .18s;box-shadow:0 1px 3px #00000026}.ls-toggle.on .ls-toggle-knob{left:16px}.ls-toggle.off .ls-toggle-knob{left:2px}.ls-segmented{display:flex;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg)}.ls-seg-btn{flex:1;padding:5px 8px;border:none;background:none;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;color:var(--text3);cursor:pointer;transition:all .12s;white-space:nowrap}.ls-seg-btn:not(:last-child){border-right:1px solid var(--border)}.ls-seg-btn.active{background:#1a1a1a;color:#fff}.ls-seg-btn:hover:not(.active){background:var(--surface);color:var(--text2)}.ls-swatch-row{display:flex;gap:5px;flex-wrap:wrap}.ls-swatch{width:22px;height:22px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:transform .12s,box-shadow .12s;flex-shrink:0}.ls-swatch:hover{transform:scale(1.1)}.ls-swatch.active{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px #1a1a1a}.ls-input{border:1.5px solid var(--border);border-radius:8px;padding:5px 9px;font-size:12px;font-family:DM Sans,sans-serif;color:var(--text);background:var(--bg);outline:none;flex-shrink:0;transition:border-color .13s,background .13s;min-width:80px}.ls-input:focus{border-color:var(--text);background:var(--surface)}.ls-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ls-font-card{border:1.5px solid var(--border);border-radius:9px;padding:8px 10px;cursor:pointer;transition:all .12s;background:var(--bg);text-align:center}.ls-font-card:hover{border-color:var(--border2);background:var(--surface)}.ls-font-card.active{border-color:#1a1a1a;background:var(--surface)}.ls-font-sample{font-size:17px;line-height:1.2;color:var(--text);margin-bottom:3px}.ls-font-name{font-size:10px;font-weight:600;color:var(--text3)}.ls-font-card.active .ls-font-name{color:var(--text)}.page-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 4px}.page-preview{border:1.5px solid var(--border2);border-radius:3px;background:var(--surface);position:relative;box-shadow:0 2px 8px #0000001a;transition:all .25s}.pp-margin-viz{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px dashed rgba(212,149,106,.4);pointer-events:none;transition:all .25s}.pp-text-lines{position:absolute;display:flex;flex-direction:column;gap:3px}.pp-line{height:2px;background:var(--border);border-radius:1px}.pp-line.bold{background:var(--border2);height:3px}.page-preview-label{font-family:DM Mono,monospace;font-size:10px;color:var(--text4)}.sp-footer{border-top:1.5px solid var(--border);padding:10px 14px;display:flex;gap:6px;flex-shrink:0;background:#faf9f7}.sp-footer-btn{flex:1;padding:8px;border-radius:9px;border:1.5px solid var(--border);background:none;cursor:pointer;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;color:var(--text2);transition:all .13s;display:flex;align-items:center;justify-content:center;gap:5px}.sp-footer-btn:hover{background:var(--bg);border-color:var(--border2)}.sp-footer-btn.primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.sp-footer-btn.primary:hover{background:#2d2d2d}.ls-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:500;box-shadow:0 6px 20px #0003;z-index:999;white-space:nowrap;animation:toastIn .18s cubic-bezier(.22,1,.36,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.placeholder-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.pp-icon{font-size:28px;opacity:.2}.pp-title{font-size:13px;font-weight:600;color:var(--text3)}.pp-sub{font-size:11.5px;color:var(--text4);line-height:1.5}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text-primary)}.page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;background:var(--surface);border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0}.tb-logo{display:flex;align-items:center;gap:8px}.tb-lm{width:26px;height:26px;border-radius:7px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;font-family:Lora,serif}.tb-ln{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.tb-sep{width:1px;height:16px;background:var(--border)}.tb-page{font-size:13px;color:var(--text3);font-weight:500}.tb-spacer{flex:1}.tb-btn{background:none;border:1.5px solid var(--border);border-radius:9px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;transition:background .13s,color .13s;display:flex;align-items:center;gap:6px}.tb-btn:hover{background:var(--bg);color:var(--text-primary)}.tb-btn.primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.tb-btn.primary:hover{background:#2d2d2d}.body{display:flex;flex:1;overflow:hidden}.settings-nav{width:236px;flex-shrink:0;background:var(--surface);border-right:1.5px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sn-user{padding:20px 16px 14px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.sn-avatar{width:40px;height:40px;border-radius:11px;background:var(--amber);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.sn-name{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.2}.sn-plan{font-size:11px;color:var(--text3);margin-top:1px}.sn-plan-badge{display:inline-block;font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:4px;margin-left:4px;background:#fff8f3;color:var(--amber);border:1px solid rgba(212,149,106,.25)}.sn-scroll{flex:1;overflow-y:auto;padding:10px 8px 20px}.sn-scroll::-webkit-scrollbar{width:3px}.sn-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sn-group-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text4);padding:10px 10px 5px}.sn-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text3);transition:background .12s,color .12s;margin-bottom:1px}.sn-item:hover{background:var(--bg);color:var(--text2)}.sn-item.active{background:var(--bg);color:var(--text-primary);font-weight:600}.sn-item.danger{color:#e74c3c}.sn-item.danger:hover,.sn-item.active.danger{background:#fef2f2;color:#c0614a}.sn-item-icon{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;background:var(--bg);border:1px solid var(--border);transition:background .12s}.sn-item.active .sn-item-icon{background:var(--surface)}.settings-content{flex:1;overflow-y:auto;padding:0;min-width:0}.settings-content::-webkit-scrollbar{width:4px}.settings-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sc-inner{padding:32px 40px;display:flex;flex-direction:column;gap:10px}.sc-header{padding-bottom:20px;border-bottom:1.5px solid var(--border)}.sc-title{font-family:Lora,serif;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.sc-sub{font-size:13.5px;color:var(--text3);line-height:1.5}.sg{margin-bottom:32px}.sg-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text4);margin-bottom:12px}.sg-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;overflow:hidden}.sr{display:flex;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border);transition:background .12s}.sr:last-child{border-bottom:none}.sr:hover{background:#faf9f7}.sr.no-hover:hover{background:transparent}.sr.top-align{align-items:flex-start}.sr-left{flex:1;min-width:0}.sr-label{font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.sr-desc{font-size:12px;color:var(--text3);line-height:1.5}.sr-right{flex-shrink:0;display:flex;align-items:center;gap:8px}.toggle-wrap{width:42px;height:24px;border-radius:12px;position:relative;cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0}.toggle-wrap.on{background:#1a1a1a}.toggle-wrap.off{background:var(--border)}.toggle-knob{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #00000026}.toggle-wrap.on .toggle-knob{left:21px}.toggle-wrap.off .toggle-knob{left:3px}.sg-select-wrap{position:relative}.sg-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--border);border-radius:9px;padding:8px 32px 8px 12px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg);outline:none;cursor:pointer;transition:border-color .15s,background .15s;min-width:140px}.sg-select:focus{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.sg-select-chev{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;font-size:10px}.sg-input{border:1.5px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.sg-input:focus{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.sg-input::placeholder{color:var(--text4)}.sg-textarea{border:1.5px solid var(--border);border-radius:9px;padding:9px 12px;font-size:13.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg);outline:none;resize:none;line-height:1.6;width:100%;transition:border-color .15s}.sg-textarea:focus{border-color:var(--text-primary);background:var(--surface);box-shadow:0 0 0 3px #1a1a1a12}.sg-input-row{display:flex;gap:8px;width:100%}.sg-input-row .sg-input{flex:1}.sg-btn{display:inline-flex;align-items:center;gap:6px;border-radius:9px;padding:8px 15px;font-size:12.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;border:1.5px solid transparent;outline:none;transition:all .13s}.sg-btn:active{transform:scale(.98)}.sg-btn-primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.sg-btn-primary:hover{background:#2d2d2d}.sg-btn-secondary{background:none;border-color:var(--border);color:var(--text2)}.sg-btn-secondary:hover{background:var(--bg);border-color:var(--border2)}.sg-btn-danger{background:none;border-color:#fecaca;color:#e74c3c}.sg-btn-danger:hover{background:#fef2f2}.sg-btn-amber{background:none;border-color:#d4956a66;color:var(--amber)}.sg-btn-amber:hover{background:#fff8f3}.avatar-section{display:flex;align-items:center;gap:20px}.avatar-big{width:72px;height:72px;border-radius:18px;background:var(--amber);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;flex-shrink:0;position:relative;cursor:pointer;overflow:hidden;transition:opacity .15s}.avatar-big:hover{opacity:.85}.avatar-big:after{content:"✎";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:18px;opacity:0;transition:opacity .15s}.avatar-big:hover:after{opacity:1}.avatar-actions{display:flex;flex-direction:column;gap:6px}.avatar-hint{font-size:11px;color:var(--text4);margin-top:4px}.color-palette{display:flex;gap:7px;flex-wrap:wrap}.cp-swatch{border-radius:7px;cursor:pointer;border:2px solid transparent;transition:transform .12s,box-shadow .12s}.cp-swatch:hover{transform:scale(1.12)}.cp-swatch.selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #1a1a1a}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-card{border:2px solid var(--border);border-radius:12px;padding:14px 12px;cursor:pointer;transition:border-color .14s;display:flex;flex-direction:column;align-items:center;gap:8px}.theme-card:hover{border-color:var(--border2)}.theme-card.selected{border-color:#1a1a1a}.tc-preview{width:100%;height:50px;border-radius:8px;overflow:hidden;border:1px solid var(--border);display:flex;gap:0}.tc-sidebar{width:30%;height:100%}.tc-content{flex:1;height:100%}.tc-name{font-size:12px;font-weight:600;color:var(--text2)}.theme-card.selected .tc-name{color:var(--text-primary)}.font-size-row{display:flex;gap:8px;align-items:center}.fsr-btn{padding:6px 14px;border-radius:7px;border:1.5px solid var(--border);background:transparent;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:var(--text3);cursor:pointer;transition:all .12s}.fsr-btn:hover{border-color:var(--border2);color:var(--text2)}.fsr-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.book-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bv-card{border:2px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;transition:border-color .14s;display:flex;flex-direction:column;gap:8px}.bv-card:hover{border-color:var(--border2)}.bv-card.selected{border-color:#1a1a1a}.bv-preview{width:100%;height:64px;border-radius:8px;background:var(--bg);overflow:hidden;border:1px solid var(--border);display:flex;gap:4px;padding:8px}.bv-block{flex:1;height:100%;border-radius:5px;background:var(--border)}.bv-name{font-size:12px;font-weight:600;color:var(--text2)}.bv-card.selected .bv-name{color:var(--text-primary)}.danger-card{background:#fef2f2;border:1.5px solid #fecaca;border-radius:14px;overflow:hidden}.danger-card .sr:hover{background:#fde8e8}.danger-card .sr{border-bottom-color:#fecaca}.danger-card .sr-label{color:#7f1d1d}.danger-card .sr-desc{color:#b91c1c;opacity:.7}.notif-section{margin-bottom:4px}.integration-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border)}.integration-card:last-child{border-bottom:none}.ic-logo{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg);border:1px solid var(--border);flex-shrink:0}.ic-name{font-size:13.5px;font-weight:600;color:var(--text-primary)}.ic-desc{font-size:12px;color:var(--text3)}.ic-status{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px}.ic-connected{background:#f0fdf4;color:#16a34a}.ic-disconnected{background:var(--bg);color:var(--text4)}.sg-slider{width:100%;accent-color:#1a1a1a;cursor:pointer}.plan-card{background:#fff8f3;border:1.5px solid rgba(212,149,106,.3);border-radius:13px;padding:18px}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.plan-name-big{font-family:Lora,serif;font-size:18px;font-weight:600;color:var(--text-primary)}.plan-price-big{font-family:DM Mono,monospace;font-size:22px;font-weight:500;color:var(--amber)}.plan-meter-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text3);margin-bottom:5px}.plan-meter-track{height:5px;background:#d4956a26;border-radius:99px;overflow:hidden;margin-bottom:10px}.plan-meter-fill{height:100%;border-radius:99px;background:var(--amber)}.save-indicator{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #0003;z-index:999;animation:toastIn .2s cubic-bezier(.22,1,.36,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.save-indicator.saved{background:#16a34a}.et-list-item{display:flex;align-items:center;gap:10px;padding:10px 12px}.et-li-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.et-li-info{flex:1;min-width:0}.et-li-name{font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-li-meta{font-size:11px;color:var(--text-secondary);opacity:.55;display:flex;gap:6px;margin-top:2px}.et-li-builtin{font-size:9px;font-weight:700;color:var(--text-secondary);opacity:.45;padding:1px 5px;border-radius:4px;background:var(--bg-base);border:1px solid var(--border);flex-shrink:0}.et-li-count{font-family:DM Mono,monospace;font-size:10.5px;color:var(--text-secondary);opacity:.45;background:var(--border);padding:2px 6px;border-radius:5px;flex-shrink:0}.et-detail{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.et-detail-header{background:var(--bg-base);border-bottom:1.5px solid var(--border);flex-shrink:0}.et-dh-hero{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 16px}.et-dh-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.et-dh-info{flex:1;min-width:0}.et-dh-name{font-family:Lora,serif;font-size:20px;font-weight:600;color:var(--text-secondary);line-height:1.2}.et-dh-plural{font-size:12px;color:var(--text-secondary);opacity:.5;margin-top:2px;font-family:DM Mono,monospace}.et-dh-desc{font-size:13px;color:var(--text-secondary);opacity:.65;margin-top:8px;line-height:1.5;max-width:520px}.et-dh-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.et-dh-builtin-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:5px;background:var(--bg-surface);color:var(--text-secondary);opacity:.6;border:1px solid var(--border)}.et-dh-tag{font-size:11px;font-weight:500;padding:2px 8px;border-radius:5px;background:var(--bg-surface);color:var(--text-secondary);opacity:.75;border:1px solid var(--border)}.et-dh-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.et-dh-stats{display:flex;gap:1px;border-top:1.5px solid var(--border);background:var(--border)}.et-dh-stat{flex:1;text-align:center;padding:10px 8px;background:var(--bg-base)}.et-dh-stat-val{font-family:DM Mono,monospace;font-size:16px;font-weight:600;color:var(--text-secondary);line-height:1}.et-dh-stat-label{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);opacity:.45;margin-top:2px}.et-detail-tabs{display:flex;padding:0 20px;gap:2px}.et-dt-tab{background:none;border:none;padding:10px 14px;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;color:var(--text-secondary);opacity:.5;cursor:pointer;border-bottom:2px solid transparent;transition:opacity .12s,border-color .12s}.et-dt-tab:hover{opacity:.8}.et-dt-tab.active{opacity:1;border-bottom-color:var(--accent-1);color:var(--accent-1)}.et-detail-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.et-detail-body::-webkit-scrollbar{width:4px}.et-detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.et-schema-toolbar{display:flex;gap:4px;margin-bottom:12px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:10px;padding:3px;width:fit-content}.et-schema-mode-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:7px;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .13s,color .13s}.et-schema-mode-btn:hover{color:var(--text-secondary)}.et-schema-mode-btn.active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px var(--shadow-color)}.et-schema-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.et-schema-cols{grid-template-columns:1fr}}.et-schema-col{background:var(--bg-base);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.et-sc-head{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--bg-surface);border-bottom:1.5px solid var(--border)}.et-sc-icon{font-size:13px;color:var(--text-secondary);opacity:.6}.et-sc-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);opacity:.55;flex:1}.et-sc-count{font-family:DM Mono,monospace;font-size:10px;padding:1px 6px;border-radius:4px;background:var(--border);color:var(--text-secondary);opacity:.7}.et-sc-body{padding:8px 0}.et-sc-empty{font-size:12px;color:var(--text-secondary);opacity:.4;padding:8px 14px}.et-field-row{display:flex;align-items:flex-start;gap:8px;padding:7px 14px;border-bottom:1px solid var(--border)}.et-field-row:last-child{border-bottom:none}.et-field-key{font-family:DM Mono,monospace;font-size:12.5px;font-weight:500;color:var(--text-secondary)}.et-field-type{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px}.et-field-req{font-size:11px;font-weight:700;color:var(--danger)}.et-field-desc{font-size:11px;color:var(--text-secondary);opacity:.5;margin-top:2px}.et-field-children{margin-top:4px;display:flex;flex-direction:column;gap:2px}.et-field-child{display:flex;align-items:center;gap:5px;padding-left:4px}.et-field-child-indent{color:var(--text-secondary);opacity:.3;font-size:11px}.et-field-child-key{font-family:DM Mono,monospace;font-size:11.5px;color:var(--text-secondary);opacity:.7}.et-sec-label{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);opacity:.45}.et-syntax-box{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:DM Mono,monospace;font-size:12px;line-height:1.8;color:var(--text-secondary)}.et-sb-comment{color:var(--text-secondary);opacity:.4;margin-bottom:4px}.et-sb-at{color:var(--accent-1)}.et-sb-entity{color:var(--text-secondary);font-weight:600}.et-sb-dot{color:var(--text-secondary);opacity:.4}.et-sb-key{color:var(--accent-1);opacity:.85}.et-sb-arrow{color:var(--text-secondary);opacity:.4}.et-sb-val{color:var(--accent-3)}.et-delete-confirm{background:var(--bg-base);border:1.5px solid var(--danger);border-radius:12px;padding:16px 18px}.et-dc-title{font-size:14px;font-weight:700;color:var(--danger);margin-bottom:8px}.et-dc-sub{font-size:13px;color:var(--text-secondary);opacity:.7;line-height:1.5}.et-empty-usage{text-align:center;padding:48px 20px;color:var(--text-secondary);opacity:.4;font-size:13px}.et-empty-icon{font-size:28px;opacity:.3;margin-bottom:10px}.et-usage-list{display:flex;flex-direction:column;gap:4px}.et-usage-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-base)}.et-usage-av{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.et-usage-name{font-size:13px;font-weight:600;color:var(--text-secondary)}.et-usage-chap{font-size:11px;color:var(--text-secondary);opacity:.5;margin-top:1px}.et-usage-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:var(--bg-surface);color:var(--text-secondary);opacity:.6;border:1px solid var(--border)}.et-usage-status.active{background:#f0fdf4;color:#16a34a;opacity:1;border-color:#bbf7d0}.et-edit-form{display:flex;flex-direction:column;gap:14px}.et-edit-preview{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:12px}.et-edit-preview-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.et-edit-preview-name{font-family:Lora,serif;font-size:17px;font-weight:600;line-height:1.2}.et-edit-preview-plural{font-size:12px;color:var(--text-secondary);opacity:.5;margin-top:2px}.et-edit-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.et-edit-row{display:flex;flex-direction:column;gap:5px}.et-edit-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);opacity:.5}.et-edit-input,.et-edit-textarea{background:var(--bg-base);border:1.5px solid var(--border);border-radius:9px;padding:8px 11px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text-secondary);outline:none;transition:border-color .13s;resize:none}.et-edit-input:focus,.et-edit-textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-1) 12%,transparent)}.et-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.et-icon-btn{width:32px;height:32px;border-radius:7px;border:1.5px solid var(--border);background:var(--bg-base);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:border-color .12s}.et-icon-btn:hover{border-color:var(--accent-1)}.et-icon-btn.selected{border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 12%,transparent);color:var(--accent-1)}.et-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.et-color-swatch{width:28px;height:28px;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:border-color .12s,transform .1s}.et-color-swatch:hover{transform:scale(1.1)}.et-color-swatch.selected{border-color:var(--text-secondary);outline:2px solid var(--bg-base);outline-offset:-4px}.et-tags-wrap{display:flex;flex-wrap:wrap;gap:5px;padding:7px 10px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:9px;align-items:center;min-height:38px}.et-tag-chip{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;padding:2px 8px;border-radius:5px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.et-tag-rm{background:none;border:none;cursor:pointer;padding:0;color:var(--text-secondary);opacity:.5;font-size:14px;line-height:1}.et-tag-rm:hover{opacity:1}.et-tag-input{background:transparent;border:none;outline:none;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-secondary);flex:1;min-width:80px}.et-tag-input::placeholder{color:var(--text-secondary);opacity:.35}.et-right-panel{height:100%;display:flex;flex-direction:column}.et-rp-header{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);opacity:.55;padding:14px 16px 8px;border-bottom:1.5px solid var(--border);flex-shrink:0}.et-rp-body{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:18px}.et-rp-body::-webkit-scrollbar{width:3px}.et-rp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.et-rp-sec-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);opacity:.4;margin-bottom:8px}.et-rp-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border);font-size:12px}.et-rp-row:last-child{border-bottom:none}.et-rp-key{color:var(--text-secondary);opacity:.5}.et-rp-val{font-family:DM Mono,monospace;font-size:11.5px;color:var(--text-secondary);font-weight:500}.et-type-breakdown{display:flex;flex-direction:column;gap:5px}.et-tb-row{display:flex;align-items:center;gap:6px}.et-tb-label{font-size:10.5px;font-weight:600;width:38px;flex-shrink:0}.et-tb-bar-track{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.et-tb-bar-fill{height:100%;border-radius:3px;transition:width .3s}.et-tb-count{font-family:DM Mono,monospace;font-size:10px;color:var(--text-secondary);opacity:.5;width:14px;text-align:right}.et-quick-list{display:flex;flex-direction:column;gap:5px}.et-quick-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:8px;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .12s}.et-quick-btn:hover{background:var(--bg-surface)}.et-quick-btn--danger{color:var(--danger)}.et-quick-btn--danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.et-builtin-notice{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:9px;padding:10px 12px;font-size:12px;color:var(--text-secondary);opacity:.7;line-height:1.5}.et-save-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:var(--text-secondary);color:var(--bg-base);padding:9px 18px;border-radius:20px;font-size:12.5px;font-weight:600;box-shadow:0 4px 20px var(--shadow-color);pointer-events:none;animation:et-fadeup .2s ease}@keyframes et-fadeup{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg-base);color:var(--text-primary)}.stage{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:40px 20px;flex-direction:column;gap:24px}.stage-card{background:var(--bg-surface);border-radius:20px;border:1.5px solid var(--border);padding:32px 36px;width:100%;max-width:540px;box-shadow:0 2px 8px var(--shadow-color);display:flex;flex-direction:column;gap:16px}.stage-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-disabled)}.stage-types{display:flex;flex-direction:column;gap:8px}.stage-type-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:border-color .13s,background .13s}.stage-type-row:hover{border-color:var(--border-strong);background:var(--bg-base)}.st-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.st-name{font-size:13px;font-weight:700;color:var(--text-primary)}.st-desc{font-size:11.5px;color:var(--text-muted)}.st-fields{font-family:DM Mono,monospace;font-size:10.5px;color:var(--text-disabled);margin-left:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border-radius:22px;width:100%;max-width:780px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 64px var(--shadow-color),0 0 0 1px var(--border);animation:slideUp .2s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;gap:14px;padding:18px 24px 14px;border-bottom:1.5px solid var(--border);flex-shrink:0}.mh-left{flex:1;min-width:0}.mh-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.mh-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.steps{display:flex;align-items:center;gap:0;flex-shrink:0}.step{display:flex;align-items:center}.step-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;border:2px solid var(--border);background:var(--bg-surface);color:var(--text-muted);transition:all .18s}.step-dot.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.step-dot.done{background:var(--success-light);color:var(--success);border-color:var(--success-light)}.step-lbl{font-size:10.5px;font-weight:600;color:var(--text-muted);margin-left:5px;white-space:nowrap}.step-lbl.active{color:var(--text-primary)}.step-line{width:24px;height:1.5px;background:var(--border);margin:0 5px;flex-shrink:0}.step-line.done{background:var(--success-light)}.modal-close{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--border);background:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;flex-shrink:0}.modal-close:hover{background:var(--bg-base);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1.5px solid var(--border);flex-shrink:0;background:var(--bg-surface)}.mf-left,.mf-right{display:flex;gap:8px;align-items:center}.step-body{padding:24px}.form-section{margin-bottom:22px}.form-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-disabled);margin-bottom:8px;display:block}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row{display:flex;flex-direction:column;gap:5px}.field-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.form-input{border:1.5px solid var(--border);border-radius:11px;padding:10px 13px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg-subtle);outline:none;width:100%;transition:border-color .15s,box-shadow .15s,background .15s}.form-input:focus{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 12%,transparent)}.form-input::placeholder{color:var(--text-disabled)}.form-textarea{border:1.5px solid var(--border);border-radius:11px;padding:10px 13px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg-subtle);outline:none;resize:none;line-height:1.6;width:100%;transition:border-color .15s,box-shadow .15s}.form-textarea:focus{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 12%,transparent)}.form-textarea::placeholder{color:var(--text-disabled)}.preview-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:14px;margin-bottom:20px;transition:border-color .2s}.pc-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition:background .2s}.pc-name{font-family:Lora,serif;font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.2}.pc-desc{font-size:12px;color:var(--text-muted);margin-top:3px}.pc-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;margin-top:6px;display:inline-block}.color-grid{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:26px;height:26px;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:transform .12s,box-shadow .12s;flex-shrink:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--btn-primary-bg)}.icon-grid{display:flex;gap:5px;flex-wrap:wrap}.icon-btn{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg-base);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s;outline:none}.icon-btn:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.icon-btn.selected{border-color:var(--btn-primary-bg);background:var(--btn-primary-bg);color:var(--btn-primary-text)}.tags-input-wrap{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border:1.5px solid var(--border);border-radius:11px;padding:7px 11px;background:var(--bg-subtle);transition:border-color .15s}.tags-input-wrap:focus-within{border-color:var(--border-focus);background:var(--bg-surface)}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;background:var(--bg-base);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--text-secondary)}.tag-rm{background:none;border:none;cursor:pointer;color:var(--text-disabled);padding:0;font-size:12px;transition:color .12s;line-height:1}.tag-rm:hover{color:var(--text-primary)}.tag-input{border:none;outline:none;background:transparent;font-size:12px;font-family:DM Sans,sans-serif;color:var(--text-primary);flex:1;min-width:80px}.tag-input::placeholder{color:var(--text-disabled)}.schema-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%}.schema-col{display:flex;flex-direction:column;min-height:0;overflow:hidden}.col-header{padding:14px 18px 10px;border-bottom:1.5px solid var(--border);flex-shrink:0;background:var(--bg-subtle)}.col-header-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.col-icon{font-size:14px;flex-shrink:0}.col-title{font-size:13px;font-weight:700;color:var(--text-primary)}.col-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px}.col-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.col-body{flex:1;overflow-y:auto;padding:12px 14px 16px}.col-body::-webkit-scrollbar{width:3px}.col-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.col-footer{padding:10px 14px;border-top:1.5px solid var(--border);flex-shrink:0;background:var(--bg-subtle)}.field-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:11px;margin-bottom:7px;overflow:hidden;transition:border-color .13s}.field-card:hover,.field-card.expanded{border-color:var(--border-strong)}.field-card-head{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.field-card-head:hover{background:var(--bg-elevated)}.fc-drag{color:var(--text-disabled);flex-shrink:0;font-size:12px;cursor:grab;align-items:center}.fc-type-badge{font-family:DM Mono,monospace;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;flex-shrink:0;letter-spacing:.03em}.fc-key{font-family:DM Mono,monospace;font-size:12.5px;font-weight:600;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-key.empty{color:var(--text-disabled);font-weight:400;font-style:italic}.fc-required{font-size:10px;font-weight:700;color:var(--danger);flex-shrink:0}.fc-desc-preview{font-size:10.5px;color:var(--text-disabled);margin-left:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.fc-actions{display:flex;gap:3px;flex-shrink:0}.fc-action{width:22px;height:22px;border-radius:6px;border:none;background:transparent;cursor:pointer;color:var(--text-disabled);display:flex;align-items:center;justify-content:center;font-size:11px;transition:background .12s,color .12s}.fc-action:hover{background:var(--bg-base);color:var(--text-primary)}.fc-action.danger:hover{background:var(--danger-light);color:var(--danger)}.fc-chevron{color:var(--text-disabled);font-size:9px;transition:transform .18s;flex-shrink:0}.fc-chevron.open{transform:rotate(90deg)}.field-expand{padding:10px 12px 12px;border-top:1px solid var(--border);background:var(--bg-subtle);display:flex;flex-direction:column;gap:10px}.fe-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fe-full{grid-column:span 2}.fe-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-disabled);margin-bottom:5px;display:block}.fe-input{border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;font-size:12.5px;font-family:DM Sans,sans-serif;color:var(--text-primary);background:var(--bg-surface);outline:none;width:100%;transition:border-color .14s}.fe-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 12%,transparent)}.fe-input::placeholder{color:var(--text-disabled)}.fe-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.fe-type-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;width:100%;transition:all .12s}.fe-type-icon{font-size:11px;line-height:1}.fe-required-toggle{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;background-color:var(--bg-base);cursor:pointer;border:1.5px solid var(--border);transition:border-color .12s,background .12s;-webkit-user-select:none;user-select:none}.fe-required-toggle.active{border-color:var(--info);background:var(--info-light)}.fe-req-box{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;transition:background .12s,border-color .12s}.fe-required-toggle.active .fe-req-box{background:var(--info);border-color:var(--info-light);color:var(--info-light)}.fe-req-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.fc-children{padding:0 12px 10px;background:var(--bg-subtle);display:flex;flex-direction:column;gap:5px}.fc-child-row{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;background:var(--bg-surface);border:1px solid var(--border)}.fc-child-key{font-family:DM Mono,monospace;font-size:11.5px;font-weight:600;color:var(--text-secondary);flex:1;border:none;outline:none;background:transparent}.fc-child-type{font-family:DM Mono,monospace;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.fc-child-rm{background:none;border:none;cursor:pointer;color:var(--text-disabled);font-size:12px;padding:0;transition:color .12s;line-height:1}.fc-child-rm:hover{color:var(--danger)}.fc-add-child{display:flex;align-items:center;gap:4px;background:none;border:1px dashed var(--border-strong);border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:500;color:var(--text-disabled);cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .12s,color .12s}.fc-add-child:hover{border-color:var(--text-muted);color:var(--text-secondary)}.add-field-btn{display:flex;align-items:center;gap:6px;background:none;border:1.5px dashed var(--border-strong);border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:500;color:var(--text-disabled);cursor:pointer;font-family:DM Sans,sans-serif;width:100%;justify-content:center;transition:border-color .13s,color .13s}.add-field-btn:hover{border-color:var(--text-muted);color:var(--text-secondary)}.field-card.readonly{cursor:default}.field-card.readonly .field-card-head{cursor:pointer}.field-card.readonly:hover,.field-card.readonly.expanded{border-color:var(--border)}.field-card.readonly .field-card-head:hover{background:transparent}.field-expand--readonly{display:flex;flex-direction:column;gap:8px}.fe-ro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.fe-ro-item{display:flex;flex-direction:column;gap:2px}.fe-ro-label{font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.fe-ro-value{font-family:DM Mono,monospace;font-size:12px;font-weight:600;color:var(--text-primary)}.fe-ro-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;padding-top:4px;border-top:1px solid var(--border)}.preset-bar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px;padding:0 24px 14px;border-bottom:1.5px solid var(--border)}.preset-btn{padding:5px 12px;border-radius:7px;border:1.5px solid var(--border);background:var(--bg-surface);font-size:11.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .12s,background .12s;display:flex;align-items:center;gap:5px}.preset-btn:hover{border-color:var(--border-strong);background:var(--bg-base)}.review-body{padding:24px;display:flex;flex-direction:column;gap:20px}.review-hero{display:flex;align-items:center;gap:14px;padding:18px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:14px}.rh-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.rh-name{font-family:Lora,serif;font-size:18px;font-weight:600;color:var(--text-primary)}.rh-desc{font-size:12.5px;color:var(--text-muted);margin-top:3px}.rh-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.rh-tag{font-size:11px;font-weight:500;padding:2px 8px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.review-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-col{background:var(--bg-base);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.rc-head{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;background:var(--bg-subtle)}.rc-head-icon{font-size:12px}.rc-head-title{font-size:11.5px;font-weight:700;color:var(--text-secondary);flex:1}.rc-head-count{font-family:DM Mono,monospace;font-size:10px;color:var(--text-disabled);background:var(--border);padding:1px 5px;border-radius:4px}.rc-list{padding:8px 14px 10px;display:flex;flex-direction:column;gap:4px}.rc-field{display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid var(--border)}.rc-field:last-child{border-bottom:none}.rc-field-key{font-family:DM Mono,monospace;font-size:11.5px;font-weight:600;color:var(--text-primary);flex:1}.rc-field-type{font-family:DM Mono,monospace;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.rc-field-req{font-size:9px;font-weight:700;color:var(--danger);flex-shrink:0}.rc-children{padding-left:16px;display:flex;flex-direction:column;gap:2px;margin-top:3px}.rc-child{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.rc-child-key{font-family:DM Mono,monospace;font-weight:500}.rc-child-type{font-family:DM Mono,monospace;font-size:9.5px;padding:1px 5px;border-radius:3px}.syntax-preview{background:var(--bg-base);border-radius:12px;padding:16px 18px;font-family:DM Mono,monospace;font-size:12px;color:var(--text-secondary);line-height:1.8}.sp-comment{color:var(--text-muted)}.sp-at{color:var(--accent-1)}.sp-entity{color:var(--accent-2)}.sp-dot{color:var(--text-muted)}.sp-key{color:var(--accent-3)}.sp-val{color:var(--accent-3);font-style:italic}.bk-detail-view{min-height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.bk-detail-view--empty{align-items:center;justify-content:center;gap:12px}.bk-detail-empty-icon{font-size:32px;opacity:.3}.bk-detail-empty-title{font-size:14px;font-weight:600;color:var(--text-secondary)}.bk-detail-empty-hint{font-size:13px;text-align:center;max-width:220px;line-height:1.5;color:var(--text-secondary)}.bk-detail-header{flex-shrink:0;border-bottom:1.5px solid var(--border);background:var(--bg-surface)}.bk-dh-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Lora,serif;font-weight:700;color:#fff;flex-shrink:0}.bk-dh-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.bk-detail-body{flex:1;overflow-y:auto;padding:24px 28px 40px}.bk-detail-body::-webkit-scrollbar{width:3px}.bk-detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.bk-detail-sub-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));margin-bottom:10px}.bk-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bk-stat-tile{background:var(--bg-base);border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.bk-stat-value{font-size:18px;font-weight:700;font-family:DM Mono,monospace;color:var(--text-primary)}.bk-stat-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.bk-ch-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .1s}.bk-ch-row:hover{background:var(--bg-base)}.bk-ch-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bk-ch-title{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-ch-words{font-family:DM Mono,monospace;font-size:11px;color:var(--text-secondary);flex-shrink:0}.bk-panel-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:flex-start}.bk-panel-grid>*{flex:1 1 20%;min-width:0}.bk-panel-grid--has-cover>*:last-child{flex:1 1 calc(50% - 4px)}.bk-cover-img{width:100%;border-radius:8px;display:block;object-fit:cover}.bk-settings-actions{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1.5px solid var(--border);margin-top:8px}.bk-right-panel{flex-shrink:0;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.bk-rp-header{height:42px;border-bottom:1.5px solid var(--border);display:flex;align-items:center;padding:0 16px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));flex-shrink:0;background:var(--bg-surface);gap:8px}.bk-rp-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.bk-rp-body::-webkit-scrollbar{width:3px}.bk-rp-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.bk-rp-section-label{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 55%,var(--border));margin-bottom:10px}:root[data-theme=light]{--bg-base: #fbf8f2;--bg-surface: #f0eadf;--bg-elevated: #fdfcf9;--bg-subtle: #ede9e2;--text-primary: #2c2a28;--text-secondary: #5a5753;--text-muted: #9e9b94;--text-disabled: #c5c2bb;--border: #ddd6c8;--border-strong: #cbc8c0;--border-focus: #2c2a28;--accent-1: #6b4e3d;--accent-1-light: #fff3ea;--accent-2: #2c2a28;--accent-2-light: #f0efeb;--accent-3: #7a3e3e;--accent-3-light: #fdf0f0;--success: #22c55e;--success-light: #f0fdf4;--warning: #d97706;--warning-light: #fffbeb;--danger: #b56576;--danger-light: #fef2f2;--info: #6a8db5;--info-light: #eff6ff;--btn-primary-bg: #2c2a28;--btn-primary-text: #fbf8f2;--btn-primary-hover: #6b4e3d;--shadow-color: rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg-base: #534b43;--bg-surface: #453e36;--bg-elevated: #3d3630;--bg-subtle: #5c5349;--text-primary: #ede6dc;--text-secondary: #c8bdb3;--text-muted: #8a8077;--text-disabled: #5a5450;--border: #3a352f;--border-strong: #524c46;--border-focus: #ede6dc;--accent-1: #b08968;--accent-1-light: #3d2e1e;--accent-2: #ede6dc;--accent-2-light: #453e36;--accent-3: #b56576;--accent-3-light: #3d2530;--success: #4ade80;--success-light: #1a3025;--warning: #fbbf24;--warning-light: #3d2e10;--danger: #b56576;--danger-light: #3d1e24;--info: #93bbdb;--info-light: #1a2535;--btn-primary-bg: #b08968;--btn-primary-text: #1a1510;--btn-primary-hover: #c4a07d;--shadow-color: rgba(0, 0, 0, .5)}:root[data-theme=grey]{--bg-base: #1f2937;--bg-surface: #273449;--bg-elevated: #2d3d58;--bg-subtle: #374151;--text-primary: #f3f4f6;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-disabled: #6b7280;--border: #374151;--border-strong: #4b5563;--border-focus: #3b82f6;--accent-1: #3b82f6;--accent-1-light: #1e3a5f;--accent-2: #f3f4f6;--accent-2-light: #374151;--accent-3: #f472b6;--accent-3-light: #4a1942;--success: #22c55e;--success-light: #14532d;--warning: #d97706;--warning-light: #451a03;--danger: #c03c3c;--danger-light: #450a0a;--info: #6a8db5;--info-light: #1e3a5f;--btn-primary-bg: #3b82f6;--btn-primary-text: #ffffff;--btn-primary-hover: #2563eb;--shadow-color: rgba(0, 0, 0, .6)}:root[data-theme=manuscript]{--bg-base: #f5f4f0;--bg-surface: #ffffff;--bg-elevated: #fdfcf9;--bg-subtle: #ede9e2;--text-primary: #1a1a17;--text-secondary: #6e6b64;--text-muted: #9e9b94;--text-disabled: #c5c2bb;--border: #e4e2dc;--border-strong: #cbc8c0;--border-focus: #1a1a17;--accent-1: #d4956a;--accent-1-light: #fff3ea;--accent-2: #1a1a17;--accent-2-light: #f0efeb;--accent-3: #9e7ab5;--accent-3-light: #f3eefc;--success: #22c55e;--success-light: #f0fdf4;--warning: #d97706;--warning-light: #fffbeb;--danger: #e74c3c;--danger-light: #fef2f2;--info: #6a8db5;--info-light: #eff6ff;--btn-primary-bg: #1a1a17;--btn-primary-text: #ffffff;--btn-primary-hover: #2d2d2a;--shadow-color: rgba(26, 26, 23, .1)}:root[data-theme=midnight-forge]{--bg-base: #0e0d0b;--bg-surface: #1a1917;--bg-elevated: #232220;--bg-subtle: #2a2925;--text-primary: #f0ede7;--text-secondary: #a8a399;--text-muted: #6e6b63;--text-disabled: #3d3c38;--border: #2e2d29;--border-strong: #3e3d38;--border-focus: #d4956a;--accent-1: #d4956a;--accent-1-light: #2a1e12;--accent-2: #6a9db5;--accent-2-light: #0e1f2a;--accent-3: #7a9e7e;--accent-3-light: #111e13;--success: #22c55e;--success-light: #0b2015;--warning: #d97706;--warning-light: #221500;--danger: #e74c3c;--danger-light: #220e0d;--info: #6a8db5;--info-light: #0d1925;--btn-primary-bg: #d4956a;--btn-primary-text: #0e0d0b;--btn-primary-hover: #c07a4e;--shadow-color: rgba(0, 0, 0, .4)}:root[data-theme=scholar]{--bg-base: #f2f4f7;--bg-surface: #ffffff;--bg-elevated: #f8f9fc;--bg-subtle: #e8ecf2;--text-primary: #1c2535;--text-secondary: #4a5568;--text-muted: #8a9ab5;--text-disabled: #b8c4d8;--border: #d8dfe8;--border-strong: #b8c4d8;--border-focus: #2d6a4f;--accent-1: #2d6a4f;--accent-1-light: #e8f5ee;--accent-2: #b5813a;--accent-2-light: #fdf4e3;--accent-3: #3d5a80;--accent-3-light: #e8eef7;--success: #2d6a4f;--success-light: #e8f5ee;--warning: #b5813a;--warning-light: #fdf4e3;--danger: #c0392b;--danger-light: #fcecea;--info: #3d5a80;--info-light: #e8eef7;--btn-primary-bg: #2d6a4f;--btn-primary-text: #ffffff;--btn-primary-hover: #1e4d38;--shadow-color: rgba(28, 37, 53, .1)}:root[data-theme=aurora]{--bg-base: #f4f2f8;--bg-surface: #ffffff;--bg-elevated: #faf9fd;--bg-subtle: #ede9f5;--text-primary: #2d2440;--text-secondary: #5c4e7a;--text-muted: #9488b5;--text-disabled: #c4bdd8;--border: #ddd8ec;--border-strong: #c4bdd8;--border-focus: #7c5cbf;--accent-1: #7c5cbf;--accent-1-light: #f0ecfb;--accent-2: #c9647a;--accent-2-light: #fce8ed;--accent-3: #6aabb5;--accent-3-light: #e4f2f5;--success: #5ba67d;--success-light: #eaf5ef;--warning: #c89c3a;--warning-light: #fdf6e3;--danger: #c9647a;--danger-light: #fce8ed;--info: #6aabb5;--info-light: #e4f2f5;--btn-primary-bg: #7c5cbf;--btn-primary-text: #ffffff;--btn-primary-hover: #6448a8;--shadow-color: rgba(45, 36, 64, .1)}*{transition:background-color .4s ease}*{margin:0;padding:0;box-sizing:border-box;transition:background .2s ease,color .2s ease,border-color .2s ease;font-family:DM Sans,sans-serif}body{background-color:var(--bg-base);color:var(--text-secondary)}.app{display:flex;height:100vh;background-color:var(--bg-base)}.main-container{flex:1;display:flex;flex-direction:column}.topbar{height:64px;background-color:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px}.content-wrapper{flex:1;display:flex;overflow:hidden}.main{flex:1;padding:24px;overflow-y:auto;background-color:var(--bg-base)}.right-panel{width:360px;border-left:1px solid var(--border);background-color:var(--bg-surface);padding:24px}.ui-hover:hover{background-color:var(--accent-1)}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:3px}.scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}