:root{--bg: #F5F1EB;--surface: #FFFFFF;--text: #2C2825;--text-muted: #9C9590;--accent: #6B7F64;--accent-hover: #5A6E54;--accent-light: rgba(107, 127, 100, .08);--border: #E5DED5;--font-display: "Cormorant", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:300;color:var(--text);background:var(--bg);min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding-top:6vh}#app{width:100%;padding:2rem}.container{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;transition:max-width .4s ease}.container.wide{max-width:1100px}#plant-canvas{position:fixed;top:0;left:0;z-index:0;pointer-events:none}#app{position:relative;z-index:1}.container{background:#f5f1ebe0;border-radius:24px;padding:2rem 2.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logo{font-family:var(--font-display);font-weight:300;font-size:2.4rem;letter-spacing:.45em;text-transform:lowercase;color:var(--text);margin-bottom:3rem;text-indent:.45em;opacity:0;animation:fadeIn 1s ease forwards .5s}.welcome{width:100%;max-width:480px;text-align:center;margin-bottom:2rem;opacity:0;animation:fadeIn .8s ease forwards .6s}.welcome-input-wrap{display:flex;justify-content:center}.name-input{font-family:var(--font-display);font-size:1.1rem;font-weight:300;font-style:italic;color:var(--text);background:transparent;border:none;border-bottom:1.5px solid var(--border);padding:.4rem .5rem;text-align:center;width:260px;outline:none;transition:border-color .3s ease;letter-spacing:.03em}.name-input:focus{border-bottom-color:var(--accent)}.name-input::placeholder{color:var(--border);font-style:italic}.welcome-greeting{font-family:var(--font-display);font-size:1.05rem;font-weight:300;font-style:italic;color:var(--text-muted);letter-spacing:.04em;cursor:pointer;padding:.3rem 0;transition:color .2s ease}.welcome-greeting:hover{color:var(--text)}.upload-zone{width:100%;max-width:480px;border:1.5px dashed var(--border);border-radius:16px;padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:border-color .3s ease,background .3s ease;opacity:0;animation:fadeIn .8s ease forwards .8s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-light)}.upload-label{font-family:var(--font-display);font-size:1.25rem;font-weight:400;letter-spacing:.05em;color:var(--text);margin-bottom:.5rem}.upload-hint{font-size:.8rem;color:var(--text-muted);letter-spacing:.03em}.staging{width:100%;max-width:480px;animation:fadeIn .5s ease forwards}.staged-files{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.staged-file{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem}.staged-file-icon{color:var(--accent);flex-shrink:0;display:flex}.staged-file-name{flex:1;font-size:.82rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staged-file-remove{font-size:1.1rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0 .3rem;line-height:1;transition:color .2s ease}.staged-file-remove:hover{color:var(--text)}.staging-actions{display:flex;gap:.75rem;justify-content:center}.add-more-btn{font-family:var(--font-body);font-weight:300;font-size:.78rem;letter-spacing:.04em;color:var(--text-muted);background:none;border:1.5px dashed var(--border);border-radius:8px;padding:.55rem 1.25rem;cursor:pointer;transition:border-color .25s ease,color .25s ease}.add-more-btn:hover{border-color:var(--accent);color:var(--accent)}.start-btn{font-family:var(--font-body);font-weight:400;font-size:.82rem;letter-spacing:.06em;color:var(--surface);background:var(--accent);border:none;border-radius:8px;padding:.6rem 2rem;cursor:pointer;transition:background .25s ease,transform .15s ease}.start-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.start-btn:active{transform:translateY(0)}.start-btn:disabled{opacity:.4;cursor:default;transform:none}.processing{text-align:center;padding:2rem 0}.processing-text{font-family:var(--font-display);font-size:1.1rem;font-style:italic;color:var(--text-muted);letter-spacing:.04em}.processing-timer{font-family:var(--font-body);font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.06em;margin-top:.6rem}.preview{width:100%;margin-bottom:2rem;opacity:0;animation:slideUp .6s ease forwards}.preview-title{font-family:var(--font-display);font-weight:400;font-size:1.15rem;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;text-align:center}.preview-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.preview-table{width:100%;border-collapse:collapse;font-size:.78rem;letter-spacing:.01em}.preview-table thead{border-bottom:1px solid var(--border)}.preview-table th{font-family:var(--font-body);font-weight:500;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:.85rem 1rem;white-space:nowrap}.preview-table td{padding:.7rem 1rem;border-top:1px solid rgba(0,0,0,.04);color:var(--text)}.preview-table th:first-child,.preview-table td:first-child{white-space:nowrap}.preview-table th:last-child,.preview-table td:last-child{white-space:nowrap}.preview-table tr:first-child td{border-top:none}.preview-table .mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.preview-table colgroup{width:100%}.preview-table td:nth-child(1){min-width:120px;max-width:200px}.preview-table td:nth-child(2){min-width:100px}.preview-table td:nth-child(3){min-width:100px}.preview-table td:nth-child(4){min-width:80px}.preview-table td:nth-child(5){min-width:50px;width:60px}.preview-table .empty{color:var(--border)}.preview-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-bottom:.75rem;letter-spacing:.03em}.preview-table td.editable{cursor:text;transition:background .2s ease,box-shadow .2s ease;outline:none;min-width:60px}.preview-table td.editable:hover{background:var(--accent-light)}.preview-table td.editable:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent);white-space:normal;overflow:visible}.preview-table td.empty-cell:before{content:"—";color:var(--border)}.preview-empty{text-align:center;color:var(--text-muted);padding:2rem!important;font-style:italic}.update-btn{display:block;margin:1rem auto 0;font-family:var(--font-body);font-weight:400;font-size:.78rem;letter-spacing:.06em;color:var(--accent);background:none;border:1.5px solid var(--accent);border-radius:8px;padding:.55rem 1.5rem;cursor:pointer;transition:background .25s ease,color .25s ease}.update-btn:hover{background:var(--accent);color:var(--surface)}.update-btn:disabled{opacity:.5;cursor:default}.mazen-preview-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.75rem;font-size:.82rem;line-height:1.7;max-height:400px;overflow-y:auto}.mazen-segment{margin-bottom:.5rem}.mazen-tc{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:500;font-size:.75rem;letter-spacing:.04em}.mazen-tc.mazen-tc-new{background:var(--accent-light);padding:.1rem .4rem;border-radius:4px}.mazen-sprecher{font-weight:500}.mazen-oton{color:var(--text-muted);font-style:italic}.staged-file-type{font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--accent-light);border-radius:4px;padding:.15rem .4rem;flex-shrink:0}.results{width:100%;max-width:680px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.result-card{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:2px 2px 14px 14px;padding:2.25rem 1.5rem 2rem;text-align:center;opacity:0;transform:translateY(16px);animation:cardReveal .7s cubic-bezier(.23,1,.32,1) forwards;box-shadow:0 2px 12px #2c28250f,0 1px 3px #2c28250a;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease}.result-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2c28251a,0 2px 6px #2c28250f}.result-card:nth-child(2){animation-delay:.1s}.result-card:nth-child(3){animation-delay:.2s}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--accent-light);color:var(--accent);margin-bottom:1rem}.result-type{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.14em;margin-bottom:.25rem}.result-detail{font-size:.7rem;color:var(--text-muted);letter-spacing:.04em;margin-bottom:1.5rem}.download-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:400;font-size:.76rem;letter-spacing:.08em;color:var(--accent);background:transparent;border:1.5px solid var(--accent);border-radius:8px;padding:.6rem 1.4rem;cursor:pointer;transition:background .3s ease,color .3s ease,transform .2s ease}.download-btn:after{content:"";display:inline-block;width:14px;height:14px;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;transition:transform .25s ease}.download-btn:hover{background:var(--accent);color:var(--surface);transform:translateY(-1px)}.download-btn:hover:after{transform:translateY(2px)}.download-btn:active{transform:translateY(0)}.portal-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:400;font-size:.76rem;letter-spacing:.08em;color:var(--surface);background:var(--accent);border:1.5px solid var(--accent);border-radius:8px;padding:.6rem 1.4rem;cursor:pointer;transition:background .3s ease,transform .2s ease}.portal-btn:after{content:"";display:inline-block;width:14px;height:14px;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.portal-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.portal-btn:active{transform:translateY(0)}.portal-btn:disabled{opacity:.5;cursor:default;transform:none}.portal-btn.portal-running{background:transparent;color:var(--accent);cursor:default}.portal-btn.portal-running:after{display:none}.portal-btn.portal-done{background:transparent;color:var(--accent);border-color:var(--accent);cursor:default}.portal-btn.portal-done:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");display:inline-block}.portal-status{font-size:.68rem;color:var(--text-muted);margin-top:.6rem;letter-spacing:.02em;line-height:1.4}.portal-status.portal-error{color:#b85450}.reset-btn{font-family:var(--font-body);font-weight:300;font-size:.8rem;letter-spacing:.06em;color:var(--text-muted);background:none;border:none;margin-top:2rem;cursor:pointer;padding:.5rem 1rem;transition:color .25s ease}.reset-btn:hover{color:var(--text)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.preview-row-active{background:var(--accent-light);transition:background .3s ease}.preview-row-done{transition:background .3s ease}td.needs-review{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-light);cursor:text;outline:none;white-space:normal!important;overflow:visible!important}td.needs-review:focus{box-shadow:inset 0 0 0 2px var(--accent-hover);background:var(--surface)}.continue-btn{display:block;margin:1rem auto 0;font-family:var(--font-body);font-weight:400;font-size:.82rem;letter-spacing:.06em;color:var(--surface);background:var(--accent);border:none;border-radius:8px;padding:.65rem 2rem;cursor:pointer;transition:background .25s ease,transform .15s ease}.continue-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.continue-btn:active{transform:translateY(0)}.back-btn{display:block;margin:.5rem auto 0;font-family:var(--font-body);font-weight:300;font-size:.78rem;letter-spacing:.04em;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.4rem 1rem;transition:color .2s ease}.back-btn:hover{color:var(--text)}.portal-progress{width:100%;animation:fadeIn .5s ease}.portal-bar-wrap{width:100%;height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:1.25rem}.portal-bar{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .6s ease}.portal-step{font-family:var(--font-display);font-size:1rem;font-style:italic;color:var(--text);letter-spacing:.03em;text-align:center;margin-bottom:.3rem}.portal-eta{font-family:var(--font-body);font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.04em;text-align:center;margin-bottom:1.25rem}.portal-log{display:flex;flex-direction:column;gap:.3rem;max-height:260px;overflow-y:auto}.portal-log-entry{font-size:.75rem;color:var(--text-muted);padding:.35rem .6rem;border-radius:6px;letter-spacing:.02em;transition:background .3s ease}.portal-log-entry.done{color:var(--accent)}.portal-log-entry.active{color:var(--text);background:var(--accent-light);font-weight:400}.portal-log-entry.error{color:#b85450}.hkn-table td:first-child{white-space:nowrap;width:6rem}.hkn-table td:nth-child(2){min-width:10rem}.hkn-table td:nth-child(3){min-width:8rem;font-size:.8rem}.hkn-table td:nth-child(4){min-width:6rem}.hkn-remove-cell{width:2rem;text-align:center;padding:0!important;border:none!important;background:transparent!important}.hkn-remove-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;opacity:0;transition:opacity .15s ease;padding:.2rem .4rem}tr:hover .hkn-remove-btn{opacity:.6}.hkn-remove-btn:hover{opacity:1!important;color:#c45}.hkn-actions{margin-top:.5rem;text-align:right}.add-row-btn{background:none;border:1px dashed var(--border);color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;padding:.35rem .9rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.add-row-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.auth-overlay{position:fixed;inset:0;z-index:100;background:#2c282559;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.auth-modal{position:relative;background:var(--surface);border-radius:16px;padding:2.5rem 2.5rem 2rem;width:340px;max-width:calc(100vw - 2rem);text-align:center;box-shadow:0 16px 48px #2c282526,0 4px 12px #2c282514;animation:modalReveal .35s cubic-bezier(.23,1,.32,1)}@keyframes modalReveal{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-close{position:absolute;top:.75rem;right:.75rem;font-size:1.4rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s ease}.auth-close:hover{color:var(--text)}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-light);color:var(--accent);margin-bottom:1.25rem}.auth-title{font-family:var(--font-display);font-weight:400;font-size:1.3rem;letter-spacing:.1em;margin-bottom:.5rem}.auth-message{font-size:.78rem;color:var(--text-muted);line-height:1.5;letter-spacing:.02em;margin-bottom:1.25rem}.auth-message.auth-error{color:#b85450}.auth-code-group{display:flex;gap:.6rem;justify-content:center;margin-bottom:1rem}.auth-code-input{font-family:var(--font-body);font-size:1.4rem;font-weight:400;letter-spacing:.35em;text-align:center;width:160px;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);outline:none;transition:border-color .2s ease}.auth-code-input:focus{border-color:var(--accent)}.auth-code-btn{font-family:var(--font-body);font-weight:400;font-size:.78rem;letter-spacing:.06em;color:var(--surface);background:var(--accent);border:none;border-radius:8px;padding:0 1.25rem;cursor:pointer;transition:background .25s ease}.auth-code-btn:hover{background:var(--accent-hover)}.auth-code-btn:disabled{opacity:.5;cursor:default}.auth-number{font-family:var(--font-body);font-size:2.5rem;font-weight:500;letter-spacing:.15em;color:var(--accent);margin-bottom:1rem}.auth-spinner{display:flex;justify-content:center;margin-bottom:.5rem}.auth-spinner-ring{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-spinner.hidden .auth-spinner-ring{display:none}.redakteur-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:0 .25rem}.redakteur-label{font-size:.75rem;font-weight:400;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.redakteur-input{flex:1;font-family:var(--font-body);font-size:.82rem;font-weight:300;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.55rem .85rem;outline:none;transition:border-color .2s ease}.redakteur-input:focus{border-color:var(--accent)}.redakteur-input::placeholder{color:var(--border)}.sequence-select{margin-bottom:1rem;animation:fadeIn .3s ease}.seq-label{display:block;font-size:.75rem;font-weight:400;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem;padding-left:.25rem}.seq-loading{font-size:.78rem;color:var(--text-muted);font-style:italic;text-align:center;padding:.5rem 0}.seq-buttons{display:flex;flex-direction:column;gap:.4rem}.seq-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;font-family:var(--font-body);font-size:.8rem;font-weight:300;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .85rem;cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease}.seq-btn:hover{border-color:var(--accent);background:var(--accent-light)}.seq-btn-active{border-color:var(--accent);background:var(--accent-light);font-weight:400}.seq-name{font-weight:inherit}.seq-clips{font-size:.65rem;color:var(--text-muted);letter-spacing:.04em;white-space:nowrap}.seq-change-link{font-family:var(--font-body);font-size:.72rem;font-weight:300;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.3rem 0;text-align:center;width:100%;letter-spacing:.03em;transition:color .2s ease}.seq-change-link:hover{color:var(--accent)}@media(max-width:480px){.logo{font-size:1.8rem}.upload-zone{padding:2.5rem 1.5rem}.results{grid-template-columns:1fr}.result-card{padding:1.75rem 1.25rem 1.5rem}.result-icon{width:44px;height:44px}.preview-table th,.preview-table td{padding:.6rem .7rem;font-size:.72rem}}