:root{--btn-color: #0066cc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#1a1a1a;background:#fff}#app{max-width:800px;margin:0 auto;padding:20px;position:relative}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:var(--btn-color);border-radius:50%;animation:spin .8s linear infinite}.loading-small{padding:12px;text-align:center;color:#666;font-size:14px}@media(prefers-color-scheme:dark){body{background:#0a0a0a;color:#e0e0e0}.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,#152535)}.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{background:#2a2a2a;color:#e0e0e0}.service-item:hover{background:#333}.post-item{border-color:#333}.post-link:hover{background:#1a1a1a}.browser-input{background:#1a1a1a;border-color:#333;color:#e0e0e0}}#header{margin-bottom:24px}.header-form{display:flex;gap:8px;align-items:center}.header-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700}.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{width:18px;height:18px;opacity:.6}.header-btn.login-btn:hover .login-icon{opacity:.9}.header-btn.user-btn{width:auto;padding:8px 12px;background:var(--btn-color);color:#fff;border-color:var(--btn-color);font-size:13px;font-weight:500}.post-form-container{padding:20px 0}.post-form-container h3{font-size:18px;margin-bottom:16px}.post-form-btn:hover{background:#0052a3}.mode-tabs{display:flex;gap:4px;margin-bottom:16px}.tab{padding:8px 16px;text-decoration:none;color:#666;border:none;background:none;border-radius:6px;font-size:14px;cursor:pointer}.tab:hover{background:#f0f0f0}.tab.active{background:var(--btn-color);color:#fff}.pds-selector{position:relative;margin-left:auto}.pds-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:100;overflow:hidden}.pds-dropdown.show{display:block}.pds-option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;font-size:14px;transition:background .15s}.pds-option:hover{background:#f5f5f5}.pds-option.selected{background:linear-gradient(135deg,#f0f7ff,#e8f4ff)}.pds-name{color:#333;font-weight:500}.pds-check{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s;color:transparent}.pds-option.selected .pds-check{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.profile{display:flex;gap:16px;padding:20px;background:#f5f5f5;border-radius:12px;margin-bottom:24px}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#e0e0e0}.profile-info{flex:1}.profile-name{font-size:20px;font-weight:600;margin-bottom:4px}.profile-handle{font-size:14px;color:#666;margin-bottom:8px}.profile-handle-link{color:#666;text-decoration:none}.profile-handle-link:hover{color:var(--btn-color);text-decoration:underline}.profile-desc{font-size:14px;color:#444}.services{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.service-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border-radius:20px;text-decoration:none;color:#333;font-size:13px;transition:background .2s}.service-item:hover{background:#e8e8e8}.service-favicon{width:16px;height:16px}.service-name{font-weight:500}.post-list{list-style:none;margin-top:24px;margin-bottom:24px}.post-item{border-bottom:1px solid #eee}.post-link{display:flex;justify-content:space-between;align-items:center;padding:16px 8px;text-decoration:none;color:inherit}.post-link:hover{background:#f9f9f9}.post-title{font-weight:500}.post-date{font-size:13px;color:#888}.post-item-new{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.post-form-container{padding:20px 0;margin-bottom:32px}.post-form{display:flex;flex-direction:column;gap:12px}.post-form-title{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px}.post-form-body{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:vertical;min-height:120px;font-family:inherit}.post-form-footer{display:flex;justify-content:space-between;align-items:center}.post-form-collection{font-size:12px;color:#888;font-family:monospace}.post-form-btn{padding:10px 24px;background:var(--btn-color);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.post-form-btn:hover{opacity:.9}.post-form-btn:disabled{background:#ccc;cursor:not-allowed}.post-status{margin-top:12px}.post-success{color:#155724}.post-error{color:#dc3545}.post-detail{padding:20px 0}.post-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.post-header .post-title{font-size:28px;font-weight:600;margin-bottom:8px}.post-meta{display:flex;align-items:center;gap:12px}.post-header .post-date{font-size:14px;color:#888}.json-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:#f0f0f0;color:#666;border-radius:4px;text-decoration:none;font-family:monospace;font-size:12px}.json-btn:hover{background:#e0e0e0;color:#333}.record-delete-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;margin-top:12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.record-delete-btn:hover{background:#c82333}.record-delete-btn:disabled{background:#6c757d;cursor:not-allowed}.post-edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;margin-left:8px;background:var(--btn-color);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:opacity .2s}.post-edit-btn:hover{opacity:.85}.post-edit-form{margin-top:16px;padding:16px;background:#f9f9f9;border-radius:8px}.post-edit-title{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-weight:600}.post-edit-content{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:200px}.post-edit-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.post-edit-cancel{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.post-edit-cancel:hover{background:#5a6268}.post-edit-save{padding:8px 16px;background:var(--btn-color);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.post-edit-save:hover{opacity:.9}.post-edit-save:disabled{background:#6c757d;cursor:not-allowed}.edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:#28a745;color:#fff;border:none;border-radius:4px;text-decoration:none;font-family:monospace;font-size:12px;cursor:pointer}.edit-btn:hover{background:#218838}.discussion-section{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.discussion-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f5f5;color:#333;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s}.discussion-link:hover{background:#e8e8e8}.discussion-link svg{color:var(--btn-color)}.discussion-posts{margin-top:16px}.discussion-post{display:block;padding:12px;margin-bottom:8px;background:#fafafa;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s}.discussion-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}.discussion-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.discussion-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#ddd}.discussion-author-info{flex:1;min-width:0}.discussion-name{display:block;font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discussion-handle{display:block;font-size:12px;color:#666}.discussion-date{font-size:12px;color:#888;white-space:nowrap}.discussion-text{font-size:14px;color:#444;line-height:1.5;word-break:break-word}.edit-form-container{padding:20px 0}.edit-form-container h3{font-size:18px;margin-bottom:16px}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-form-title{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px}.edit-form-body{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:vertical;min-height:200px;font-family:inherit}.edit-form-footer{display:flex;justify-content:flex-end;gap:8px}.edit-cancel-btn{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.edit-cancel-btn:hover{background:#5a6268}.edit-submit-btn{padding:10px 24px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.edit-submit-btn:hover{background:#218838}.edit-submit-btn:disabled{background:#ccc;cursor:not-allowed}.discussion-section{margin-top:48px;padding-top:24px;border-top:1px solid #eee}.discussion-section h3{font-size:18px;margin-bottom:16px}.discuss-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--btn-color);color:#fff;border-radius:20px;text-decoration:none;font-size:14px;font-weight:500}.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{display:block;padding:16px;margin-bottom:12px;background:#f9f9f9;border-radius:8px;text-decoration:none;color:inherit}.discussion-post:hover{background:#f0f0f0}.discussion-author{display:flex;align-items:center;gap:10px;margin-bottom:8px}.discussion-avatar{width:32px;height:32px;border-radius:50%}.discussion-author-info{flex:1;display:flex;flex-direction:column}.discussion-name{font-weight:600;font-size:14px}.discussion-handle,.discussion-date{font-size:12px;color:#888}.discussion-text{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.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{margin:1em 0;padding:.5em 1em;border-left:4px solid #ddd;background:#f9f9f9;color:#666}.post-content code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9em;padding:.15em .4em;background:#f0f0f0;border-radius:4px}.post-content pre{margin:1em 0;padding:1em;background:#1e1e1e;border-radius:8px;overflow-x:auto}.post-content pre code{display:block;padding:0;background:transparent;color:#d4d4d4;font-size:14px;line-height:1.5}.post-content img{max-width:100%;height:auto;border-radius:8px}.post-content hr{margin:2em 0;border:none;border-top:1px solid #eee}.post-content table{width:100%;margin:1em 0;border-collapse:collapse}.post-content th,.post-content td{padding:.5em;border:1px solid #ddd;text-align:left}.post-content th{background:#f5f5f5;font-weight:600}.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{margin-top:32px;padding-top:16px;border-top:1px solid #eee}.back-link{color:var(--btn-color);text-decoration:none}.back-link:hover{text-decoration:underline}.no-posts,.no-data,.error{padding:40px;text-align:center;color:#888}.loading{padding:40px;text-align:center;color:#666;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner{width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:var(--btn-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.browser-skeleton{padding:16px 0}.skeleton-header{margin-bottom:16px}.skeleton-title{width:120px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-list{list-style:none}.skeleton-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #eee}.skeleton-icon{width:24px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text{flex:1;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;max-width:200px}@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,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-item{border-color:#333}}.footer-links{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:20px 0}.footer-link-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#666;text-decoration:none;transition:color .2s}.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{margin-top:20px;padding:20px 0;text-align:center;font-size:13px;color:#888}.site-footer p{margin:4px 0}.lang-selector{display:flex;justify-content:flex-end;margin-bottom:8px;position:relative}.lang-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#666;padding:8px 16px}.lang-btn:hover{background:#f0f0f0}.lang-icon{width:20px;height:20px;opacity:.6}.lang-btn:hover .lang-icon{opacity:.9}.lang-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:100px;z-index:100;overflow:hidden}.lang-dropdown.show{display:block}.lang-option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;font-size:14px;transition:background .15s}.lang-option:hover{background:#f5f5f5}.lang-option.selected{background:linear-gradient(135deg,#f0f7ff,#e8f4ff)}.lang-name{color:#333;font-weight:500}.lang-check{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s}.lang-option.selected .lang-check{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.lang-option:not(.selected) .lang-check{color:transparent}.content-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px}@media(prefers-color-scheme:dark){.lang-btn{background:transparent;color:#888}.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,#1a3040)}.lang-name{color:#e0e0e0}}.server-info{padding:16px 0;border-bottom:1px solid #eee;margin-bottom:8px}.server-info h3{font-size:18px;margin-bottom:12px}.server-details{font-size:13px}.server-row{display:flex;gap:12px;padding:6px 0}.server-row dt{font-weight:600;min-width:40px;color:#666}.server-row dd{font-family:SF Mono,Monaco,monospace;font-size:12px;word-break:break-all;color:#333}.services-list,.collections,.records,.record-detail{padding:16px 0}.services-list h3,.collections h3,.records h3,.record-detail h3{font-size:18px;margin-bottom:12px}.service-list{list-style:none}.service-list-item{border-bottom:1px solid #eee}.service-list-link{display:flex;align-items:center;gap:12px;padding:12px 8px;text-decoration:none;color:inherit}.service-list-link:hover{background:#f9f9f9}.service-list-favicon{width:24px;height:24px}.service-list-name{flex:1;font-weight:500}.service-list-count{font-size:13px;color:#888}.collection-header{display:flex;align-items:center;gap:8px}.collection-header-favicon{width:24px;height:24px}.collection-list,.record-list{list-style:none}.collection-item,.record-item{border-bottom:1px solid #eee}.record-item{display:flex;align-items:center;gap:8px}.record-item .record-link{flex:1}.delete-btn-small{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #ddd;border-radius:4px;color:#999;cursor:pointer;font-size:16px;flex-shrink:0;margin-right:8px}.delete-btn-small:hover{background:#fee;border-color:#f88;color:#c00}.collection-link,.record-link{display:flex;align-items:center;gap:12px;padding:12px 8px;text-decoration:none;color:inherit;font-family:monospace;font-size:14px}.collection-link:hover,.record-link:hover{background:#f9f9f9}.collection-favicon{width:20px;height:20px;flex-shrink:0}.collection-nsid{flex:1}.collection-service{font-size:12px;color:#888;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.record-link{display:flex;gap:16px;overflow:hidden;min-width:0}.record-rkey{color:var(--btn-color);min-width:120px;flex-shrink:0}.record-preview{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.record-count{font-size:13px;color:#888;margin-bottom:12px}.record-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.record-header-top h3{margin:0}.validate-btn{padding:6px 12px;background:#f0f0f0;color:#666;border:1px solid #ddd;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.validate-btn:hover{background:#e8e8e8;color:#333}.validate-btn:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.validate-result{margin-top:8px;font-size:13px}.validate-valid{color:#155724;background:#d4edda;padding:4px 8px;border-radius:4px}.validate-invalid{color:#721c24;background:#f8d7da;padding:4px 8px;border-radius:4px}.validate-error{display:block;margin-top:4px;color:#721c24;font-family:monospace;font-size:12px;word-break:break-all}.record-uri,.record-cid{font-family:monospace;font-size:12px;color:#666;margin:4px 0;word-break:break-all}.schema-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;margin-top:8px}.schema-verified{background:#d4edda;color:#155724}.schema-none{background:#f0f0f0;color:#666}.delete-btn{display:inline-block;padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;margin-left:8px}.delete-btn:hover{background:#c82333}.delete-btn:disabled{background:#999;cursor:not-allowed}.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{background:#1a1a1a;border-color:#333;color:#e0e0e0}.header-btn{background:#2a2a2a;border-color:#333;color:#e0e0e0}.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{background:#1a1a1a;border-color:#333;color:#e0e0e0}.json-btn{background:#2a2a2a;color:#888}.json-btn:hover{background:#333;color:#e0e0e0}.edit-form-title,.edit-form-body{background:#1a1a1a;border-color:#333;color:#e0e0e0}.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{background:#1e3a29;color:#75b798}.schema-none{background:#2a2a2a;color:#888}.validate-btn{background:#2a2a2a;border-color:#444;color:#888}.validate-btn:hover{background:#333;color:#e0e0e0}.validate-valid{background:#1e3a29;color:#75b798}.validate-invalid{background:#3a1e1e;color:#f5a5a5}.validate-error{color:#f5a5a5}.delete-btn{background:#dc3545}.delete-btn:hover{background:#c82333}.post-content blockquote{border-color:#444;background:#1a1a1a;color:#aaa}.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{font-size:14px;font-weight:600;color:#666;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.collection-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.collection-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border-radius:20px;text-decoration:none;color:#333;font-size:13px;transition:background .2s}.collection-btn:hover{background:#e8e8e8}.collection-btn-icon{width:16px;height:16px}.no-collections,.no-records{padding:20px;text-align:center;color:#888;font-size:14px}.record-list{list-style:none}.record-item{border-bottom:1px solid #eee}.record-link{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;text-decoration:none;color:inherit}.record-link:hover{background:#f9f9f9}.record-title{font-weight:500;flex:1}.record-date{font-size:13px;color:#888;margin-left:12px}.record-detail{padding:20px 0}.record-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.record-header .record-title{font-size:20px;font-weight:600;margin-bottom:8px}.record-meta{display:flex;gap:12px;font-size:13px;color:#666}.record-collection{font-family:monospace}.record-rkey{font-family:monospace;color:var(--btn-color)}.record-content{margin-top:16px}.record-json{background:#f5f5f5;border-radius:8px;padding:16px;overflow-x:auto;font-family:SF Mono,Monaco,monospace;font-size:13px;line-height:1.5}.back-nav{margin-top:24px}.back-nav a{color:var(--btn-color);text-decoration:none}.back-nav a:hover{text-decoration:underline}.footer{margin-top:40px;padding:20px 0;text-align:center}.license{display:flex;justify-content:center;margin-bottom:16px}.license-icon{width:24px;height:24px;opacity:.6;transition:opacity .2s}.license-icon:hover{opacity:1}.footer-content{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#888}.footer-title{font-weight:500}@media(prefers-color-scheme:dark){.browser-title{color:#888}.collection-btn{background:#2a2a2a;color:#e0e0e0}.collection-btn:hover{background:#3a3a3a}.collection-item .collection-link{background:#2a2a2a;border-color:#444;color:#e0e0e0}.collection-item .collection-link:hover{background:var(--btn-color);border-color:var(--btn-color);color:#fff}.record-json{background:#1a1a1a;color:#d4d4d4}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.modal-container{position:relative;width:90%;max-width:800px;max-height:85vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h2{font-size:18px;font-weight:600;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:#666;cursor:pointer;border-radius:6px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{flex:1;overflow-y:auto;padding:20px}button.tab{background:none;border:none;cursor:pointer;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{background:#333;color:#e0e0e0}}.chat-container{margin:10px 0}.chat-list{display:flex;flex-direction:column}.chat-message{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #e0e0e0}.chat-message:last-child{border-bottom:none}.chat-avatar-col{flex-shrink:0}.chat-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.chat-avatar-placeholder{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.chat-content-col{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.chat-author{font-weight:600;color:#1a1a1a;text-decoration:none;font-size:.95rem}.chat-author:hover{text-decoration:underline}.chat-time{color:#888;font-size:.85rem;text-decoration:none}.chat-time:hover{text-decoration:underline;color:#666}.chat-content{line-height:1.5;color:#1a1a1a}.chat-content p{margin:0 0 8px}.chat-content p:last-child{margin-bottom:0}.chat-content pre{background:#f5f5f5;padding:10px;border-radius:8px;overflow-x:auto;font-size:.9rem;margin:8px 0}.chat-content code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-size:.9em}.chat-content pre code{background:none;padding:0}.chat-content a{color:var(--btn-color)}@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-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.chat-thread-item{border-color:#333}.chat-thread-item:hover{background:#2a2a2a}.chat-thread-preview{color:#999}}.chat-thread-list{display:flex;flex-direction:column}.chat-thread-item{display:flex;gap:10px;padding:12px;border-bottom:1px solid #e0e0e0;text-decoration:none;color:inherit;transition:background-color .15s}.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{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-thread-header .chat-author{font-weight:600;color:#1a1a1a}.chat-thread-header .chat-time{color:#888;font-size:.85rem}.chat-thread-preview{color:#666;font-size:.95rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;padding:16px 0}.card-wrapper{display:grid;place-items:center;position:relative;aspect-ratio:5/7;width:100%;max-width:200px;margin:0 auto;overflow:visible;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .3s ease;transform-style:preserve-3d;perspective:1000px}.card-wrapper:hover{transform:scale(1.08) rotateY(8deg) rotateX(-5deg);filter:brightness(1.1)}.card-reflection{display:block;position:relative;overflow:hidden;border-radius:8px;width:100%;height:100%;box-shadow:0 4px 8px #0000004d,0 8px 32px #0003;transition:box-shadow .3s ease}.card-wrapper:hover .card-reflection{box-shadow:0 8px 16px #0006,0 16px 48px #0000004d,0 0 40px #ffffff1a}.card-reflection img{width:100%;height:100%;object-fit:cover;display:block}.card-reflection:after{content:"";height:200%;width:60px;position:absolute;top:-50%;left:-100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),rgba(255,255,255,.8),rgba(255,255,255,.4),transparent);opacity:0;transform:rotate(25deg);animation:reflection 5s ease-in-out infinite;pointer-events:none}@keyframes reflection{0%,70%{left:-100px;opacity:0}75%{opacity:.8}to{left:250px;opacity:0}}.card-status{aspect-ratio:5/7;border-radius:8px;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.pattern-rare{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(64,224,208,.03) 2px,rgba(64,224,208,.03) 4px),radial-gradient(ellipse at 30% 20%,rgba(0,255,255,.4),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(64,224,208,.3),transparent 50%);background-size:100% 100%;mix-blend-mode:screen;opacity:.6;animation:holo-shift 4s ease-in-out infinite}.color-rare{background:linear-gradient(125deg,transparent 0%,rgba(0,255,255,.5) 20%,rgba(0,200,255,.3) 40%,transparent 50%,rgba(64,224,208,.4) 60%,rgba(0,255,200,.5) 80%,transparent 100%);background-size:300% 300%;mix-blend-mode:overlay;opacity:.7;animation:gradient-flow 5s ease-in-out infinite}.pattern-shiny{background:repeating-conic-gradient(from 0deg at 50% 50%,#ff00001a,#ff7f001a,#ffff001a,#00ff001a,#0000ff1a,#4b00821a,#9400d31a,#ff00001a 315deg);background-size:100% 100%;mix-blend-mode:screen;opacity:.5;animation:prism-rotate 8s linear infinite}.color-shiny{background:linear-gradient(45deg,#ff000080,#ff7f0080,#ffff0080,#00ff0080,#0000ff80,#4b008280,#9400d380,#ff000080,#ff7f0080,#ffff0080);background-size:500% 500%;animation:rainbow-sweep 4s ease-in-out infinite;mix-blend-mode:color-dodge;opacity:.4}.pattern-unique{background:radial-gradient(ellipse at 25% 25%,rgba(255,215,0,.6),transparent 40%),radial-gradient(ellipse at 75% 75%,rgba(255,200,0,.5),transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(255,247,0,.3),transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,215,0,.1) 5px,rgba(255,215,0,.1) 10px);background-size:200% 200%;mix-blend-mode:screen;opacity:.7;animation:gold-pulse 3s ease-in-out infinite}.color-unique{background:linear-gradient(115deg,transparent 10%,rgba(255,215,0,.6) 25%,rgba(255,255,200,.8) 35%,rgba(255,215,0,.6) 45%,transparent 55%,rgba(255,200,0,.5) 70%,rgba(255,247,0,.7) 80%,transparent 90%);background-size:300% 300%;mix-blend-mode:soft-light;opacity:.6;animation:gold-sweep 4s ease-in-out infinite}@keyframes holo-shift{0%,to{opacity:.5;filter:hue-rotate(0deg)}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(0deg)}to{filter:hue-rotate(360deg)}}@keyframes rainbow-sweep{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@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:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 15% 20%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 85% 30%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 45% 60%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 75% 80%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 25% 90%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 55% 10%,rgba(255,255,255,.8),transparent);background-repeat:no-repeat;background-size:100% 100%;animation:sparkle 3s ease-in-out infinite;opacity:0;pointer-events:none;z-index:20;border-radius:8px}.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:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.6),rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:sweep-light 6s ease-in-out infinite}@keyframes sweep-light{0%,60%{left:-100%;opacity:0}70%{opacity:1}to{left:200%;opacity:0}}.card-wrapper:hover .pattern-rare,.card-wrapper:hover .pattern-shiny,.card-wrapper:hover .pattern-unique{animation-duration:2s;opacity:.8}.card-wrapper:hover .color-rare,.card-wrapper:hover .color-shiny,.card-wrapper:hover .color-unique{animation-duration:2s;opacity:.9}.card-wrapper:hover .card-status:after{animation-duration:3s}.service-icons{display:flex;flex-direction:column;gap:8px;margin-left:auto;align-self:flex-start}.service-icon{width:36px;height:36px;border-radius:8px;opacity:.8;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{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-stats{display:flex;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-secondary, #f5f5f5);border-radius:8px;flex:1}.card-stats .stat{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:4px 8px;border-radius:4px}.card-stats .stat-value{font-size:1.2em;font-weight:700;color:var(--text-primary, #333)}.card-stats .stat-label{font-size:.75em;color:var(--text-secondary, #666)}.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{display:flex;flex-direction:column;align-items:center}.card-count{position:absolute;top:8px;right:8px;background:#000000d9;color:#fff;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700;z-index:50;box-shadow:0 2px 8px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.no-cards{text-align:center;padding:32px;color:var(--text-secondary, #666)}.card-detail{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:14px;color:var(--text-primary, #333)}.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)}}.migrate-title{font-weight:500;color:var(--text-secondary, #666)}.migrated-badge{color:#00a060;font-size:.9em}.migrate-btn{background:var(--btn-color, #0066cc);color:#fff;border:none;padding:6px 16px;border-radius:4px;font-size:.9em;cursor:pointer;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)}}