/* 生成物 —— 勿手改，勿提交（static/bundles/ 已 gitignore）。
   真源与顺序：app/static_bundles.py::BUNDLES['base-body.css']（7 个源文件）
   再生：重启进程（main.py 导入期自动）或
   PYTHONPATH=. .venv/bin/python scripts/build_static_bundles.py
   来源：
     - css/formkit.css
     - css/itemcard.css
     - css/itemview.css
     - css/addfriend.css
     - css/sharefriend.css
     - css/contacts.css
     - css/worddict.css
*/

/* ---- css/formkit.css ---- */
                                                               
                                             
                    
                                                               
                                                   
                                          
                                                   
                                              
                                                    
                                          
                   

                                        
                                                      
                                                    
                                           
                                                 
                                                  
                  
                                                     
                                                                  

                                                         
.link-btn {
    min-height: 44px;
    padding: 0 14px;
    cursor: pointer;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.link-btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

                                              
                                              
.agent-proxy-field { margin-bottom: 10px; }
.agent-proxy-field label {
    display: block; font-size: 0.78rem; color: var(--text-3); margin-bottom: 4px;
}
.agent-proxy-field input,
.agent-proxy-field textarea {
    width: 100%; box-sizing: border-box;
    font: inherit; color: var(--text-1);
    padding: 9px 10px; outline: none;
}
.agent-proxy-field textarea { resize: vertical; min-height: 88px; }

                                                         
.set-card {
    padding: 14px 12px 12px;
    margin-bottom: 12px;
}
.set-card:last-child { margin-bottom: 0; }
.set-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.set-card-ico {
    flex: none; width: 32px; height: 32px; border-radius: 10px;
    font-size: 1rem; line-height: 1;
    display: flex; align-items: center; justify-content: center;
}
.set-card-title {
    font-size: 0.9rem; font-weight: 700;
    color: var(--text-1, #2d3748); line-height: 1.25;
}
.set-card-hint {
    margin-top: 2px; font-size: 0.72rem;
    color: var(--text-3, #718096); line-height: 1.35;
}
                          
.set-card .agent-proxy-field { margin-bottom: 8px; }
.set-card .agent-proxy-field input,
.set-card .agent-proxy-field select { min-height: 44px; }
                                                 
.set-card select {
    width: 100%; box-sizing: border-box; min-height: 44px;
    padding: 9px 34px 9px 10px;
    font: inherit; font-size: 16px; color: var(--text-1, #2d3748);
    outline: none;
}

/* ---- css/itemcard.css ---- */
                         
                                                                     
                                  

                                                 
                                              
                                                
                                              
                   
                                                                              

                    
                                                       
                                                      
                                        
                                                     
                                                     
.items-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

                                                  
                                           
                                                
                                   
                                                   
                                            
.inf-scroll-sentinel { grid-column: 1 / -1; }
.inf-scroll-end {
    text-align: center;
    color: var(--text-muted);
                                              
    font-size: 0.78rem;
    padding: 18px 0;
}
.inf-scroll-sentinel [data-inf-retry] { cursor: pointer; }

                                                           
.item-card {
    background: var(--neu-bg);
                                             
                                                     
                                               
                                       
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;                                                
    align-items: stretch;
    padding: 12px;
                                                                  
    gap: 8px 12px;
    min-height: 120px;
                                                      
    -webkit-tap-highlight-color: transparent;
                                                         
                                      
    position: relative;
                                                              
                                                   
                                                  
    border-left: 3px solid transparent;
                                       
                                               
                            
    border-bottom: 1px solid var(--hairline);
                                          
                                                           
                                              
                                                             
                                        
                                                   
                   
    content-visibility: auto;
    contain-intrinsic-size: auto 122px;
}

                                          
                                   
                                         
                                                    
                                              
                                                 
                                                           
.card-badges {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.card-badge {
    background: rgba(90, 103, 216, 0.3);
    color: #fff;
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 1.4;
    white-space: nowrap;
}
.card-badge-pinned { background: rgba(221, 107, 32, 0.3); }
                                            
.card-badge-approved { background: rgba(22, 163, 74, 0.3); }
.card-badge-pending { background: rgba(90, 103, 216, 0.3); }
.card-badge-hidden { background: rgba(113, 128, 150, 0.3); }
                                           
.card-badge-locked { background: rgba(197, 48, 48, 0.3); }
.card-badge-recycled { background: rgba(45, 55, 72, 0.3); }
.card-badge-comments-off { background: rgba(13, 148, 136, 0.3); }
                                           
.card-badge-forked { background: rgba(202, 138, 4, 0.3); }
                                                   
                                             
.card-badge-delivery-adopted { background: rgba(42, 122, 124, 0.3); }
.card-badge-delivery-published { background: rgba(39, 103, 73, 0.3); }
                                                   
.card-badge-visible-to { background: rgba(2, 132, 199, 0.3); }

                           
                                  
.item-cover-wrap {
    flex: none;
    width: 96px;
    height: 96px;
    border: 2px solid var(--primary, #667eea);
    border-radius: 10px;
    overflow: hidden;
    background: var(--neu-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}
                             
.item-cover-wrap.no-image-placeholder {
    background: var(--neu-inset);
    border-color: var(--border);
    border-style: dashed;
    color: var(--text-muted);
}
.item-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.item-cover-placeholder {
    font-size: 42px;
    line-height: 1;
    user-select: none;
}

                                            
.item-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4px;
}
                
.item-info-top { min-height: 0; }
.item-name {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary, #667eea);
    line-height: 1.3;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item-name:hover { text-decoration: underline; }
                                          
                                                         
.item-id-badge {
    font-size: 0.72rem;
    font-weight: 400;
    color: var(--text-muted);
    margin-left: 6px;
}
                     
.item-excerpt {
    font-size: 0.82rem;
    color: var(--text-3);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2px;
}

                                                            
                                                     
                                     
.item-card-footer {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: var(--text-3);
                                               
    margin-top: 0;
                                               
                                               
    cursor: default;
}
.item-author {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}
.item-author .avatar {
    width: 18px;
    height: 18px;
    font-size: 0.7rem;
    flex: none;
}
.item-author a {
    color: var(--text-1);
    text-decoration: none;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
}
.item-author a:hover { color: var(--primary-2); }
.item-author .item-time {
    color: var(--text-muted);
}

.item-stats {
    margin-left: auto;
    display: flex;
    gap: 12px;
    color: var(--text-3);
    flex: none;
}
.item-stat {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-variant-numeric: tabular-nums;
}
.item-stat svg {
    width: 13px;
    height: 13px;
    fill: currentColor;
}
.item-stat em {
    font-style: normal;
}
.item-stat.link {
    cursor: pointer;
}
.item-stat.link:hover {
    color: var(--primary, #667eea);
}

                                                       
                                                          
                                               

                                    
.item-menu { flex: none; position: relative; margin-left: 4px; }

                                                                 
.item-menu-trigger {
    width: 22px;
    height: 22px;
                                                                    
                                                        
                          
    min-height: 22px;
    border: none;
    background: transparent;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
                       
    letter-spacing: 1px;
    transition: background 0.15s, color 0.15s;
}
.item-menu-trigger:hover {
    background: var(--neu-inset);
    color: var(--primary, #667eea);
}

                                   
                                                           
                                                 
                               
.item-menu-popup {
    display: none;
    position: absolute;
    top: calc(100% + 4px);                            
    bottom: auto;
    right: 0;
    width: max-content;                                  
    min-width: 72px;
    background: var(--neu-bg);
    border: 1px solid var(--border-soft);
    border-radius: 8px;
                                                  
    padding: 4px 0;
    z-index: 20;
}
                                                     
.item-menu-popup.open-up {
    top: auto;
    bottom: calc(100% + 4px);                         
}
.item-menu-popup.open { display: block; }

                                        
                                       
                                                                   
                                             
                                                     
                                    
                                                               
                                                    
                                         
                                                 
                                                  
                                                             
                                                 
                                                
                                                          
                                                            
                        
                                                                        
.item-card.menu-open {
    content-visibility: visible;
    transform: none !important;
    transition: none !important;
}

                            
.item-admin-actions {
    display: flex;
    flex-direction: column;
}
.item-admin-actions button {
    width: 100%;
    text-align: left;
    padding: 8px 14px;
    font-size: 0.85rem;
    border: none;
    background: transparent;
    color: var(--text-1);
    cursor: pointer;
    border-radius: 0;
    min-height: 36px;
}
.item-admin-actions button:hover { background: var(--neu-bg); }
.item-admin-actions button.btn-danger {
    color: var(--danger);
}
.item-admin-actions button.btn-danger:hover { background: var(--danger-tint); }

                                                                                       
                                                               
                                     
.item-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

                                              
                                                         
.items-grid .empty,
.items-grid .loading {
    text-align: center;
    color: var(--text-3);
    padding: 40px 20px;
    grid-column: 1 / -1;
}

                                                                    
                                                                    
                                                     
                                                                   
                                                            
.item-card {
    background: var(--neu-bg) !important;
    border: none !important;
    border-radius: var(--neu-radius-sub) !important;
    box-shadow: var(--neu-raise-sm) !important;
                                                     
                                                  
    transition: transform .15s ease;
}
.item-card:active {
    box-shadow: var(--neu-press-sm) !important;
    transform: scale(.99);
    background: var(--neu-bg) !important;
}

                                                         
                                                                    
                                             
                                                        
                                    
                                              
                                                     
                                              
                                                
                                                          
                                          
.community-feed-grid .item-card {
    height: 150px;
    min-height: 0;
}
.community-feed-grid .item-card .item-card-footer {
                                               
                                    
    min-height: 22px;
}
.community-feed-grid .item-card .item-info {
    max-height: 96px;
    overflow: hidden;
}

/* ---- css/itemview.css ---- */
                                                              
                                                           
                                                                        
.giv{background:var(--neu-bg);color:var(--text-1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}
.giv-img{width:100%;min-height:180px;max-height:420px;background:var(--neu-inset);color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.giv-img.giv-emoji{font-size:72px;line-height:1;color:var(--text-3);}
.giv-img img{width:100%;height:100%;max-height:420px;object-fit:contain;display:block;}
.giv-img.pending{color:var(--text-3);font-size:15px;}
                                              
                                             
                                         
.giv-imgwrap{position:relative;}
                                     
                                     
                                                   
.giv-play{position:absolute;left:12px;bottom:12px;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background .15s;}
.giv-imgwrap:active .giv-play{background:rgba(0,0,0,.72);}
.giv-play svg{width:26px;height:26px;fill:#fff;}
                                      
                     
.giv-baracts{display:flex;align-items:center;gap:2px;flex:none;}
.giv-bact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:38px;padding:2px;border:none;background:transparent;color:var(--text-1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s;}
.giv-bact:hover{color:var(--text-1);}
                                     
.giv-bact svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .18s;flex:none;}
.giv-bact.active svg{fill:currentColor;}
.giv-bact.giv-like.active{color:var(--danger);}
.giv-bact.giv-fav.active{color:#d69e2e;}
                                              
.giv-bact .giv-count{font-size:10px;font-weight:600;line-height:1.2;color:var(--text-muted);}
.giv-bact.active .giv-count{color:currentColor;}
.giv-bact .giv-count:empty{display:none;}

                                  
                         
.giv .cib-input{border-radius:999px;border-color:transparent;background:var(--neu-inset);padding:10px 16px;}
.giv .cib-input:focus{border-color:var(--primary);background:var(--neu-bg);}

.giv-body{padding:14px 16px;}
.giv-name{font-size:20px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;                                                                        }
                                            
                                                   
.giv-ctime-btn{border:none;background:transparent;padding:0;font:inherit;font-family:inherit;color:var(--primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s;}
.giv-ctime-btn:active{color:var(--primary-2);}
                                                       
.giv-id-badge{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:8px;}
                                                 
                                                            
                                       
                                                                       
                                                      
                     
.giv-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;align-items:center;}
                                            
                                                 
.giv-forked-line{margin:-4px 0 8px;}
.giv-forked-from{border:none;background:transparent;padding:0;font:inherit;font-family:inherit;font-size:12px;color:#805ad5;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s;}
.giv-forked-from:active{color:#553c9a;}
.giv-desc{font-size:15px;line-height:1.75;word-break:break-word;word-wrap:break-word;color:var(--text-1);margin:8px 0;
  font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Segoe UI','Microsoft YaHei',sans-serif;}
.giv-desc-empty{min-height:20px;}
.giv-desc-placeholder{color:var(--text-muted);font-size:14px;}

                                            
                                           
                                                
                          
.giv-outline{padding:10px 8px 20px;}
.giv-outline-item{position:relative;display:block;width:100%;text-align:left;border:0;background:none;
  min-height:40px;padding:9px 14px;border-radius:10px;font:inherit;font-size:14.5px;color:var(--text-1);
  cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  -webkit-tap-highlight-color:transparent;transition:background .15s,color .15s;}
.giv-outline-item:hover{background:var(--primary-tint);}
.giv-outline-item:active{opacity:.75;}
                                             
.giv-outline-item[data-level="1"]{font-weight:600;}
.giv-outline-item[data-level="3"],.giv-outline-item[data-level="4"]{font-size:13.5px;color:var(--text-1);}
                               
.giv-outline-sep{height:1px;margin:6px 10px;background:var(--hairline);}
                                                          
                                         
                                 
.giv-outline-item.cur{background:var(--primary-tint);color:var(--primary);font-weight:600;}
.giv-outline-item.cur::before{content:'';position:absolute;left:4px;top:50%;
  width:3px;height:16px;transform:translateY(-50%);border-radius:2px;background:var(--primary);}

                                                  
                                       
                                   
.giv-mdtoc{margin:10px 0 14px;padding:10px 12px 8px;border:1px solid var(--primary-tint);
  border-radius:12px;background:var(--neu-bg);}
.giv-mdtoc-title{font-size:12.5px;font-weight:600;color:var(--primary);
  letter-spacing:.08em;margin:0 0 4px;}
.giv-mdtoc .giv-mdtoc-item{display:block;width:100%;text-align:left;border:0;
  background:none;padding:7px 12px;border-radius:8px;font:inherit;font-size:14px;
  color:var(--text-1);cursor:pointer;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;-webkit-tap-highlight-color:transparent;
  transition:background .15s;}
.giv-mdtoc .giv-mdtoc-item:hover{background:var(--primary-tint);}
.giv-mdtoc .giv-mdtoc-item:active{opacity:.75;}
                                           
                                  

                                                       
                                        
                                                   
                                                             
.giv-desc ::selection{background:var(--tint-soak);}
.giv-desc h1,.giv-desc h2,.giv-desc h3,.giv-desc h4,.giv-desc h5,.giv-desc h6{
  margin:1.5em 0 .65em;font-weight:700;line-height:1.35;color:var(--text-1);}
.giv-desc h1{font-size:1.65em;padding-bottom:.35em;border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,var(--primary),var(--primary-tint)) 1;}
.giv-desc h2{font-size:1.35em;padding-left:.55em;position:relative;}
.giv-desc h2::before{content:'';position:absolute;left:0;top:.18em;bottom:.18em;
  width:4px;border-radius:2px;background:linear-gradient(180deg,var(--primary),var(--primary-2));}
.giv-desc h3{font-size:1.18em;color:var(--primary);}
.giv-desc h4{font-size:1.05em;color:var(--text-1);}
.giv-desc h5{font-size:.95em;color:var(--text-1);}
.giv-desc h6{font-size:.9em;color:var(--text-3);font-weight:600;}
.giv-desc h1:first-child,.giv-desc h2:first-child,.giv-desc h3:first-child{margin-top:0;}
.giv-desc p{margin:.85em 0;}
.giv-desc ul,.giv-desc ol{margin:.85em 0;padding-left:1.6em;}
.giv-desc li{margin:.35em 0;}
.giv-desc li::marker{color:var(--primary);font-weight:600;}
.giv-desc li>ul,.giv-desc li>ol{margin:.2em 0;}
.giv-desc li input[type="checkbox"]{margin-right:.45em;accent-color:var(--primary);}
.giv-desc code{padding:.15em .45em;margin:0;font-size:.88em;
  background:var(--primary-tint);color:var(--primary);border-radius:5px;
  font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;}
.giv-desc pre{margin:1em 0;padding:14px 16px;overflow-x:auto;
  background:#1e2a3a;border-radius:10px;line-height:1.55;
  box-shadow:0 1px 3px rgba(15,23,42,.12);}
.giv-desc pre code{padding:0;background:transparent;color:#dbe7f5;border-radius:0;font-size:.85rem;}
                                                    
                                                              
                                                     
.giv-desc .md-table-wrap{margin:1em 0;overflow-x:auto;font-size:.92em;
  border:1px solid var(--border-soft);border-radius:10px;}
.giv-desc .md-table-wrap table{margin:0;width:100%;border-collapse:separate;border-spacing:0;}
.giv-desc th,.giv-desc td{padding:8px 13px;text-align:left;border-bottom:1px solid var(--hairline);}
.giv-desc th{background:var(--stripe);color:var(--primary);font-weight:600;white-space:nowrap;}
.giv-desc tr:last-child td{border-bottom:0;}
.giv-desc tbody tr:nth-child(even) td{background:var(--stripe);}
.giv-desc blockquote{margin:1em 0;padding:.55em 1em;color:var(--text-1);
  border-left:4px solid var(--primary);background:var(--neu-bg);border-radius:0 8px 8px 0;}
.giv-desc blockquote>:first-child{margin-top:0;}
.giv-desc blockquote>:last-child{margin-bottom:0;}
.giv-desc a{color:var(--primary);text-decoration:none;font-weight:500;
  border-bottom:1px solid var(--tint-edge);transition:color .15s,border-color .15s;}
.giv-desc a:hover{color:var(--primary-2);border-bottom-color:var(--primary-2);}
.giv-desc hr{margin:1.6em 0;border:0;height:2px;border-radius:1px;
  background:linear-gradient(90deg,transparent,var(--primary-tint) 20%,var(--primary-tint) 80%,transparent);}
.giv-desc img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 1px 4px rgba(15,23,42,.1);}
                                           
                                                          
                                                   
                                       
                                                  
.giv-desc .giv-mgrid{display:grid;gap:6px;margin:1em 0;}
.giv-desc .giv-mgrid-1{grid-template-columns:1fr;}
.giv-desc .giv-mgrid-2{grid-template-columns:1fr 1fr;}
.giv-desc .giv-mgrid-3{grid-template-columns:1fr 1fr 1fr;}
.giv-desc .giv-mgrid-1 > img{max-width:100%;max-height:420px;justify-self:center;cursor:zoom-in;}
.giv-desc .giv-mgrid-2 > img,
.giv-desc .giv-mgrid-3 > img{width:100%;aspect-ratio:1/1;object-fit:cover;cursor:zoom-in;}
.giv-desc .giv-mgrid-1 > video{width:100%;max-height:420px;background:#000;display:block;border-radius:12px;}
.giv-desc audio.md-audio{width:100%;height:40px;margin:4px 0;display:block;}
.giv-desc strong{font-weight:600;color:var(--text-1);}
.giv-desc del{color:var(--text-3);}
.giv-desc kbd{padding:.1em .4em;font-size:.85em;color:var(--primary);
  background:var(--neu-bg);border:1px solid var(--primary-tint);border-bottom-width:2px;border-radius:5px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.giv-ctime{margin-top:10px;font-size:12px;color:var(--text-muted);}
                                      
                                              
.giv-topauthor{display:flex;align-items:center;gap:8px;min-width:0;max-width:62%;text-decoration:none;flex:none;-webkit-tap-highlight-color:transparent;}
                                         
.giv-topauthor .giv-topauthor-avatar{width:30px;height:30px;font-size:15px;box-shadow:0 0 0 1px rgba(45,55,72,.08);}
.giv-topauthor .giv-topauthor-avatar.avatar-emoji{font-size:19px;}
                                      
.giv-clist{padding:8px 16px 0;display:flex;flex-direction:column;gap:12px;}
.giv-clist .comment-item{display:flex;gap:10px;}
.giv-clist .comment-item .avatar{width:34px;height:34px;font-size:0.9rem;flex:none;}
.giv-clist .comment-content{font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap;}
.giv-clist .comment-time{font-size:12px;color:var(--text-muted);margin-top:3px;}
.giv-clist .comment-time a{color:var(--primary);text-decoration:none;}
.giv-clist .comment-del{color:var(--danger);margin-left:8px;}
.giv-clist .comment-reply{color:var(--primary);margin-left:8px;}
                                                       
                         
.giv-clist .comment-time a:active,.giv-clist .comment-toggle:active{opacity:.7;}
                                     
                                       
.giv-panel-empty{padding:26px 16px;text-align:center;color:var(--text-muted);font-size:14px;}
.giv-panel-section{padding:14px 16px 4px;}
.giv-panel-title{font-size:13px;font-weight:700;color:var(--text-1);margin-bottom:8px;}
                                         
                                           
                                                    
                                                      
                          
.giv-entry{background:var(--neu-bg);border:1px solid var(--border-soft);border-radius:8px;padding:6px 10px;margin-bottom:6px;font-family:inherit;-webkit-tap-highlight-color:transparent;}
.giv-entry-strip{display:flex;align-items:center;gap:6px;height:22px;overflow:hidden;white-space:nowrap;}
.giv-entry.clickable-strip .giv-entry-strip{cursor:pointer;}
.giv-entry.clickable-strip .giv-entry-strip:active{opacity:.7;}
.giv-entry.clickable-card{cursor:pointer;}
.giv-entry.clickable-card:active{background:var(--neu-inset);}
                                            
.giv-entry-menu{flex:none;position:relative;margin-left:4px;}
.giv-entry-menu-trigger{width:22px;height:22px;min-height:22px;border:none;background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;letter-spacing:1px;transition:background .15s,color .15s;}
.giv-entry-menu-trigger:hover{background:var(--neu-inset);color:var(--primary);}
.giv-entry-menu-popup{display:none;position:absolute;top:calc(100% + 4px);bottom:auto;right:0;width:max-content;min-width:72px;background:var(--neu-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:4px 0;z-index:20;}
.giv-entry-menu-popup.open-up{top:auto;bottom:calc(100% + 4px);}
.giv-entry-menu-popup.open{display:block;}
.giv-entry.menu-open{z-index:30;}
.giv-entry-menu-item{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--text-1);font-size:13px;padding:8px 14px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;white-space:nowrap;}
.giv-entry-menu-item:active{background:var(--neu-inset);}
                                                         
                                                                      
.giv-vlist{display:flex;flex-direction:column;}
.giv-vlist .giv-vcard{border-radius:0;border-left:none;border-right:none;border-bottom:none;border-top:1px solid var(--hairline);}
.giv-vlist .giv-vcard:first-child{border-top:none;}
.giv-vlist .giv-vcard:last-child{border-bottom:1px solid var(--hairline);}
                                                       
                                                
                                                     
                                                         
                                                             
.giv-vcard{display:flex;align-items:stretch;gap:10px;background:var(--neu-bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit;-webkit-tap-highlight-color:transparent;}
.giv-vcard.clickable-card{cursor:pointer;}
.giv-vcard.clickable-card:active{background:var(--neu-inset);}
.giv-vcard-avatar{flex:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-tint);border-radius:10px;}
.giv-vcard-avatar.cur{background:var(--ok-tint);}
.giv-vbadge{font-size:13px;font-weight:700;color:var(--primary);}
.giv-vcard-avatar.cur .giv-vbadge{color:var(--ok);}
.giv-vcard-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:5px;}
.giv-vcard-row{display:flex;align-items:center;gap:8px;min-width:0;}
.giv-vcard-title{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.giv-vcard-title.none{color:var(--text-muted);font-weight:400;}
.giv-vcard-time{flex:none;font-size:11px;color:var(--text-muted);}
.giv-vcard-detail{flex:1;min-width:0;font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.giv-vcard-detail.none{color:var(--text-muted);}
.giv-vcard .giv-entry-menu{margin-left:auto;}
                                                 
                                           
                                          
.giv-vcard-muted .giv-vcard-avatar{background:var(--neu-inset);}
.giv-vcard-muted .giv-vcard-avatar .giv-vbadge{color:var(--text-muted);}
.giv-vcard-muted .giv-vcard-title,.giv-vcard-muted .giv-vcard-detail{opacity:.55;}
.giv-vcard-note{flex:none;font-size:11px;color:var(--text-muted);}
.giv-panel-section.flush{padding:0;}
                                                             
                                                  
                                                   
                                                
                                
                                    
                          
.giv-clist .comment-reacts{display:flex;align-items:flex-start;flex:none;align-self:center;margin-left:4px;}
.giv-clist .comment-react{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:26px;border:none;background:transparent;padding:2px 0;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s;}
.giv-clist .comment-react svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .18s;flex:none;}
.giv-clist .comment-react .react-count{font-size:11px;font-weight:600;line-height:1.2;color:var(--text-muted);transition:color .18s;}
.giv-clist .comment-react .react-count:empty{display:none;}
.giv-clist .comment-like.active{color:var(--danger);}
.giv-clist .comment-like.active svg{fill:currentColor;}
.giv-clist .comment-like.active .react-count{color:currentColor;}

                                         
                                             
                               
.giv-clist .comment-thread{display:flex;flex-direction:column;}
.giv-clist .comment-replies{display:none;flex-direction:column;gap:10px;margin-top:8px;}
.giv-clist .comment-replies.open{display:flex;}
                                        
                                         
.giv-clist .comment-replies.open .comment-replies{display:flex;margin-left:30px;}
.giv-clist .comment-toggle{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin:4px 0 0 44px;border:none;background:transparent;padding:2px 0;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.giv-clist .comment-toggle .toggle-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.giv-clist .comment-toggle[aria-expanded="true"] .toggle-chev{transform:rotate(180deg);}
.giv-clist .comment-reply-item{margin-left:30px;background:var(--neu-inset);border-radius:8px;padding:8px 10px;}
.giv-clist .comment-reply-item .avatar{width:28px;height:28px;font-size:0.78rem;}
.giv-clist .comment-reply-to{font-size:12px;color:var(--primary);background:var(--primary-tint);border-radius:4px;padding:1px 6px;margin-right:6px;}
                                                        
                                                    
                        
.giv-desc-more{padding:14px 24px;text-align:center;color:var(--text-muted);font-size:13px;cursor:pointer;user-select:none;}
                                                        
                                             
                                                                  
@keyframes givContentIn{from{opacity:0;}to{opacity:1;}}
.giv-content-enter{animation:givContentIn var(--motion-dur-med,.24s) var(--motion-ease-out,ease-out);}

                                              
                                                  
                  
.pv-actions .giv-baracts{gap:0;margin-right:-4px;}
                                                    
                                                               
.pv-actions .giv-bact{flex-direction:row;align-items:center;gap:4px;min-width:auto;height:42px;padding:6px 5px;}
.pv-actions .giv-bact svg{width:22px;height:22px;}
.pv-actions .giv-bact .giv-count{font-size:11px;line-height:1;}
                                                     
                                                                
                                          
                                                       
.pv-actions .item-menu{display:flex;align-items:center;margin-left:1px;}
.pv-actions .item-menu-trigger{width:28px;height:42px;min-height:42px;font-size:1.3rem;color:var(--text-1);border-radius:8px;}

                                
                                             
                                                   
.giv-compose{display:block;flex:none;padding:10px 14px;}
.giv-compose[hidden]{display:none;}
                                          
.giv-compose-pill{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 16px;background:rgba(20,20,28,.55);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.25);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:border-color .15s,background .15s;}
.giv-compose-pill:focus-within{background:rgba(20,20,28,.68);border-color:rgba(255,255,255,.45);outline:none;}
                                                     
.giv-compose-reply-chip{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 8px;background:rgba(255,255,255,.18);border-radius:999px;font-size:13px;color:#fff;max-width:46%;overflow:hidden;white-space:nowrap;}
.giv-compose-reply-chip[hidden]{display:none;}
.giv-compose-reply-chip .giv-compose-reply-name{font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;}
.giv-compose-reply-chip button{border:0;background:transparent;color:rgba(255,255,255,.7);font-size:15px;line-height:1;padding:0 2px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;}
.giv-compose-reply-chip button:active{color:#fff;}
                                                
.giv-compose-cancel{flex:none;border:0;background:transparent;color:rgba(255,255,255,.85);font-size:14px;font-weight:600;padding:6px 10px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;}
.giv-compose-cancel:active{color:rgba(255,255,255,.6);}
                                        
.giv-compose-input{flex:1;min-width:0;height:36px;padding:0;font-size:15px;line-height:36px;background:transparent;border:0;outline:0;box-shadow:none;color:#fff;caret-color:#fff;font-family:inherit;-webkit-appearance:none;appearance:none;}
.giv-compose-input:focus,.giv-compose-input:focus-visible{outline:0;box-shadow:none;border:0;}
.giv-compose-input::placeholder{color:rgba(255,255,255,.65);}
                            
.giv-compose-input::selection{background:rgba(255,255,255,.3);color:#fff;}
.giv-compose-input::-moz-selection{background:rgba(255,255,255,.3);color:#fff;}
                        
.giv-compose-input:-webkit-autofill,.giv-compose-input:-webkit-autofill:hover,.giv-compose-input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px transparent inset;box-shadow:0 0 0 1000px transparent inset;transition:background-color 9999s ease-in-out 0s;caret-color:#fff;}
                                           
.giv-compose-guest{text-align:center;color:var(--text-3);font-size:14px;padding:10px 0;}
.giv-compose-guest a{color:var(--primary);}

                                      
                                                
.giv-cprev{margin:16px 16px 0;padding:14px 16px;background:var(--neu-bg);border-radius:12px;border:1px solid var(--border-soft);}
.giv-cprev-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;}
.giv-cprev-title{font-size:15px;font-weight:700;color:var(--text-1);}
.giv-cprev-more{border:0;background:transparent;color:var(--primary);font-size:13px;font-weight:600;padding:2px 6px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;}
.giv-cprev-more:active{color:var(--primary-2);}
                                                     
                                                                
.giv-cprev-list.giv-clist{padding:0;}

                                                          
                                                           
.wcg-body{padding:12px;}
.wcg-desc{font-size:.82rem;color:var(--text-3);line-height:1.6;margin-bottom:8px;}
.wcg-list{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:10px;background:var(--neu-bg);}
.wcg-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--hairline);font-size:.88rem;color:var(--text-1);}
.wcg-row:first-child{border-top:none;}
.wcg-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wcg-ref{color:var(--text-muted);font-size:.75rem;}
.wcg-mode{flex-shrink:0;font-size:.7rem;padding:2px 6px;border-radius:6px;background:var(--primary-tint);color:var(--primary);}
.wcg-rm{border:none;background:none;color:var(--danger);font-size:.8rem;padding:4px 6px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;}
.wcg-rm:disabled{color:var(--text-muted);cursor:default;}
.wcg-add{display:flex;gap:8px;}
.wcg-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.88rem;font-family:inherit;}
.wcg-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.wcg-btn{border:none;border-radius:8px;padding:9px 8px;font-size:.85rem;color:#fff;background:var(--primary);cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;}
.wcg-btn:disabled{opacity:.6;cursor:default;}
.wcg-btn.btn-view{background:#b7791f;}
.wcg-btn.btn-coown{background:var(--primary);}
.wcg-btn.btn-govern{background:var(--ok);}
.wcg-btn.btn-gift{background:var(--danger);}
                                                    
                                                             
                                                
                                        
.giv-media .giv-media-holder{width:100%;}

/* ---- css/addfriend.css ---- */
                              
                                                          
                                                            
                                    
                                      
                                                                   
.add-friend-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 360px;
    width: 100%;
    box-sizing: border-box;
    margin: 24px auto 0;                                    
    padding: 0 20px calc(24px + env(safe-area-inset-bottom, 0px));
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.add-friend-hint {
    color: var(--text-3, #718096);
    font-size: 0.84rem;
    line-height: 1.55;
    margin: -2px 0 6px;                                    
}
                                      
.add-friend-title {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-1, #2d3748);
    cursor: pointer;
}
.add-friend-title + input[type=text],
.add-friend-title + textarea {
    margin-bottom: 6px;                          
}
.add-friend-form input[type=text],
.add-friend-form textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 10px;
    font-size: 16px;                                              
    font-family: inherit;
    background: var(--neu-inset);
    color: var(--text-1, #2d3748);
    outline: none;
    transition: border-color 0.15s;
}
.add-friend-form input[type=text]:focus,
.add-friend-form textarea:focus {
    border-color: var(--primary, #667eea);
}
.add-friend-form textarea {
    resize: none;                                           
    line-height: 1.5;
}
.add-friend-form .err {
    color: var(--danger);
    font-size: 0.84rem;
    line-height: 1.4;
    min-height: 18px;                                  
    margin-top: -4px;
}
.add-friend-actions {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}
.add-friend-form .cancel-btn,
.add-friend-form .submit-btn {
    flex: 1;
    min-height: 44px;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    font-family: inherit;
}
.add-friend-form .cancel-btn {
    background: var(--neu-bg);
    color: var(--text-2, #4a5568);
}
.add-friend-form .cancel-btn:active { background: var(--neu-inset); }
.add-friend-form .submit-btn {
    background: var(--primary, #667eea);
    color: #fff;
}
.add-friend-form .submit-btn:active { background: var(--primary-2); }
.add-friend-form .cancel-btn:disabled,
.add-friend-form .submit-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
                                            
.add-friend-form .submit-btn.danger {
    background: var(--danger-tint);
    color: var(--danger);
    border: 1px solid #feb2b2;
}
.add-friend-form .submit-btn.danger:active { background: var(--neu-inset); }

/* ---- css/sharefriend.css ---- */
                                
                                                              
                                         
.share-friend-form {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
    margin: 12px auto 0;
    padding: 0 16px calc(16px + env(safe-area-inset-bottom, 0px));
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    flex: 1;
    min-height: 0;                                             
}
.sf-hint {
    color: var(--text-3, #718096);
    font-size: 0.84rem;
    margin-bottom: 8px;
}
.sf-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 12px;
    background: var(--neu-bg);
}
.sf-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--text-3, #718096);
    font-size: 0.9rem;
}
.sf-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background 0.12s;
    -webkit-tap-highlight-color: transparent;
}
.sf-row:not(:last-child) {
    border-bottom: 1px solid var(--border-light, #f0f0f0);
}
.sf-row:active {
    background: var(--bg-hover, #f7fafc);
}
.sf-check {
    width: 20px;
    height: 20px;
    accent-color: var(--primary, #667eea);
    flex-shrink: 0;
    cursor: pointer;
}
.sf-avatar {
    display: inline-flex;
    flex-shrink: 0;
}
.sf-avatar .avatar {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
}
.sf-name {
    font-size: 0.95rem;
    color: var(--text-1, #2d3748);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sf-err {
    color: var(--danger);
    font-size: 0.84rem;
    line-height: 1.4;
    min-height: 18px;
    margin-top: 6px;
}
.sf-actions {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}
.sf-cancel,
.sf-submit {
    flex: 1;
    min-height: 44px;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    font-family: inherit;
}
.sf-cancel {
    background: var(--neu-bg);
    color: var(--text-2, #4a5568);
}
.sf-cancel:active { background: var(--neu-inset); }
.sf-submit {
    background: var(--primary, #667eea);
    color: #fff;
}
.sf-submit:active { background: var(--primary-2); }
.sf-cancel:disabled,
.sf-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ---- css/contacts.css ---- */
                                    
                                                         
                                        
                            

                                                     
                                                    
                                              
                                                          
.msg-friend-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
    background: var(--neu-bg);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
                                                    
                                     
.msg-friend-search {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 14px 8px;
    min-height: 44px;
}
.msg-friend-search-icon {
    flex: none;
    font-size: 0.95rem;
    line-height: 1;
}
.msg-friend-search-input {
    flex: 1;
    min-width: 0;
    font-family: inherit;
}
                                           
                            
                           
.msg-friend-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--neu-bg);
}
                                                     
.msg-friend-group-head {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 4px 16px;
    background: var(--neu-inset);
    color: var(--text-3, #718096);
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.04em;
    border-top: 1px solid var(--border-soft, #edf2f7);
}
.msg-friend-group-head:first-child { border-top: none; }
.msg-friend-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 8px 16px;
    background: var(--neu-bg);
    border: none;
    border-bottom: 1px solid var(--border-soft, #edf2f7);
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}
.msg-friend-item:hover { background: var(--primary-tint); }
.msg-friend-item:active { background: var(--neu-inset); }
.msg-friend-item:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}
.msg-friend-avatar {
    flex: none;
    width: 40px;
    height: 40px;
}
.msg-friend-name {
    flex: 1;
    min-width: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-1, #2d3748);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
                                       
                                                        
                              
                                                                           
                                                  
.msg-friend-index {
    position: fixed;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4500;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 4px 2px;
                                    
    background: var(--neu-bg);
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    touch-action: none;
}
.msg-friend-index[hidden] { display: none; }
.msg-friend-index-letter {
    flex: none;
    width: 18px;
    height: 16px;
                                                               
                                  
    min-height: auto;
    border: none;
    background: transparent;
    color: var(--text-3, #718096);
    font-size: 0.66rem;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
}
.msg-friend-index-letter.active {
    color: var(--primary);
    font-weight: 700;
}
                     
.msg-friend-index-tip {
    position: fixed;
    z-index: 4501;
                                     
    width: 56px;
    height: 56px;
    margin-left: -28px;
    margin-top: -28px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 600;
    pointer-events: none;
}
.msg-friend-index-tip[hidden] { display: none; }
                                     
.msg-friend-status {
    text-align: center;
    color: var(--text-muted, #a0aec0);
    padding: 40px 24px;
    font-size: 0.88rem;
}
.msg-friend-status .emoji { font-size: 2rem; display: block; margin-bottom: 8px; opacity: 0.5; }

/* ---- css/worddict.css ---- */
                                                               
                                                  
                                                                
                                                 
                                                              
                                                         
                                                           
                                              
                                                    
                                       
                                    
                                                                  

.wd-anchor {
    position: fixed;
    width: 0;
    height: 0;
                                               
                                                   
    z-index: 4050;
                                        
                                         
    pointer-events: none;
}

.wd-pop {
    position: absolute;
    left: 0;
    top: 4px;
    bottom: auto;
    width: max-content;
    max-width: 320px;
                                                     
                   
    background: rgba(20, 20, 28, 0.22);
    -webkit-backdrop-filter: blur(20px) saturate(1.9);
    backdrop-filter: blur(20px) saturate(1.9);
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    border-radius: 14px;
    padding: 12px 14px;
    font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    pointer-events: none;                   
    z-index: 4050;
}
.wd-pop[hidden] { display: none; }
.wd-pop.open-up {
    top: auto;
    bottom: 4px;
}

.wd-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.wd-word { font-size: 17px; font-weight: 700; color: #fff; }
.wd-ph { color: rgba(255, 255, 255, 0.65); font-size: 13px; }
.wd-via {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.14);
    color: #ffd66e;
    border-radius: 4px;
    padding: 2px 7px;
}
.wd-tags { margin-top: 5px; }
.wd-tags i {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.14);
    color: #9ec1ff;
    border-radius: 4px;
    padding: 1px 6px;
    margin: 2px 4px 0 0;
}
.wd-tr { margin-top: 7px; font-size: 14px; line-height: 1.65; }
.wd-notfound, .wd-loading, .wd-err { color: rgba(255, 255, 255, 0.65); font-size: 13px; margin-top: 4px; }
.wd-task-meta { margin-top: 6px; font-size: 12px; color: #ffd66e; }
.wd-err { color: #ff8a7a; }

                                                          
                                                    
                                                         
                                                         
                                               
                                                    
                               
.wd-token {
    display: inline-block;
    margin: 0 2px;
    padding: 0.08em 0.45em;
    border-radius: var(--neu-radius-pill, 999px);
    background: var(--neu-bg, #E0E5EC);
    box-shadow: var(--neu-raise-xs,
                    3px 3px 7px rgba(163, 177, 198, .7),
                    -3px -3px 7px rgba(255, 255, 255, .85));
    color: var(--text-1, #5C4033);
    font-weight: 600;
    line-height: 1.35;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.wd-token:active {
    background: var(--neu-inset, #D1D9E6);
    box-shadow: var(--neu-press-xs,
                    inset 2px 2px 4px rgba(163, 177, 198, .7),
                    inset -2px -2px 4px rgba(255, 255, 255, .85));
}