@font-face{font-family:Google Sans Flex;src:url("./assets/GoogleSansFlex_9pt-Regular-S6BHZNLN.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Google Sans Flex;src:url("./assets/GoogleSansFlex_9pt-Medium-UWAFLBKX.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Google Sans Flex;src:url("./assets/GoogleSansFlex_9pt-SemiBold-TFWI2UXU.woff2") format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Google Sans Code;src:url("./assets/GoogleSansCode-VariableFont_wght-GGYWTNVC.woff2") format("woff2"),url("./assets/GoogleSansCode-VariableFont_wght-A3TK46OX.ttf") format("truetype");font-weight:100 1000;font-style:normal}@font-face{font-family:Google Sans Code;src:url("./assets/GoogleSansCode-Italic-VariableFont_wght-JGKB2M42.woff2") format("woff2"),url("./assets/GoogleSansCode-Italic-VariableFont_wght-I2GWEUHL.ttf") format("truetype");font-weight:100 1000;font-style:italic}:root{--bg-color: #2b2b2b;--tile-bg: #3c3c3c;--tile-hover-bg: #4a4a4a;--tile-text-color: #d4d4d4;--text-color: #d4d4d4;--text-muted: #888;--text-soft: rgba(255, 255, 255, .7);--text-faint: rgba(255, 255, 255, .55);--accent-color: #DC2931;--accent-color-strong: #E14458;--danger: #e84855;--accent-contrast: #f2f2f2;--folder-icon-color: #9ca3af;--ctx-bg: #f2f2f2;--ctx-text: #222;--ctx-hover: #e7e7e7;--light-action-text: rgba(43, 43, 43, .72);--light-action-text-strong: #2B2B2B;--light-action-hover: rgba(43, 43, 43, .05);--light-action-divider: rgba(43, 43, 43, .08);--overlay-bg: rgba(0, 0, 0, .45);--base-gray: 242 242 242;--tile-radius: 14px;--control-radius-sm: 6px;--control-radius-md: 8px;--control-radius-lg: 10px;--control-radius-xl: 12px;--grid-gap: 20px;--grid-columns-base: 7;--grid-columns: 7;--grid-min-tile-width: 120px;--icon-size: 48px;--tile-padding: 16px;--light-action-gap: 10px;--light-action-padding-y: 10px;--light-action-padding-x: 20px;--light-action-radius: var(--control-radius-md);--light-action-font-size: 13px;--light-action-font-weight: 500;--light-action-shell-radius: var(--control-radius-xl);--light-action-shell-padding: 8px;--button-font-size: 14px;--button-font-weight: 500;--button-padding-y: 10px;--button-padding-x: 22px;--button-radius: var(--control-radius-md);--button-compact-font-size: 12px;--button-compact-padding-y: 6px;--button-compact-padding-x: 14px;--button-primary-bg: var(--modal-text);--button-primary-bg-hover: #fff;--button-primary-text: var(--accent-color);--button-secondary-bg: rgba(255, 255, 255, .15);--button-secondary-bg-hover: rgba(255, 255, 255, .25);--button-secondary-text: var(--modal-text);--button-surface-font-size: 12px;--button-surface-font-weight: 600;--button-surface-padding-y: 10px;--button-surface-padding-x: 16px;--button-surface-radius: var(--control-radius-md);--button-surface-bg: rgba(255, 255, 255, .1);--button-surface-bg-hover: rgba(255, 255, 255, .2);--button-surface-text: var(--modal-text);--button-surface-text-hover: var(--accent-contrast);--field-font-size: 14px;--field-font-weight: 500;--field-padding-y: 10px;--field-padding-x: 12px;--field-radius: var(--control-radius-md);--field-border: 1.5px solid rgb(var(--base-gray) / .1);--field-border-hover: var(--modal-text);--field-bg: rgba(255, 255, 255, .1);--field-text: var(--modal-text);--field-placeholder: color-mix(in srgb, var(--modal-text), transparent 60%);--surface-hover: rgba(255, 255, 255, .04);--surface-soft: rgba(255, 255, 255, .05);--surface-soft-strong: rgba(255, 255, 255, .08);--surface-border: rgb(var(--base-gray) / .1);--surface-border-strong: rgba(255, 255, 255, .2);--surface-shadow-1: rgba(0, 0, 0, .02);--surface-shadow-2: rgba(0, 0, 0, .04);--surface-shadow-3: rgba(0, 0, 0, .15);--drag-indicator-gradient: linear-gradient(180deg, #DC2931 0%, #E14458 30%, #F05B77 55%, rgb(var(--base-gray)) 100%);--modal-bg: #DC2931;--modal-text: #f2f2f2;--modal-accent: var(--accent-color);--transition-fast: .18s ease;--transition-med: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-color);-webkit-font-smoothing:antialiased}.hidden{display:none!important}.spacer{flex:1}:focus-visible{outline:1.5px solid rgb(var(--base-gray) / .1);outline-offset:2px}#top-bar{display:flex;align-items:center;padding:16px 24px;position:fixed;top:0;left:0;right:0;z-index:10}#back-btn{padding:8px 12px 8px 8px}#back-btn:hover{background:none}#back-btn.is-drag-target:hover,#back-btn.is-drag-target{background:var(--accent-color);color:var(--accent-contrast)}#back-label{font-weight:500}#folder-title{font-size:14px;font-weight:600;color:var(--tile-text-color);opacity:.85;margin-left:8px;display:flex;align-items:center}.breadcrumb-item{opacity:.7}.breadcrumb-item.is-link{cursor:pointer;transition:opacity var(--transition-fast)}.breadcrumb-item.is-link:hover,.breadcrumb-current{opacity:1}.breadcrumb-separator{display:inline-flex;align-items:center;margin:0 4px;opacity:.5}#grid-container{display:flex;justify-content:center;align-items:flex-start;padding:60px 24px 48px;height:100%;overflow-y:auto;scrollbar-gutter:stable}#grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap);width:100%}.icon-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--folder-icon-color);opacity:.85;cursor:pointer;border-radius:var(--control-radius-md);padding:8px;font-size:13px;font-family:inherit;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.icon-btn:hover:not(:disabled){color:var(--folder-icon-color);opacity:1;background:#ffffff12}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.is-drag-target{background:var(--accent-color);color:var(--accent-contrast)}.tile{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;user-select:none;min-width:0}.tile-icon-wrap{width:100%;aspect-ratio:1 / 1;background:var(--tile-bg);border-radius:var(--tile-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--tile-padding);transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.tile:hover .tile-icon-wrap{background:var(--tile-hover-bg)}.tile:active .tile-icon-wrap{transform:scale(.98)}.tile.dragging{opacity:.4}.tile.drag-over-left{position:relative}.tile.drag-over-left:before{content:"";position:absolute;left:calc(var(--grid-gap) / -2);transform:translate(-50%);top:0;width:4px;height:0;padding-bottom:100%;background:var(--drag-indicator-gradient);border-radius:2px;z-index:10;pointer-events:none}.tile.drag-over-right{position:relative}.tile.drag-over-right:after{content:"";position:absolute;right:calc(var(--grid-gap) / -2);transform:translate(50%);top:0;width:4px;height:0;padding-bottom:100%;background:var(--drag-indicator-gradient);border-radius:2px;z-index:10;pointer-events:none}.tile.drag-over-center{position:relative}.tile.drag-over-center .tile-icon-wrap{box-shadow:none;transform:scale(1.05)}.tile.drag-over-center .tile-icon-wrap:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:var(--drag-indicator-gradient);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.tile-icon-wrap img{width:var(--icon-size);height:var(--icon-size);object-fit:contain;border-radius:4px;transition:opacity var(--transition-fast);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:scale(.9)}.tile-icon-img{pointer-events:none;user-select:none}.tile-icon-img.is-hidden{display:none}.tile-icon-inner{position:relative;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center}.tile-icon-wrap img.custom-thumb{width:100%;height:100%;object-fit:contain;border-radius:6px;transform:none}.tile-icon-wrap img.emoji-thumb{width:var(--icon-size);height:var(--icon-size);object-fit:contain;transform:none}.tile-icon-wrap img.emoji-thumb.overlay{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%) scale(1.3);width:38%;height:38%;z-index:10}.letter-fallback{width:var(--icon-size);height:var(--icon-size);border-radius:10px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:calc(var(--icon-size) * .45);font-weight:600;color:#fff;flex-shrink:0}.folder-icon{width:var(--icon-size);height:var(--icon-size);color:var(--folder-icon-color);flex-shrink:0;transform:scale(1.3)}.tile-title{margin-top:8px;font-size:12px;font-weight:500;color:var(--tile-text-color);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85;padding:0 2px}.tile-add .tile-icon-wrap{background:transparent;transition:border-color var(--transition-fast),background var(--transition-fast)}.tile-add:hover .tile-icon-wrap{background:#ffffff0a}.tile-add .add-icon{color:var(--folder-icon-color);transition:color var(--transition-fast)}.tile-add:hover .add-icon{color:var(--folder-icon-color)}.btn{font-family:inherit;font-size:var(--button-font-size);font-weight:var(--button-font-weight);border:none;border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn-auto{width:auto}.btn-compact{padding:var(--button-compact-padding-y) var(--button-compact-padding-x);font-size:var(--button-compact-font-size)}.btn-nowrap{white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);opacity:1}.btn-primary:hover:not(:disabled){background:var(--button-primary-bg-hover);color:var(--button-primary-text)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text)}.btn-secondary:hover{background:var(--button-secondary-bg-hover)}.btn-link{font-family:inherit;font-size:13px;color:#fff;background:none;border:none;cursor:pointer;padding:4px}.btn-link:hover{text-decoration:underline}.text-input{font-family:inherit;font-size:var(--field-font-size);font-weight:var(--field-font-weight);border:var(--field-border);border-radius:var(--field-radius);color:var(--field-text);background:var(--field-bg);padding:var(--field-padding-y) var(--field-padding-x);transition:border-color var(--transition-fast);outline:none}.text-input:hover{border-color:var(--field-border-hover)}.text-input:focus{border-color:var(--field-border-hover)}.text-input:focus-visible{outline:1.5px solid rgb(var(--base-gray) / .1);outline-offset:2px}.text-input::placeholder{color:var(--field-placeholder)}.input-grow{flex:1}.visually-hidden-input{display:none}.empty-state-text{color:var(--text-muted)}.tile-checkbox{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(255,255,255,.4);background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);z-index:20}.selection-mode-active .tile-checkbox{opacity:1}.tile.selected .tile-checkbox{background:var(--accent-color);border-color:var(--accent-color)}.tile.selected .tile-checkbox:after{content:"";width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.tile.selected .tile-icon-wrap:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:var(--drag-indicator-gradient);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}#bulk-actions-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ctx-bg);padding:var(--light-action-shell-padding);border-radius:var(--light-action-shell-radius);display:flex;align-items:center;z-index:10000;box-shadow:0 2px 4px #00000005,0 10px 20px #0000000a,0 20px 40px #0000000a;animation:slideUp .4s cubic-bezier(.16,1,.3,1);border:none}@keyframes slideUp{0%{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%);opacity:1}}.bulk-info{font-size:var(--light-action-font-size);font-weight:var(--light-action-font-weight);color:var(--light-action-text-strong);padding:0 16px 0 12px;height:36px;display:flex;align-items:center;border-right:1px solid var(--light-action-divider);margin-right:6px}.bulk-btns{display:flex;gap:2px}#bulk-actions-bar .btn{display:flex;align-items:center;gap:var(--light-action-gap);border:none;background:none;padding:var(--light-action-padding-y) var(--light-action-padding-x);font-size:var(--light-action-font-size);font-weight:var(--light-action-font-weight);font-family:inherit;color:var(--light-action-text);cursor:pointer;border-radius:var(--light-action-radius);transition:background var(--transition-fast),color var(--transition-fast);height:auto;white-space:nowrap}#bulk-actions-bar .btn:hover{background:var(--light-action-hover);color:var(--light-action-text-strong)}#bulk-actions-bar .btn.ctx-danger{color:var(--danger)}#bulk-actions-bar .btn.ctx-danger:hover{background:#e8485514}#bulk-actions-bar .btn svg{color:inherit;flex-shrink:0}#context-menu{position:fixed;z-index:1000;background:var(--ctx-bg);border-radius:var(--light-action-shell-radius);padding:var(--light-action-shell-padding);min-width:180px;box-shadow:0 2px 4px #00000005,0 10px 20px #0000000a,0 20px 40px #0000000a;animation:ctxIn .15s ease}@keyframes ctxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#context-menu button{display:flex;align-items:center;gap:var(--light-action-gap);width:100%;border:none;background:none;padding:var(--light-action-padding-y) var(--light-action-padding-x);font-size:var(--light-action-font-size);font-weight:var(--light-action-font-weight);font-family:inherit;color:var(--light-action-text);cursor:pointer;border-radius:var(--light-action-radius);transition:background var(--transition-fast),color var(--transition-fast)}#context-menu button:hover{background:var(--light-action-hover);color:var(--light-action-text-strong)}#context-menu hr{border:none;border-top:1px solid var(--light-action-divider);margin:4px 8px}#context-menu button.ctx-danger{color:var(--danger)}#context-menu button.ctx-danger:hover{background:#e8485514}.modal-overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;animation:overlayIn .25s ease}#settings-overlay,#select-notes-overlay,#add-bm-overlay,#edit-modal-overlay,#move-to-overlay,#confirm-overlay{background:none;backdrop-filter:none}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-overlay.closing{animation:overlayOut .2s ease forwards}@keyframes overlayOut{to{opacity:0}}.modal{background:var(--modal-bg);color:var(--modal-text);border-radius:14px;width:560px;max-width:92vw;max-height:90vh;overflow-y:auto;box-shadow:0 2px 4px #00000005,0 10px 20px #0000000a,0 20px 40px #0000000a;animation:modalIn .3s cubic-bezier(.22,1,.36,1)}.modal-small{width:460px}.modal-overlay.closing .modal{animation:modalOut .2s ease forwards}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalOut{to{opacity:0;transform:translateY(10px) scale(.97)}}.modal-wide{width:620px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.modal-header h2{font-size:20px;font-weight:600}.modal-close{background:none;border:none;cursor:pointer;color:#fff9;padding:4px;border-radius:6px;display:flex;transition:color var(--transition-fast),background var(--transition-fast)}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:24px 28px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px 24px;border-top:1.5px solid rgb(var(--base-gray) / .1)}.edit-fields{display:flex;gap:16px;margin-bottom:20px}.edit-fields .field{flex:1}.edit-fields .field:first-child{flex:1.6}.edit-fields label{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--modal-text);margin-bottom:6px}.edit-fields input{width:100%;padding:10px 12px;border:1.5px solid rgb(var(--base-gray) / .1);background:#ffffff1a;border-radius:8px;font-family:inherit;font-size:14px;color:var(--modal-text);transition:border-color var(--transition-fast);outline:none}.edit-fields input::placeholder{color:color-mix(in srgb,var(--modal-text),transparent 60%)}.edit-fields input:focus{border-color:var(--modal-text)}.thumbnail-section label{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--modal-text);margin-bottom:10px}.thumbnail-options{display:flex;gap:12px}.thumb-option{width:110px;height:90px;border:2px solid rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:#ffffff0d;transition:border-color var(--transition-fast),background var(--transition-fast);overflow:hidden;font-size:11px;color:var(--modal-text)}.thumb-option.active{border-color:#fff;background:#ffffff1a}.thumb-option:hover{background:#ffffff26}.thumb-option img{max-width:100%;max-height:100%;object-fit:contain}.thumb-option svg{color:#fff9}.thumbnail-options .thumb-option:first-child,.thumbnail-options .thumb-option:first-child:hover{cursor:default;background:#ffffff0d}.thumb-option-emoji{font-size:24px;height:24px}.emoji-picker-shell{margin-top:12px;display:flex;justify-content:center}.modal-header-actions{display:flex;align-items:center;gap:4px}.modal-body-list{padding:0;display:flex;flex-direction:column}.notes-search-wrap{padding:12px 28px}.notes-toolbar{display:flex;align-items:center;gap:12px}.notes-search-input{flex:1}.notes-sort-select{width:180px;flex:0 0 180px;-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.86)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px}@media(max-width:640px){.notes-toolbar{flex-direction:column;align-items:stretch}.notes-sort-select{width:100%;flex-basis:auto}}.notes-table-header{display:flex;gap:8px;font-size:11px;font-weight:600;color:var(--modal-text);padding:8px 28px 4px;border-bottom:1.5px solid var(--surface-border);scrollbar-gutter:stable;overflow-y:scroll}.notes-list-scroll{max-height:300px;overflow-y:scroll;padding-bottom:8px}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.notes-col-name{flex:1}.notes-col-icon{width:24px}.notes-col-toggle{width:50px;text-align:center}.modal-dialog{max-width:380px;padding:24px}.modal-dialog-confirm{max-width:360px;text-align:center}.modal-dialog-upgrade{text-align:center;padding:28px}.modal-dialog-title{margin-top:0;margin-bottom:16px;font-size:17px}.modal-dialog-title-sm{margin-bottom:12px;font-size:16px}.modal-dialog-message{font-size:13px;margin-bottom:24px;line-height:1.4}.modal-dialog-message-tight{color:var(--modal-text);margin-bottom:20px;line-height:1.5}.modal-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.modal-dialog-actions-centered{justify-content:center}.modal-dialog-btn{flex:1}.modal-dialog-field{margin-bottom:24px}.modal-dialog-label{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;color:var(--modal-text);opacity:.8}.modal-dialog-input{width:100%}.modal-dialog-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.move-to-modal .modal-body{padding:12px 0;max-height:400px;overflow-y:auto}.move-to-list{list-style:none;padding:0;margin:0}.move-to-list li{display:flex;align-items:center;gap:10px;padding:10px 24px;font-size:13px;cursor:pointer;color:var(--modal-text);transition:background var(--transition-fast)}.move-to-list li:hover{background:#ffffff1a}.move-to-list li svg{flex-shrink:0;color:#fff9}.move-to-list li.is-disabled{opacity:.4;pointer-events:none}.move-to-list .move-to-new{border-top:1.5px solid rgb(var(--base-gray) / .1);margin-top:4px;padding-top:10px;color:var(--modal-text);font-weight:500}.move-to-list .move-to-new svg{color:var(--modal-text)}.create-note-item{display:flex;padding:10px 28px;align-items:center;gap:8px;font-size:13px;cursor:pointer;color:#f2f2f2}.create-note-item:hover{background-color:#ffffff1a}emoji-picker{width:100%;height:350px;max-width:330px;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;--background: transparent;--border-color: rgba(255, 255, 255, .1);--border-size: 0px;--input-border-color: rgba(255, 255, 255, .2);--input-font-color: var(--modal-text);--indicator-color: var(--modal-accent);--outline-color: var(--modal-accent);--font-family: inherit;--num-columns: 8}#emoji-picker-container,#add-bm-emoji-picker-container{padding:4px}.settings-modal-dark{background:var(--modal-bg);color:var(--modal-text);width:720px;max-width:92vw;border-radius:14px;overflow:hidden;box-shadow:0 2px 4px #00000005,0 10px 20px #0000000a,0 20px 40px #0000000a}.settings-layout{display:flex;min-height:80svh;max-height:80svh}.settings-sidebar{width:190px;flex-shrink:0;background:var(--ctx-bg);padding:24px 0;display:flex;flex-direction:column}.settings-modal-title{font-size:18px;font-weight:600;color:var(--light-action-text-strong);padding:0 20px 20px;margin:0}.settings-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:var(--light-action-gap);padding:var(--light-action-padding-y) var(--light-action-padding-x);font-size:var(--light-action-font-size);font-weight:var(--light-action-font-weight);color:var(--light-action-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);margin:0 8px;border-radius:var(--light-action-radius)}.settings-nav-item:hover{background:var(--light-action-hover);color:var(--light-action-text-strong)}.settings-nav-item.active{background:var(--accent-color);color:var(--accent-contrast)}.settings-nav-item svg{flex-shrink:0}.settings-sidebar-footer{margin-top:auto;padding:20px 20px 0}.settings-sidebar-spacer{padding-bottom:20px}.settings-reset-btn{font-family:inherit;font-size:12px;color:#2b2b2b99;background:none;border:none;cursor:pointer;padding:6px 0;transition:color var(--transition-fast)}.settings-reset-btn:hover{color:#2b2b2b}.settings-sidebar-legal{margin-top:16px;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#2b2b2b66}.settings-sidebar-legal a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.settings-sidebar-legal a:hover{color:#2b2b2b}.settings-content{flex:1;padding:48px 28px 24px;position:relative;overflow-y:auto;scrollbar-gutter:stable}.settings-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;display:flex;color:#fff9;padding:4px;border-radius:6px;transition:color var(--transition-fast),background var(--transition-fast)}.settings-close-btn:hover{color:#fff;background:#ffffff1a}.settings-page{display:none}.settings-page.active{display:block}.settings-page-header{display:flex;align-items:center;gap:16px;margin-bottom:6px;padding-bottom:14px}.settings-page-header-copy{display:flex;flex-direction:column;gap:4px}.settings-page-copy{font-size:12px;color:#ffffffb8;line-height:1.45;margin:0;max-width:340px;text-wrap:pretty}.settings-page-status{font-size:11px;color:#ffffff8c;margin:0}.settings-page-status a{color:#fff;text-decoration:underline;text-underline-offset:2px;transition:opacity var(--transition-fast)}.settings-page-status a:hover{opacity:.8}.settings-page-action-btn:disabled{cursor:not-allowed;opacity:.45}.settings-stack{display:flex;flex-direction:column;gap:20px;padding:4px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1.5px solid rgb(var(--base-gray) / .1);height:59px}.setting-row:last-child{border-bottom:none}.setting-row label{font-size:11px;font-weight:600;letter-spacing:.5px;color:#ffffffe6;white-space:nowrap}.setting-row-stacked{flex-direction:column;align-items:flex-start;gap:16px}.setting-row-borderless{border:none}.setting-row-flat{width:100%;border-bottom:none;padding:0}.setting-label-lg{font-size:13px;color:#ffffffe6}.setting-help-text{font-size:12px;color:#ffffffb3;margin:0}.settings-inline-actions{display:flex;align-items:center;gap:8px}.settings-detail-block{display:flex;flex-direction:column;width:100%;gap:8px}.settings-detail-block-bordered{border-top:1.5px solid var(--surface-border);padding-top:16px}.settings-note-mode-card{padding:16px;background:var(--surface-soft);border-radius:10px;border:1.5px solid var(--surface-border)}.settings-note-mode-row{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500}.settings-note-mode-label{color:#f2f2f299;font-weight:400;transition:color var(--transition-fast),font-weight var(--transition-fast)}.settings-note-mode-label[data-active=true]{color:var(--modal-text);font-weight:600}.setting-color-controls{display:flex;align-items:center;gap:10px}.setting-color-hex{width:82px;padding:8px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.toggle-switch{position:relative;display:inline-block;width:42px;height:22px;flex-shrink:0}.toggle-switch-lg,.toggle-switch-lg .slider{width:44px;height:24px}.toggle-switch-lg input:checked+.slider:before{transform:translate(22px)}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background:#ffffff4d;transition:background var(--transition-fast),box-shadow var(--transition-fast);border-radius:999px;height:24px;width:42px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;top:3px;background:var(--modal-text);transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 1px 2px #00000026}.toggle-switch input:checked+.slider{background:var(--modal-text);box-shadow:inset 0 0 0 1px #0000000a}.toggle-switch input:checked+.slider:before{transform:translate(20px);background:#dc2931}.u-radio{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;justify-content:center}.u-radio:checked{background:var(--ctx-bg)}.u-radio:checked:after{content:"";width:0px;height:0px;background:var(--accent-color);border-radius:50%;display:block}.u-radio:hover{border-color:#ffffff80}.u-radio:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}.setting-row input[type=color]{-webkit-appearance:none;appearance:none;width:30px;height:30px;border:1.5px solid rgb(var(--base-gray) / .1);border-radius:50%;cursor:pointer;padding:2px;background:none}.setting-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.setting-row input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.slider-group{display:flex;align-items:center;gap:12px}.slider-val{font-size:12px;font-weight:500;color:#ffffffb3;min-width:58px;display:inline-block;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:200px;height:4px;border-radius:2px;background:#fff3;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-upload-btn,.preset-btn.apply{font-family:inherit;font-size:var(--button-surface-font-size);font-weight:var(--button-surface-font-weight);padding:var(--button-surface-padding-y) var(--button-surface-padding-x);border-radius:var(--button-surface-radius);border:none;background:var(--button-surface-bg);color:var(--button-surface-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none}.settings-upload-btn{width:100%;display:inline-flex;align-items:center;justify-content:center}.settings-upload-btn:hover,.preset-btn.apply:hover{background:var(--button-surface-bg-hover);color:var(--button-surface-text-hover)}.settings-remove-btn{font-family:inherit;font-size:12px;color:#fff;background:none;border:none;cursor:pointer;padding:4px}.settings-remove-btn:hover{text-decoration:underline}.wizard-copy{font-size:12px;color:#ffffffb3;margin:0 0 8px}.wizard-copy-block{font-size:12px;color:#fffc;line-height:1.6}.wizard-inline-actions{display:flex;gap:8px;width:100%}.wizard-link{color:#fff;text-decoration:underline}.wizard-section{margin-bottom:12px}.wizard-section-heading{color:#fff;display:block;margin-bottom:4px}.wizard-steps-list{margin:0;padding-left:18px}.wizard-steps-list-spaced{font-size:12px;color:#fffc;margin-bottom:12px;line-height:1.6}.status-text{color:var(--modal-text);margin-top:8px}.status-text-tight{margin-top:4px;font-size:11px}.status-text-strong{font-size:12px;color:#ffffffb3;font-weight:700}.locked-state{text-align:center;padding:40px 20px}.locked-state-compact{padding:20px}.locked-state-icon{font-size:40px;margin-bottom:20px}.locked-state-title{font-size:18px;margin-bottom:12px;color:#fff}.locked-state-copy{font-size:13px;color:#ffffffb3;line-height:1.6;margin:0 auto 24px;max-width:320px}.locked-state-copy-wide{max-width:340px}.obsidian-checkbox-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.obsidian-checkbox{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid #ccc;border-radius:4px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:all var(--transition-fast)}.obsidian-checkbox:checked{background:var(--accent-color)}.obsidian-checkbox:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.obsidian-checkbox-label{color:#fff;word-break:break-all;user-select:none;cursor:pointer}.plus-banner{background:var(--drag-indicator-gradient);border-radius:10px;padding:12px;margin-bottom:16px;cursor:pointer;transition:transform var(--transition-fast),filter var(--transition-fast)}.plus-banner:hover{transform:translateY(-1px);filter:brightness(1.1)}.plus-banner-content{display:flex;flex-direction:column;gap:2px}.plus-banner-title{font-size:12px;font-weight:700;color:#fff}.plus-banner-text{font-size:11px;color:#ffffffe6;line-height:1.3}.supporter-badge{background:var(--drag-indicator-gradient);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;vertical-align:middle;display:inline-block;line-height:1;letter-spacing:.5px}.presets-list{display:flex;flex-direction:column;gap:0}.presets-header{margin-bottom:0}.settings-page-copy{margin:0}.preset-empty-state{font-size:13px;color:#fff6;text-align:center;margin-top:20px}.legal-copyright{font-family:Arial,sans-serif}.preset-item{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 0;border-bottom:1.5px solid rgb(var(--base-gray) / .1);transition:background var(--transition-fast),border-color var(--transition-fast);position:relative;cursor:pointer}.preset-item:last-child{border-bottom:none}.preset-item.is-dragging{opacity:.45}.preset-item.is-drop-before:after,.preset-item.is-drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:999px;background:var(--drag-indicator-gradient)}.preset-item.is-drop-before:after{top:-2px}.preset-item.is-drop-after:after{bottom:-2px}.preset-grip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;border-radius:6px;color:#ffffff80;background:none;cursor:grab;transition:background var(--transition-fast),color var(--transition-fast)}.preset-grip:hover{color:var(--modal-text);background:var(--button-surface-bg-hover)}.preset-grip:active{cursor:grabbing}.preset-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.preset-active-badge{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--modal-text);padding:4px 8px;border-radius:999px}.preset-name{font-size:14px;font-weight:500;color:#fff;flex:1;min-width:0;margin-right:0;padding:8px 10px;border-radius:8px;border:1.5px solid transparent;background:none;font-family:inherit}.preset-name:hover,.preset-name:focus{outline:none;background:#ffffff1a;border-color:var(--accent-color)}.preset-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.preset-btn{background:none;border:none;padding:4px;cursor:pointer;color:#fff9;border-radius:6px;display:flex;transition:all var(--transition-fast)}.preset-btn:hover{background:#ffffff1a;color:#fff}.preset-btn.delete:hover{color:var(--modal-text);background:var(--button-surface-bg-hover)}#obsidian-widgets-container{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50}.obsidian-widget{position:absolute;background:var(--tile-bg);border-radius:min(var(--tile-radius),24px);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;pointer-events:auto;overflow:hidden;min-width:200px;min-height:150px}.resize-handle{position:absolute;z-index:20}.resize-n{top:0;left:10px;right:10px;height:8px;cursor:n-resize}.resize-s{bottom:0;left:10px;right:10px;height:8px;cursor:s-resize}.resize-e{right:0;top:10px;bottom:10px;width:8px;cursor:e-resize}.resize-w{left:0;top:10px;bottom:10px;width:8px;cursor:w-resize}.resize-ne{top:0;right:0;width:14px;height:14px;cursor:ne-resize}.resize-nw{top:0;left:0;width:14px;height:14px;cursor:nw-resize}.resize-se{bottom:0;right:0;width:14px;height:14px;cursor:se-resize}.resize-sw{bottom:0;left:0;width:14px;height:14px;cursor:sw-resize}.obsidian-widget.minimized .resize-handle{display:none!important}.obsidian-widget.minimized:after{display:none}.widget-header{padding:8px 12px;background:#0000001a;display:flex;align-items:center;justify-content:space-between;cursor:grab;user-select:none;border-bottom:1px solid rgba(255,255,255,.05)}.widget-actions{display:flex;align-items:center;gap:8px}.widget-header:active{cursor:grabbing}.widget-title{font-size:13px;font-weight:500;color:var(--tile-text-color);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-close,.widget-minimize{background:none;border:none;color:var(--folder-icon-color);opacity:.7;cursor:pointer;font-size:16px;line-height:1;padding:0 4px;transition:opacity var(--transition-fast)}.widget-close:hover,.widget-minimize:hover{opacity:1}.notes-list-item{display:flex;align-items:center;gap:8px;padding:6px 28px;border-bottom:1.5px solid var(--surface-border);font-size:13px}.notes-list-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-list-col{width:50px;display:flex;justify-content:center}.notes-list-item.is-disabled{opacity:.4;pointer-events:none}.notes-action-btn{background:none;border:none;cursor:pointer;color:var(--modal-text);padding:2px 4px;display:flex;align-items:center}.notes-action-btn:disabled,.notes-action-btn.is-disabled{cursor:not-allowed;color:#fff3}.notes-checkbox-disabled,.notes-search-disabled{opacity:.35;cursor:not-allowed}.notes-upgrade-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 28px;text-align:center}.notes-upgrade-copy{font-size:13px;color:#ffffff8c;line-height:1.5;text-wrap:balance}.notes-upgrade-link{width:auto;text-decoration:none;font-size:12px;padding:6px 16px}.rename-modal-label{margin:0 0 8px;font-size:13px}.jottab-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;background:#000c;color:#fff;font-size:13px;z-index:10000;opacity:0;transition:opacity .3s ease;pointer-events:none}.jottab-toast.is-visible{opacity:1}.obsidian-widget.minimized{height:auto!important;min-height:0}.obsidian-widget.minimized .widget-header{border-bottom:none}.obsidian-widget.minimized .widget-content{display:none}.widget-content{flex:1;overflow-y:hidden;position:relative}.widget-view{width:100%;height:100%;padding:16px;overflow-y:auto;font-family:Google Sans Code,monospace;font-size:13px;line-height:1.6;color:var(--tile-text-color);cursor:text}.widget-editor{display:block;width:100%;height:100%;background:transparent;color:var(--tile-text-color);border:none;padding:16px;font-family:Google Sans Code,monospace;font-size:13px;line-height:1.6;resize:none;outline:none}.widget-editor::placeholder{color:color-mix(in srgb,var(--tile-text-color),transparent 40%)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child,.markdown-body h4:first-child{margin-top:0}.markdown-body h1{font-size:1.75em}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body a{color:var(--tile-text-color);text-decoration:underline}.markdown-body a:hover{text-decoration:underline}.markdown-body code{background:#0003;padding:.2em .4em;margin:0;font-size:85%;border-radius:6px;font-family:Google Sans Code,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-body pre{background:#0003;padding:16px;overflow:auto;font-size:85%;line-height:1.45;border-radius:6px}.markdown-body pre code{background:transparent;padding:0}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body blockquote{padding:0 1em;color:var(--text-muted);border-left:.25em solid rgba(255,255,255,.2)}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#ffffff1a;border:0}.obsidian-widget ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--folder-icon-color),transparent 70%)}.obsidian-widget ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--folder-icon-color),transparent 60%)}.wizard-step{border:1.5px solid rgb(var(--base-gray) / .1);border-radius:10px;overflow:hidden;background:#ffffff0d;transition:opacity .3s ease,filter .3s ease}.wizard-step.wizard-locked{opacity:.4;pointer-events:none;filter:grayscale(.5)}.wizard-step-header{display:flex;align-items:center;gap:10px;padding:10px 14px}.wizard-step-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--modal-text);color:var(--modal-text);font-size:12px;font-weight:600;flex-shrink:0;line-height:1}.wizard-step-title{font-size:13px;font-weight:600}.wizard-badge{margin-left:auto;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;display:none}.wizard-badge.active{display:inline-block;background:#74e08e;color:#155724}.wizard-step-body{padding:12px 14px;border-top:1.5px solid rgb(var(--base-gray) / .1)}.wizard-step-body code{background:#ff4d4d;color:#2b2b2b;padding:1px 5px;border-radius:3px;font-size:11px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff73}@media(max-width:768px){#grid-container{padding:56px 20px 32px}.settings-layout{flex-direction:column}.settings-sidebar{width:100%;flex-shrink:0;padding:16px 0 0}.settings-nav{flex-direction:row;overflow-x:auto;gap:0;padding:0 12px;-webkit-overflow-scrolling:touch}.settings-nav-item{white-space:nowrap;padding:8px 14px;margin:0 2px;font-size:12px}.settings-modal-title{padding:0 16px 12px;font-size:16px}.settings-sidebar-footer{display:none}.settings-content{padding:24px 20px 20px}.settings-close-btn{top:12px;right:12px}.edit-fields{flex-direction:column;gap:12px}.edit-fields .field:first-child{flex:1}}@media(max-width:480px){#grid-container{padding:56px 16px 20px}#top-bar{padding:12px 16px}#folder-title{font-size:12px}.modal,.settings-modal-dark{width:95vw;max-width:95vw;border-radius:12px}.modal-header{padding:20px 20px 0}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px 20px}.setting-row{height:auto;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.slider-group{width:100%}input[type=range]{width:100%;flex:1}.thumbnail-options{flex-wrap:wrap}.obsidian-widget{max-width:calc(100vw - 32px);min-width:220px}#web-cta-banner{flex-wrap:wrap;gap:8px;padding:10px 16px;font-size:12px}}@media(max-width:375px){#grid-container{padding:52px 12px 16px}}.web-disabled{opacity:.35!important;pointer-events:none!important;cursor:default!important;user-select:none}.web-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:16px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffffbf;line-height:1.4}.web-notice svg{flex-shrink:0;opacity:.6}.web-notice a{color:#fff;text-decoration:underline;text-underline-offset:2px}.web-notice a:hover{opacity:.8}.web-notice-backup{margin:0 0 20px}.web-notice-notes{margin:12px 28px 0}.web-disabled-section{opacity:.35;pointer-events:none}.web-hidden{display:none!important}#web-cta-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;color:#ffffffd9;transition:transform .3s ease,opacity .3s ease}#web-cta-banner.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.cta-text strong{color:#fff}.cta-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:#fff;color:#111;font-size:12px;font-weight:600;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffffff26}