.home-page{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:2rem}.title-section h1{font-size:2.8rem;margin-bottom:.5rem;color:var(--text-primary)}.title-section p{font-size:1.1rem;color:var(--text-secondary);margin-top:0;margin-bottom:1rem}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:700;padding:1rem;border-radius:4px;background-color:var(--alert-bg);color:var(--alert-text);border:1px solid var(--alert-border);text-align:center;z-index:1000}.loading-indicator img{border:none}.password-inputs{width:100%;max-width:900px;justify-content:center;gap:.5rem 0}.password-inputs .form-group{padding-left:5px;padding-right:5px;margin-bottom:.5rem}.password-inputs input[type=text]{text-align:center;font-size:.9rem;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-primary)}.password-inputs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.password-inputs .form-group{flex:1 1 150px;min-width:150px;max-width:200px;padding-left:0;padding-right:0}.search-section{width:100%;max-width:900px;justify-content:center;margin-bottom:1rem}.search-section .form-group{padding-left:5px;padding-right:5px;margin-bottom:0}.search-section input[type=text]{text-align:left;padding-left:1rem;font-size:1rem}.button-grid{width:100%;max-width:900px;justify-content:center}.button-grid .col-sm-6.col-md-3{padding:8px}.button-grid .btn-password-type{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100px;padding:.75rem;text-align:center;white-space:normal;background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border)}.button-grid .btn-password-type .button-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.button-grid .btn-password-type .button-text{font-size:.9rem;display:block}.button-grid .grid-fallback{width:100%;padding:2rem 0;color:var(--text-secondary)}@media (max-width: 768px){.title-section h1{font-size:2.2rem}.title-section p{font-size:1rem}.password-inputs .form-group{flex-basis:100%;margin-bottom:.5rem}}@media (max-width: 576px){.button-grid .btn-password-type{min-height:80px}.button-grid .btn-password-type .button-emoji{font-size:1.5rem}.button-grid .btn-password-type .button-text{font-size:.8rem}}.donation-section{margin-top:2.5rem;margin-bottom:2.5rem}.donation-section .donation-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.donation-section .donation-buttons .paper-btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.donation-section .donation-buttons .paper-btn.btn-bmac{background-color:#fd0;border-color:#e6c800}.donation-section .donation-buttons .paper-btn.btn-patreon{background-color:#f96854;color:#fff;border-color:#e05d4b}.search-input-container{display:flex;align-items:center}.search-input-container input[type=text]{flex-grow:1;width:100%;min-width:0}.search-input-container .clear-search-btn{margin-left:.5rem;flex-shrink:0;padding:.5rem .75rem;font-size:1.2rem}.row.button-grid{overflow-y:auto;max-height:500px}.clear-search-btn{grid-column:2;background:transparent;border:none;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .5rem;color:var(--text-secondary)}.clear-search-btn:hover,.clear-search-btn:focus{color:var(--text-primary);outline:none}#password-display h3{margin-top:1rem;margin-bottom:1rem}.password-inputs{display:flex;flex-wrap:wrap;justify-content:center}.password-inputs .form-group{margin-right:2em;margin-bottom:1rem}.password-inputs .form-group:last-child{margin-right:0}@media (min-width: 768px){.password-inputs .form-group{flex:0 0 auto;width:auto;margin-bottom:0}}.password-inputs input[type=text]{box-sizing:border-box;width:180px;min-width:180px;max-width:180px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.password-inputs input[type=text]:not(:placeholder-shown){border-width:2px;border-color:var(--border-color);background-color:var(--input-highlight-bg);box-shadow:0 0 0 1px var(--input-highlight-shadow)}.password-inputs input[type=text]:hover{border-color:var(--border-color);box-shadow:0 0 0 2px #6f42c11a}.password-inputs input[type=text]:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 0 3px #6f42c133}.password-inputs input[type=text].copied{background-color:var(--success-bg);border-color:var(--success-border);border-width:2px;box-shadow:0 0 0 2px var(--success-shadow)}.password-inputs input[type=text].copied::placeholder{color:var(--success-text);font-weight:500}.text-center .badge a.no-underline,.text-center .badge.secondary a.no-underline{text-decoration:none;color:#fff}.openrouter-link{color:#007bff!important}.dark .openrouter-link{color:#ddd!important}.badge{margin-right:.5em;margin-bottom:.5em}.back-to-top{position:fixed;bottom:2rem;right:2rem;height:3rem;font-weight:700;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease-in-out;z-index:1000;box-shadow:0 4px 12px #00000026}.back-to-top:hover{background-color:var(--link-color);color:#fff;border-color:var(--link-color);transform:translateY(0) scale(1.1);box-shadow:0 6px 20px #00000040}.back-to-top:active{transform:translateY(0) scale(.95)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){.back-to-top{bottom:1.5rem;right:1.5rem;font-size:1.2rem}}body.dark .back-to-top{box-shadow:0 4px 12px #0006}body.dark .back-to-top:hover{box-shadow:0 6px 20px #0009}