1 line
29 KiB
CSS
1 line
29 KiB
CSS
:root{--special-view-panel-bg:var(--tile-bg,var(--bg-card));--special-view-panel-alt:color-mix(in srgb,var(--tile-bg,var(--bg-card)) 85%,var(--bg-body));--special-view-border:var(--tile-border,var(--border));--special-view-divider:var(--border-light);--special-view-shadow:var(--tile-shadow,var(--shadow-md));--special-view-muted:var(--text-secondary);--special-view-strong:var(--text-main);--special-view-chip-bg:color-mix(in srgb,var(--primary) 12%,transparent);--special-view-chip-hover:color-mix(in srgb,var(--primary) 22%,transparent);--special-view-chip-text:var(--text-main)}.special-view-wrapper{display:flex;flex-direction:row;min-height:calc(100vh - 60px);width:100%}body.view-todo .content-container{background-color:transparent;min-height:100vh;padding:2rem}body.view-todo #linklist{display:block}.create-task-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.todo-list-item{align-items:center;border-radius:.5rem;color:var(--special-view-strong);cursor:pointer;display:flex;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;transition:background-color .2s}.todo-list-item:hover{background-color:color-mix(in srgb,var(--special-view-strong) 8%,transparent)}.todo-list-item.active{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-weight:600;margin:0}.todo-item{align-items:center;border-bottom:1px solid var(--special-view-divider);display:flex;gap:1rem;padding:1rem;transition:background-color .2s}.todo-item:hover{background-color:color-mix(in srgb,var(--special-view-strong) 5%,transparent)}.todo-checkbox{align-items:center;border:2px solid var(--special-view-muted);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.todo-checkbox.checked{background-color:var(--primary);border-color:var(--primary);color:#fff}.todo-content{display:flex;flex:1;flex-direction:column;gap:.25rem}.todo-title{color:var(--special-view-strong);font-size:1rem;font-weight:400}.todo-item.completed .todo-title{color:var(--text-muted);text-decoration:line-through}.todo-meta{align-items:center;color:var(--special-view-muted);display:flex;font-size:.75rem;gap:.5rem}.todo-badge{background-color:var(--special-view-chip-bg);border-radius:1rem;font-size:.7rem;padding:.125rem .5rem}.due-date{align-items:center;display:flex;gap:.25rem}body.view-archive .content-container,body.view-notes .content-container{background-color:transparent;min-height:100vh;padding:2rem}.notes-top-bar{align-items:flex-start;display:flex;justify-content:center;margin-bottom:2rem;padding-right:0}.note-input-container{background-color:var(--special-view-panel-bg);border:1px solid var(--special-view-border);border-radius:12px;box-shadow:var(--special-view-shadow);max-width:100%;overflow:hidden;transition:box-shadow .2s;width:800px}.note-input-container.is-editing{max-height:72vh}.note-input-collapsed{align-items:center;color:var(--special-view-muted);cursor:text;display:flex;font-size:1rem;font-weight:500;padding:12px 16px}.note-input-container.is-editing{cursor:default}.icon-btn:hover{background-color:color-mix(in srgb,var(--text-muted) 10%,transparent)}.icon-btn.active{background-color:var(--special-view-chip-bg);color:var(--primary)}.notes-masonry{column-count:4;column-gap:16px;margin:0 auto;max-width:1600px;width:100%}@media (max-width:1400px){.notes-masonry{column-count:3}}@media (max-width:1024px){.notes-masonry{column-count:2}}@media (max-width:640px){.notes-masonry{column-count:1}}.notes-masonry:has(.note-card:first-child:last-child){column-count:1}.notes-masonry:has(.note-card:nth-child(2):last-child){column-count:2}.notes-masonry:has(.note-card:nth-child(3):last-child){column-count:3}.notes-masonry .note-card{break-inside:avoid;display:inline-block;margin:0 0 16px;width:100%;-webkit-column-break-inside:avoid;page-break-inside:avoid;box-shadow:var(--special-view-shadow);column-span:none}.note-card,.notes-masonry .note-card{background:var(--special-view-panel-bg);border:1px solid var(--special-view-border);border-radius:14px;overflow:hidden}.note-card .note-inner{padding:14px 58px 12px 16px;position:relative}.note-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(0,0,0,.55);display:none;inset:0;justify-content:center;overflow-y:auto;padding:1rem;position:fixed;z-index:1100}.note-modal,.note-modal-overlay.open{display:flex}.note-modal{background:var(--special-view-panel-bg);border:1px solid var(--special-view-border);border-radius:14px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);color:inherit;flex-direction:column;max-height:86vh;overflow:hidden;width:min(720px,92vw)}.note-modal-header{align-items:flex-start;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:18px 20px 10px}.note-modal-tags.is-empty{display:none}.note-modal-tags .note-tag{align-items:center;background:var(--special-view-chip-bg);border-radius:999px;color:var(--special-view-chip-text);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.note-modal-tags .note-tag-text{line-height:1.2}.note-modal-tags .note-tag-remove-btn{align-items:center;background:var(--special-view-chip-hover);border:none;border-radius:999px;color:currentColor;cursor:pointer;display:inline-flex;font-size:.8rem;height:1.1rem;justify-content:center;line-height:1;padding:0;width:1.1rem}.note-modal-actions{align-items:center;background:transparent;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:8px 16px 16px}.note-modal-pin-toggle.active,.note-modal-pin-toggle:hover{background-color:color-mix(in srgb,var(--text-main) 14%,transparent)}.note-body{color:var(--special-view-strong);font-size:.875rem;line-height:1.4;word-wrap:break-word;display:block;max-height:360px;overflow:hidden}.note-body p,.note-modal-content p{margin:0 0 .5rem}.bookmark-palette>button:hover{background:var(--primary-light);color:var(--primary)}.palette-popup{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--special-view-panel-bg);border:1px solid var(--special-view-border);border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 14px 34px rgba(0,0,0,.22);display:none;left:0;max-height:min(320px,calc(100vh - 140px));max-width:min(340px,calc(100vw - 32px));overflow:auto;overscroll-behavior:contain;padding:12px;position:absolute;width:max-content;z-index:50}.palette-popup.open{display:block}.note-card .note-hover-actions a,.note-card .note-hover-actions button{color:inherit}.note-card[class*=note-color-]{border:1px solid var(--special-view-border);color:var(--note-card-fg,var(--special-view-strong))}body.view-archive .content-container{background-color:transparent!important}.archive-title-container{margin-bottom:1rem;text-align:center}.archive-title{align-items:center;color:var(--special-view-strong);display:flex;font-size:1.75rem;font-weight:600;gap:.5rem;justify-content:center;margin:0}.archive-title i{color:var(--primary);font-size:1.5rem}.archive-subtitle{color:var(--special-view-muted);font-size:.875rem;margin:.25rem 0 0}.archive-top-bar{align-items:center;flex-direction:column;gap:1rem;padding-right:0;position:relative}.archive-top-bar .notes-tools{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}body.view-todo .note-card.todo-card .note-body{padding-top:.25rem}body.view-todo .note-card.todo-card .todo-checklist-preview-wrap{display:block;-webkit-line-clamp:initial;line-clamp:none;-webkit-box-orient:initial;max-height:360px;overflow:hidden;padding-top:.25rem}.todo-checklist-preview{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.todo-checklist-preview-item{align-items:flex-start;display:flex;font-size:.95rem;gap:.6rem;line-height:1.35}.todo-checklist-preview-box{align-items:center;border:2px solid;border-radius:4px;display:inline-flex;flex:0 0 auto;height:16px;justify-content:center;margin-top:2px;opacity:.7;width:16px}.todo-checklist-preview-box i{font-size:14px;opacity:0}.todo-checklist-preview-text{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.todo-checklist-preview-item.is-checked{opacity:.7}.todo-checklist-preview-item.is-checked .todo-checklist-preview-box i{opacity:1}.todo-checklist-preview-item.is-checked .todo-checklist-preview-text{text-decoration:line-through}.todo-checklist-preview-more{opacity:.7}.todo-modal .note-modal-content{padding-top:6px}.todo-checklist{display:flex;flex-direction:column;gap:6px;padding-bottom:6px}.todo-checklist-row{align-items:center;border-radius:8px;display:grid;gap:8px;grid-template-columns:26px 26px minmax(0,1fr) 34px;padding:6px 2px}.todo-checklist-row.is-checked{opacity:.75}.todo-checklist-row.is-dragging{opacity:.6}.todo-drag-handle{align-items:center;background:none;border:none;color:inherit;cursor:grab;display:inline-flex;height:26px;justify-content:center;opacity:.7;padding:0;width:26px}.todo-drag-handle:active{cursor:grabbing}.todo-drag-handle i{font-size:18px}.todo-checklist-box{align-items:center;cursor:pointer;display:inline-flex;height:26px;justify-content:center;width:26px}.todo-checklist-box input{opacity:0;pointer-events:none;position:absolute}.todo-checklist-box-ui{border:2px solid;border-radius:4px;display:inline-block;height:16px;opacity:.75;width:16px}.todo-item-checkbox:checked+.todo-checklist-box-ui{background:currentColor;box-shadow:inset 0 0 0 3px rgba(0,0,0,.22)}[data-theme=dark] .todo-item-checkbox:checked+.todo-checklist-box-ui{box-shadow:inset 0 0 0 3px rgba(0,0,0,.35)}.todo-item-text{background:transparent;border:none;border-radius:6px;color:inherit;font-size:1rem;line-height:1.4;min-width:0;outline:none;padding:6px;width:100%}.todo-checklist-row.is-checked .todo-item-text{text-decoration:line-through}.todo-item-text:focus{background:color-mix(in srgb,var(--text-main) 6%,transparent)}[data-theme=dark] .todo-item-text:focus{background:color-mix(in srgb,var(--text-main) 8%,transparent)}.todo-item-delete{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;height:34px;justify-content:center;opacity:.7;padding:0;width:34px}.todo-item-delete:hover{background:color-mix(in srgb,var(--text-main) 8%,transparent);opacity:1}[data-theme=dark] .todo-item-delete:hover{background:color-mix(in srgb,var(--text-main) 12%,transparent)}.todo-item-delete i{font-size:20px}.todo-add-item-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:1rem;gap:10px;justify-content:flex-start;opacity:.8;padding:8px 0;width:100%}.todo-add-item-btn i{font-size:18px}.todo-add-item-btn:hover{opacity:1}body.view-archive .content-container,body.view-notes .content-container,body.view-todo .content-container{padding:1.75rem clamp(1rem,3vw,2.5rem)}body.view-archive .linklist-filters,body.view-notes .linklist-filters,body.view-todo .linklist-filters{align-items:center;background:var(--special-view-chip-bg);border:1px solid var(--special-view-border);border-radius:9999px;color:var(--special-view-strong);display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;margin:0 0 1.25rem;max-width:max-content;padding:.45rem .85rem}.notes-top-bar{align-items:center;gap:1rem;margin-left:auto;margin-right:auto;max-width:1600px;position:relative}.notes-top-bar .notes-tools{position:absolute;right:0;top:50%;transform:translateY(-50%)}.note-input-container{transition:box-shadow .2s ease,border-color .2s ease;width:min(760px,100%)}.note-input-container.is-editing,.note-input-container:hover{box-shadow:var(--tile-shadow-hover,var(--shadow-md))}.note-input-container.is-editing{border-color:color-mix(in srgb,var(--primary) 40%,var(--special-view-border))}.note-input-container input[type=text],.note-input-container textarea{background:transparent;border:0;color:var(--special-view-strong);font-family:inherit;font-size:1rem;outline:none;padding:10px 14px;width:100%}.note-input-container textarea{line-height:1.45;min-height:120px;resize:vertical}.note-input-container input[type=text]::placeholder,.note-input-container textarea::placeholder{color:var(--special-view-muted)}.note-input-container .note-editor-toolbar,.note-input-container .note-input-actions,.note-input-container .todo-editor-toolbar{align-items:center;background:color-mix(in srgb,var(--special-view-panel-bg) 88%,var(--bg-body));border-top:1px solid var(--special-view-divider);display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px}.note-input-container .icon-btn,.note-input-container button:not(.btn):not([class*=note-close]):not([class*=submit]){background:transparent;border:0;border-radius:6px;color:var(--special-view-strong);cursor:pointer;font-size:.85rem;line-height:1;padding:6px 8px;transition:background .15s ease}.note-input-container .icon-btn:hover,.note-input-container button:not(.btn):not([class*=note-close]):not([class*=submit]):hover{background:color-mix(in srgb,var(--text-main) 10%,transparent)}.note-input-container .note-close-btn,.note-input-container [data-action=close]{background:var(--special-view-panel-alt);border:1px solid var(--special-view-border);border-radius:8px;color:var(--special-view-strong);cursor:pointer;font-size:.85rem;padding:6px 12px}.note-input-container .note-close-btn:hover,.note-input-container [data-action=close]:hover{background:var(--tile-bg-hover,var(--bg-card-hover))}.note-input-container .todo-checklist-row{border-bottom:1px solid var(--special-view-divider);border-radius:0;padding:4px 10px}.note-input-container .todo-checklist-row:last-of-type{border-bottom:0}.note-input-container .todo-item-text{padding:8px 6px}.note-card .note-title{color:inherit;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 6px}.note-card .note-body{font-size:.9rem;line-height:1.5}.note-card .link-tag,.note-card .note-tag{background:color-mix(in srgb,var(--primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:9999px;color:var(--special-view-chip-text);font-size:.72rem;font-weight:500;padding:2px 8px}.notes-masonry .note-card{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.notes-masonry .note-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--special-view-border));box-shadow:var(--tile-shadow-hover,var(--shadow-lg));transform:translateY(-1px)}.note-card:not([class*=note-color-]){color:var(--special-view-strong)}body.view-todo .notes-masonry:empty:after{content:"Aucune tâche pour le moment."}body.view-notes .notes-masonry:empty:after,body.view-todo .notes-masonry:empty:after{color:var(--special-view-muted);display:block;font-size:.95rem;padding:3rem 1rem;text-align:center}body.view-notes .notes-masonry:empty:after{content:"Aucune note pour le moment."}.icon-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--special-view-strong);cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;line-height:1;padding:0;text-decoration:none;transition:background .15s ease,color .15s ease;width:32px}.notes-tools{align-items:center;display:flex;gap:4px}.note-pin-corner{align-items:center;background:transparent;border-radius:50%;color:var(--special-view-muted);display:inline-flex;font-size:1rem;height:28px;justify-content:center;opacity:0;position:absolute;right:12px;text-decoration:none;top:10px;transition:opacity .15s ease,background .15s ease,color .15s ease;width:28px}.note-card:hover .note-pin-corner,.note-pin-corner.active{opacity:1}.note-pin-corner:hover{background:color-mix(in srgb,var(--text-main) 12%,transparent);color:var(--special-view-strong)}.note-pin-corner.active{color:var(--primary)}.note-tags{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0 6px}.note-hover-actions{align-items:center;border-top:1px solid var(--special-view-divider);display:flex;gap:2px;margin-top:8px;opacity:0;padding:4px 8px 6px;transition:opacity .15s ease}.note-card:hover .note-hover-actions{opacity:1}.note-hover-actions button,.note-hover-actions>a{align-items:center;background:transparent;border:none;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:.95rem;height:30px;justify-content:center;line-height:1;padding:0;text-decoration:none;transition:background .15s ease;width:30px}.note-hover-actions button:hover,.note-hover-actions>a:hover{background:color-mix(in srgb,var(--text-main) 12%,transparent)}.note-hover-actions .spacer{flex:1}.note-input-placeholder{color:var(--special-view-muted);flex:1;font-size:1rem;font-weight:500}.note-input-collapsed .note-input-actions{background:transparent;border-top:none;flex-shrink:0;padding:0}.note-input-expanded,.todo-draft-expanded{display:flex;flex-direction:column;overflow:hidden}.todo-draft-list{flex-shrink:0;max-height:220px;overflow-y:auto;padding:4px 0}.note-input-expanded-actions{align-items:center;background:color-mix(in srgb,var(--special-view-panel-bg) 88%,var(--bg-body));border-top:1px solid var(--special-view-divider);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:8px 10px}.note-input-actions-left{align-items:center;display:flex;gap:4px}.todo-draft-add-btn{align-items:center;background:transparent;border:none;color:var(--special-view-muted);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.9rem;gap:8px;padding:8px 14px;text-align:left;transition:color .15s ease;width:100%}.todo-draft-add-btn:hover{color:var(--special-view-strong)}.todo-draft-add-btn i{font-size:18px}.note-input-close-btn{align-items:center!important;background:var(--special-view-panel-alt)!important;border:1px solid var(--special-view-border)!important;border-radius:8px!important;color:var(--special-view-strong)!important;cursor:pointer;display:inline-flex!important;flex-shrink:0;font-family:inherit;font-size:.9rem!important;height:auto!important;padding:6px 16px!important;transition:background .15s ease;width:auto!important}.note-input-close-btn:hover{background:var(--tile-bg-hover,var(--bg-card-hover))!important}.note-input-format-btn,.note-input-palette-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--special-view-strong);cursor:pointer;display:inline-flex;font-size:1.1rem;height:32px;justify-content:center;padding:0;transition:background .15s ease;width:32px}.note-input-format-btn:hover,.note-input-palette-btn:hover{background:color-mix(in srgb,var(--text-main) 10%,transparent)}.note-input-container .note-input-title,.note-input-container .todo-draft-title{font-size:1.05rem;font-weight:600;padding:12px 14px 4px}.todo-draft-row{align-items:center;display:grid;gap:6px;grid-template-columns:26px minmax(0,1fr) 34px;padding:2px 4px}.note-card .note-tag{align-items:center;display:inline-flex;gap:3px}.note-card .note-tag-remove-btn{align-items:center;background:color-mix(in srgb,var(--primary) 30%,transparent);border:none;border-radius:999px;color:var(--special-view-chip-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.7rem;height:14px;justify-content:center;line-height:1;padding:0;transition:background .15s ease;width:14px}.note-card .note-tag-remove-btn:hover{background:color-mix(in srgb,var(--primary) 55%,transparent)}.note-modal-content{flex:1 1 auto;overflow-y:auto;padding:0 20px 12px}.note-modal-tags{display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:6px 20px 10px}.note-modal-pin-toggle{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--special-view-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:32px}.note-modal-pin-toggle.active{color:var(--primary)}.note-modal-actions-left{align-items:center;display:flex;gap:4px}.note-modal-color-picker{position:relative}.note-modal-actions a,.note-modal-actions button,.note-modal-actions>div>button{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--special-view-strong);cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;padding:0;text-decoration:none;transition:background .15s ease;width:32px}.note-modal-actions a:hover,.note-modal-actions button:hover,.note-modal-actions>div>button:hover{background:color-mix(in srgb,var(--text-main) 10%,transparent)}.note-modal-close-btn{align-items:center!important;background:var(--special-view-panel-alt)!important;border:1px solid var(--special-view-border)!important;border-radius:8px!important;color:var(--special-view-strong)!important;cursor:pointer;display:inline-flex!important;font-family:inherit;font-size:.9rem!important;height:auto!important;padding:6px 20px!important;transition:background .15s ease;width:auto!important}.note-modal-close-btn:hover{background:var(--tile-bg-hover,var(--bg-card-hover))!important}.note-modal-header .note-title{color:inherit;flex:1;font-size:1.15rem;font-weight:600;line-height:1.3;margin:0;word-break:break-word}.bg-studio-panel{background:var(--special-view-panel-bg);border:1px solid var(--special-view-border);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.12);color:var(--special-view-strong);display:flex;flex-direction:column;font-family:inherit;font-size:.9rem;max-height:min(560px,calc(100vh - 24px));overflow:hidden;position:fixed;width:min(360px,calc(100vw - 24px));z-index:1200}.bg-studio-header{align-items:center;border-bottom:1px solid var(--special-view-divider);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:12px 16px 8px}.bg-studio-title{flex:1;font-size:.95rem;font-weight:600}.bg-studio-close{align-items:center;background:transparent;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;padding:0;transition:background .15s ease;width:28px}.bg-studio-close:hover{background:color-mix(in srgb,var(--text-main) 10%,transparent)}.bg-studio-gallery{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;padding:10px 14px}.bg-studio-tile{align-items:center;display:flex;flex-direction:column;gap:3px}.bg-studio-thumb{background-color:var(--special-view-panel-alt);background-position:bottom;background-size:cover;border:2px solid transparent;border-radius:8px;cursor:pointer;height:44px;overflow:hidden;padding:0;transition:border-color .15s ease,box-shadow .15s ease;width:58px}.bg-studio-thumb.is-active,.bg-studio-thumb:hover{border-color:var(--primary)}.bg-studio-thumb.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 40%,transparent)}.bg-studio-thumb-solid{background:var(--special-view-panel-alt);display:block;height:100%;width:100%}.bg-studio-thumb-label{color:var(--special-view-muted);font-size:.65rem;max-width:58px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bg-studio-rows{border-bottom:1px solid var(--special-view-divider);flex-shrink:0;gap:8px;overflow-y:auto;padding:8px 14px 6px}.bg-studio-row,.bg-studio-rows{display:flex;flex-direction:column}.bg-studio-row{gap:5px}.bg-studio-row-heading{align-items:center;display:flex;justify-content:space-between}.bg-studio-row-label{color:var(--special-view-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bg-studio-reset{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--special-view-muted);cursor:pointer;display:inline-flex;font-size:.9rem;height:22px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:22px}.bg-studio-reset:hover{background:color-mix(in srgb,var(--text-main) 10%,transparent);color:var(--special-view-strong)}.bg-studio-swatches{display:flex;flex-wrap:wrap;gap:5px}.bg-studio-swatch{border:2px solid transparent;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.18);cursor:pointer;flex-shrink:0;height:22px;padding:0;transition:border-color .15s ease,transform .1s ease;width:22px}.bg-studio-swatch:hover{transform:scale(1.15)}.bg-studio-swatch.is-active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 40%,transparent)}.bg-studio-swatch-custom{align-items:center;background:var(--special-view-panel-alt);border-color:var(--special-view-border);color:var(--special-view-muted);display:inline-flex;font-size:.75rem;justify-content:center}.bg-studio-filters{display:flex;flex-wrap:wrap;gap:4px}.bg-studio-filter-btn{align-items:center;background:transparent;border:1px solid var(--special-view-border);border-radius:8px;color:var(--special-view-muted);cursor:pointer;display:inline-flex;font-size:.95rem;height:30px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease;width:30px}.bg-studio-filter-btn:hover{background:color-mix(in srgb,var(--text-main) 8%,transparent);color:var(--special-view-strong)}.bg-studio-filter-btn.is-active{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:var(--primary);color:var(--primary)}.bg-studio-search{align-items:center;border-top:1px solid var(--special-view-divider);display:flex;flex-shrink:0;gap:6px;padding:8px 14px}.bg-studio-search>i{color:var(--special-view-muted);flex-shrink:0;font-size:1rem}.bg-studio-search-input{background:transparent;border:none;color:var(--special-view-strong);flex:1;font-family:inherit;font-size:.85rem;min-width:0;outline:none}.bg-studio-search-input::placeholder{color:var(--special-view-muted)}.bg-studio-clear{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--special-view-muted);cursor:pointer;display:inline-flex;font-size:.85rem;height:20px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:20px}.bg-studio-clear:hover{background:color-mix(in srgb,var(--text-main) 10%,transparent);color:var(--special-view-strong)}.link-outer.note-has-bg,.note-card.note-has-bg,.note-modal.note-has-bg{background-image:var(--note-bg-image,none)!important;background-position:bottom;background-repeat:no-repeat;background-size:cover}.note-card{position:relative}.link-outer.note-filter-dots:after,.link-outer.note-filter-glass:after,.link-outer.note-filter-grid:after,.link-outer.note-filter-lined:after,.link-outer.note-filter-noise:after,.link-outer.note-filter-stripes:after,.link-outer.note-filter-vignette:after,.note-card.note-filter-dots:after,.note-card.note-filter-glass:after,.note-card.note-filter-grid:after,.note-card.note-filter-lined:after,.note-card.note-filter-noise:after,.note-card.note-filter-stripes:after,.note-card.note-filter-vignette:after{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.link-outer.note-filter-glass:after,.note-card.note-filter-glass:after{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:hsla(0,0%,100%,.06)}.link-outer.note-filter-vignette:after,.note-card.note-filter-vignette:after{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.42) 100%)}.link-outer.note-filter-lined:after,.note-card.note-filter-lined:after{background-image:repeating-linear-gradient(180deg,transparent 0,transparent 27px,hsla(0,0%,50%,.18) 0,hsla(0,0%,50%,.18) 28px)}.link-outer.note-filter-grid:after,.note-card.note-filter-grid:after{background-image:repeating-linear-gradient(90deg,hsla(0,0%,50%,.15) 0,hsla(0,0%,50%,.15) 1px,transparent 0,transparent 28px),repeating-linear-gradient(180deg,hsla(0,0%,50%,.15) 0,hsla(0,0%,50%,.15) 1px,transparent 0,transparent 28px)}.link-outer.note-filter-noise:after,.note-card.note-filter-noise:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Cpath d='M0 0h200v200H0z' filter='url(%23a)' opacity='.06'/%3E%3C/svg%3E");background-repeat:repeat}.link-outer.note-filter-dots:after,.note-card.note-filter-dots:after{background-image:radial-gradient(circle,hsla(0,0%,50%,.3) 1px,transparent 0);background-size:14px 14px}.link-outer.note-filter-stripes:after,.note-card.note-filter-stripes:after{background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,hsla(0,0%,50%,.12) 0,hsla(0,0%,50%,.12) 9px)}.link-outer .link-actions,.link-outer .link-content,.link-outer .link-meta,.note-card .note-hover-actions,.note-card .note-inner{position:relative;z-index:1}.link-outer .link-hover-actions,.link-outer .link-select-checkbox,.link-outer .link-visibility-badge{z-index:20}.link-outer[class*=note-color-],.link-outer[class*=note-color-] .link-actions,.link-outer[class*=note-color-] .link-actions a,.link-outer[class*=note-color-] .link-actions button,.link-outer[class*=note-color-] .link-description,.link-outer[class*=note-color-] .link-meta,.link-outer[class*=note-color-] .link-meta a,.link-outer[class*=note-color-] .link-title,.link-outer[class*=note-color-] .link-title a,.link-outer[class*=note-color-] .link-url,.link-outer[class*=note-color-] .link-url a,.view-list .link-outer[class*=note-color-],.view-list .link-outer[class*=note-color-] a,.view-list .link-outer[class*=note-color-] button{color:var(--note-card-fg,var(--tile-text))}.note-card[class*=note-color-] .note-body,.note-card[class*=note-color-] .note-title,.note-card[class*=note-color-] .todo-checklist-preview-item,.note-card[class*=note-color-] .todo-checklist-preview-text{color:var(--note-card-fg,var(--special-view-strong))}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} |