.typings-container{padding:20px;max-width:1200px;margin:0 auto}.search-filters{margin-bottom:24px;display:flex;gap:16px;align-items:center}.search-input{padding:12px 16px;max-width:400px}.search-input,.system-filter{border:1px solid #ddd;border-radius:8px;font-size:16px}.system-filter{padding:12px;background-color:white}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.card-header{padding:16px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.card-header h2{margin:0;font-size:1.25rem;color:#2c3e50}.system-badge{background:#e9ecef;padding:4px 8px;border-radius:4px;font-size:.875rem;color:#495057}.card-content{padding:16px}.type-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.type-badge{background:#007bff;color:white;padding:4px 8px;border-radius:4px;font-size:.875rem}.author{color:#6c757d;font-size:.875rem}.comment{margin:12px 0;color:#495057;font-style:italic;word-wrap:break-word;white-space:normal;line-height:1.5}.source-info{margin:12px 0;font-size:.875rem}.source{color:#495057;font-weight:500;margin-bottom:4px}.source-detail{color:#6c757d}.rfc-tag{display:inline-block;background:#28a745;color:white;padding:4px 8px;border-radius:4px;font-size:.75rem;margin-top:8px}.error,.loading{text-align:center;padding:40px;font-size:1.25rem;color:#6c757d}.error{color:#dc3545}@media (max-width:768px){.search-filters{flex-direction:column}.search-input{max-width:100%}.cards-grid{grid-template-columns:1fr}}.loading-progress{position:fixed;top:0;left:0;right:0;padding:10px;background:rgba(255,255,255,.9);text-align:center;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.progress-bar{width:100%;height:4px;background:#eee;margin-top:5px}.progress-bar-fill{height:100%;background:#007bff;transition:width .3s ease}.image-placeholder{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666}.card-image{height:200px}.profile-image{object-fit:cover}.card{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease;display:flex;flex-direction:column}.card-image{height:300px}.profile-image{width:100%;height:100%;object-fit:contain;background-color:#f8f9fa;padding:8px;transition:opacity .3s ease}.card-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px}.card-header{padding:20px}.card-image{width:100%;height:250px;overflow:hidden;position:relative}.typing-line{display:inline-block;padding:6px 12px;border-radius:16px;margin:4px;font-size:.9rem;background-color:#f8f9fa;transition:all .2s ease}.typing-line.naranjo{background-color:#ffebee;color:#e63946}.typing-line.idrlabs{background-color:#e0f2f1;color:#2a9d8f}.typing-line.personality-hacker{background-color:#e3f2fd;color:#457b9d}.typing-line.objective-personality{background-color:#f1f8e9;color:#6a994e}.typing-line:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.pagination{gap:8px;margin:40px 0;flex-wrap:wrap}.pagination,.pagination-button{display:flex;justify-content:center;align-items:center}.pagination-button{padding:10px 16px;border:1px solid #e0e0e0;background:white;color:#495057;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:44px;height:44px}.pagination-button:hover:not(:disabled){background:#f8f9fa;color:#007bff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,123,255,.1)}.pagination-button.active{border-color:#007bff;color:white;box-shadow:0 2px 8px rgba(0,123,255,.3)}.pagination-button:disabled{background:#f8f9fa;border-color:#e9ecef;color:#adb5bd;cursor:not-allowed;opacity:.6}.pagination span{color:#6c757d;padding:0 8px;font-weight:500}@media (max-width:768px){.pagination{gap:4px;margin:20px 0}.pagination-button{padding:8px 12px;font-size:13px;min-width:36px;height:36px}}.typing-line.fauvre{background-color:#fff3e0;color:#f57c00}.typing-line.reinin{background-color:#f3e5f5;color:#8e24aa}.typing-line.talanov{background-color:#e8f5e8;color:#388e3c}.typing-line.jung{background-color:#e8eaf6;color:#3f51b5}.typing-line.almaas{background-color:#f4f3ff;color:#6b46c1}.typing-line.shs{background-color:#eaf2f8;color:#2874a6}.typing-line.afanasyev{background-color:#fef7e0;color:#b7791f}.typing-line.keirsey-\&-son{background-color:#f1f8ff;color:#4c63b6}.typing-line.riso-hudson{background-color:#e6f3ff;color:#0066cc}.typing-line.aushra{background-color:#f0fff4;color:#228b22}.note-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:4px 8px;font-size:.8rem;cursor:pointer;margin-left:8px;color:#6c757d}.note-button:hover{background:#e9ecef}.typing-line-container{margin-bottom:.5px}.note-toggle{margin-left:8px;cursor:pointer;opacity:.7;font-size:.9em}.note-toggle:hover{opacity:1}.source-toggle{cursor:pointer;opacity:.7;font-size:.9em;color:#6c757d}.source-toggle:hover{opacity:1}.source-info{margin-top:8px;font-size:.9em;color:#6c757d}.items-per-page,.search-input,.system-filter{background:#333333;border:1px solid #555;color:white}.card{background:#333333;box-shadow:0 2px 8px rgba(0,0,0,.3)}.pagination-button{background:#333333;border:1px solid #555;color:white}.pagination-button:hover:not(:disabled){background:#444444;border-color:#007bff}.pagination-button.active{background:#007bff}.pagination-button:disabled{background:#2a2a2a;color:#666}.image-placeholder{background:#2a2a2a;color:#ccc}.profile-image{background-color:#2a2a2a}.comment,.error,.loading,.source-info{color:#ccc}.typing-line.naranjo{background-color:#2d1114;color:#ff6b7a;border:1px solid #e63946}.typing-line.idrlabs{background-color:#0f2e2a;color:#4ecdc4;border:1px solid #2a9d8f}.typing-line.personality-hacker{background-color:#162535;color:#7bb3d3;border:1px solid #457b9d}.typing-line.objective-personality{background-color:#1a2e17;color:#8bc34a;border:1px solid #6a994e}.typing-line.fauvre{background-color:#332415;color:#ffb74d;border:1px solid #f57c00}.typing-line.reinin{background-color:#2d1a2f;color:#ba68c8;border:1px solid #8e24aa}.typing-line.talanov{background-color:#1c2e1c;color:#66bb6a;border:1px solid #388e3c}.typing-line.jung{background-color:#1e1f33;color:#7986cb;border:1px solid #3f51b5}.typing-line.almaas{background-color:#2a1f33;color:#9575cd;border:1px solid #6b46c1}.typing-line.shs{background-color:#1a2530;color:#64b5f6;border:1px solid #2874a6}.typing-line.afanasyev{background-color:#332b15;color:#ffcc02;border:1px solid #b7791f}.typing-line.pierce{background-color:#2d1f15;color:#ff8a65;border:1px solid #ff5722}.typing-line.keirsey-\&-son{background-color:#1f2433;color:#7e8ce0;border:1px solid #4c63b6}.typing-line.riso-hudson{background-color:#1a2633;color:#42a5f5;border:1px solid #0066cc}.typing-line.aushra{background-color:#1c2e1f;color:#4caf50;border:1px solid #228b22}.typing-line.meier{background-color:#331a2d;color:#e91e63;border:1px solid #c2185b}.typing-line.johnston{background-color:#2d2a15;color:#ffc107;border:1px solid #ff9800}.typing-line.myers{background-color:#1a2e33;color:#26c6da;border:1px solid #00acc1}.typing-line.von-franz{background-color:#2d1a1a;color:#f48fb1;border:1px solid #e91e63}.typing-line.van-der-hoop{background-color:#1a2d2d;color:#80cbc4;border:1px solid #26a69a}.typing-line.chestnut{background-color:#2d1f0f;color:#d4a574;border:1px solid #8b4513}.card{position:relative;max-width:280px}.wikipedia-link{background:rgba(0,0,0,.7);color:white;padding:4px 6px;font-size:16px}.wikipedia-link:hover{background:rgba(0,0,0,.9)}.wikipedia-icon{width:20px;height:20px;display:block}.pdb-link{right:36px;background:rgba(255,255,255,.9);transition:background .2s}.pdb-link:hover{background:rgba(255,255,255,1)}.pdb-icon{width:20px;height:20px;display:block}.pdb-link{top:8px;right:44px}.wikipedia-link{position:absolute;top:8px;right:8px;z-index:10;background:rgba(255,255,255,.9);padding:4px;border-radius:4px;text-decoration:none;transition:background .2s}.wikipedia-link:hover{background:rgba(255,255,255,1)}.pdb-link{top:36px}.pdb-link:hover{opacity:.8}.pdb-link{position:absolute;top:40px;right:8px;z-index:10;background:transparent;padding:4px;border-radius:4px;text-decoration:none;transition:opacity .2s}.typing-line.jaxon-bear{background-color:#1a2d1a;color:#76ff03;border:1px solid #64dd17}.typing-line.american-counseling-association{background-color:#2d1a33;color:#ab47bc;border:1px solid #8e24aa}.typing-line.odajnyk{background-color:#2d1f2a;color:#e1bee7;border:1px solid #ba68c8}.typing-line.beebe{background-color:#1f2d2a;color:#81c784;border:1px solid #4caf50}.typing-line.thorburn{background-color:#2a2d1f;color:#aed581;border:1px solid #8bc34a}.typing-line.schmid-guisan{background-color:#2d2a1f;color:#ffb74d;border:1px solid #ff9800}.typing-line.jaffe{background-color:#1f1f2d;color:#9fa8da;border:1px solid #5c6bc0}.typing-line.pauli{background-color:#2d1a1f;color:#f8bbd9;border:1px solid #e91e63}.typing-line.american-psychological-association{background-color:#1a2a33;color:#81d4fa;border:1px solid #0288d1}.typing-line.british-association-for-psychological{background-color:#2a1a33;color:#ce93d8;border:1px solid #9c27b0}.site-note-toggle{cursor:pointer;opacity:.7;font-size:1em;margin-right:8px}.site-note-toggle:hover{opacity:1}.site-note{font-size:.9em;color:#6c757d;line-height:1.4}.typing-line.ichazo{background-color:#2d1a1a;color:#ff7043;border:1px solid #d84315}.results-count{display:flex;justify-content:space-between;align-items:center}.wikimedia-attribution{font-size:.8em;color:#6c757d}.typing-line.british-association-for-psychological-type{background-color:#2a1a33;color:#ce93d8;border:1px solid #9c27b0}.typing-line.gray{background-color:#2a2a2a;color:#bc3c3c;border:1px solid #666}.typing-line.talanov{background-color:#2d1a0f;color:#ff8c00;border:1px solid #ff8c00}.system-header{margin:16px 0 8px;padding:0 0 4px;text-align:left;border-radius:0;border-bottom:1px solid #555}.system-group{margin-bottom:8px}.system-group:first-child .system-header{margin-top:0}.dedication{text-align:center;margin-top:20px;padding:10px;color:#6c757d;font-size:.9em}.typing-line.wss{background-color:#2d1a33;color:#d1c4e9;border:1px solid #9c27b0}.search-section{display:flex;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:300px}@media (max-width:768px){.search-section{flex-direction:column;gap:12px}.items-per-page,.search-input,.system-filter{width:100%;min-width:unset}}.items-per-page,.system-filter{min-width:140px;border:2px solid #444;border-radius:12px;font-size:14px;font-weight:500;background:#2a2a2a;color:#e0e0e0;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:12px 40px 12px 16px}.items-per-page:focus,.system-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.items-per-page:hover,.system-filter:hover{border-color:#007bff;background:#333;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.typing-line.eglit{background-color:#1a332d;color:#4db6ac;border:1px solid #00695c}.typing-line.filatova{background-color:#331a26;color:#f06292;border:1px solid #c2185b}.typing-line.meged-\&-ovcharov{background-color:#2d2615;color:#d4ac0d;border:1px solid #b7950b}.system-toggle-btn{font-size:16px;opacity:.7;padding:2px}.system-toggle-btn:hover{opacity:1}.system-header{font-size:.9rem;font-weight:600;margin:1px 0 0;color:#e0e0e0;letter-spacing:.3px;border:none;background:none}.system-toggle-btn{background:none;border:none;cursor:pointer}.system-toggle-btn:hover{color:#e0e0e0}.system-header-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555;padding-bottom:1px;margin-bottom:8px;cursor:pointer}.system-toggle-btn{font-size:12px;color:#888;padding:2px 4px}.author-filter{min-width:140px;border:2px solid #444;border-radius:12px;font-size:14px;font-weight:500;background:#2a2a2a;color:#e0e0e0;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:12px 40px 12px 16px}.author-filter:hover{border-color:#007bff;background:#333}.author-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.sort-filter{min-width:140px;border:2px solid #444;border-radius:12px;font-size:14px;font-weight:500;background:#2a2a2a;color:#e0e0e0;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:12px 40px 12px 16px}.sort-filter:hover{border-color:#007bff;background:#333}.sort-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.typing-line.varlawend{background-color:#1a2e33;color:#00e5ff;border:1px solid #00bcd4}.typing-line.stratiyevskaya{background-color:#2d1f33;color:#ff9800;border:1px solid #e65100}.typing-line.scs{background-color:#1f2d1a;color:#8bc34a;border:1px solid #689f38}