*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f0fa;--surface: #ffffff;--surface2: #ede4f5;--accent: #9b59b6;--accent-light: #c39bd3;--accent-bg: rgba(155, 89, 182, .08);--text: #2d1b40;--text-muted: #7c6b8a;--border: #e0d4ec;--radius: 10px;--shadow: 0 2px 8px rgba(100, 60, 130, .08);--font: system-ui, -apple-system, sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}.main-nav{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #643c820f}.main-nav button{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.4rem .9rem;border-radius:var(--radius);cursor:pointer;font-size:.9rem;transition:all .2s}.main-nav button:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-light)}.main-nav button.active,.main-nav button[aria-current=page]{color:var(--accent);border-color:var(--accent);background:var(--accent-bg);font-weight:500}.main-nav .logout-button{margin-left:auto}.main-content{flex:1;padding:1.5rem 1rem;max-width:640px;width:100%;margin:0 auto}h1{font-size:1.6rem;margin-bottom:1.2rem;color:var(--text)}h2{font-size:1.2rem;margin:1rem 0 .6rem;color:var(--text)}h3{font-size:1rem;margin:.8rem 0 .4rem;color:var(--text)}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem;transition:all .2s;box-shadow:var(--shadow)}button:hover:not(:disabled){background:var(--surface2);border-color:var(--accent-light)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#8e44ad;border-color:#8e44ad}input,textarea,select{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:var(--radius);font-size:.95rem;font-family:var(--font);transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #9b59b61f}label{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem;font-size:.9rem;color:var(--text-muted)}.error{color:#a94442;background:#fdf0f0;border:1px solid #f2c6c6;padding:.6rem .9rem;border-radius:var(--radius);margin:.8rem 0}.loading{color:var(--text-muted)}.empty{color:var(--text-muted);padding:2rem 0;text-align:center}.katalog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.katalog-header h1{margin-bottom:0}.create-button{background:var(--accent);border-color:var(--accent);color:#fff;font-size:.9rem;padding:.5rem 1rem;white-space:nowrap;flex-shrink:0}.create-button:hover:not(:disabled){background:#8e44ad;border-color:#8e44ad}.create-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1.2rem;box-shadow:var(--shadow)}.create-form h2{margin-top:0;font-size:1.1rem}.create-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.search-form{display:flex;gap:.5rem;margin-bottom:1.2rem;flex-wrap:wrap}.search-form input{flex:1;min-width:140px}.gematria-input{max-width:120px}.search-form button{flex-shrink:0}.card-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.card-item.archived{opacity:.5}.card-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:var(--radius);box-shadow:var(--shadow)}.card-button:hover{background:var(--surface2);border-color:var(--accent-light)}.card-text{font-size:1rem;flex:1}.card-gematria{font-size:.85rem;color:var(--accent);background:var(--accent-bg);padding:.2rem .5rem;border-radius:6px;flex-shrink:0;font-weight:500}.badge-archived{font-size:.75rem;background:var(--surface2);padding:.15rem .4rem;border-radius:4px;color:var(--text-muted)}.back-button{background:none;border:none;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;padding:0;box-shadow:none}.back-button:hover{color:var(--accent)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.card-text-title{font-size:1.5rem;margin:0}.gematria-display{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.gematria-value{font-size:2.5rem;font-weight:300;color:var(--accent)}.gematria-rule{font-size:.75rem;color:var(--text-muted);font-family:monospace}.card-note{background:var(--surface);border-left:3px solid var(--accent-light);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1rem;font-size:.95rem;box-shadow:var(--shadow)}.card-date{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:1.2rem}.card-media ul,.card-links ul{list-style:none}.card-media li{background:var(--surface);padding:.5rem .75rem;border-radius:var(--radius);margin-bottom:.4rem;border:1px solid var(--border)}.media-filename{display:block;font-size:.9rem}.media-meta{font-size:.75rem;color:var(--text-muted)}.linked-card{display:flex;gap:.4rem;margin-bottom:.4rem}.link-nav-button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.6rem .8rem;background:var(--surface);text-align:left;border-radius:var(--radius);border:1px solid var(--border)}.link-nav-button:hover{background:var(--surface2);border-color:var(--accent-light)}.remove-link-button{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.3rem .5rem;font-size:1.1rem;line-height:1;border-radius:var(--radius);flex-shrink:0;box-shadow:none}.remove-link-button:hover{color:#a94442;border-color:#f2c6c6}.card-actions{display:flex;gap:.6rem;margin-top:1.5rem;flex-wrap:wrap}.archive-button{background:none;color:var(--text-muted);border-color:var(--border)}.edit-form label{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem}.edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.shuffle-button{display:block;width:100%;padding:1.2rem;font-size:1.1rem;background:var(--accent);border-color:var(--accent);color:#fff;border-radius:var(--radius);margin-bottom:1.5rem;letter-spacing:.05em}.shuffle-button:hover:not(:disabled){background:#8e44ad}.drawn-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}.view-card-button{margin:.8rem 0 1.2rem}.shuffle-actions{display:flex;flex-direction:column;gap:.5rem}.new-association-form,.connect-existing-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.search-row{display:flex;gap:.5rem;margin-bottom:.8rem}.search-row input{flex:1}.search-results{list-style:none}.connect-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;background:var(--surface2);border-radius:var(--radius);text-align:left;margin-bottom:.3rem;border:1px solid var(--border)}.connect-button:hover{border-color:var(--accent-light)}.form-actions{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.login-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.login-view h1{color:var(--accent);font-size:2rem;margin-bottom:.5rem}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:.8rem;text-align:center}.login-form p{color:var(--text-muted);margin-bottom:.5rem}.login-form button{margin-top:.4rem;width:100%;background:var(--accent);border-color:var(--accent);color:#fff}.login-form button:hover:not(:disabled){background:#8e44ad;border-color:#8e44ad}.gitea-login-button{display:inline-block;width:100%;padding:.75rem 1.2rem;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:var(--radius);font-size:1rem;font-weight:500;text-align:center;text-decoration:none;transition:all .2s;box-shadow:var(--shadow)}.gitea-login-button:hover{background:#8e44ad;border-color:#8e44ad}.dev-note{margin-top:1rem;font-size:.8rem;color:var(--text-muted);background:var(--accent-bg);padding:.4rem .8rem;border-radius:var(--radius)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted)}@media (min-width: 480px){.search-form{flex-wrap:nowrap}.shuffle-actions{flex-direction:row}}.card-media ul{display:flex;flex-direction:column;gap:.75rem}.card-media li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.media-image{width:100%;height:auto;display:block;border-radius:var(--radius) var(--radius) 0 0}.media-video{width:100%;display:block;border-radius:var(--radius) var(--radius) 0 0}.media-audio{width:100%;display:block;padding:.5rem}.card-media .media-meta{display:block;padding:.4rem .75rem;font-size:.75rem;color:var(--text-muted)}.create-form input[type=file],.card-actions input[type=file]{font-size:.85rem}.file-preview{font-size:.8rem;color:var(--accent);padding:.3rem 0}.create-image-preview{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius);margin-top:.5rem;border:1px solid var(--border)}.media-footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem}.remove-media-button{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.2rem .5rem;font-size:1.1rem;line-height:1;border-radius:var(--radius);box-shadow:none;flex-shrink:0}.remove-media-button:hover{color:#a94442;border-color:#f2c6c6}