@font-face{font-family:Söhne;src:url(/fonts/TestSohne-Extraleicht.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/TestSohne-Leicht.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/TestSohne-Buch.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/TestSohne-Halbfett.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/TestSohne-Kraftig.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/TestSohne-Dreiviertelfett.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SöhneMono;src:url(/fonts/TestSohneMono-Buch.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#faf8f2;--text-primary:#2d2d2d;--text-secondary:#5a5a5a;--text-tertiary:#8a8a8a;--border:#e6e0d8;--border-focus:#2d2d2d;--font-primary:"Söhne",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;--font-mono:"SöhneMono","SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace}body{font-family:var(--font-primary);background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;width:100%;max-width:100vw;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(45,45,45,.05) 1px,transparent 0);background-size:20px 20px;pointer-events:none;z-index:-1}.cursor-trail{cursor:none}.cursor-trail:after{content:"";position:fixed;width:8px;height:8px;background:rgba(45,45,45,.3);border-radius:50%;pointer-events:none;z-index:9999;transition:all .1s ease-out;animation:cursorFade .8s ease-out infinite}@keyframes cursorFade{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}.container{min-height:100vh;align-items:center;justify-content:flex-start;padding:3rem 1.5rem;max-width:1200px;margin:0 auto}.container,.main-panel{display:flex;flex-direction:column}.main-panel{width:100%;max-width:720px;gap:3rem;min-height:60vh}.header{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem;text-align:left;border-bottom:1px solid var(--border);padding-bottom:1.5rem}.title{font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.subtitle,.title{font-family:var(--font-primary);margin:0}.subtitle{font-size:.8rem;font-weight:400;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em}.search-container{width:100%;display:grid;grid-template-rows:auto auto;grid-gap:1rem;gap:1rem}.search-input-container{position:relative;width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem;gap:1rem;border-bottom:1px solid var(--border);transition:all .3s ease}.search-input-container:focus-within{border-bottom:1px solid var(--text-secondary);box-shadow:0 1px 4px rgba(45,45,45,.08)}.search-input{width:100%;padding:.75rem 0 .75rem 2rem;font-size:1rem;font-family:var(--font-primary);background:transparent;border:none;outline:none;font-size:16px;transition:all .2s ease}.search-input,.search-input:focus{color:var(--text-primary)}.placeholder-text{left:2rem;color:var(--text-tertiary)}.placeholder-text,.prompt-text{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1;font-family:var(--font-primary);font-size:1rem}.prompt-text{left:.5rem;color:var(--text-secondary)}.cursor-overlay{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);pointer-events:none;z-index:3}.typing-cursor.always-visible{animation:blink 1.2s infinite}.search-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-family:var(--font-mono);font-weight:400;background:var(--text-primary);border:2px solid var(--text-primary);border-radius:0;color:var(--bg);cursor:pointer;transition:all .15s ease;width:auto;min-width:auto;justify-self:end}.search-button:active,.search-button:hover{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg)}.search-button:disabled{opacity:.4;cursor:not-allowed;background:var(--border);border-color:var(--border);color:var(--text-tertiary)}.results-container{width:100%;display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.book-card{opacity:0;animation:fadeIn .4s ease-out forwards;display:grid;grid-template-columns:1fr 3fr;grid-gap:0;gap:0;align-items:baseline;border-top:1px solid var(--border);padding:1rem 0 .5rem}.book-card:first-child{animation-delay:.1s}.book-card:nth-child(2){animation-delay:.2s}.book-card:nth-child(3){animation-delay:.3s}.book-card:nth-child(4){animation-delay:.4s}.book-card:nth-child(5){animation-delay:.5s}.book-card:nth-child(6){animation-delay:.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.book-meta{padding-right:2rem}.book-title-container{display:flex;align-items:center;gap:.75rem}.book-title{font-family:var(--font-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em;flex:1 1}.book-link-arrow{color:var(--text-tertiary);text-decoration:none;font-size:.9rem;transition:all .2s ease;padding:.25rem;margin:-.25rem;border-radius:2px;flex-shrink:0}.book-link-arrow:hover{color:var(--text-secondary);transform:translateX(2px)}.book-link-arrow:active{color:var(--text-primary);transform:translateX(3px)}.book-author{font-family:var(--font-primary);font-size:.75rem;color:var(--text-secondary);margin-bottom:0;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.book-content{padding-left:0}.book-description{font-family:var(--font-primary);font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0}.typing-cursor{display:inline-block;width:1px;height:1em;background:var(--text-primary);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-indicator{display:flex;align-items:center;gap:.25rem;margin:2rem 0;padding:1rem 0}.loading-ellipsis{font-family:var(--font-primary);color:var(--text-tertiary);display:inline-block}.loading-ellipsis:before{content:".";animation:ellipsis1 1.4s infinite}.loading-ellipsis:after{content:"..";animation:ellipsis2 1.4s infinite}@keyframes ellipsis1{0%,60%,to{opacity:0}30%{opacity:1}}@keyframes ellipsis2{0%,30%,90%,to{opacity:0}60%{opacity:1}}.loading-indicator-enhanced{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin:4rem 0;padding:2rem 0;text-align:left}.loading-text-enhanced{font-weight:400;letter-spacing:.02em;line-height:1.4}.loading-ellipsis-enhanced,.loading-text-enhanced{font-family:var(--font-primary);font-size:1.1rem;color:var(--text-secondary)}.loading-ellipsis-enhanced{display:inline-block;animation:ellipsisEnhanced 1.8s ease-in-out infinite}@keyframes ellipsisEnhanced{0%,20%{opacity:0;transform:translateY(0)}40%{opacity:.6;transform:translateY(-2px)}60%{opacity:1;transform:translateY(0)}80%,to{opacity:.4;transform:translateY(0)}}.loading-text{color:var(--text-tertiary);font-family:var(--font-primary);font-size:.8rem;font-weight:300;letter-spacing:.02em}.suggestions-container{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.suggestions-header{font-family:var(--font-primary);font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:400}.suggestions-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-button{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-family:var(--font-primary);font-size:.9rem;background:transparent;border:1px solid var(--border);border-radius:0;color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease;line-height:1.4}.suggestion-button:hover{border-color:var(--text-secondary)}.suggestion-button:active{border-color:var(--text-primary)}@media (max-width:768px){.container{padding:1rem;max-width:100vw;overflow-x:hidden}.main-panel{max-width:100%;overflow-x:hidden}.title{font-size:1.25rem;margin-bottom:2rem}.placeholder-text,.search-input{font-size:16px}.book-card{grid-template-columns:1fr;gap:1rem}.book-meta{padding-right:0;margin-bottom:1rem}.results-container{gap:1.25rem}.header{text-align:center;padding-bottom:1rem}.title{font-size:1.5rem}.search-input-container{grid-template-columns:1fr;gap:.75rem}.search-button{justify-self:end;width:auto;min-width:auto;padding:.75rem 1rem}.suggestions-list{gap:.75rem}.suggestion-button{padding:1rem;font-size:.85rem}}