body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#667eea;--primary-hover:#5568d3;--bg:#f5f7fa;--surface:#fff;--surface-2:#f5f7fa;--text:#333;--muted:#666;--border:#e1e8ed}:root[data-instance=dev]{--primary:#d93025;--primary-hover:#b3261e}:root[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--surface-2:#2a2a2a;--text:#eaeaea;--muted:#b5b5b5;--border:#3a3a3a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;background:var(--bg);color:#333;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary) 0,#764ba2 100%);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px #00000040;min-width:320px;padding:3rem;text-align:center}.login-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.login-box h1{color:#333;color:var(--text);margin:0}.login-box input{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:6px;color:#333;color:var(--text);font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.login-box form>button[type=submit]{background:#667eea;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .2s;width:100%}.login-box form>button[type=submit]:hover{background:#5568d3;background:var(--primary-hover)}.auth-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.auth-switch{color:#666;font-size:.9rem;margin-top:1.5rem}.auth-switch button{background:none;border:none;color:#667eea;color:var(--primary);cursor:pointer;font-size:.9rem;text-decoration:underline}.auth-switch button:hover{color:#5568d3;color:var(--primary-hover)}.keep-shell{background:#f5f7fa;background:var(--bg);min-height:100vh}.keep-topbar{grid-gap:.75rem;align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border);display:grid;gap:.75rem;grid-template-columns:1fr auto 1fr;height:auto;min-height:64px;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:20}.keep-topbar-left{align-items:center;display:flex;gap:.75rem;min-width:0}.keep-title{color:#333;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keep-search{align-items:center;display:flex;gap:.5rem;justify-content:center;max-width:100%}.keep-search input{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:10px;color:#333;color:var(--text);font-size:.95rem;max-width:420px;min-width:180px;padding:.65rem 2.5rem .65rem 1rem;transition:all .2s ease;width:100%}.keep-search-input-wrapper{flex:1 1;max-width:420px;position:relative}.keep-search-clear{background:none;border:none;border-radius:4px;color:#666;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1;opacity:.6;padding:4px 6px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .15s}.keep-search-clear:hover{background:#e1e8ed;background:var(--border);opacity:1}.keep-search input:focus{border-color:#667eea;border-color:var(--primary);box-shadow:0 0 0 2px #667eea26;outline:none}.keep-topbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.keep-icon-btn{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:8px;color:#333;color:var(--text);cursor:pointer;font-size:.9rem;padding:.45rem .75rem}.keep-icon-btn:hover{background:#e1e8ed;background:var(--border)}.keep-sidebar{background:#fff;background:var(--surface);border-right:1px solid #e1e8ed;border-right:1px solid var(--border);bottom:0;left:0;overflow-y:auto;padding:.75rem .5rem;position:fixed;top:64px;top:var(--topbar-height,64px);transform:translateX(0);transition:transform .2s ease;width:240px;z-index:10}.keep-sidebar.collapsed{transform:translateX(-100%)}@media (max-width:900px){.keep-sidebar{transform:translateX(-100%)}.keep-sidebar.open{box-shadow:4px 0 20px #00000026;transform:translateX(0)}.keep-shell.sidebar-open .keep-main{margin-left:0;width:calc(100% - 1.5rem)}}@media (min-width:901px){.keep-shell.sidebar-open .keep-main{margin-left:240px;width:calc(100% - 240px - 3rem)}.keep-shell:not(.sidebar-open) .keep-main{margin-left:0;width:calc(100% - 3rem)}}.keep-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#333;color:var(--text);cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s ease;white-space:nowrap;width:100%}.keep-nav-item:hover{background:#f5f7fa;background:var(--surface-2)}.keep-nav-item.active{background:#667eea1f;color:#2a3a9a}:root[data-instance=dev] .keep-nav-item.active{background:#d930251f;color:#8f1d17}.keep-nav-item-icon{font-size:1.1rem;text-align:center;width:24px}.keep-main{margin:0 auto;max-width:none;padding:1.5rem;width:calc(100% - 3rem)}.keep-search-results-bar{align-items:center;background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.keep-search-results-text{color:#666;color:var(--muted);font-weight:600}.keep-link-btn{background:none;border:none;color:#667eea;color:var(--primary);cursor:pointer;font-weight:700;text-decoration:underline}.keep-link-btn:hover{color:#5568d3;color:var(--primary-hover)}.keep-shell.sidebar-open .keep-main{margin-left:240px;margin-left:var(--sidebar-width,240px);width:calc(100% - 240px - 3rem);width:calc(100% - var(--sidebar-width, 240px) - 3rem)}.app{margin:0 auto;max-width:1200px;padding:0}header{background:#0000;border-radius:0;box-shadow:none;color:#333;color:var(--text);margin-bottom:0;padding:0}.header-content{justify-content:space-between;margin-bottom:1rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.instance-badge{align-items:center;border:2px solid;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:800;justify-content:center;letter-spacing:.08em;padding:.25rem .5rem}.instance-badge.dev{background:#fde8e6;border-color:#b3261e;color:#b3261e}header h1{color:#333;color:var(--text);margin:0}.header-right{align-items:center;display:flex;gap:1rem}.username-display{color:#666;font-size:.95rem}.logout-btn{background:#f5f7fa;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.logout-btn:hover{background:#e1e8ed}.admin-btn{background:#f5f7fa;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.admin-btn:hover{background:#e1e8ed}.tabs{display:flex;gap:1rem}.tabs button{background:#f5f7fa;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:all .2s}.tabs button.active{background:#667eea;background:var(--primary);color:#fff}.notes-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.keep-notes{display:flex;flex-direction:column;gap:1.25rem}.keep-compose{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px #0000000f;cursor:pointer;margin:0 auto 1rem;max-width:680px;padding:.9rem 1rem;transition:all .2s ease;width:100%}.keep-compose.open{border-radius:0;border-top:1px solid #e1e8ed;border-top:1px solid var(--border);bottom:0;box-shadow:none;cursor:default;display:flex;flex-direction:column;left:0;margin:0;max-width:100%;position:fixed;right:0;top:64px;top:var(--topbar-height,64px);z-index:200}.keep-compose:hover{border-color:#667eea;border-color:var(--primary);box-shadow:0 4px 16px #0000001a}.keep-compose.open:hover{border-color:#e1e8ed;border-color:var(--border);box-shadow:none}.keep-compose-collapsed{color:#666;color:var(--muted)}.keep-notes-toolbar{display:flex;justify-content:flex-end;margin:0 auto;max-width:680px;width:100%}.note-sort{align-items:center;display:inline-flex;flex-shrink:0;gap:.35rem}.note-sort-label{color:#666;color:var(--muted);font-size:.85rem;font-weight:700}.note-sort-select{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:10px;color:#333;color:var(--text);font-size:.85rem;font-weight:800;min-width:90px;padding:.35rem .55rem}.keep-compose-expanded{display:flex;flex:1 1;flex-direction:column;min-height:0}.keep-compose-expanded input,.keep-compose-expanded textarea{background:#0000;border:none;color:#333;color:var(--text);font-family:inherit;font-size:1rem;outline:none;width:100%}.keep-compose-expanded input{font-weight:700;margin-bottom:.5rem}.keep-compose-expanded textarea{flex:1 1;min-height:150px;resize:none}.keep-compose-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-bottom:env(safe-area-inset-bottom)}.keep-notes-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.keep-notes-grid.list{grid-template-columns:1fr}.keep-notes-grid.list .keep-note-card{margin:0 auto;max-width:720px}.keep-note-card{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;cursor:pointer;min-height:80px;padding:1rem;position:relative;transition:box-shadow .2s ease,transform .15s ease,border-color .15s ease}.keep-note-card:hover{border-color:#667eea;border-color:var(--primary);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.keep-note-card:active{transform:translateY(0)}.keep-note-card-top{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.keep-pin-btn,.keep-trash-btn{background:#0000;border:none;cursor:pointer;font-size:1rem;line-height:1;opacity:0;transition:opacity .15s}.keep-trash-btn{bottom:10px;position:absolute;right:10px}.keep-note-card.pinned .keep-pin-btn,.keep-note-card:hover .keep-pin-btn,.keep-note-card:hover .keep-trash-btn{opacity:1}.keep-section-label{color:#666;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;margin:.5rem auto 0;max-width:1200px;text-transform:uppercase}.keep-note-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-1px)}.keep-note-title{color:#333;color:var(--text);font-weight:700;margin-bottom:.35rem}.keep-note-snippet{color:#666;color:var(--muted);font-size:.95rem;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.keep-note-snippet a{color:#667eea;color:var(--primary);text-decoration:underline}.keep-note-modal-title{color:#333;color:var(--text);font-size:1.15rem;font-weight:900;margin-bottom:.75rem}.keep-note-modal-content{color:#333;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.keep-note-modal-content a{color:#667eea;color:var(--primary);text-decoration:underline}.keep-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}@media (max-width:600px){.keep-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}}.keep-modal{background:#fff;background:var(--surface);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:calc(100vh - 2rem);max-height:none;max-width:none;width:calc(100% - 2rem)}@media (min-width:600px){.keep-modal{border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;height:calc(100vh - 4rem);max-height:none;width:min(100% - 4rem,1200px)}}@media (max-width:600px){.keep-modal{margin-bottom:env(safe-area-inset-bottom)}}.keep-modal input,.keep-modal textarea{background:#0000;border:none;color:#333;color:var(--text);font-family:inherit;font-size:1rem;outline:none;width:100%}.keep-modal input{font-weight:800;margin-bottom:.5rem}.keep-modal textarea{flex:1 1;min-height:0;resize:none}.keep-note-editor-textarea{flex:1 1;min-height:200px}.keep-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.keep-modal-actions-top{background:#fff;background:var(--surface);border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.keep-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:auto}.keep-modal-body input{flex:0 0 auto}.keep-modal-body textarea{flex:1 1 auto;min-height:0}.note-editor{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:-webkit-fit-content;height:fit-content;padding:2rem}.note-editor input,.note-editor textarea{border:2px solid #e1e8ed;border-radius:6px;font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.note-editor textarea{resize:vertical}.editor-actions{display:flex;gap:.5rem;position:relative;z-index:1}.save-btn{background:#667eea;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:background .2s}.save-btn:hover{background:#5568d3;background:var(--primary-hover)}.cancel-btn{background:#e1e8ed;border:none;border-radius:6px;color:#333;cursor:pointer;padding:.75rem 1.5rem;transition:background .2s}.cancel-btn:hover{background:#cbd5e0}.notes-list{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001f;padding:2rem}.notes-list h2{color:#333;margin-bottom:1.5rem}.note-item{align-items:flex-start;background:#f5f7fa;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:background .2s}.note-item:hover{background:#e1e8ed}.note-content{flex:1 1}.note-content h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.note-content p{color:#666;font-size:.9rem;line-height:1.4}.todos-section{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001f;margin:0 auto;max-width:none;padding:2rem;width:100%}.todo-category-tabs{align-items:center;border-bottom:2px solid #e1e8ed;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.todo-category-tabs button{align-items:center;background:#f5f7fa;background:var(--surface-2);border:none;border-radius:6px 6px 0 0;color:#666;color:var(--muted);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.todo-cat-label{white-space:nowrap}.todo-cat-add{font-weight:900;padding:.5rem .85rem}.todo-cat-add-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.todo-cat-input{background:#fff;background:var(--surface);flex:1 1;min-width:220px;padding:.65rem .75rem}.todo-cat-cancel,.todo-cat-confirm,.todo-cat-input{border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:10px;color:#333;color:var(--text)}.todo-cat-cancel,.todo-cat-confirm{background:#f5f7fa;background:var(--surface-2);cursor:pointer;font-weight:700;padding:.55rem .9rem}.todo-cat-confirm{border-color:#667eea99}.todo-cat-error{color:#ffb4b4;font-weight:700;margin:.25rem 0 1rem}.todo-confirm-modal{height:auto;max-width:520px}.todo-confirm-title{font-size:1.1rem;font-weight:900;margin-bottom:.5rem}.todo-confirm-body{color:#333;color:var(--text);display:flex;flex-direction:column;gap:.35rem}.todo-cat-remove{align-items:center;background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:inline-flex;height:22px;justify-content:center;line-height:1;width:22px}.todo-category-tabs button:not(.active) .todo-cat-remove{background:#0000;border:1px solid #e1e8ed;border:1px solid var(--border);color:#666;color:var(--muted)}.todo-category-tabs button:hover{background:#e1e8ed;background:var(--border);color:#333;color:var(--text)}.todo-category-tabs button.active{background:#667eea;background:var(--primary);color:#fff}.todo-category-select{background:#fff;background:var(--surface);border:2px solid #e1e8ed;border:2px solid var(--border);border-radius:6px;color:#333;color:var(--text);cursor:pointer;font-size:.9rem;min-width:130px;padding:.75rem}.todo-category-select:focus{border-color:#667eea;border-color:var(--primary);outline:none}.todo-form{display:flex;gap:.5rem;margin-bottom:2rem}.todo-form input{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:6px;color:#333;color:var(--text);flex:1 1;font-size:1rem;padding:.75rem}.todo-form button{background:#667eea;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background .2s}.todo-form button:hover{background:#5568d3;background:var(--primary-hover)}.todos-list{display:flex;flex-direction:column;gap:.75rem}.todo-item{align-items:center;background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:10px;display:flex;gap:.85rem;padding:.85rem 1rem;transition:all .15s ease}.todo-item:hover{background:#fff;background:var(--surface);border-color:#667eea;border-color:var(--primary)}.todo-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:22px;width:22px}.todo-item input[type=checkbox]:checked{accent-color:#667eea;accent-color:var(--primary)}.todo-item span{color:#333;color:var(--text);flex:1 1;font-size:1rem;line-height:1.4}.todo-item span.completed{color:#666;color:var(--muted);text-decoration:line-through}.todo-item .delete-btn{opacity:0;transition:opacity .15s}.todo-item:hover .delete-btn{opacity:1}.account-section{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:600px}.account-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.account-card h2{color:#333;font-size:1.2rem;margin-bottom:1.5rem}.account-card input{border:2px solid #e1e8ed;font-size:1rem;width:100%}.account-card input,.reset-message{border-radius:6px;margin-bottom:.75rem;padding:.75rem}.reset-message{font-size:.9rem}.reset-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.reset-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.api-key-form{display:flex;gap:.5rem}.api-key-form input{flex:1 1;margin-bottom:0}.api-key-form .save-btn{flex:0 0 auto;white-space:nowrap}.new-key-display{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-top:1rem;padding:1rem}.new-key-display p{color:#155724;font-size:.9rem;margin-bottom:.5rem}.key-copy-row{align-items:stretch;display:flex;gap:.5rem}.key-copy-row code{background:#fff;border-radius:4px;color:#333;display:block;flex:1 1;font-size:.8rem;padding:.75rem;word-break:break-all}.copy-btn{background:#667eea;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:.5rem 1rem;transition:background .2s;white-space:nowrap}.copy-btn:hover{background:#5568d3;background:var(--primary-hover)}.api-key-list{display:flex;flex-direction:column;gap:1rem}.api-key-item{align-items:flex-start;background:#f5f7fa;border-radius:6px;display:flex;gap:.5rem;justify-content:space-between;padding:1rem}.api-key-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.api-key-header{align-items:center;display:flex;justify-content:space-between}.api-key-name{color:#333;font-size:.95rem;font-weight:600}.api-key-full{color:#666;font-family:monospace;font-size:.8rem}.api-key-date{color:#999;font-size:.8rem}.recipes-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1100px){.recipes-section{gap:2rem;grid-template-columns:380px 1fr}.recipe-editor{max-height:calc(100vh - 64px - 3rem);max-height:calc(100vh - var(--topbar-height, 64px) - 3rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:calc(64px + 1.5rem);top:calc(var(--topbar-height, 64px) + 1.5rem)}}@media (min-width:1500px){.recipes-section{grid-template-columns:440px 1fr}}.recipe-editor,form.recipe-editor{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000014;height:-webkit-fit-content;height:fit-content;margin:0;padding:1.5rem}.recipe-editor h2{color:#333;color:var(--text);margin-bottom:1.5rem}.recipe-editor input[type=text],.recipe-editor textarea{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:6px;color:#333;color:var(--text);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.recipe-editor textarea{resize:vertical}.recipe-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.pdf-upload-section{margin-bottom:1rem;overflow:hidden;position:relative}.pdf-upload-label{color:#666;color:var(--muted);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.pdf-upload-section input[type=file]{color:#333;color:var(--text);display:block;font-size:.9rem;max-width:100%;width:100%}.existing-pdf-info{margin-top:.5rem}.pdf-attached-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.pdf-attached-badge{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:.85rem;padding:.35rem .75rem}.no-pdf-badge{color:#666;color:var(--muted);font-size:.85rem;font-style:italic}.remove-pdf-btn{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;cursor:pointer;font-size:.8rem;padding:.3rem .75rem;transition:background .2s}.remove-pdf-btn:hover{background:#f1b0b7}.pdf-removed-notice{background:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;font-size:.85rem;margin-top:.5rem;padding:.5rem .75rem}.undo-remove-btn{background:none;border:none;color:#667eea;color:var(--primary);cursor:pointer;font-size:.85rem;text-decoration:underline}.recipe-detail-area{min-height:300px}.pdf-viewer-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-bottom:.5rem}.pdf-view-btn{align-items:center;background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:10px;color:#333;color:var(--text);display:inline-flex;font-size:.9rem;font-weight:800;justify-content:center;padding:.45rem .9rem;text-decoration:none}.pdf-view-btn:hover{background:#e1e8ed;background:var(--border)}.pdf-view-btn:disabled{cursor:not-allowed;opacity:.6}.recipe-viewer{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001f;padding:2rem}.recipe-viewer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.recipe-viewer-header h2{color:#333;color:var(--text);margin:0}.recipe-viewer-header-actions{align-items:center;display:inline-flex;gap:.5rem}.close-viewer-btn,.recipe-viewer-header-actions .pdf-view-btn{padding:.4rem 1rem}.close-viewer-btn{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:6px;color:#333;color:var(--text);cursor:pointer;font-size:.9rem;transition:background .2s}.close-viewer-btn:hover{background:#e1e8ed;background:var(--border)}.recipe-viewer-notes{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.recipe-viewer-notes p{color:#333;color:var(--text);line-height:1.6;margin:0;white-space:pre-wrap}.recipe-pdf-viewer{border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:8px;overflow:hidden}.pdf-iframe{border:none;height:600px;width:100%}.recipes-list{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001f;padding:2rem}.recipes-list h2{color:#333;color:var(--text);margin-bottom:1.5rem}.recipe-item{align-items:flex-start;background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:background .2s}.recipe-item:hover{background:#e1e8ed;background:var(--border)}.recipe-content{flex:1 1}.recipe-content h3{color:#333;color:var(--text);font-size:1.1rem;margin-bottom:.25rem}.recipe-content p{color:#666;color:var(--muted);font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.recipe-meta{align-items:center;display:flex;gap:.75rem}.recipe-has-pdf{background:#667eea;background:var(--primary);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.15rem .5rem}.recipe-date{color:#666;color:var(--muted);font-size:.8rem}.recipe-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.edit-btn{background:#0000;border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:4px;color:#667eea;color:var(--primary);cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .2s}.edit-btn:hover{background:#667eea;background:var(--primary);border-color:#667eea;border-color:var(--primary);color:#fff}.delete-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:inline-flex;font-size:1.5rem;justify-content:center;min-height:36px;min-width:36px;padding:0 .5rem;transition:color .2s}.delete-btn:hover{color:#e53e3e}.empty-state{color:#666;color:var(--muted);font-style:normal;padding:3rem 1.5rem;text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.empty-state-text{font-size:1rem;margin-bottom:.5rem}.empty-state-hint{font-size:.9rem;opacity:.8}.admin-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.admin-panel{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:1.5rem;max-height:85vh;max-width:550px;overflow-y:auto;padding:2rem;width:100%}.about-panel{max-width:780px}.about-content{color:#333;color:var(--text)}.about-content a{color:#667eea;color:var(--primary);text-decoration:underline}.about-content h3{margin:1.25rem 0 .5rem}.about-content ul{margin:.5rem 0 .75rem 1.25rem}.about-content li{margin:.25rem 0}.about-footer{border-top:1px solid #e1e8ed;border-top:1px solid var(--border);margin-top:1.25rem;padding-top:.75rem}.claude-link{background:#0000;border:none;color:#667eea;color:var(--primary);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.about-signoff{color:#666;color:var(--muted);font-weight:800}.admin-panel-header{align-items:center;display:flex;justify-content:space-between}.admin-panel-header h2{color:#333;color:var(--text);font-size:1.4rem;margin:0}.admin-panel .account-card{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #0000001f;padding:1.5rem}.admin-panel .account-card h3{color:#333;color:var(--text);font-size:1.1rem;margin-bottom:1rem}.admin-panel .account-card input{background:#f5f7fa;background:var(--surface-2);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:6px;color:#333;color:var(--text);font-size:1rem;margin-bottom:.75rem;padding:.75rem;width:100%}.admin-panel .account-card .save-btn{margin-top:.25rem;width:100%}.admin-panel .api-key-form{display:flex;gap:.5rem}.admin-panel .api-key-form input{flex:1 1;margin-bottom:0}.admin-panel .api-key-form .save-btn{flex:0 0 auto;white-space:nowrap;width:auto}.admin-panel .api-key-form .save-btn:disabled{cursor:not-allowed;opacity:.6}.account-card-desc{color:#666;color:var(--muted);font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.account-card-desc code{background:#f5f7fa;background:var(--surface-2);border-radius:3px;font-size:.8rem;padding:.1rem .3rem}.account-card-desc a{color:#667eea;color:var(--primary)}.anthropic-key-active{margin-top:.5rem}.anthropic-key-active .delete-btn{font-size:.8rem;padding:.25rem .75rem}@media (max-width:900px){.keep-topbar{gap:.5rem;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;padding:.5rem .75rem}.keep-topbar-left{grid-column:1;grid-row:1}.keep-search{grid-column:1/-1;grid-row:2;justify-content:stretch;max-width:none}.keep-search input{max-width:none;min-width:0}.keep-topbar-right{grid-column:2/4;grid-row:1;justify-content:flex-end}.notes-section,.recipes-section{grid-template-columns:1fr}.app{padding:.75rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.tabs{flex-wrap:wrap}.api-key-form{flex-direction:column}.pdf-iframe{height:400px}.todo-category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.todo-category-tabs::-webkit-scrollbar{height:4px}.todo-category-tabs::-webkit-scrollbar-thumb{background:#e1e8ed;background:var(--border);border-radius:4px}.todo-category-tabs button{flex-shrink:0;padding:.6rem 1rem}.todo-form{flex-wrap:wrap}.todo-form input{flex:1 1 100%}.todo-category-select{min-width:0;min-width:auto;width:100%}.admin-overlay{padding:.5rem}.admin-panel{max-height:95vh;padding:1rem}.admin-panel .api-key-form{flex-direction:column}.keep-nav-item{font-size:1rem;padding:.85rem 1rem}.keep-pin-btn,.keep-trash-btn{opacity:.5}.todo-item .delete-btn{opacity:1}.keep-compose{padding:1rem}.keep-note-card{min-height:80px;padding:1rem}.todo-item{padding:.85rem}.todo-item input[type=checkbox]{height:24px;width:24px}.recipe-editor,.recipe-item,.recipes-list{padding:1rem}.keep-modal-overlay{align-items:flex-end;padding:.5rem}.keep-modal{border-radius:16px 16px 0 0;max-height:90vh}}@media (max-width:600px){.keep-topbar-left .keep-title{display:none}.keep-topbar-left{min-width:auto}.keep-topbar-right{gap:.35rem}.keep-icon-btn{font-size:.85rem;padding:.5rem .65rem}.keep-notes-grid{grid-template-columns:1fr}.keep-notes-grid .keep-note-card{max-width:none}.instance-badge{display:none}}@media (min-width:1200px){.keep-search input{max-width:520px}.keep-main{max-width:1100px}.recipes-section{gap:2rem;grid-template-columns:400px 1fr}.recipe-editor{max-height:calc(100vh - 64px - 3rem);max-height:calc(100vh - var(--topbar-height, 64px) - 3rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:calc(64px + 1.5rem);top:calc(var(--topbar-height, 64px) + 1.5rem)}}@media (min-width:1600px){.keep-search input{max-width:640px}.keep-main{max-width:1400px}.notes-section{gap:3rem;grid-template-columns:1fr 1fr}.recipes-section{grid-template-columns:480px 1fr}}.working-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;inset:0;justify-content:center;position:fixed;z-index:2000}.working-modal,.working-overlay{align-items:center;display:flex;padding:1.25rem}.working-modal{background:#fff;background:var(--surface);border:1px solid #e1e8ed;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px #00000059;gap:.9rem;width:min(520px,100%)}.working-text{font-size:1.05rem;font-weight:800;letter-spacing:.2px}.working-spinner{animation:workingSpin .9s linear infinite;border:3px solid #fff3;border-radius:999px;border-top-color:#fffc;height:18px;width:18px}@keyframes workingSpin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4577a7cc.css.map*/