:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-size:14px;font-weight:400;color-scheme:light;color:"#222222";font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;min-height:100vh;margin:0 auto;text-align:center}*{margin:0;padding:0;box-sizing:border-box}.app{max-width:957px;margin:0 auto;min-height:100vh;background:#fff;display:flex;flex-direction:column}.tab-navigator{display:flex;align-items:center;justify-content:space-between;background:#fff}.tab-unsaved-indicator{padding:16px 0;color:#dc3545;font-size:16px;line-height:1.2;text-align:left;text-transform:uppercase;font-family:monospace}.indicator-editing-text{font-size:12px;font-weight:700}.indicator-note-title{text-transform:initial;font-family:initial;font-size:initial;font-weight:600;color:#2c3e50}.tab-buttons{display:flex;border-bottom:1px solid #eee}.tab-button{padding:24px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:4px}.tab-button:hover{color:#007bff;background:#f8f9fa}.tab-button.tab-active{color:#007bff;border-bottom-color:#007bff}.tab-button.tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#007bff}.app-header{flex:1;padding:20px 0;border-bottom:1px solid #eee}.app-header h1{margin-bottom:16px;color:#2c3e50}.capture-box{width:100%}.capture-textarea{width:100%;field-sizing:content;border:0;border-bottom:1px solid #ddd;resize:none;font-family:inherit;font-size:16px;line-height:inherit;min-height:calc(100vh - 200px);height:calc(100vh - 160px);scrollbar-width:thin;scrollbar-color:#ccc transparent}.capture-textarea:focus{outline:none}.capture-hint{display:flex;font-size:12px;justify-content:space-between;align-items:center;margin-top:12px;color:#666}.capture-hint-left{display:flex;align-items:center;gap:12px}.capture-actions{display:flex;align-items:center;gap:8px}.settings-controls{display:flex;gap:8px;align-items:center}.font-selector,.font-size-selector{padding:4px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:inherit;color:#666;cursor:pointer;transition:border-color .2s}.font-selector:hover,.font-size-selector:hover{border-color:#007bff}.font-selector:focus,.font-size-selector:focus{outline:none;border-color:#007bff}kbd{display:inline-block;padding:2px 6px;border:0;border-radius:4px;background:#f1f3f5;font-size:12px;font-family:inherit;font-weight:500;color:#444}.btn{padding:10px 16px;border:none;border-radius:12px;background:#007bff;font-family:inherit;font-size:inherit;color:#fff;cursor:pointer;transition:background-color .2s}.btn:disabled{background:#ccc;cursor:not-allowed}.save-btn{padding:6px 12px;border:none;border-radius:4px;background:#007bff;color:#fff;cursor:pointer;transition:background-color .2s}.save-btn:disabled{background:#ccc;cursor:not-allowed}.save-btn:hover:not(:disabled){background:#0056b3}.app-main{flex:1;padding:20px 0}.search-bar{margin-bottom:16px}.search-input{width:100%;padding:16px;border:1px solid #ddd;font-family:inherit;font-size:inherit;border-radius:24px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#007bff}.results-header{margin-bottom:16px;color:#666}.notes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px}.note-item{background:#fff;border:1px solid #ddd;border-radius:16px;padding:8px;transition:border-color .2s}.note-item.editing{border-color:#007bff}.note-content{margin-bottom:12px;text-align:left;padding:10px 12px;border-radius:6px;transition:background-color .15s ease}.note-content:hover{background-color:#f8f9fa}.note-title{font-weight:600;margin-bottom:4px;color:#2c3e50}.note-snippet{color:#666;margin-bottom:8px;line-height:1.4}.note-meta{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.pill-tag{background:#e3f2fd;color:#1976d2}.pill-command{background:#f3e5f5;color:#7b1fa2}.pill-priority{background:#ffebee;color:#d32f2f}.note-actions{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.btn-more{padding:6px;border:1px solid #dddddd00;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#666}.btn-more:hover{background:#ebecee}.note-popover{position:absolute;top:100%;right:0;margin-top:4px;padding:4px 0;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 12px #00000012;z-index:100;min-width:120px;overflow:hidden;animation:popover-fade-in .15s ease-out}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-item{width:100%;padding:8px 16px;border:none;background:#fff;cursor:pointer;transition:background-color .15s;display:flex;align-items:center;gap:8px;color:#333;font-size:14px;text-align:left}.popover-item:hover{background:#f8f9fa}.popover-item-danger{color:#dc3545}.popover-item-danger:hover{background:#fff5f5}.btn-edit,.btn-delete,.btn-save,.btn-cancel{padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.btn-edit:hover{border-color:#007bff;color:#007bff}.btn-delete:hover{border-color:#dc3545;color:#dc3545}.btn-save{background:#28a745;color:#fff;border-color:#28a745}.btn-save:hover{background:#218838;border-color:#218838}.btn-cancel{background:#6c757d;color:#fff;border-color:#6c757d}.btn-cancel:hover{background:#545b62;border-color:#545b62}.note-edit-textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:inherit;line-height:1.5;resize:vertical;margin-bottom:8px;transition:border-color .2s}.note-edit-textarea:focus{outline:none;border-color:#007bff}.app-footer{padding:20px 0;border-top:1px solid #f5f5f5;display:flex}.btn-secondary{padding:0 8px;border-radius:4px;background:#fff;color:#6c757d;cursor:pointer;transition:all .2s}.btn-secondary:hover{text-decoration:underline}.file-input-label{cursor:pointer}.toast{position:fixed;top:20px;left:20px;padding:12px 16px;border-radius:12px;color:#fff;z-index:1000;display:flex;align-items:center;gap:12px;min-width:200px;animation:slideIn .2s cubic-bezier(.075,.82,.165,1)}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-info,.toast-success,.toast-error{background:#222}.toast-close{display:flex;background:none;border:none;color:#646464;cursor:pointer;padding:0;margin-left:auto;transition:color .2s}.toast-close:hover{color:#8f8f8f}.notes-list:empty:after{content:"No notes yet. Start capturing your thoughts above!";display:block;padding:40px;text-align:center;color:#666;font-style:italic}.spotlight-overlay{position:fixed;inset:0;background:#0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1000;display:flex;flex-direction:column;gap:20px;align-items:center;padding-top:10vh;animation:spotlight-fade-in .2s ease-out}@keyframes spotlight-fade-in{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}.spotlight-container{width:100%;max-width:600px;background:#fff;border-radius:28px;overflow:hidden;animation:spotlight-slide-in .2s ease-out}@keyframes spotlight-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spotlight-search{border-bottom:1px solid #eee}.search-bar-spotlight{margin-bottom:0}.search-input-spotlight{border:none;background:transparent;font-size:inherit;padding:16px 20px;border-radius:0}.search-input-spotlight:focus{border:none;outline:none}.search-input-spotlight::placeholder{color:#999}.spotlight-results{max-height:400px;overflow-y:auto}.spotlight-results-header{padding:12px 20px;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;border-bottom:1px solid #eee}.spotlight-notes-list{padding:8px 0}.spotlight-note-item{padding:12px 20px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f0f0f0}.spotlight-note-item:hover{background:#f8f9fa}.spotlight-note-item:last-child{border-bottom:none}.spotlight-note-text{color:#333;line-height:1.4;margin-bottom:6px;font-size:14px}.spotlight-note-tags{display:flex;gap:6px;flex-wrap:wrap}.spotlight-tag{background:#e3f2fd;color:#1976d2;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.tag-selector{background:#fff;border:0;border-radius:16px;box-shadow:0 4px 12px #00000026;min-width:200px;max-width:300px;overflow:hidden;animation:tag-selector-fade-in .15s ease-out}@keyframes tag-selector-fade-in{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tag-selector-header{padding:4px 12px;border-bottom:1px solid #eee;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;border-radius:8px 8px 0 0}.tag-selector-list{max-height:200px;overflow-y:auto}.tag-selector-item{padding:8px 12px;cursor:pointer;color:#333;font-size:14px;display:flex;align-items:center}.tag-selector-item:hover,.tag-selector-item.selected{background:#f0f7ff;color:#007bff}.tag-selector-item.disabled{color:#999;cursor:default;font-style:italic}.tag-selector-item.disabled:hover{background:transparent;color:#999}.tag-selector-item:last-child{border-radius:0 0 8px 8px}.save-notification{position:fixed;top:20px;right:20px;z-index:1001;animation:save-notification-slide-in .3s ease-out}@keyframes save-notification-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.save-notification-content{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;box-shadow:0 8px 24px #0000001f;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:400px}.save-notification-icon{font-size:20px;margin-top:2px}.save-notification-text{flex:1;min-width:0}.save-notification-title{font-weight:600;color:#28a745;margin-bottom:4px;font-size:14px}.save-notification-preview{color:#666;font-size:13px;line-height:1.4;word-wrap:break-word}.save-notification-close{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;margin-left:8px;transition:color .2s;line-height:1}.save-notification-close:hover{color:#666}