@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap";:root{color-scheme:light dark;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;--color-bg: #fafafa;--color-surface: #ffffff;--color-surface-2: #f2f3f6;--color-text: #18181f;--color-text-muted: #6b6d7a;--color-border: #e3e4e9;--color-border-strong: #cfd1d9;--color-accent: #3b5bdb;--color-accent-hover: #3151c9;--color-accent-subtle: rgba(59, 91, 219, .08);--color-accent-subtle-strong: rgba(59, 91, 219, .14);--color-accent-contrast: #ffffff;--color-danger: #dc2626;--color-danger-hover: #c81f1f;--color-danger-subtle: rgba(220, 38, 38, .08);--color-success: #16a34a;--color-disabled-bg: #b7bac4;--shadow-color: 225deg 40% 30%;--shadow-xs: 0 1px 2px hsl(var(--shadow-color) / .05);--shadow-sm: 0 3px 10px hsl(var(--shadow-color) / .07), 0 1px 2px hsl(var(--shadow-color) / .05);--shadow-md: 0 8px 20px hsl(var(--shadow-color) / .09), 0 2px 6px hsl(var(--shadow-color) / .05);--shadow-lg: 0 16px 32px hsl(var(--shadow-color) / .14), 0 4px 10px hsl(var(--shadow-color) / .07);--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .7);--radius-sm: .5rem;--radius-md: .85rem;--radius-lg: 1.35rem;--radius-pill: 999px;--ease-spring: cubic-bezier(.32, .72, 0, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #121214;--color-surface: #1b1b1f;--color-surface-2: #26262c;--color-text: #f2f2f5;--color-text-muted: #a3a4b0;--color-border: #313239;--color-border-strong: #3f4048;--color-accent: #7c93ff;--color-accent-hover: #91a4ff;--color-accent-subtle: rgba(124, 147, 255, .14);--color-accent-subtle-strong: rgba(124, 147, 255, .22);--color-accent-contrast: #14161f;--color-danger: #f87171;--color-danger-hover: #fca5a5;--color-danger-subtle: rgba(248, 113, 113, .12);--color-success: #4ade80;--color-disabled-bg: #46474f;--shadow-color: 230deg 60% 3%;--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .06)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #121214;--color-surface: #1b1b1f;--color-surface-2: #26262c;--color-text: #f2f2f5;--color-text-muted: #a3a4b0;--color-border: #313239;--color-border-strong: #3f4048;--color-accent: #7c93ff;--color-accent-hover: #91a4ff;--color-accent-subtle: rgba(124, 147, 255, .14);--color-accent-subtle-strong: rgba(124, 147, 255, .22);--color-accent-contrast: #14161f;--color-danger: #f87171;--color-danger-hover: #fca5a5;--color-danger-subtle: rgba(248, 113, 113, .12);--color-success: #4ade80;--color-disabled-bg: #46474f;--shadow-color: 230deg 60% 3%;--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .06)}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");background-attachment:fixed;background-blend-mode:overlay;color:var(--color-text);-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}button{transition:background-color .2s var(--ease-spring),border-color .2s var(--ease-spring),color .2s var(--ease-spring),transform .25s var(--ease-spring),opacity .2s var(--ease-spring),box-shadow .25s var(--ease-spring)}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:not-allowed}svg{stroke-width:1.6}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app{max-width:480px;margin:0 auto;padding:1.5rem 1rem 3rem}.app h1{font-size:1.85rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;text-wrap:balance}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:2rem}.app-header h1{margin-bottom:0}.settings-toggle{position:relative;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--inset-highlight),var(--shadow-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);flex-shrink:0}.settings-toggle:hover{background:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text);transform:scale(1.06);box-shadow:var(--inset-highlight),var(--shadow-sm)}.settings-toggle-dot{position:absolute;top:.1rem;right:.1rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--color-danger);border:1.5px solid var(--color-surface)}.settings-panel{position:absolute;top:calc(100% + .5rem);right:0;width:260px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--inset-highlight),var(--shadow-md);padding:.75rem;display:flex;flex-direction:column;gap:.6rem;z-index:50;animation:fade-up .3s var(--ease-spring) both}.settings-panel-label{display:inline-block;font-size:.65rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-subtle);text-transform:uppercase;letter-spacing:.14em;padding:.2rem .6rem;border-radius:var(--radius-pill)}.theme-switch{display:flex;gap:.2rem;background:var(--color-surface-2);padding:.2rem;border-radius:var(--radius-sm)}.theme-switch-option{flex:1;padding:.35rem .4rem;border:none;border-radius:calc(var(--radius-sm) - .2rem);background:none;font-size:.78rem;font-weight:500;cursor:pointer;color:var(--color-text);opacity:.62}.theme-switch-option:hover{opacity:.85}.theme-switch-option-active{background:var(--color-surface);box-shadow:var(--shadow-xs);opacity:1;font-weight:700}.settings-panel .connections{margin-bottom:0}.settings-divider{border-top:1px solid var(--color-border);margin:.1rem 0}.settings-panel .logout-link{text-align:left;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-danger);font:inherit;font-size:.9rem;padding:.4rem;cursor:pointer}.settings-panel .logout-link:hover{background:var(--color-danger-subtle)}.auth-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.auth-form input{font-size:1rem;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-family:inherit}.password-field{position:relative;display:flex}.password-field input{width:100%;padding-right:2.5rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);border:none;background:none;padding:.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer}.password-toggle:hover{color:var(--color-text);background:var(--color-surface-2)}.password-toggle:active:not(:disabled){transform:translateY(-50%) scale(.9)}.auth-form button[type=submit]{font-size:1rem;font-weight:600;padding:.7rem;border-radius:var(--radius-pill);border:none;background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;box-shadow:var(--shadow-sm)}.auth-form button[type=submit]:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.015);box-shadow:var(--shadow-md)}.auth-form button[type=submit]:disabled{background:var(--color-disabled-bg)}.auth-divider{text-align:center;font-size:.8rem;color:var(--color-text-muted);margin:.75rem 0}.auth-google-button{width:100%;box-sizing:border-box;font-size:1rem;font-weight:500;padding:.65rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer}.auth-google-button:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.auth-hint{margin:.5rem 0 0;font-size:.8rem;color:var(--color-text-muted)}.notif-banner{margin-bottom:1rem}.notif-banner button{font-size:.85rem;font-weight:500;padding:.4rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:none;color:var(--color-accent);cursor:pointer}.notif-banner button:hover{background:var(--color-accent-subtle)}.connections{margin-bottom:1rem}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem}.connection-row button{font-size:.8rem;font-weight:500;padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:none;color:var(--color-accent);cursor:pointer}.connection-row button:hover{background:var(--color-accent-subtle)}.quick-capture-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.quick-capture-form textarea{font-size:1rem;padding:.8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);resize:vertical;font-family:inherit}.quick-capture-form textarea:focus-visible{border-color:var(--color-accent)}.quick-capture-form button{font-size:1rem;font-weight:600;padding:.7rem;border-radius:var(--radius-pill);border:none;background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;box-shadow:var(--shadow-sm)}.quick-capture-form button:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.015);box-shadow:var(--shadow-md)}.quick-capture-form button:disabled{background:var(--color-disabled-bg)}.status{margin:0;font-size:.9rem}.status-saved{color:var(--color-success)}.status-error{color:var(--color-danger)}.tabs{display:flex;gap:.35rem;margin-bottom:1rem;border-bottom:none;background:var(--color-surface-2);padding:.25rem;border-radius:var(--radius-md)}.tab{flex:1;padding:.6rem;border:none;border-radius:.5rem;background:none;font-size:.95rem;font-weight:500;cursor:pointer;color:var(--color-text);opacity:.62}.tab:hover{opacity:.85}.tab-active{background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-text);opacity:1;font-weight:700}.tab-active:hover{opacity:1}.entry-list-status{color:var(--color-text-muted);font-size:.9rem}.entry-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.entry-item{padding:.8rem .85rem;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--inset-highlight);transition:border-color .2s var(--ease-spring),box-shadow .2s var(--ease-spring)}.entry-item:hover{border-color:var(--color-border-strong);box-shadow:var(--inset-highlight),var(--shadow-sm)}.entry-item-row{display:flex;align-items:flex-start;gap:.6rem;touch-action:manipulation;cursor:grab}.entry-item-dragging{box-shadow:var(--shadow-lg);border-color:var(--color-accent);z-index:1;position:relative}.entry-item-dragging .entry-item-row{cursor:grabbing}.entry-item input[type=checkbox]{margin-top:.15rem;width:1.1rem;height:1.1rem;accent-color:var(--color-accent)}.entry-item-completed .entry-item-text{text-decoration:line-through;color:var(--color-text-muted)}.entry-item-body{flex:1;min-width:0}.entry-item-text{margin:0;white-space:pre-wrap;word-break:break-word}.entry-item-text-clickable{cursor:pointer}.entry-item-reminder{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-muted)}.entry-item-reminder-edit{margin-top:.4rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.entry-item-reminder-edit input[type=datetime-local]{font-size:.85rem;padding:.3rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-family:inherit}.reminder-add,.reminder-remove{font-size:.8rem;font-weight:500;padding:.3rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:none;color:var(--color-accent);cursor:pointer}.reminder-add:hover{background:var(--color-accent-subtle)}.reminder-remove{border-color:var(--color-danger);color:var(--color-danger)}.reminder-remove:hover{background:var(--color-danger-subtle)}.remind-me-row{margin:.35rem 0 0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.remind-me-set{font-size:.8rem;color:var(--color-text-muted)}.remind-menu{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.remind-menu input[type=datetime-local]{font-size:.85rem;padding:.3rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-family:inherit}.entry-item-category-edit{margin-top:.4rem;display:flex;gap:.4rem}.entry-item-label-edit{margin-top:.4rem;display:flex;gap:.4rem;flex-wrap:wrap}.category-option{font-size:.8rem;font-weight:500;padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:none;color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.category-option:hover{border-color:var(--color-accent)}.category-option-active{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent);font-weight:700}.entry-item-category-badge{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.35rem}.category-chip-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0;display:inline-block}.entry-item-body textarea{width:100%;font:inherit;padding:.45rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);box-sizing:border-box}.entry-item-actions{display:flex;flex-direction:row;gap:.4rem;align-self:center}.entry-item-actions button{font-size:.8rem;font-weight:500;padding:.3rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:none;cursor:pointer;color:var(--color-text)}.entry-item-actions button:hover{border-color:var(--color-text-muted);background:var(--color-surface-2)}.entry-item-actions button.danger{border-color:var(--color-danger);color:var(--color-danger)}.entry-item-actions button.danger:hover{background:var(--color-danger-subtle)}.subtasks{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--color-border);padding-left:1.7rem}.subtasks-status{margin:0 0 .4rem;font-size:.85rem;color:var(--color-text-muted)}.subtask-list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.subtask-list li{display:flex;align-items:center;gap:.5rem}.subtask-list input[type=checkbox]{width:1rem;height:1rem;flex-shrink:0;accent-color:var(--color-accent)}.subtask-text{flex:1;font-size:.9rem;word-break:break-word}.subtask-done .subtask-text{text-decoration:line-through;color:var(--color-text-muted)}.subtask-delete{border:none;background:none;cursor:pointer;color:var(--color-danger);font-size:1rem;line-height:1;padding:.15rem .35rem;border-radius:var(--radius-sm)}.subtask-delete:hover{background:var(--color-danger-subtle)}.subtask-add{display:flex;gap:.4rem}.subtask-add input{flex:1;font-size:.9rem;padding:.4rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.subtask-add button{font-size:.85rem;font-weight:500;padding:.35rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:none;color:var(--color-accent);cursor:pointer}.subtask-add button:hover:not(:disabled){background:var(--color-accent-subtle)}.subtask-add button:disabled{border-color:var(--color-border-strong);color:var(--color-text-muted)}.bottom-spacer{height:4.5rem}.completed-section{position:fixed;left:50%;transform:translate(-50%);bottom:10mm;width:calc(100% - 2rem);max-width:480px;z-index:10}.completed-toggle{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:700;padding:.7rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-shadow:var(--inset-highlight),var(--shadow-md)}.completed-toggle:hover{border-color:var(--color-border-strong)}.completed-chevron{display:inline-block;transition:transform .15s ease}.completed-chevron-open{transform:rotate(180deg)}.completed-restore-all{display:block;width:100%;box-sizing:border-box;margin-bottom:.5rem;padding:.6rem;border:none;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-contrast);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}.completed-restore-all:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.01);box-shadow:var(--shadow-md)}.completed-restore-all:disabled{background:var(--color-disabled-bg)}.completed-panel{margin-bottom:.5rem;max-height:45vh;overflow-y:auto;padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--inset-highlight),var(--shadow-md);animation:fade-up .35s var(--ease-spring) both}.completed-panel-status{margin:0;padding:.75rem .9rem;font-size:.85rem;color:var(--color-text-muted)}.completed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.completed-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:var(--radius-sm);transition:background-color .2s var(--ease-spring)}.completed-item:hover{background:var(--color-surface-2)}.completed-item input[type=checkbox]{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--color-accent)}.completed-item-text{flex:1;margin:0;font-size:.9rem;text-decoration:line-through;color:var(--color-text-muted);word-break:break-word}.completed-item-delete{font-size:.8rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:none;cursor:pointer;color:var(--color-text);flex-shrink:0}.completed-item-delete:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.completed-item-delete.danger{border-color:var(--color-danger);color:var(--color-danger)}.completed-item-delete.danger:hover{background:var(--color-danger-subtle)}.friends{margin-bottom:1rem}.friend-request-actions{display:flex;gap:.4rem}.friend-add-form{display:flex;gap:.4rem;margin-top:.4rem}.friend-add-form input{flex:1;font-size:.85rem;padding:.4rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.friend-add-form button{font-size:.8rem;font-weight:500;padding:.4rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:none;color:var(--color-accent);cursor:pointer}.friend-add-form button:hover{background:var(--color-accent-subtle)}.entry-item-shared-badge{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.35rem}.share-picker{margin:.4rem 0 0 1.7rem;display:flex;flex-direction:column;gap:.3rem;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem}.share-picker-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.share-picker-row button{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:none;color:var(--color-accent);cursor:pointer}.share-picker-row button:hover{background:var(--color-accent-subtle)}.share-picker-empty{color:var(--color-text-muted);margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--inset-highlight),var(--shadow-lg);padding:1.5rem;width:100%;max-width:360px;max-height:85vh;overflow-y:auto;animation:modal-in .35s var(--ease-spring) both}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .75rem}.modal form{display:flex;flex-direction:column;gap:.75rem}.modal form input[type=text]{font-size:1rem;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-family:inherit}.icon-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.icon-picker-option{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:none;cursor:pointer;color:var(--color-text)}.icon-picker-option:hover{border-color:var(--color-accent)}.icon-picker-option-active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.modal-actions{display:flex;gap:.5rem;margin-top:.25rem}.modal-actions button[type=submit]{flex:1;font-weight:600;padding:.65rem;border-radius:var(--radius-pill);border:none;background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;box-shadow:var(--shadow-sm)}.modal-actions button[type=submit]:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.02);box-shadow:var(--shadow-md)}.modal-actions button[type=submit]:disabled{background:var(--color-disabled-bg)}.modal-actions button[type=button]{padding:.65rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:none;color:var(--color-text);cursor:pointer}.modal-actions button[type=button]:hover{background:var(--color-surface-2)}.modal-actions button.danger{border-color:var(--color-danger);color:var(--color-danger)}.modal-actions button.danger:hover{background:var(--color-danger-subtle)}.category-circle-row-wrapper{margin-bottom:1.5rem}.category-circle-row{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;gap:1rem .5rem;padding:.6rem .1rem .8rem}.category-circle-link,.category-circle-add{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:inherit;flex-shrink:0;border:none;background:none;cursor:pointer;font:inherit;touch-action:none}.category-circle-link:hover .category-circle,.category-circle-add:hover .category-circle{transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}.category-circle-link:active .category-circle{transform:scale(.96)}.category-circle-dragging{opacity:.6}.category-circle{width:3.25rem;height:3.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--inset-highlight),var(--shadow-xs);transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring)}.category-circle-add-icon{background:var(--color-surface-2);color:var(--color-text-muted);border:1px dashed var(--color-border-strong)}.category-circle-label{font-size:.75rem;font-weight:500;max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-detail-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem}.category-detail-back{border:none;background:none;cursor:pointer;color:var(--color-text);display:flex;padding:.3rem;border-radius:50%}.category-detail-back:hover{background:var(--color-surface-2)}.category-detail-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-detail-title{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0;flex:1;text-wrap:balance}.category-detail-edit{border:none;background:none;cursor:pointer;color:var(--color-text-muted);display:flex;padding:.3rem;border-radius:50%}.category-detail-edit:hover{background:var(--color-surface-2);color:var(--color-text)}.category-detail-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;text-align:center;color:var(--color-text-muted)}.category-detail-empty-hint{font-size:.85rem;color:var(--color-text-muted);margin:0}.category-edit-menu{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.category-edit-menu button{display:flex;align-items:center;gap:.6rem;padding:.6rem .5rem;border:none;background:none;color:var(--color-text);text-align:left;font-size:.95rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer}.category-edit-menu button:hover{background:var(--color-surface-2)}.category-edit-menu-danger{color:var(--color-danger)}.category-edit-menu-danger:hover{background:var(--color-danger-subtle)!important}.category-edit-menu-checkbox{display:flex;align-items:center;gap:.6rem;padding:.6rem .5rem;font-size:.95rem;cursor:pointer}.category-edit-menu-checkbox input{cursor:pointer;accent-color:var(--color-accent)}.color-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.color-picker-option{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:transform .1s ease}.color-picker-option:hover{transform:scale(1.06)}.color-picker-option-active{border-color:var(--color-text)}.category-circle-shared-label{font-size:.65rem;color:var(--color-text-muted);max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}