@font-face{font-family:aifont;src:url(/font/aifont.woff2)format("woff2");font-display:swap}:root{--btn-color:#06c}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}#app{max-width:800px;margin:0 auto;padding:20px;position:relative}.loading-overlay{pointer-events:none;z-index:1000;justify-content:center;display:flex;position:fixed;top:14px;left:0;right:0}.loading-small{text-align:center;color:#666;padding:12px;font-size:14px}@media (prefers-color-scheme:dark){body{color:#e0e0e0;background:#0a0a0a}.tab{color:#888}.tab:hover{background:#2a2a2a}.tab.active{background:var(--btn-color);color:#fff}.pds-dropdown{background:#1a1a1a;border-color:#333}.pds-option{color:#e0e0e0}.pds-option:hover{background:#2a2a2a}.pds-option.selected{background:linear-gradient(135deg,#1a2a3a 0%,#152535 100%)}.pds-name{color:#e0e0e0}.pds-check{border-color:#555}.profile{background:#16181c;border-color:#2f3336}.profile-name{color:#e7e9ea}.profile-handle,.profile-handle-link{color:#71767b}.profile-description{color:#e7e9ea}.profile-avatar-placeholder{background:#2f3336}.service-item{color:#e0e0e0;background:#2a2a2a}.service-item:hover{background:#333}.post-item{border-color:#333}.post-link:hover{background:#1a1a1a}.browser-input{color:#e0e0e0;background:#1a1a1a;border-color:#333}}#header{margin-bottom:24px}.header-form{align-items:center;gap:8px;display:flex}.header-input{border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.header-btn{color:#333;cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.header-btn:hover{background:#e0e0e0}.header-btn.at-btn{background:var(--btn-color);color:#fff;border-color:var(--btn-color)}.header-btn.at-btn:hover{background:var(--btn-color);filter:brightness(.85)}.header-btn.login-btn{color:#666}.login-icon{opacity:.6;width:18px;height:18px}.header-btn.login-btn:hover .login-icon{opacity:.9}.header-btn.user-btn{background:var(--btn-color);color:#fff;border-color:var(--btn-color);width:auto;padding:8px 12px;font-size:13px;font-weight:500}.post-form-container{padding:20px 0}.post-form-container h3{margin-bottom:16px;font-size:18px}.post-form-btn:hover{background:#0052a3}.mode-tabs{align-items:center;gap:4px;margin-bottom:16px;display:flex}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tab{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:14px;text-decoration:none}.tab:hover{background:#f0f0f0}.tab.active{background:var(--btn-color);color:#fff}.tab-sep{color:#bbb;flex-shrink:0;align-items:center;padding:0 2px;font-size:14px;text-decoration:none;display:flex}a.tab-sep:hover{color:#666}.pds-selector{margin-left:auto;position:relative}.pds-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:180px;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.pds-dropdown.show{display:block}.pds-option{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.pds-option:hover{background:#f5f5f5}.pds-option.selected{background:linear-gradient(135deg,#f0f7ff 0%,#e8f4ff 100%)}.pds-name{color:#333;font-weight:500}.pds-check{color:#0000;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex}.pds-option.selected .pds-check{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.profile{background:#f5f5f5;border-radius:12px;gap:16px;margin-bottom:24px;padding:20px;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:80px;height:80px}.profile-avatar-placeholder{background:#e0e0e0;border-radius:50%;width:80px;height:80px}.profile-info{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.profile-name{margin-bottom:4px;font-size:20px;font-weight:600}.profile-handle{color:#666;margin-bottom:8px;font-size:14px}.profile-handle-link{color:#666;text-decoration:none}.profile-handle-link:hover{color:var(--btn-color);text-decoration:underline}.profile-desc{color:#444;overflow-wrap:break-word;word-break:break-word;font-size:14px}.profile-follows{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.follow-chip{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:12px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.follow-chip:hover{border-color:var(--btn-color);background:#f0f7ff}.follow-chip-avatar{object-fit:cover;background:#e0e0e0;border-radius:50%;width:22px;height:22px}.follow-chip-avatar-empty{display:inline-block}.follow-chip-handle{color:#555;font-family:SF Mono,Monaco,monospace}.services{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.service-item{color:#333;background:#f5f5f5;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .2s;display:inline-flex}.service-item:hover{background:#e8e8e8}.service-favicon{width:16px;height:16px}.service-name{font-weight:500}.post-list{margin-top:24px;margin-bottom:24px;list-style:none}.post-item{border-bottom:1px solid #eee}.post-link{color:inherit;justify-content:space-between;align-items:center;padding:16px 8px;text-decoration:none;display:flex}.post-link:hover{background:#f9f9f9}.post-title{font-weight:500}.post-date{color:#888;font-size:13px}.post-item-new{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.post-form-container{margin-bottom:32px;padding:20px 0}.post-form{flex-direction:column;gap:12px;display:flex}.post-form-title{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:16px}.post-form-body{resize:vertical;border:1px solid #ddd;border-radius:6px;min-height:120px;padding:10px 12px;font-family:inherit;font-size:14px}.post-form-footer{justify-content:space-between;align-items:center;display:flex}.post-form-collection{color:#888;font-family:monospace;font-size:12px}.post-form-btn{background:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px}.post-form-btn:hover{opacity:.9}.post-form-btn:disabled{cursor:not-allowed;background:#ccc}.post-status{margin-top:12px}.post-success{color:#155724}.post-error{color:#dc3545}.post-detail{padding:20px 0}.post-header{border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:16px}.post-header .post-title{margin-bottom:8px;font-size:28px;font-weight:600}.post-meta{align-items:center;gap:12px;display:flex}.post-header .post-date{color:#888;font-size:14px}.json-btn{color:#666;background:#f0f0f0;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-family:monospace;font-size:12px;text-decoration:none;display:inline-flex}.json-btn:hover{color:#333;background:#e0e0e0}.view-btn{color:#666;cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-family:inherit;font-size:13px;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.view-btn:hover{color:#333;background:#e8e8e8}.record-delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;justify-content:center;align-items:center;margin-top:12px;padding:6px 12px;font-size:13px;transition:background .2s;display:inline-flex}.record-delete-btn:hover{background:#c82333}.record-delete-btn:disabled{cursor:not-allowed;background:#6c757d}.post-edit-btn{background:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:4px 10px;font-size:12px;transition:opacity .2s;display:inline-flex}.post-edit-btn:hover{opacity:.85}.record-merge-btn{background:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:4px 10px;font-size:12px;transition:opacity .2s;display:inline-flex}.record-merge-btn:hover{opacity:.85}.record-merge-btn:disabled{opacity:.5;cursor:not-allowed}.post-edit-form{background:#f9f9f9;border-radius:8px;margin-top:16px;padding:16px}.post-edit-title{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:16px;font-weight:600}.post-edit-content{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;min-height:200px;padding:12px;font-family:inherit;font-size:14px}.post-edit-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.post-edit-cancel{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.post-edit-cancel:hover{background:#5a6268}.post-edit-save{background:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.post-edit-save:hover{opacity:.9}.post-edit-save:disabled{cursor:not-allowed;background:#6c757d}.edit-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-family:monospace;font-size:12px;text-decoration:none;display:inline-flex}.edit-btn:hover{background:#218838}.discussion-link{color:#333;background:#f5f5f5;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.discussion-link:hover{background:#e8e8e8}.discussion-link svg{color:var(--btn-color)}.discussion-post{color:inherit;background:#fafafa;border-radius:8px;margin-bottom:8px;padding:12px;text-decoration:none;transition:background .2s;display:block}.discussion-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.discussion-avatar-placeholder{background:#ddd;border-radius:50%;width:32px;height:32px}.discussion-author-info{flex:1;min-width:0}.discussion-name{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.discussion-handle{color:#666;font-size:12px;display:block}.discussion-date{color:#888;white-space:nowrap;font-size:12px}.discussion-text{color:#444;word-break:break-word;font-size:14px;line-height:1.5}.edit-form-container{padding:20px 0}.edit-form-container h3{margin-bottom:16px;font-size:18px}.edit-form{flex-direction:column;gap:12px;display:flex}.edit-form-title{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:16px}.edit-form-body{resize:vertical;border:1px solid #ddd;border-radius:6px;min-height:200px;padding:10px 12px;font-family:inherit;font-size:14px}.edit-form-footer{justify-content:flex-end;gap:8px;display:flex}.edit-cancel-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 24px;font-size:14px}.edit-cancel-btn:hover{background:#5a6268}.edit-submit-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:10px 24px;font-size:14px}.edit-submit-btn:hover{background:#218838}.edit-submit-btn:disabled{cursor:not-allowed;background:#ccc}.discussion-section{border-top:1px solid #eee;margin-top:48px;padding-top:24px}.discussion-section h3{margin-bottom:16px;font-size:18px}.discuss-link{background:var(--btn-color);color:#fff;border-radius:20px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.discuss-link:hover{background:var(--btn-color);filter:brightness(.85)}.discuss-link svg{width:18px;height:18px}.discussion-posts{margin-top:20px}.loading-small,.no-discussion{color:#888;font-size:14px}.discussion-post{color:inherit;background:#f9f9f9;border-radius:8px;margin-bottom:12px;padding:16px;text-decoration:none;display:block}.discussion-post:hover{background:#f0f0f0}.discussion-author{align-items:center;gap:10px;margin-bottom:8px;display:flex}.discussion-avatar{border-radius:50%;width:32px;height:32px}.discussion-author-info{flex-direction:column;flex:1;display:flex}.discussion-name{font-size:14px;font-weight:600}.discussion-handle,.discussion-date{color:#888;font-size:12px}.discussion-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.post-content{font-size:16px;line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.post-content h1{font-size:1.75em}.post-content h2{font-size:1.5em}.post-content h3{font-size:1.25em}.post-content h4{font-size:1.1em}.post-content p{margin-bottom:1em}.post-content ul,.post-content ol{margin-bottom:1em;padding-left:1.5em}.post-content li{margin-bottom:.25em}.post-content a{color:var(--btn-color);text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content blockquote{color:#666;background:#f9f9f9;border-left:4px solid #ddd;margin:1em 0;padding:.5em 1em}.post-content code{background:#f0f0f0;border-radius:4px;padding:.15em .4em;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9em}.post-content pre{background:#1e1e1e;border-radius:8px;margin:1em 0;padding:1em;overflow-x:auto}.post-content pre code{color:#d4d4d4;background:0 0;padding:0;font-size:14px;line-height:1.5;display:block}.post-content img{border-radius:8px;max-width:100%;height:auto}.post-content hr{border:none;border-top:1px solid #eee;margin:2em 0}.post-content table{border-collapse:collapse;width:100%;margin:1em 0}.post-content th,.post-content td{text-align:left;border:1px solid #ddd;padding:.5em}.post-content th{background:#f5f5f5;font-weight:600}.ext-doc-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;margin:16px 0;padding:20px}.ext-doc-desc{color:#444;margin:0 0 16px;line-height:1.6}.ext-doc-links{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.ext-doc-card .ext-doc-read{background:var(--btn-color);color:#fff;border-radius:8px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-block}.ext-doc-card .ext-doc-read:hover{opacity:.9;text-decoration:none}.ext-doc-card .ext-doc-bsky,.ext-doc-card .ext-doc-raw{color:#666;font-size:14px;text-decoration:none}.ext-doc-card .ext-doc-bsky:hover,.ext-doc-card .ext-doc-raw:hover{color:var(--btn-color);text-decoration:underline}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#569cd6}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#ce9178}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#6a9955}.hljs-number,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-link{color:#b5cea8}.hljs-function{color:#dcdcaa}.hljs-attr{color:#9cdcfe}.post-footer{border-top:1px solid #eee;margin-top:32px;padding-top:16px}.back-link{color:var(--btn-color);text-decoration:none}.back-link:hover{text-decoration:underline}.no-posts,.no-data,.error{text-align:center;color:#888;padding:40px}.loading{text-align:center;color:#666;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.loading-spinner{border:3px solid #e0e0e0;border-top-color:var(--btn-color);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.browser-skeleton{padding:16px 0}.skeleton-header{margin-bottom:16px}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:120px;height:20px;animation:1.5s infinite shimmer}.skeleton-list{list-style:none}.skeleton-item{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 8px;display:flex}.skeleton-icon{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:24px;height:24px;animation:1.5s infinite shimmer}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;flex:1;max-width:200px;height:16px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-color-scheme:dark){.skeleton-title,.skeleton-icon,.skeleton-text{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.skeleton-item{border-color:#333}}.footer-links{justify-content:center;gap:20px;margin-top:40px;padding:20px 0;display:flex}.footer-link-item{color:#666;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:color .2s;display:flex}.footer-link-item:hover{color:var(--btn-color)}.footer-link-item svg{width:24px;height:24px}.footer-link-item [class^=icon-]{font-size:24px}.footer-link-favicon{width:24px;height:24px}@media (prefers-color-scheme:dark){.footer-link-item{color:#888}.footer-link-item:hover{color:var(--btn-color)}}.site-footer{text-align:center;color:#888;margin-top:20px;padding:20px 0;font-size:13px}.site-footer p{margin:4px 0}.lang-selector{justify-content:flex-end;margin-bottom:8px;display:flex;position:relative}.lang-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;display:flex}.lang-btn:hover{background:#f0f0f0}.lang-icon{opacity:.6;width:20px;height:20px}.lang-btn:hover .lang-icon{opacity:.9}.lang-dropdown{z-index:100;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:100px;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.lang-dropdown.show{display:block}.lang-option{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.lang-option:hover{background:#f5f5f5}.lang-option.selected{background:linear-gradient(135deg,#f0f7ff 0%,#e8f4ff 100%)}.lang-name{color:#333;font-weight:500}.lang-check{border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex}.lang-option.selected .lang-check{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.lang-option:not(.selected) .lang-check{color:#0000}.content-header{justify-content:flex-end;align-items:center;gap:4px;margin-bottom:8px;display:flex}.font-selector{align-items:center;display:flex}.font-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;display:flex}.font-btn:hover{background:#f0f0f0}.font-icon{opacity:.6;width:20px;height:20px}.font-btn:hover .font-icon{opacity:.9}.font-btn.active .font-icon{opacity:1}.font-selector{position:relative}.font-dropdown{z-index:100;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:100px;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.font-dropdown.show{display:block}.font-option{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.font-option:hover{background:#f5f5f5}.font-option.selected{background:linear-gradient(135deg,#f0f7ff 0%,#e8f4ff 100%)}.font-name{color:#333;font-weight:500}.font-check{border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex}.font-option.selected .font-check{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.font-option:not(.selected) .font-check{color:#0000}body.font-aifont{letter-spacing:-.08em;font-family:aifont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body.font-aifont code,body.font-aifont pre,body.font-aifont kbd,body.font-aifont samp{letter-spacing:normal}@media (prefers-color-scheme:dark){.font-btn:hover{background:#2a2a2a}.font-icon{filter:invert(.7)}.font-btn.active .font-icon{filter:invert()}.font-dropdown{background:#1a1a1a;border-color:#333}.font-option:hover{background:#2a2a2a}.font-option.selected{background:linear-gradient(135deg,#1a2a3a 0%,#1a3040 100%)}.font-name{color:#e0e0e0}.lang-btn{color:#888;background:0 0}.lang-btn:hover{background:#2a2a2a}.lang-icon{filter:invert(.7)}.lang-dropdown{background:#1a1a1a;border-color:#333}.lang-option:hover{background:#2a2a2a}.lang-option.selected{background:linear-gradient(135deg,#1a2a3a 0%,#1a3040 100%)}.lang-name{color:#e0e0e0}}.server-info{justify-content:flex-end;align-items:center;gap:10px;padding:8px 0;font-family:SF Mono,Monaco,monospace;font-size:12px;display:flex}.server-info .pds-link{color:#0366d6;font-weight:600;text-decoration:none}.server-info .pds-link:hover{text-decoration:underline}.server-info .did-text{color:#666;word-break:break-all}.services-list,.collections,.records,.record-detail{padding:16px 0}.services-list h3,.collections h3,.records h3,.record-detail h3{margin-bottom:12px;font-size:18px}.service-list{list-style:none}.service-list-item{border-bottom:1px solid #eee}.service-list-link{color:inherit;align-items:center;gap:12px;padding:12px 8px;text-decoration:none;display:flex}.service-list-link:hover{background:#f9f9f9}.service-list-favicon{width:24px;height:24px}.service-list-name{flex:1;font-weight:500}.service-list-count{color:#888;font-size:13px}.collection-header{align-items:center;gap:8px;display:flex}.collection-header-favicon{width:24px;height:24px}.collection-header-handle{color:var(--btn-color,inherit);text-decoration:none}.collection-header-handle:hover{text-decoration:underline}.collection-list,.record-list{list-style:none}.collection-item,.record-item{border-bottom:1px solid #eee}.record-item{align-items:center;gap:8px;display:flex}.record-item .record-link{flex:1}.delete-btn-small{color:#999;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;font-size:16px;display:flex}.delete-btn-small:hover{color:#c00;background:#fee;border-color:#f88}.collection-link,.record-link{color:inherit;align-items:center;gap:12px;padding:12px 8px;font-family:monospace;font-size:14px;text-decoration:none;display:flex}.collection-link:hover,.record-link:hover{background:#f9f9f9}.collection-favicon{flex-shrink:0;width:20px;height:20px}.collection-nsid{flex:1}.collection-service{color:#888;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.record-link{gap:16px;min-width:0;display:flex;overflow:hidden}.record-rkey{color:var(--btn-color);flex-shrink:0;min-width:120px}.record-preview{color:#666;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.record-count{color:#888;margin-bottom:12px;font-size:13px}.record-header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.record-header-top h3{margin:0}.record-header-actions{align-items:center;gap:8px;display:flex}.validate-btn{color:#666;cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-family:inherit;font-size:13px;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.validate-btn:hover{color:#333;background:#e8e8e8}.validate-btn:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.validate-result{margin-top:8px;font-size:13px}.validate-valid{color:#155724;background:#d4edda;border-radius:4px;padding:4px 8px}.validate-invalid{color:#721c24;background:#f8d7da;border-radius:4px;padding:4px 8px}.validate-error{color:#721c24;word-break:break-all;margin-top:4px;font-family:monospace;font-size:12px;display:block}.record-uri,.record-cid{color:#666;word-break:break-all;margin:4px 0;font-family:monospace;font-size:12px}.schema-status{border-radius:4px;margin-top:8px;padding:4px 8px;font-size:12px;display:inline-block}.schema-verified{color:#155724;background:#d4edda}.schema-none{color:#666;background:#f0f0f0}.delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;margin-left:8px;padding:6px 12px;font-size:12px;display:inline-block}.delete-btn:hover{background:#c82333}.delete-btn:disabled{cursor:not-allowed;background:#999}.json-view{background:#f5f5f5;border-radius:8px;padding:16px;overflow-x:auto}.json-view pre{margin:0}.json-view code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){.header-input{color:#e0e0e0;background:#1a1a1a;border-color:#333}.header-btn{color:#e0e0e0;background:#2a2a2a;border-color:#333}.header-btn:hover{background:#333}.header-btn.at-btn,.header-btn.user-btn{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.post-form-title,.post-form-body{color:#e0e0e0;background:#1a1a1a;border-color:#333}.json-btn{color:#888;background:#2a2a2a}.json-btn:hover{color:#e0e0e0;background:#333}.view-btn{color:#888;background:#2a2a2a;border-color:#444}.view-btn:hover{color:#e0e0e0;background:#333}.edit-form-title,.edit-form-body{color:#e0e0e0;background:#1a1a1a;border-color:#333}.tab:hover{background:#333}.tab.active{background:var(--btn-color)}.service-list-link:hover,.collection-link:hover,.record-link:hover{background:#1a1a1a}.service-list-item,.collection-item,.record-item,.record-header{border-color:#333}.json-view{background:#1a1a1a}.schema-verified{color:#75b798;background:#1e3a29}.schema-none{color:#888;background:#2a2a2a}.validate-btn{color:#888;background:#2a2a2a;border-color:#444}.validate-btn:hover{color:#e0e0e0;background:#333}.validate-valid{color:#75b798;background:#1e3a29}.validate-invalid{color:#f5a5a5;background:#3a1e1e}.validate-error{color:#f5a5a5}.delete-btn{background:#dc3545}.delete-btn:hover{background:#c82333}.post-content blockquote{color:#aaa;background:#1a1a1a;border-color:#444}.post-content code,.post-content th{background:#2a2a2a}.post-content th,.post-content td{border-color:#444}.post-content hr{border-color:#333}}#browser{margin:32px 0}#content{margin:48px 0}.browser-section{margin-bottom:20px}.browser-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.collection-buttons{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.collection-btn{color:#333;background:#f5f5f5;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .2s;display:inline-flex}.collection-btn:hover{background:#e8e8e8}.collection-btn-icon{width:16px;height:16px}.browser-row{flex-direction:column;gap:8px;display:flex}.browser-row .collection-buttons{margin-bottom:0}.link-buttons{flex-wrap:wrap;gap:8px;display:flex}.link-btn{color:#333;background:#f5f5f5;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .2s;display:inline-flex}.link-btn:hover{background:#e8e8e8}.link-btn-icon{align-items:center;width:14px;height:14px;display:flex}.link-btn-icon svg{width:100%;height:100%}.no-collections,.no-records{text-align:center;color:#888;padding:20px;font-size:14px}.record-list{list-style:none}.record-item{border-bottom:1px solid #eee}.record-link{color:inherit;justify-content:space-between;align-items:center;padding:12px 8px;text-decoration:none;display:flex}.record-link:hover{background:#f9f9f9}.record-title{flex:1;font-weight:500}.record-date{color:#888;margin-left:12px;font-size:13px}.record-detail{padding:20px 0}.record-header{border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:16px}.record-header .record-title{margin-bottom:8px;font-size:20px;font-weight:600}.record-meta{color:#666;gap:12px;font-size:13px;display:flex}.record-collection{font-family:monospace}.record-rkey{color:var(--btn-color);font-family:monospace}.record-content{margin-top:16px}.record-json{background:#f5f5f5;border-radius:8px;padding:16px;font-family:SF Mono,Monaco,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.back-nav{margin-top:24px}.back-nav a{color:var(--btn-color);text-decoration:none}.back-nav a:hover{text-decoration:underline}.footer{text-align:center;margin-top:40px;padding:20px 0}.license{justify-content:center;margin-bottom:16px;display:flex}.license-icon{opacity:.6;width:24px;height:24px;transition:opacity .2s}.license-icon:hover{opacity:1}.footer-content{color:#888;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.footer-title{font-weight:500}@media (prefers-color-scheme:dark){.browser-title{color:#888}.collection-btn{color:#e0e0e0;background:#2a2a2a}.collection-btn:hover{background:#3a3a3a}.link-btn{color:#e0e0e0;background:#2a2a2a}.link-btn:hover{background:#3a3a3a}.collection-item .collection-link{color:#e0e0e0;background:#2a2a2a;border-color:#444}.collection-item .collection-link:hover{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.record-json{color:#d4d4d4;background:#1a1a1a}}.modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-backdrop{background:#00000080;position:absolute;inset:0}.modal-container{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.modal-close:hover{color:#333;background:#f0f0f0}.modal-body{flex:1;padding:20px;overflow-y:auto}button.tab{cursor:pointer;background:0 0;border:none;font-family:inherit}@media (prefers-color-scheme:dark){.modal-container{background:#1a1a1a}.modal-header{border-color:#333}.modal-header h2{color:#e0e0e0}.modal-close{color:#888}.modal-close:hover{color:#e0e0e0;background:#333}}.chat-container{margin:10px 0}.chat-list{flex-direction:column;display:flex}.chat-message{border-bottom:1px solid #e0e0e0;gap:10px;max-width:100%;padding:12px 0;display:flex;overflow:hidden}.chat-message:last-child{border-bottom:none}.chat-avatar-col{flex-shrink:0}.chat-avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.chat-avatar-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:42px;height:42px}.chat-content-col{flex:1;min-width:0}.chat-message-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.chat-author{color:#1a1a1a;font-size:.95rem;font-weight:600;text-decoration:none}.chat-author:hover{text-decoration:underline}.chat-time{color:#888;font-size:.85rem;text-decoration:none}.chat-time:hover{color:#666;text-decoration:underline}.chat-content{color:#1a1a1a;overflow-wrap:break-word;word-break:break-word;min-width:0;line-height:1.5;overflow:hidden}.chat-content p{margin:0 0 8px}.chat-content p:last-child{margin-bottom:0}.chat-content pre{background:#f5f5f5;border-radius:8px;max-width:100%;margin:8px 0;padding:10px;font-size:.9rem;overflow-x:auto}.chat-content code{background:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:.9em}.chat-content pre code{background:0 0;padding:0}.chat-content a{color:var(--btn-color)}.chat-content table{border-collapse:collapse;max-width:100%;margin:8px 0;font-size:.9rem;display:block;overflow-x:auto}.chat-content th,.chat-content td{border:1px solid #ddd;padding:6px 10px}.chat-content th{background:#f5f5f5}.chat-content ul,.chat-content ol{margin:8px 0;padding-left:1.5em}.chat-content li{margin:4px 0}@media (prefers-color-scheme:dark){.chat-message{border-color:#333}.chat-author{color:#e0e0e0}.chat-time{color:#888}.chat-time:hover{color:#aaa}.chat-content{color:#e0e0e0}.chat-content pre{background:#2a2a2a}.chat-content code{background:#333}.chat-content th,.chat-content td{border-color:#444}.chat-content th{background:#2a2a2a}.chat-avatar-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.chat-thread-item{border-color:#333}.chat-thread-item:hover{background:#2a2a2a}.chat-thread-preview{color:#999}}.chat-type-badge{border-radius:3px;padding:1px 6px;font-size:.7em}.chat-type-badge[data-type=log]{color:#3b82f6;background:#3b82f626}.chat-type-badge[data-type=ue]{color:#a855f7;background:#a855f726}@media (prefers-color-scheme:dark){.chat-type-badge[data-type=log]{color:#60a5fa;background:#3b82f640}.chat-type-badge[data-type=ue]{color:#c084fc;background:#a855f740}}.chat-thread-list{flex-direction:column;display:flex}.chat-thread-item{color:inherit;border-bottom:1px solid #e0e0e0;gap:10px;padding:12px;text-decoration:none;transition:background-color .15s;display:flex}.chat-thread-item:hover{background:#f5f5f5}.chat-thread-item:last-child{border-bottom:none}.chat-thread-content{flex:1;min-width:0}.chat-thread-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.chat-thread-header .chat-type-badge{order:1;margin-left:auto}.chat-thread-header .chat-author{color:#1a1a1a;font-weight:600}.chat-thread-header .chat-time{color:#888;font-size:.85rem}.chat-thread-preview{color:#666;white-space:pre-line;font-size:.95rem;line-height:1.4}.chat-edit-btn{color:#888;margin-left:8px;font-size:.8rem;text-decoration:none}.chat-edit-btn:hover{color:var(--btn-color);text-decoration:underline}.chat-edit-container{max-width:800px;margin:0 auto;padding:20px}.chat-edit-container h2{margin-bottom:20px;font-size:1.2rem}.chat-edit-form{flex-direction:column;gap:15px;display:flex}.chat-edit-content{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;min-height:200px;padding:12px;font-family:inherit;font-size:1rem}.chat-edit-content:focus{border-color:var(--btn-color);outline:none}.chat-edit-footer{justify-content:space-between;align-items:center;display:flex}.chat-edit-collection{color:#888;font-size:.85rem}.chat-edit-buttons{align-items:center;gap:10px;display:flex}.chat-edit-cancel{color:#666;padding:8px 16px;text-decoration:none}.chat-edit-cancel:hover{text-decoration:underline}.chat-edit-save{background:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:.95rem}.chat-edit-save:hover{opacity:.9}.chat-edit-save:disabled{opacity:.6;cursor:not-allowed}.chat-edit-status{margin-top:10px}.chat-edit-success{color:#22c55e}.chat-edit-error{color:#ef4444}@media (prefers-color-scheme:dark){.chat-edit-btn{color:#888}.chat-edit-btn:hover{color:var(--btn-color)}.chat-edit-content{color:#e0e0e0;background:#1a1a1a;border-color:#333}.chat-edit-content:focus{border-color:var(--btn-color)}.chat-edit-cancel{color:#999}}.link-container{max-width:600px;margin:0 auto;padding:20px}.link-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.link-header h2{margin:0;font-size:1.2rem}.link-empty{text-align:center;color:#888;padding:40px 20px}.link-grid{flex-direction:column;gap:16px;display:flex}.link-item{border-radius:12px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.link-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.link-icon{flex-shrink:0;width:48px;height:48px}.link-icon svg{width:100%;height:100%}.link-info{flex-direction:column;gap:4px;display:flex}.link-service{font-size:1.1rem;font-weight:600}.link-username{opacity:.8;font-size:.95rem}.link-github{color:#fff;background:linear-gradient(135deg,#24292e 0%,#1a1e22 100%)}.link-github:hover{background:linear-gradient(135deg,#2d3339 0%,#24292e 100%)}.link-x{color:#fff;background:linear-gradient(135deg,#000 0%,#14171a 100%)}.link-x:hover{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%)}.link-youtube{color:#fff;background:linear-gradient(135deg,red 0%,#c00 100%)}.link-youtube:hover{background:linear-gradient(135deg,#ff1a1a 0%,red 100%)}@media (prefers-color-scheme:dark){.link-item:hover{box-shadow:0 8px 24px #0006}}.link-header-actions{align-items:center;gap:8px;display:flex}.link-edit-form{box-sizing:border-box;background:#f5f5f5;border-radius:8px;max-width:100%;margin-bottom:20px;padding:16px}.link-edit-item{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.link-edit-service{border:1px solid #ddd;border-radius:4px;min-width:0;padding:8px;font-size:.9rem}.link-edit-username{border:1px solid #ddd;border-radius:4px;flex:1;min-width:120px;padding:8px;font-size:.9rem}.link-edit-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:4px 10px;font-size:1rem}.link-edit-remove:hover{background:#dc2626}.link-edit-add{border-top:1px solid #ddd;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.link-edit-add select,.link-edit-add input{border:1px solid #ddd;border-radius:4px;min-width:0;padding:8px;font-size:.9rem}.link-edit-add input{flex:1;min-width:120px}#link-add-btn{background:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 14px;font-size:1rem}#link-add-btn:hover{opacity:.9}.link-edit-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}#link-edit-cancel{color:#fff;cursor:pointer;background:#888;border:none;border-radius:4px;padding:8px 16px}#link-edit-save{background:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}#link-edit-save:disabled{opacity:.6;cursor:not-allowed}.link-edit-success{color:#22c55e}.link-edit-error{color:#ef4444}@media (prefers-color-scheme:dark){.link-edit-form{background:#2a2a2a}.link-edit-service,.link-edit-username,.link-edit-add select,.link-edit-add input{color:#e0e0e0;background:#1a1a1a;border-color:#444}.link-edit-add{border-top-color:#444}}.nav-loading .at-btn{pointer-events:none;font-size:0;position:relative}.nav-loading .at-btn:after{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin:auto;animation:.7s linear infinite nav-spin;display:block}@keyframes nav-spin{to{transform:rotate(360deg)}}.login-btn.btn-loading{pointer-events:none;position:relative}.login-btn.btn-loading .login-icon{visibility:hidden}.login-btn.btn-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin:auto;animation:.7s linear infinite nav-spin;position:absolute;inset:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;padding:16px 0;display:grid}.card-wrapper{aspect-ratio:5/7;cursor:pointer;width:100%;max-width:200px;transform-style:preserve-3d;perspective:1000px;place-items:center;margin:0 auto;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .3s;display:grid;position:relative;overflow:visible}.card-wrapper:hover{filter:brightness(1.1);transform:scale(1.08)rotateY(8deg)rotateX(-5deg)}.card-reflection{border-radius:8px;width:100%;height:100%;transition:box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d,0 8px 32px #0003}.card-wrapper:hover .card-reflection{box-shadow:0 8px 16px #0006,0 16px 48px #0000004d,0 0 40px #ffffff1a}.card-reflection img{object-fit:cover;width:100%;height:100%;display:block}.card-reflection:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#fffc,#fff6,#0000);width:60px;height:200%;animation:5s ease-in-out infinite reflection;position:absolute;top:-50%;left:-100px;transform:rotate(25deg)}@keyframes reflection{0%,70%{opacity:0;left:-100px}75%{opacity:.8}to{opacity:0;left:250px}}.card-status{aspect-ratio:5/7;pointer-events:none;z-index:10;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.pattern-rare{mix-blend-mode:screen;opacity:.6;background-color:#0000;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffff08 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#40e0d008 2px 4px),radial-gradient(at 30% 20%,#0ff6,#0000 50%),radial-gradient(at 70% 80%,#40e0d04d,#0000 50%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:4s ease-in-out infinite holo-shift}.color-rare{mix-blend-mode:overlay;opacity:.7;background:linear-gradient(125deg,#0000 0%,#00ffff80 20%,#00c8ff4d 40%,#0000 50%,#40e0d066 60%,#00ffc880 80%,#0000 100%) 0 0/300% 300%;animation:5s ease-in-out infinite gradient-flow}.pattern-shiny{mix-blend-mode:screen;opacity:.5;background:repeating-conic-gradient(#ff00001a 0deg,#ff7f001a 45deg,#ffff001a 90deg,#00ff001a 135deg,#0000ff1a 180deg,#4b00821a 225deg,#9400d31a 270deg,#ff00001a 315deg) 0 0/100% 100%;animation:8s linear infinite prism-rotate}.color-shiny{mix-blend-mode:color-dodge;opacity:.4;background:linear-gradient(45deg,#ff000080,#ff7f0080,#ffff0080,#00ff0080,#0000ff80,#4b008280,#9400d380,#ff000080,#ff7f0080,#ffff0080) 0 0/500% 500%;animation:4s ease-in-out infinite rainbow-sweep}.pattern-unique{mix-blend-mode:screen;opacity:.7;background-color:#0000;background-image:radial-gradient(at 25% 25%,#ffd70099,#0000 40%),radial-gradient(at 75% 75%,#ffc80080,#0000 40%),radial-gradient(#fff7004d,#0000 60%),repeating-linear-gradient(45deg,#0000,#0000 5px,#ffd7001a 5px 10px);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:3s ease-in-out infinite gold-pulse}.color-unique{mix-blend-mode:soft-light;opacity:.6;background:linear-gradient(115deg,#0000 10%,#ffd70099 25%,#ffffc8cc 35%,#ffd70099 45%,#0000 55%,#ffc80080 70%,#fff700b3 80%,#0000 90%) 0 0/300% 300%;animation:4s ease-in-out infinite gold-sweep}@keyframes holo-shift{0%,to{opacity:.5;filter:hue-rotate()}50%{opacity:.7;filter:hue-rotate(30deg)}}@keyframes gradient-flow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes prism-rotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes rainbow-sweep{0%,to{background-position:0%}50%{background-position:100%}}@keyframes gold-pulse{0%,to{opacity:.6;background-position:0 0}50%{opacity:.8;background-position:100% 100%}}@keyframes gold-sweep{0%{background-position:200% 0}to{background-position:-100% 100%}}.card-wrapper:before{content:"";opacity:0;pointer-events:none;z-index:20;background-image:radial-gradient(2px 2px at 15% 20%,#ffffffe6,#0000),radial-gradient(2px 2px at 85% 30%,#fffc,#0000),radial-gradient(1.5px 1.5px at 45% 60%,#ffffffb3,#0000),radial-gradient(2px 2px at 75% 80%,#ffffffe6,#0000),radial-gradient(1px 1px at 25% 90%,#fff9,#0000),radial-gradient(1.5px 1.5px at 55% 10%,#fffc,#0000);background-repeat:no-repeat;background-size:100% 100%;border-radius:8px;width:100%;height:100%;animation:3s ease-in-out infinite sparkle;position:absolute;top:0;left:0}.card-wrapper:hover:before{opacity:1}@keyframes sparkle{0%,to{opacity:0;transform:scale(1)}25%{opacity:1;transform:scale(1.02)}50%{opacity:.5;transform:scale(1)}75%{opacity:1;transform:scale(1.02)}}.card-status.pattern-rare:after,.card-status.pattern-shiny:after,.card-status.pattern-unique:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#fff9,#fff3,#0000);width:50%;height:100%;animation:6s ease-in-out infinite sweep-light;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes sweep-light{0%,60%{opacity:0;left:-100%}70%{opacity:1}to{opacity:0;left:200%}}.card-wrapper:hover .pattern-rare,.card-wrapper:hover .pattern-shiny,.card-wrapper:hover .pattern-unique{opacity:.8;animation-duration:2s}.card-wrapper:hover .color-rare,.card-wrapper:hover .color-shiny,.card-wrapper:hover .color-unique{opacity:.9;animation-duration:2s}.card-wrapper:hover .card-status:after{animation-duration:3s}.service-icons{flex-direction:column;align-self:flex-start;gap:8px;margin-left:auto;display:flex}.service-icon{opacity:.8;border-radius:8px;width:36px;height:36px;transition:opacity .2s,transform .2s}.service-icon:hover{opacity:1;transform:scale(1.1)}.card-page{padding:16px 0}.card-header{margin-bottom:8px}.card-header h2{margin:0}.card-actions{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-stats{background:var(--bg-secondary,#f5f5f5);border-radius:8px;flex-wrap:wrap;flex:1;gap:12px;padding:12px 16px;display:flex}.card-stats .stat{border-radius:4px;flex-direction:column;align-items:center;min-width:50px;padding:4px 8px;display:flex}.card-stats .stat-value{color:var(--text-primary,#333);font-size:1.2em;font-weight:700}.card-stats .stat-label{color:var(--text-secondary,#666);font-size:.75em}.card-stats .rare-unique{background:#fff70033}.card-stats .rare-unique .stat-value{color:#b8860b}.card-stats .rare-shiny{background:linear-gradient(135deg,#ffff0026,#ff7f0026)}.card-stats .rare-shiny .stat-value{color:#ff8c00}.card-stats .rare-rare{background:#00ffff26}.card-stats .rare-rare .stat-value{color:#20b2aa}.card-item{flex-direction:column;align-items:center;display:flex}.card-count{color:#fff;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0006}.no-cards{text-align:center;color:var(--text-secondary,#666);padding:32px}.card-detail{color:var(--text-primary,#333);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:14px;display:flex}.card-detail .card-cp{font-weight:700}.card-detail .card-rarity{font-size:16px}@media (prefers-color-scheme:dark){.card-stats{background:var(--bg-secondary,#2a2a2a)}.card-stats .stat-value{color:var(--text-primary,#eee)}.card-stats .stat-label{color:var(--text-secondary,#aaa)}.card-stats .rare-unique .stat-value{color:gold}.card-stats .rare-shiny .stat-value{color:orange}.card-stats .rare-rare .stat-value{color:#40e0d0}.card-detail{color:var(--text-primary,#eee)}.card-detail .card-status-text{color:var(--text-secondary,#aaa)}}.rse-section-title{color:var(--text-primary,#333);margin:24px 0 12px;font-size:1.1em}.rse-characters{flex-direction:column;gap:32px;width:100%;display:flex}.rse-character-section{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.rse-character-main{justify-content:center;display:flex}.rse-character-main .card-wrapper{width:250px;max-width:250px}.rse-card-grid{background:#80808014;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;padding:20px;display:grid}.rse-card-grid .card-wrapper{max-width:180px}.rse-card-grid .card-info-name{font-size:11px}.rse-card-grid .card-info-text{font-size:12px}.rse-card-grid .card-key-btn{padding:2px 8px;font-size:9px}.card-info{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.card-info-header{justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative}.card-info-name{color:var(--text-primary,#333);font-size:13px;font-weight:600}.card-info-header .card-key-btn{position:absolute;right:0}.card-info-text{color:var(--text-secondary,#666);font-size:11px;line-height:1.5}.card-key-btn{color:#fff;cursor:default;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:3px 10px;font-size:10px;font-weight:600;box-shadow:0 2px 6px #667eea4d}@media (prefers-color-scheme:dark){.rse-section-title{color:var(--text-primary,#eee)}.rse-card-grid{background:#ffffff0d}.card-info-name{color:var(--text-primary,#eee)}.card-info-text{color:var(--text-secondary,#aaa)}}.migrate-title{color:var(--text-secondary,#666);font-weight:500}.migrated-badge{color:#00a060;font-size:.9em}.migrate-btn{background:var(--btn-color,#06c);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 16px;font-size:.9em;transition:opacity .2s}.migrate-btn:hover{opacity:.9}.migrate-btn:disabled{opacity:.5;cursor:not-allowed}.no-data{color:var(--text-secondary,#666);text-align:center;padding:32px}@media (prefers-color-scheme:dark){.migrate-title{color:var(--text-secondary,#aaa)}}.vrm-page{padding:16px 0}.vrm-header{margin-bottom:8px}.vrm-actions-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.vrm-stats{background:var(--bg-secondary,#f5f5f5);border-radius:8px;flex-wrap:wrap;flex:1;gap:12px;padding:12px 16px;display:flex}.vrm-stats .stat{border-radius:4px;flex-direction:column;align-items:center;min-width:50px;padding:4px 8px;display:flex}.vrm-stats .stat-value{color:var(--text-primary,#333);font-size:1.2em;font-weight:700}.vrm-stats .stat-label{color:var(--text-secondary,#666);font-size:.75em}.vrm-list{flex-direction:column;gap:12px;display:flex}.vrm-item{background:var(--bg-secondary,#f5f5f5);border:2px solid #0000;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.vrm-item:hover{box-shadow:0 2px 8px #0000001a}.vrm-item.vrm-active{background-origin:border-box;background-clip:padding-box;border-color:#0000}.vrm-item.vrm-active:before{content:"";background:conic-gradient(from var(--vrm-border-angle,0deg), transparent 0%, var(--vrm-tier-color,silver) 25%, transparent 50%, var(--vrm-tier-color,silver) 75%, transparent 100%);-webkit-mask-composite:xor;z-index:0;border-radius:10px;padding:2px;animation:3s linear infinite vrm-border-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes vrm-border-spin{to{--vrm-border-angle:360deg}}@property --vrm-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.vrm-crown-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vrm-crown{filter:drop-shadow(0 2px 4px #0003);width:40px;height:40px}.vrm-item[data-tier="1"] .vrm-crown{filter:drop-shadow(0 0 8px #ffd70099)}.vrm-item[data-tier="2"] .vrm-crown{filter:drop-shadow(0 0 8px #c0c0c099)}.vrm-item[data-tier="3"] .vrm-crown{filter:drop-shadow(0 0 8px #cd7f3299)}.vrm-item[data-tier="4"] .vrm-crown{filter:drop-shadow(0 0 8px #4a90e299)}.vrm-item[data-tier="5"] .vrm-crown{filter:drop-shadow(0 0 8px #4caf5099)}.vrm-item[data-tier="6"] .vrm-crown{filter:drop-shadow(0 0 8px #5c6bc099)}.vrm-item[data-owned=false] .vrm-crown{opacity:.35;filter:grayscale(.4)}.vrm-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vrm-tier-name{font-size:1.1em;font-weight:700}.vrm-track-name,.vrm-cp{color:var(--text-secondary,#666);font-size:.85em}.vrm-actions{flex-shrink:0}.vrm-play-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.vrm-play-btn:hover{background:var(--bg-secondary,#f0f0f0)}.vrm-play-icon{opacity:.7;width:28px;height:28px;transition:opacity .2s}.vrm-play-btn:hover .vrm-play-icon{opacity:1}.vrm-download-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.vrm-download-btn:hover{background:var(--bg-secondary,#f0f0f0)}.vrm-download-btn:disabled{opacity:.4;cursor:not-allowed}.vrm-download-icon{opacity:.7;width:28px;height:28px;transition:opacity .2s}.vrm-download-btn:hover .vrm-download-icon{opacity:1}@media (prefers-color-scheme:dark){.vrm-stats{background:var(--bg-secondary,#2a2a2a)}.vrm-stats .stat-value{color:var(--text-primary,#e0e0e0)}.vrm-item{background:var(--bg-secondary,#2a2a2a)}.vrm-play-btn:hover{background:var(--bg-secondary,#333)}.vrm-play-icon{color:var(--text-primary,#e0e0e0)}}@media (width<=480px){.vrm-item{gap:12px;padding:12px}.vrm-crown-wrapper{width:36px;height:36px}.vrm-crown{width:32px;height:32px}.vrm-stats .stat-value{font-size:1em}}.leaflet-card{color:inherit;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;margin:1rem 0;padding:12px;text-decoration:none;display:flex}.leaflet-card:hover{background:#f7f7f7}.leaflet-card-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:80px}.leaflet-card-body{min-width:0}.leaflet-card-title{font-weight:600}.leaflet-card-desc{color:#666;font-size:.9em}.leaflet-card-host{color:#999;margin-top:4px;font-size:.8em}.leaflet-button{background:var(--btn-color,#3b82f6);color:#fff;border-radius:6px;margin:.5rem 0;padding:8px 16px;text-decoration:none;display:inline-block}.leaflet-button:hover{opacity:.9}.leaflet-math{white-space:pre-wrap;background:#f5f5f5;border-radius:6px;margin:1rem 0;padding:12px 16px;font-family:monospace;overflow-x:auto}.leaflet-embed{background:#000;border-radius:8px;width:100%;margin:1rem 0;overflow:hidden}.leaflet-embed iframe{border:0;width:100%;height:100%;display:block}.leaflet-bsky{margin:1rem 0}.leaflet-bsky-card{color:inherit;border:1px solid #e0e0e0;border-radius:8px;padding:12px;text-decoration:none;display:block}.leaflet-bsky-card:hover{background:#f7f7f7}.leaflet-bsky-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.leaflet-bsky-avatar{border-radius:50%;width:32px;height:32px}.leaflet-bsky-name{font-weight:600}.leaflet-bsky-handle{color:#888;font-size:.9em}.leaflet-bsky-text{white-space:pre-wrap}@media (prefers-color-scheme:dark){.leaflet-card{border-color:#333}.leaflet-card:hover{background:#1a1a1a}.leaflet-card-desc{color:#aaa}.leaflet-math{background:#1a1a1a}.leaflet-bsky-card{border-color:#333}.leaflet-bsky-card:hover{background:#1a1a1a}.leaflet-bsky-handle{color:#aaa}}