.bib-hero{text-align:center;padding:7rem 1rem 2.5rem;background:var(--surface-base, #060b18)}.bib-hero h1{font-size:clamp(1.5rem,4vw,2.25rem);margin-bottom:.75rem;color:var(--color-frost, #fff)}.bib-hero__sub{color:var(--color-muted, #8896A8);max-width:540px;margin:0 auto;font-size:.95rem;line-height:1.6}.bib-hero__note{color:var(--color-dim, #5A6B80);font-size:.8rem;margin:.75rem auto 0;max-width:480px;padding:.5rem 1rem;border:1px solid var(--color-faint, #3A4A5C);border-radius:.375rem;background:var(--surface-raised, #0c1425)}.bib-tool{padding:0 1rem 3rem;max-width:720px;margin:0 auto}.bib-tool__layout{display:flex;flex-direction:column;gap:1.5rem}.bib-panel{background:var(--surface-raised, #0c1425);border:1px solid var(--color-faint, #3A4A5C);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 24px #00000040}.bib-panel__header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--surface-base, #060b18);border-bottom:1px solid var(--color-faint, #3A4A5C);font-weight:600;font-size:.875rem;color:var(--color-ghost, #E5E7EB)}.bib-count{margin-left:auto;font-size:.75rem;color:var(--color-muted, #8896A8);font-weight:400}.bib-input-area{padding:1.25rem}#bib-textarea{width:100%;box-sizing:border-box;min-height:280px;padding:1rem;border:1px solid var(--color-faint, #3A4A5C);border-radius:.5rem;background:var(--surface-base, #060b18);color:var(--color-frost, #fff);font-size:.875rem;font-family:inherit;line-height:1.7;resize:vertical;transition:border-color .2s,box-shadow .2s}#bib-textarea::placeholder{color:var(--color-dim, #5A6B80)}#bib-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ffffff1f}.bib-hint{font-size:.75rem;color:var(--color-dim, #5A6B80);margin-top:.5rem}.bib-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--color-faint, #3A4A5C);flex-wrap:wrap}.bib-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.bib-btn--sort{background:var(--surface-elevated, #132743);color:var(--color-ghost, #E5E7EB);border:1px solid var(--color-faint, #3A4A5C)}.bib-btn--sort:hover{border-color:var(--color-dim, #5A6B80)}.bib-btn--copy{background:var(--surface-elevated, #132743);color:var(--color-ghost, #E5E7EB);border:1px solid var(--color-faint, #3A4A5C)}.bib-btn--copy:hover{border-color:var(--color-dim, #5A6B80)}.bib-btn--word{background:var(--color-frost);color:var(--color-bg)}.bib-btn--word:hover{background:var(--color-ghost)}.seo-content{max-width:800px;margin:0 auto;padding:3rem var(--space-4, 1rem) 2rem}.content-section{margin-bottom:3rem}.content-section h2{color:var(--color-frost, #fff);margin-bottom:1rem}.content-section h3{color:var(--color-ghost, #E5E7EB);margin:1.5rem 0 .75rem}.content-section p{color:var(--color-ghost, #E5E7EB);line-height:1.7;margin-bottom:1rem}.content-section ul{color:var(--color-ghost, #E5E7EB);padding-left:1.25rem;line-height:1.7}.content-section li{margin-bottom:.5rem}.comparison-table{overflow-x:auto;margin:1.5rem -2rem;padding:0 2rem;-webkit-overflow-scrolling:touch}.comparison-table table{width:100%;border-collapse:collapse;min-width:520px}.comparison-table th,.comparison-table td{padding:.75rem;text-align:left;border:1px solid var(--color-faint, #3A4A5C);color:var(--color-ghost, #E5E7EB);font-size:.85rem}.comparison-table th{background:var(--surface-elevated, #132743);font-weight:600;color:var(--color-frost, #fff)}.cta-section{text-align:center;background:var(--surface-raised, #0c1425);border:1px solid var(--color-faint, #3A4A5C);padding:2rem;border-radius:.75rem}.related-links{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.related-links li a{display:block;padding:.75rem 1rem;background:var(--surface-raised, #0c1425);border:1px solid var(--color-faint, #3A4A5C);border-radius:.5rem;text-decoration:none;color:var(--color-accent-glow, #A78BFA);transition:all .2s}.related-links li a:hover{background:var(--surface-elevated, #132743);border-color:var(--color-dim, #5A6B80)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;font-size:.875rem}.btn-primary{background:var(--color-frost);color:var(--color-bg)}.btn-primary:hover{background:var(--color-ghost)}.btn-outline{background:transparent;border:1px solid var(--color-faint, #3A4A5C);color:var(--color-ghost, #E5E7EB)}.btn-outline:hover{border-color:var(--color-dim, #5A6B80)}@media (max-width: 768px){.bib-tool__grid,.bib-field-row{grid-template-columns:1fr}}