*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-box{background:#fff;padding:2rem;border-radius:8px;border:2px solid #333;width:100%;max-width:320px}.login-box h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{padding:.75rem;border:2px solid #333;border-radius:4px;font-size:1rem}.login-box button{padding:.75rem;background:#333;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.login-box button:disabled{background:#999}.login-error{color:#c00;background:#fee;padding:.75rem;border-radius:4px;font-size:.9rem;text-align:center}.app{max-width:700px;margin:0 auto;padding:1rem;padding-top:70px;min-height:100vh}.sticky-header{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:2px solid #333;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;z-index:1000}.header-left{display:flex;align-items:center;gap:.5rem;overflow:hidden;flex:1}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-nav-btn{width:32px;height:32px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;color:#333;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-nav-btn:hover:not(:disabled){background:#f0f0f0;border-color:#999}.header-nav-btn:disabled{opacity:.3;cursor:not-allowed}.burger-btn{width:32px;height:32px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:4px;flex-shrink:0}.burger-btn span{display:block;width:100%;height:2px;background:#333;transition:all .3s}.burger-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.header-breadcrumb{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.header-breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-sep{color:#999;margin:0 .3rem}.breadcrumb-item{background:none;border:none;cursor:pointer;color:#666;font-family:inherit;font-size:inherit;padding:.25rem .35rem;border-radius:3px}.breadcrumb-item:hover{background:#f0f0f0;color:#333}.breadcrumb-item.active{color:#333;font-weight:700}.search-btn,.logout-btn{padding:.4rem .75rem;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:4px;font-size:.85rem;color:#666}.search-btn:hover,.logout-btn:hover{background:#f0f0f0;border-color:#999;color:#333}.menu-dropdown{position:fixed;top:58px;left:0;background:#fff;border:2px solid #333;border-top:none;border-radius:0 0 8px;padding:1rem;z-index:999;min-width:250px;max-width:90vw;max-height:calc(100vh - 70px);overflow-y:auto;box-shadow:4px 4px #0000001a}.menu-section{margin-bottom:1rem}.menu-section:last-child{margin-bottom:0}.menu-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:.5rem}.menu-user{font-weight:700;color:#333}.menu-logout-btn{margin-top:.75rem;width:100%;padding:.5rem;background:#fff;color:#c00;border:1px solid #c00;border-radius:4px;cursor:pointer;font-size:.85rem}.menu-logout-btn:hover{background:#c00;color:#fff}.main-numbers{display:flex;flex-wrap:wrap;gap:.5rem}.main-number-btn{padding:.5rem .75rem;background:#fff;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700}.main-number-btn:hover,.main-number-btn.active{background:#333;color:#fff}.new-main-note-btn{width:100%;padding:.75rem 1rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.new-main-note-btn:hover{background:#555}.new-main-note-form{display:flex;flex-direction:column;gap:.5rem}.new-main-note-form textarea{width:100%;min-height:100px;padding:.75rem;border:2px solid #333;border-radius:4px;font-family:inherit;font-size:.9rem;resize:vertical}.new-main-note-form textarea:focus{outline:none;border-color:#555}.new-main-note-actions{display:flex;gap:.5rem}.new-main-note-actions button{flex:1;padding:.5rem;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:.85rem}.new-main-note-actions button:first-child{background:#333;color:#fff}.new-main-note-actions button:first-child:hover{background:#555}.new-main-note-actions button:last-child{background:#fff;color:#333}.new-main-note-actions button:last-child:hover{background:#f5f5f5}.search-dropdown{position:fixed;top:58px;right:0;background:#fff;border:2px solid #333;border-top:none;border-radius:0 0 0 8px;padding:1rem;z-index:999;min-width:300px;max-width:90vw;box-shadow:-4px 4px #0000001a}.search-input{width:100%;padding:.75rem;border:2px solid #333;border-radius:4px;font-size:1rem}.search-input:focus{outline:none;box-shadow:2px 2px #333}.search-results{margin-top:.75rem;max-height:300px;overflow-y:auto}.search-result{display:block;width:100%;text-align:left;padding:.75rem;background:none;border:none;border-bottom:1px solid #eee;cursor:pointer}.search-result:hover{background:#f5f5f5}.search-result:last-child{border-bottom:none}.search-result-num{font-weight:700;color:#333;margin-right:.5rem}.search-result-text{color:#666;font-size:.9rem}.search-empty{text-align:center;color:#999;padding:1rem}.overlay{position:fixed;inset:56px 0 0;background:#0003;z-index:998}.loading,.error{text-align:center;padding:2rem;color:#666}.error{color:#c00;background:#fee;border-radius:4px;margin-bottom:1rem}.fokus-container{display:flex;flex-direction:column;align-items:center}.fokus-nummer{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem}.fokus-nav{display:flex;align-items:stretch;gap:1rem;width:100%;margin-bottom:1.5rem}.nav-btn{padding:1rem .75rem;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;color:#666;white-space:nowrap;transition:all .2s}.nav-btn:hover:not(:disabled){background:#f0f0f0;border-color:#999;color:#333}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.fokus-zettel{flex:1;background:#fff;border:2px solid #333;border-radius:4px;padding:1.5rem}.fokus-zettel.struck .fokus-content{text-decoration:line-through;color:#999}.fokus-content{font-size:1.1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s;margin-bottom:1rem}.fokus-content:hover{background:#f8f8f8}.fokus-subnotes{margin-bottom:1rem;padding-top:1rem;border-top:1px dashed #ddd}.subnote-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0}.subnote-text{flex:1;cursor:pointer;line-height:1.5;padding:.25rem;border-radius:3px;transition:background .2s}.subnote-text:hover{background:#f0f0f0}.subnote-item.struck .subnote-text{text-decoration:line-through;color:#999}.subnote-delete{background:none;border:none;color:#999;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.subnote-delete:hover{color:#c00}.subnote-input-row{display:flex;gap:.5rem;margin-top:.5rem}.subnote-input-row input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.subnote-input-row button{padding:.5rem .75rem;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:.85rem}.subnote-input-row button:first-of-type{background:#333;color:#fff;border-color:#333}.add-subnote-btn{background:none;border:1px dashed #ccc;padding:.5rem 1rem;border-radius:4px;cursor:pointer;color:#666;font-size:.85rem;width:100%}.add-subnote-btn:hover{border-color:#999;color:#333}.fokus-meta{font-size:.8rem;color:#999;margin-top:1rem;padding-top:.5rem;border-top:1px solid #eee}.abzweigungen{width:100%;margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:4px;border:1px solid #ddd}.abzweigungen-title{font-size:.85rem;color:#666;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.abzweigungen-list{display:flex;flex-direction:column;gap:.5rem}.abzweigung-link{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.95rem;text-align:left;transition:all .2s}.abzweigung-link:hover{border-color:#333;background:#fafafa}.abzweigung-num{font-weight:700;color:#333;white-space:nowrap}.abzweigung-preview{color:#666;line-height:1.4}.anschluesse{width:100%;margin-bottom:1.5rem;padding:1rem;background:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.anschluesse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.anschluesse-title{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.add-ref-btn{padding:.35rem .75rem;background:#fff;border:1px dashed #666;border-radius:4px;cursor:pointer;font-size:.8rem;color:#666;transition:all .2s}.add-ref-btn:hover{background:#333;color:#fff;border-style:solid;border-color:#333}.ref-input-row{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.ref-input-row input{flex:1;min-width:150px;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.ref-input-row button{padding:.5rem .75rem;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:.85rem;white-space:nowrap}.ref-input-row button:first-of-type{background:#333;color:#fff}.ref-search-container{margin-bottom:.75rem}.ref-search-input{width:100%;padding:.6rem .75rem;border:2px solid #333;border-radius:4px;font-size:.95rem;margin-bottom:.5rem}.ref-search-input:focus{outline:none;border-color:#2563eb}.ref-search-results{max-height:250px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#fff;margin-bottom:.5rem}.ref-search-result{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.6rem .75rem;background:#fff;border:none;border-bottom:1px solid #eee;cursor:pointer;text-align:left;transition:background .15s}.ref-search-result:last-child{border-bottom:none}.ref-search-result:hover{background:#f5f5f5}.ref-result-num{font-weight:700;color:#333;font-size:.9rem}.ref-result-text{color:#666;font-size:.85rem;line-height:1.4;margin-top:.2rem}.ref-search-empty{padding:1rem;text-align:center;color:#999;font-size:.9rem}.ref-search-cancel{padding:.5rem .75rem;background:#fff;border:1px solid #666;border-radius:4px;cursor:pointer;font-size:.85rem;color:#666}.ref-search-cancel:hover{background:#666;color:#fff}.ref-input-row button:last-of-type{background:#fff;color:#333}.anschluesse-list{display:flex;flex-direction:column;gap:.5rem}.anschluss-item{display:flex;align-items:stretch;gap:0}.anschluss-link{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.6rem .75rem;background:#fff;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:.9rem;text-align:left;width:100%}.anschluss-item .anschluss-link{border-radius:4px 0 0 4px;border-right:none;flex:1}.anschluss-direction{font-weight:700;margin-right:.25rem}.anschluss-num{font-weight:700;white-space:nowrap}.anschluss-preview{font-size:.85rem;color:#666;line-height:1.4;display:block;margin-top:.25rem}.anschluss-link:hover .anschluss-preview{color:#ccc}.anschluss-remove{padding:.6rem .75rem;background:#fff;border:1px solid #c00;border-radius:0 4px 4px 0;cursor:pointer;font-size:.9rem;color:#c00;transition:all .2s;display:flex;align-items:center}.anschluss-remove:hover{background:#c00;color:#fff}.anschluss-link:hover{background:#333;color:#fff}.anschluss-in{border-color:#666;color:#666}.anschluss-in:hover{background:#666;color:#fff}.anschluesse-empty{color:#999;font-size:.85rem;font-style:italic}.new-note-buttons{display:flex;gap:.75rem;width:100%}@media(max-width:500px){.new-note-buttons{flex-direction:column}}.new-note-btn{flex:1;padding:1rem;background:#fff;border:2px dashed #333;border-radius:4px;cursor:pointer;font-size:1rem;color:#333;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.new-note-btn .btn-label{font-weight:500}.new-note-btn .btn-preview{font-size:.8rem;color:#666;font-family:monospace}.new-note-btn:hover{background:#333;color:#fff;border-style:solid}.new-note-btn:hover .btn-preview{color:#ccc}.continue-btn{border-color:#2563eb;color:#1e40af}.continue-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.continue-btn .btn-preview{color:#3b82f6}.continue-btn:hover .btn-preview{color:#93c5fd}.branch-btn{border-color:#16a34a;color:#15803d}.branch-btn:hover{background:#16a34a;color:#fff;border-color:#16a34a}.branch-btn .btn-preview{color:#22c55e}.branch-btn:hover .btn-preview{color:#86efac}.new-note-btn.exists{border-style:solid;background:#f5f5f5}.continue-btn.exists{border-color:#93c5fd;color:#3b82f6;background:#eff6ff}.continue-btn.exists:hover{background:#3b82f6;color:#fff}.continue-btn.exists .btn-preview{color:#60a5fa}.branch-btn.exists{border-color:#86efac;color:#22c55e;background:#f0fdf4}.branch-btn.exists:hover{background:#22c55e;color:#fff}.branch-btn.exists .btn-preview{color:#4ade80}.new-note-form{width:100%;background:#fff;border:2px solid #333;border-radius:4px;padding:1rem}.new-note-mode-info{font-size:.9rem;color:#666;margin-bottom:.75rem;padding:.5rem;background:#f5f5f5;border-radius:4px;font-family:monospace}.new-note-form textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;resize:vertical;margin-bottom:.75rem;font-family:inherit}.new-note-actions{display:flex;gap:.5rem}.new-note-actions button{padding:.75rem 1rem;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:.9rem}.new-note-actions button:first-child{background:#333;color:#fff;flex:1}.new-note-actions button:last-child{background:#fff;color:#333}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{color:#666;margin-bottom:1.5rem}.first-note-btn{padding:1rem 2rem;background:#fff;border:2px dashed #333;border-radius:4px;cursor:pointer;font-size:1rem;color:#333;transition:all .2s}.first-note-btn:hover{background:#333;color:#fff;border-style:solid}