:root{--color-primary:#718e71;--color-text:#333333;--color-background:#ffffff;--color-light-bg:#f9f5f0;--color-border:#e0e0e0;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Lato", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}.bonifaktur-translator-page{font-family:var(--font-sans);color:var(--color-text);line-height:1.6;background-color:var(--color-background);max-width:100vw;margin:40px auto 0;min-height:100vh;padding:20px 20px 80px}.bonifaktur-container{max-width:1100px;margin:0 auto;padding:20px}.bonifaktur-header{text-align:center;margin-bottom:30px}.bonifaktur-header h1{font-family:var(--font-serif);font-weight:400;font-size:2.2rem;margin-bottom:10px;color:var(--color-text)}.subtitle{font-style:italic;color:var(--color-primary);font-size:1.1rem;margin-bottom:20px}.user-status{display:flex;justify-content:flex-end;align-items:center;font-size:.9rem;margin-bottom:10px}.status-indicator{display:inline-block;padding:5px 10px;border-radius:20px;background-color:#eee;margin-left:8px}.status-basic{background-color:#e9ecef;color:#495057}.status-premium{background-color:var(--color-primary);color:#fff}.upgrade-button{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:.9rem;margin-left:10px}.input-output-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:768px){.input-output-container{grid-template-columns:1fr}}.input-section,.output-section{display:flex;flex-direction:column}.textarea-label{font-weight:500;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.char-count{font-size:.8rem;color:#666}.char-count.limit-reached{color:#d9534f;font-weight:500}textarea{width:100%;height:300px;padding:12px;border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-sans);font-size:1rem;line-height:1.5;resize:vertical}.output-textarea{background-color:var(--color-light-bg)}.actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.btn{padding:10px 20px;border:2px solid var(--color-primary);border-radius:4px;background-color:var(--color-primary);color:#fff;font-family:var(--font-sans);font-size:1rem;cursor:pointer;transition:all .2s ease}.btn:hover{background-color:#fff0;color:var(--color-primary)}.btn-secondary{background-color:#f8f9fa;border-color:#ddd;color:#444}.btn-secondary:hover{background-color:#f1f1f1;color:#333}.btn-premium{background-color:#f8f9fa;border-color:var(--color-primary);color:var(--color-primary)}.btn-premium:hover{background-color:var(--color-primary);color:#fff}.premium-feature-banner{text-align:center;padding:15px;background-color:var(--color-light-bg);border-radius:4px;margin-top:20px}.dictionary-preview{margin-top:30px;padding:20px;background-color:var(--color-light-bg);border-radius:4px}.dictionary-preview h3{font-family:var(--font-serif);margin-top:0;margin-bottom:15px}.terms-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.term-item{display:flex}.term-item .english{font-weight:500;min-width:80px}.premium-table{width:100%;border-collapse:collapse;margin-top:30px;margin-bottom:15px}.premium-table th{background-color:var(--color-light-bg);padding:10px;text-align:left}.premium-table td{padding:12px 10px;border-bottom:1px solid var(--color-border)}.feature-check{color:var(--color-primary);font-weight:700}.feature-cross{color:#888}.modal-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;justify-content:center;align-items:center}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{padding:20px 25px 10px;position:relative}.modal-header h2{font-family:var(--font-serif);font-weight:400;margin:0}.modal-close{position:absolute;top:15px;right:15px;font-size:22px;font-weight:700;cursor:pointer;color:#777;border:none;background:none}.modal-body{padding:0 25px 25px}.tab-container{margin-bottom:20px}.tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:20px}.tab{padding:10px 15px;cursor:pointer;opacity:.7}.tab.active{border-bottom:2px solid var(--color-primary);opacity:1}.tab-content{display:none}.tab-content.active{display:block}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-control{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-sans);font-size:.95rem}.form-check{display:flex;align-items:flex-start;margin-top:15px;margin-bottom:20px}.form-check input{margin-top:5px;margin-right:10px}.form-check label{font-size:.9rem;line-height:1.4}.highlighted-output{font-family:var(--font-sans);font-size:1rem;white-space:pre-wrap;position:relative}.highlighted-term{background-color:#718e711a;border-radius:4px;padding:0 4px;margin:0 2px;color:var(--color-primary);font-style:normal;font-weight:500;pointer-events:none}.highlighted-term:before,.highlighted-term:after{color:#888}.highlighted-output{line-height:1.75}.highlighted-complex{position:relative;color:#c87d56;font-weight:500;cursor:pointer;display:inline-block;padding:0 2px;border-bottom:1px dotted #c87d56;pointer-events:auto;z-index:999}.original-term{font-style:italic;font-size:.9em;color:#888}#knitting-tooltip{position:absolute;z-index:10000;background:#fff;border:2px solid #c87d56;border-radius:6px;padding:10px;box-shadow:0 3px 10px #0003;width:240px;max-width:90vw;pointer-events:auto;font-size:.9rem;line-height:1.4;transition:opacity .2s}.video-link{display:inline-block;background:#718e71;color:#fff!important;text-decoration:none;padding:5px 10px;border-radius:4px;margin-top:6px;font-size:.85em;text-align:center}.premium-lock{display:inline-block;background:#f0f0f0;color:#777;padding:5px 10px;border-radius:4px;margin-top:6px;font-size:.85em;text-align:center}.premium-lock:before{content:"\1f512";margin-right:5px}@media (max-width:600px){.actions{flex-direction:column;gap:10px}.actions .btn{width:100%}}.video-tutorials-preview{margin-top:40px;padding:20px;background-color:var(--color-light-bg);border-radius:8px}.video-tutorials-preview h3{font-family:var(--font-serif);font-size:1.6rem;color:var(--color-text);margin-bottom:12px}.video-tutorials-preview p{color:#555;margin-bottom:24px}.complex-techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.complex-technique-item{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;cursor:default;text-align:center}.complex-technique-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.technique-english{display:block;font-weight:600;font-size:1.1rem;color:var(--color-primary);margin-bottom:6px}.technique-german{font-style:italic;color:#666;font-size:.95rem}.premium-feature-note{margin-top:25px;font-size:.9rem;text-align:center}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px;border-radius:4px}.premium-table{width:100%;min-width:500px;border-collapse:collapse;margin-top:30px;margin-bottom:15px}@media (max-width:768px){.table-responsive{position:relative}.table-responsive:after{content:"";position:absolute;top:0;right:0;bottom:0;width:15px;background:linear-gradient(to right,#fff0,#f0f0f0b3);pointer-events:none;opacity:0;transition:opacity .3s ease}.table-responsive:not(.scrolled-all-the-way) .table-responsive:after{opacity:1}.table-responsive{border:1px solid var(--color-border)}}.video-tutorials-preview{margin-top:40px;padding:30px;background-color:var(--color-light-bg);border-radius:12px;box-shadow:0 2px 15px #00000008}.video-tutorials-preview h3{font-family:var(--font-serif);font-size:1.7rem;color:var(--color-text);margin-bottom:15px;font-weight:400}.video-tutorials-preview p{color:#555;margin-bottom:28px;line-height:1.5;max-width:90%}.premium-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.premium-item:not(.active):hover .premium-lock-overlay{opacity:1}.premium-lock-overlay span{display:inline-block;background-color:#fff;color:#333;font-weight:500;padding:8px 15px;border-radius:20px;font-size:.9em;box-shadow:0 2px 8px #0000001a}.premium-lock-overlay span:before{content:"\1f512";margin-right:6px}.premium-item.active .premium-lock-overlay{display:none}.premium-badge{position:absolute;top:10px;right:10px;background-color:#c87d56;color:#fff;font-size:.7rem;font-weight:500;padding:3px 8px;border-radius:10px;z-index:10;text-transform:uppercase;letter-spacing:.5px}.premium-feature-note{margin-top:30px;font-size:.9rem;text-align:center;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000008;max-width:100%;margin-left:auto;margin-right:auto}.premium-feature-note span{color:#c87d56;font-weight:600}.bonifaktur-introduction{margin:0 auto 30px;max-width:800px;text-align:center}.bonifaktur-introduction p{color:#555;line-height:1.6;font-size:1.05rem;margin:0}@media (max-width:768px){.bonifaktur-introduction{padding:0 15px;margin-bottom:25px}.bonifaktur-introduction p{font-size:.95rem;text-align:left}}.video-tutorials-preview{margin-top:40px;padding:30px;background-color:var(--color-light-bg);border-radius:12px 12px 0 0;box-shadow:0 2px 15px #00000008;margin-bottom:0}.complex-techniques-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.complex-technique-item{background-color:#fff;border:1px solid var(--color-border);border-radius:10px;padding:0;box-shadow:0 3px 10px #0000000a;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;position:relative;cursor:pointer}.complex-technique-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.technique-thumbnail{height:140px;width:100%;background-color:#f0f0f0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.technique-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.complex-technique-item:hover .technique-thumbnail img{transform:scale(1.05)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#718e71e6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .3s ease,transform .3s ease}.play-icon:before{content:"";display:block;width:0;height:0;border-top:8px solid #fff0;border-left:16px solid #fff;border-bottom:8px solid #fff0;margin-left:4px}.complex-technique-item:hover .play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.technique-content{padding:16px;text-align:center;border-top:1px solid #f0f0f0}.technique-english{display:block;font-weight:600;font-size:1.15rem;color:var(--color-primary);margin-bottom:6px}.technique-german{font-style:italic;color:#666;font-size:.95rem;display:block;line-height:1.3}.video-tutorials-note{margin-top:0;font-size:.9rem;text-align:center;padding:15px 20px;background-color:var(--color-light-bg);border-radius:0 0 12px 12px;box-shadow:0 2px 10px #00000008;margin-bottom:30px;border-top:1px solid rgb(0 0 0 / .05)}@media (max-width:768px){.complex-techniques-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.technique-thumbnail{height:120px}.technique-english{font-size:1rem}}@media (max-width:480px){.complex-techniques-grid{grid-template-columns:repeat(2,1fr)}.video-tutorials-preview{padding:20px}.video-tutorials-preview h3{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/translator.css.map */