@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--kim-primary: #1ca5bd;--kim-primary-dark: #0e6f80;--kim-primary-light: #cef2f7;--kim-primary-faint: #e8f8fa;--kim-lila: #7a5fb8;--kim-lila-faint: #f0ecf8;--kim-bg: #fcfbf7;--kim-card-bg: #ffffff;--kim-text: #0f172a;--kim-text-soft: #3a414f;--kim-text-muted: #6a7281;--kim-text-faint: #9aa3b0;--kim-border: #e6e8ec;--kim-border-soft: #f0f1f4;--kim-success: #2f7d4f;--kim-success-soft: #e6f1ea;--kim-warning: #f59e0b;--kim-error: #c83e2a;--kim-error-soft: #fbe7e2;--shadow-sm: 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 6px 24px -10px rgba(15,23,42,.12);--shadow-lg: 0 20px 60px -24px rgba(15,23,42,.2);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:IBM Plex Sans,Helvetica Neue,system-ui,sans-serif;background:var(--kim-bg);color:var(--kim-text);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.005em;line-height:1.05}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--kim-primary);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s,border-color .15s;min-height:44px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--kim-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--kim-primary-dark);color:#fff}.btn-secondary{background:#fff;color:var(--kim-text);border-color:var(--kim-border)}.btn-secondary:hover:not(:disabled){background:var(--kim-bg);border-color:var(--kim-text)}.btn-dark{background:var(--kim-text);color:#fff}.btn-dark:hover:not(:disabled){background:#1f2735;color:#fff}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--kim-border);box-shadow:0 2px 0 var(--kim-primary-faint)}.site-header:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--kim-primary) 0%,var(--kim-primary-dark) 50%,var(--kim-lila) 100%)}.site-header-inner{max-width:960px;margin:0 auto;padding:.6rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.site-wordmark{display:flex;align-items:center;height:48px;flex-shrink:0}.site-wordmark img{height:100%;width:auto}.site-back-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--kim-text-muted);font-size:.88rem;font-weight:500;white-space:nowrap;text-decoration:none;min-height:44px;padding:0 .5rem}.site-back-link:hover{color:var(--kim-primary-dark)}.site-back-link:before{content:"← "}@media(max-width:480px){.site-header-inner{padding:.5rem 1rem}.site-wordmark{height:40px}.site-back-link{font-size:.82rem}}.layout-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:2rem 1.25rem 3rem}.layout-footer{border-top:1px solid var(--kim-border);padding:1.25rem 1rem;text-align:center;font-size:.88rem;color:var(--kim-text-muted);background:#fff}.layout-footer a{color:var(--kim-text-soft);margin:0 .65rem;text-decoration:none;transition:color .15s}.layout-footer a:hover{color:var(--kim-primary-dark)}.staging-banner{background:var(--kim-warning);color:#000;text-align:center;font-weight:700;padding:.4rem .5rem;font-size:.88rem}.landing-hero{text-align:center;padding:1.5rem 0 2.5rem}.landing-hero-mascot{width:140px;height:auto;margin:0 auto 1.25rem;display:block;filter:drop-shadow(0 12px 28px rgba(15,23,42,.12))}.landing-hero h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2rem,5vw,2.8rem);line-height:1.05;letter-spacing:-.015em;margin:0 0 .5rem;color:var(--kim-text)}.landing-hero h1 em{font-style:italic;color:var(--kim-primary-dark)}.landing-hero .deck{color:var(--kim-text-soft);font-size:1.05rem;line-height:1.5;max-width:36rem;margin:0 auto}.section{margin-top:2.5rem}.section-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.75rem;line-height:1.1;letter-spacing:-.005em;margin:0 0 .5rem;color:var(--kim-text)}.section-title-row{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.section-title-step{font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kim-primary-dark);background:var(--kim-primary-faint);padding:.15rem .55rem;border-radius:999px}.card{background:var(--kim-card-bg);border:1px solid var(--kim-border);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;box-shadow:var(--shadow-sm)}.card h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.5rem;line-height:1.1;margin:0 0 .5rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.plan-card{background:#fff;border:1px solid var(--kim-border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;text-align:left;cursor:pointer;position:relative;font-family:inherit;transition:border-color .15s,background .15s,transform .1s}.plan-card:hover{border-color:var(--kim-primary);background:var(--kim-primary-faint)}.plan-card.active{border:2px solid var(--kim-primary);background:var(--kim-primary-faint)}.plan-card-label{font-weight:600;font-size:1.1rem;margin-bottom:.4rem;color:var(--kim-text)}.plan-card-price{font-family:"Instrument Serif",Georgia,serif;font-size:2.2rem;font-weight:400;color:var(--kim-text);line-height:1;margin-bottom:.2rem}.plan-card-period{font-size:.88rem;color:var(--kim-text-muted)}.plan-card-netto{font-size:.82rem;color:var(--kim-text-faint);margin-top:.4rem}.plan-card-note{font-size:.85rem;color:var(--kim-text-soft);margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--kim-border)}.plan-card-badge{position:absolute;top:-.6rem;right:1rem;background:var(--kim-success);color:#fff;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.02em}.plan-foot{font-size:.92rem;color:var(--kim-text-soft);margin-top:1rem;line-height:1.55}.plan-foot strong{color:var(--kim-text)}.multi-kind-hint{margin-top:1rem;padding:.85rem 1rem;background:var(--kim-lila-faint);border:1px solid #ddd0ee;border-radius:var(--radius-md);font-size:.9rem;color:var(--kim-text-soft);line-height:1.5}.multi-kind-hint strong{color:var(--kim-text)}.auth-toggle-row{display:flex;gap:.5rem;margin:1rem 0 1.5rem}.auth-toggle-row .btn{flex:1;max-width:200px;padding:.65rem 1rem}.signedin-section{background:#fff}.signedin-section .user-line{font-size:.95rem;color:var(--kim-text-soft);margin-bottom:1.25rem}.signedin-section .user-line strong{color:var(--kim-text)}.link-button{background:none;border:none;color:var(--kim-primary-dark);cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit;padding:0 .15rem}.link-button:hover{color:var(--kim-primary)}.checkbox-row{display:flex;gap:.75rem;align-items:flex-start;margin:.85rem 0}.checkbox-row input[type=checkbox]{margin-top:.2rem;width:1.15rem;height:1.15rem;cursor:pointer;flex-shrink:0;accent-color:var(--kim-primary)}.checkbox-row label{font-size:.94rem;color:var(--kim-text);cursor:pointer;line-height:1.5}.submit-btn-large{width:100%;padding:1rem;font-size:1rem;margin-top:1rem}.alert-error{background:var(--kim-error-soft);border:1px solid #f0c0b3;color:#841a09;padding:.75rem 1rem;border-radius:var(--radius-md);margin:1rem 0;font-size:.92rem;line-height:1.5}.alert-info{background:var(--kim-primary-faint);border:1px solid var(--kim-primary-light);color:var(--kim-primary-dark);padding:.85rem 1.1rem;border-radius:var(--radius-md);margin:1rem 0;line-height:1.55}.alert-info strong{color:var(--kim-text)}.faq{padding:1.5rem 1.5rem .75rem}.faq h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.5rem;margin-top:0;margin-bottom:1rem}.faq details{margin-bottom:.75rem;border-bottom:1px solid var(--kim-border-soft);padding-bottom:.75rem}.faq details:last-child{border-bottom:none}.faq summary{cursor:pointer;font-weight:600;font-size:.98rem;color:var(--kim-text);list-style:none;padding:.3rem 2rem .3rem 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:.25rem;top:50%;transform:translateY(-50%);color:var(--kim-primary-dark);font-size:1.4rem;font-weight:300;line-height:1;transition:transform .15s}.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq details p{margin:.6rem 0 0;font-size:.93rem;line-height:1.6;color:var(--kim-text-soft)}.faq details p strong{color:var(--kim-text)}.page-header{text-align:center;margin:.5rem 0 1.5rem}.page-header h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(1.85rem,4vw,2.4rem);line-height:1.05;letter-spacing:-.015em;margin:0 0 .4rem;color:var(--kim-text)}.page-header .user-line{font-size:.95rem;color:var(--kim-text-soft);margin:0}.page-header .user-line strong{color:var(--kim-text)}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0 2rem}@media(max-width:720px){.status-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.status-strip{grid-template-columns:1fr}}.mini-tile{background:#fff;border:1px solid var(--kim-border);border-radius:var(--radius-md);padding:.85rem .95rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:var(--shadow-sm);min-height:84px}.mini-tile-kicker{font-family:IBM Plex Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--kim-primary-dark);font-weight:600}.mini-tile-value{font-family:"Instrument Serif",Georgia,serif;font-size:1.4rem;font-weight:400;line-height:1.1;letter-spacing:-.01em;color:var(--kim-text)}.mini-tile-meta{font-size:.78rem;color:var(--kim-text-muted);line-height:1.3}.card-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.45rem;line-height:1.1;margin:0 0 .75rem;color:var(--kim-text)}.card-deck{color:var(--kim-text-soft);font-size:.95rem;line-height:1.55;margin:0 0 1rem}.form-grid{display:flex;flex-direction:column;gap:1rem}.form-row label{display:block;font-weight:600;font-size:.94rem;color:var(--kim-text);margin-bottom:.35rem}.form-row label code{font-family:IBM Plex Mono,monospace;font-size:.9em;background:var(--kim-border-soft);padding:.05rem .3rem;border-radius:3px}.form-row input{width:100%;padding:.65rem .85rem;border:1px solid #cbd5e1;border-radius:var(--radius-md);font-size:1rem;font-family:inherit;background:#fff;color:var(--kim-text);transition:border-color .15s,box-shadow .15s;min-height:44px}.form-row input:focus{outline:none;border-color:var(--kim-primary);box-shadow:0 0 0 3px #1ca5bd26}.form-row input:disabled{background:var(--kim-border-soft);opacity:.7}.form-row-error{color:var(--kim-error);font-size:.85rem;margin:.3rem 0 0}.form-row-error code{font-family:IBM Plex Mono,monospace;background:var(--kim-error-soft);padding:.05rem .3rem;border-radius:3px}.status-line{font-size:.95rem;color:var(--kim-text-soft);line-height:1.5}.status-line strong{color:var(--kim-text)}.text-success{color:var(--kim-success);font-weight:500}.text-warn{color:#b25600;font-weight:500}.guthaben-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.guthaben-amount{font-family:"Instrument Serif",Georgia,serif;font-size:2rem;font-weight:400;line-height:1;color:var(--kim-text)}.alert-warn{background:#fef3c7;border:1px solid #fcd34d;color:#78350f;padding:.65rem .9rem;border-radius:var(--radius-md);font-size:.92rem;margin:.75rem 0 0}.alert-warn strong{color:#5a2a0a}.trial-pool{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed var(--kim-border)}.trial-pool-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem;gap:.5rem;flex-wrap:wrap}.trial-pool-head strong{font-size:.95rem;color:var(--kim-text)}.trial-pool-bar{background:var(--kim-border);border-radius:4px;height:8px;overflow:hidden}.trial-pool-bar-fill{height:100%;background:var(--kim-primary);transition:width .3s ease}.trial-pool-bar-fill.depleted{background:var(--kim-warning)}.wegweiser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.5rem}.wegweiser-tile{position:relative;display:block;padding:1rem 1.1rem;background:#fff;border:1px solid var(--kim-border);border-radius:var(--radius-md);color:var(--kim-text);text-decoration:none;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;min-height:88px}.wegweiser-tile:hover{border-color:var(--kim-primary);background:var(--kim-primary-faint);transform:translateY(-1px);box-shadow:var(--shadow-sm);color:var(--kim-text)}.wegweiser-tile-title{font-weight:600;font-size:1rem;color:var(--kim-text);margin-bottom:.25rem}.wegweiser-tile-desc{font-size:.85rem;color:var(--kim-text-muted);line-height:1.4;padding-right:1.25rem}.wegweiser-tile-arrow{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:var(--kim-primary-dark);font-size:1.1rem;transition:transform .15s}.wegweiser-tile:hover .wegweiser-tile-arrow{transform:translateY(-50%) translate(2px)}.app-access-block{border-top:1px solid var(--kim-border);padding-top:1.25rem;margin-top:1.25rem}.app-access-block:first-of-type{border-top:none;padding-top:0;margin-top:0}.app-access-title{font-size:1.08rem;font-weight:600;margin:0 0 .15rem;color:var(--kim-text)}.app-access-subtitle{font-size:.88rem;color:var(--kim-primary-dark);margin:0 0 .6rem;font-weight:500}.app-access-cockpit{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap;margin-top:.85rem}.app-access-qr{border:1px solid var(--kim-border);border-radius:var(--radius-md);padding:6px;background:#fff;flex:0 0 auto}.app-access-cockpit-text{flex:1 1 280px;min-width:0}.app-access-cockpit-text p{margin:0 0 .5rem}.app-access-url{display:block;padding:.55rem .65rem;background:var(--kim-border-soft);border-radius:var(--radius-sm);font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--kim-text-soft);word-break:break-all;margin-bottom:.75rem}.app-access-actions{display:flex;gap:.5rem;flex-wrap:wrap}.erfolg-hero{text-align:center;padding:1rem 0 2rem}.erfolg-hero-emoji{font-size:3rem;line-height:1;margin-bottom:.5rem}.erfolg-hero h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(1.85rem,4.5vw,2.4rem);line-height:1.05;letter-spacing:-.015em;margin:0 0 .75rem}.erfolg-hero h1 em{font-style:italic;color:var(--kim-primary-dark)}.saldo-display{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;padding:1.1rem 1.25rem;border-radius:var(--radius-md);background:var(--kim-primary-faint);border:1px solid var(--kim-primary-light)}.saldo-display.low{background:#fef3c7;border-color:#fcd34d}.saldo-amount{font-family:"Instrument Serif",Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1;color:var(--kim-text)}.topup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.topup-button{background:#fff;border:1.5px solid var(--kim-border);border-radius:var(--radius-md);padding:1.1rem .75rem;font-family:inherit;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:76px;color:var(--kim-text)}.topup-button:hover:not(:disabled){border-color:var(--kim-primary);background:var(--kim-primary-faint);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.topup-button:disabled{opacity:.5;cursor:not-allowed}.topup-button.recommended{background:var(--kim-primary);color:#fff;border-color:var(--kim-primary)}.topup-button.recommended:hover:not(:disabled){background:var(--kim-primary-dark);border-color:var(--kim-primary-dark);color:#fff}.topup-button.test{border:2px dashed var(--kim-warning);background:#fef3c7}.topup-button.test:hover:not(:disabled){background:#fde68a;border-color:#f59e0b}.topup-amount{font-size:1.2rem;font-weight:700;line-height:1}.topup-note{font-size:.7rem;font-weight:500;color:var(--kim-text-muted);letter-spacing:.04em;text-transform:uppercase}.topup-note.recommended{color:#ffffffeb}.topup-note.test{color:#92400e}.topup-historie{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:.5rem}.topup-historie thead tr{border-bottom:1px solid var(--kim-border);text-align:left}.topup-historie th{padding:.65rem .5rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--kim-text-muted);font-weight:500}.topup-historie th.num,.topup-historie td.num{text-align:right}.topup-historie tbody tr{border-bottom:1px solid var(--kim-border-soft)}.topup-historie tbody tr:last-child{border-bottom:none}.topup-historie td{padding:.65rem .5rem;color:var(--kim-text)}.chat-day-section{margin-top:1.75rem;padding:1.1rem 1.25rem;background:var(--kim-bg);border:1px solid var(--kim-border);border-radius:var(--radius-md)}.chat-day-section:first-of-type{margin-top:1.25rem}.chat-day-header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;margin:0 0 .85rem;padding-bottom:.6rem;border-bottom:1px dashed var(--kim-border);font-size:.95rem;font-weight:600}.chat-day-date{color:var(--kim-text);flex:1 1 auto}.chat-day-app,.chat-day-kind{font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:500;color:var(--kim-text-muted)}.chat-day-app code,.chat-day-kind code{color:var(--kim-primary-dark);background:var(--kim-primary-faint);padding:.05rem .3rem;border-radius:3px}.chat-message{margin:.55rem 0;padding:.65rem .9rem;border-radius:var(--radius-sm);font-size:.93rem;white-space:pre-wrap;word-break:break-word;line-height:1.55}.chat-message.from-kind{background:var(--kim-primary-faint);border-left:3px solid var(--kim-primary)}.chat-message.from-ai{background:#fff;border-left:3px solid var(--kim-border)}.chat-message-meta{font-size:.74rem;font-weight:600;color:var(--kim-text-muted);margin-bottom:.3rem;letter-spacing:.02em}.chat-message-body{color:var(--kim-text)}.text-muted{color:var(--kim-text-muted)}.text-soft{color:var(--kim-text-soft)}.text-center{text-align:center}.text-sm{font-size:.875rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:2.5rem}
