:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #e3e5e8;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-text-faint: #b3b7bd;--color-accent: #3454d1;--color-accent-contrast: #ffffff;--color-accent-soft: #eef1fb;--color-danger: #d1435b;--radius-sm: 6px;--radius-md: 10px;--space-xs: .375rem;--space-sm: .625rem;--space-md: 1rem;--space-lg: 1.5rem;--shadow-card: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--transition-fast: .12s ease;--font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{overflow:hidden;height:100%}body{margin:0;font-family:var(--font-family);letter-spacing:-.006em;color:var(--color-text);background:var(--color-bg);overscroll-behavior-y:contain;position:fixed;width:100%;height:100%;overflow:hidden}.tabs__tab,.tabs__current-label,.tabs__menu-item,.date-navigator__label,.calendar__label{font-family:var(--font-serif)}.todo-item__title,.todo-item__title-input,.task-detail__title,.everyday-item__title,.recurring-item__title,.task-detail__note,.note-modal__title,.note-modal__body,.task-composer__input,.add-child-form__input{font-family:var(--font-mono)}button,input{font:inherit;color:inherit}button{border:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon{display:inline-block;vertical-align:middle;width:1.15em;height:1.15em;flex-shrink:0;pointer-events:none}.tabs__caret,.date-navigator__caret,.task-detail__caret,.add-task-button__plus,.todo-item__handle,.everyday-item__handle{display:inline-flex;align-items:center;justify-content:center}.date-navigator__arrow .icon,.tabs__arrow .icon{width:1.3rem;height:1.3rem}.tabs__caret .icon,.date-navigator__caret .icon,.task-detail__caret .icon{width:.85rem;height:.85rem}.todo-item__handle .icon,.everyday-item__handle .icon{width:1.05rem;height:1.05rem}.calendar__nav .icon{width:1rem;height:1rem}#app{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;overflow:hidden}.app-main{flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column;min-height:0}.app-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.app-content{max-width:min(100%,760px);margin:0 auto;padding:var(--space-lg) var(--space-md)}.edit-panel{flex:0 0 clamp(360px,42vw,720px);height:100%;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-lg) var(--space-md)}.edit-panel[hidden]{display:none}@media(max-width:767px){.app-body{flex-direction:column-reverse}.edit-panel{flex:0 0 50%;height:50%;border-left:none;border-bottom:1px solid var(--color-border);box-shadow:0 6px 16px #1018281a;padding:var(--space-md)}}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.top-bar__right{display:flex;align-items:center;gap:var(--space-sm)}.history-controls{display:flex;gap:var(--space-xs);flex-shrink:0}.history-controls__button{width:1.75rem;height:1.75rem;display:grid;place-content:center;background:none;border:none;font-size:1.05rem;line-height:1;color:var(--color-text-faint);cursor:pointer}.history-controls__button:hover:not(:disabled){color:var(--color-accent)}.history-controls__button:disabled{color:var(--color-border);cursor:not-allowed}.auth-status{font-size:.875rem;min-height:1.5rem;display:flex;align-items:center}.auth-status__signin{padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer}.auth-status__signin:hover{border-color:var(--color-accent);color:var(--color-accent)}.auth-status__label{color:var(--color-text-muted)}.calendar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-md)}.calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.calendar__label{font-weight:600}.calendar__nav{background:none;border:1px solid var(--color-border);cursor:pointer;padding:var(--space-xs) var(--space-sm);line-height:1;border-radius:var(--radius-sm)}.calendar__nav:hover{background:var(--color-bg);border-color:var(--color-accent)}.calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-faint);margin-bottom:var(--space-xs)}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar__day{position:relative;aspect-ratio:1;border:1px solid transparent;border-radius:var(--radius-sm);background:none;cursor:pointer;font-size:.85rem}.calendar__day:hover{background:var(--color-bg);border-color:var(--color-border)}.calendar__day--outside-month{color:var(--color-text-faint)}.calendar__day--today{font-weight:700;color:var(--color-accent)}.calendar__day--selected,.calendar__day--selected:hover{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.calendar__day-dot{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:currentColor}.date-navigator{position:relative;margin-bottom:var(--space-md)}.date-navigator__controls{display:flex;align-items:center;gap:var(--space-sm)}.date-navigator__arrow{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-content:center;font-size:1.5rem;line-height:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer}.date-navigator__arrow:hover{border-color:var(--color-accent);color:var(--color-accent)}.date-navigator__current{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:2.5rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.date-navigator__current:hover{border-color:var(--color-accent)}.date-navigator__label{font-size:1.05rem;font-weight:700}.date-navigator__caret{color:var(--color-text-faint);font-size:.8rem}.date-navigator__popover{position:absolute;top:calc(100% + var(--space-xs));left:50%;transform:translate(-50%);z-index:10;width:280px;max-width:100%}.progress-header{flex-shrink:0;width:100%}.progress-bar{position:relative;display:block;width:100%}.progress-bar__track{width:100%;height:26px;background:#e7e9ee;overflow:hidden;box-shadow:inset 0 -1px 2px #10182814}.progress-bar__fill{height:100%;width:0%;background:var(--color-text-faint);border-radius:inherit;transition:width var(--transition-fast),background-color var(--transition-fast)}.progress-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--color-text);text-shadow:0 1px 2px rgba(255,255,255,.5);pointer-events:none}.section-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-md) 0}.add-task-button{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.95rem;font-weight:600;cursor:pointer}.add-task-button:hover{border-color:var(--color-accent);border-style:solid;color:var(--color-accent);background:var(--color-accent-soft)}.add-task-button__plus{font-size:1.15rem;line-height:1}.task-composer__target{margin:0;font-size:.85rem;color:var(--color-text-muted)}.task-composer__form{display:flex;gap:var(--space-xs)}.task-composer__input{flex:1;min-width:0;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:1rem}.task-composer__input:focus{border-color:var(--color-accent);outline:none}.task-composer__input::placeholder{color:var(--color-text-faint)}.task-composer__submit{flex-shrink:0;padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600;cursor:pointer}.task-composer__submit:hover{background:color-mix(in srgb,var(--color-accent) 85%,black)}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.todo-list__empty{text-align:center;color:var(--color-text-faint);font-size:.9rem;padding:var(--space-lg) 0}.todo-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),transform var(--transition-fast)}.todo-item--dragging{opacity:.4}.todo-item--drop-inside{background:var(--color-accent-soft);outline:2px dashed var(--color-accent);outline-offset:-2px}.todo-item__row{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.todo-item__handle{flex-shrink:0;color:var(--color-text-faint);cursor:grab;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}.todo-item__handle:active{cursor:grabbing}.todo-item__child-count{flex-shrink:0;font-size:.75rem;color:var(--color-text-muted)}.todo-item__note{flex-shrink:0;border:none;background:none;padding:0;margin:0;font-size:.95rem;line-height:1;cursor:pointer;opacity:.75;transition:opacity .15s ease}.todo-item__note:hover{opacity:1}.todo-item__check{display:inline-flex;align-items:center;align-self:stretch;padding-left:var(--space-md);padding-right:var(--space-sm);margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-sm));cursor:pointer}.todo-item__checkbox,.recurring-item__checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:1.25rem;height:1.25rem;flex-shrink:0;border:2px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer;display:grid;place-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.todo-item__checkbox:hover,.recurring-item__checkbox:hover{border-color:var(--color-accent)}.todo-item__checkbox:after,.recurring-item__checkbox:after{content:"";width:.55rem;height:.3rem;border-left:2px solid var(--color-accent-contrast);border-bottom:2px solid var(--color-accent-contrast);transform:rotate(-45deg) translateY(-1px);opacity:0;transition:opacity var(--transition-fast)}.todo-item__checkbox:checked,.recurring-item__checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}.todo-item__checkbox:checked:after,.recurring-item__checkbox:checked:after{opacity:1}.todo-item__title{flex:1;word-break:break-word}.todo-item__title-input{flex:1;min-width:0;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);padding:.15rem var(--space-xs);font:inherit;font-family:var(--font-mono);font-size:1rem;color:var(--color-text)}.todo-item__title-input:focus{outline:none}.todo-item--completed{background:var(--color-bg)}.todo-item--completed>.todo-item__row .todo-item__title{text-decoration:line-through;color:var(--color-text-faint)}.todo-item--focused{background:var(--color-accent-soft)}.todo-item--linked>.todo-item__row{box-shadow:inset 3px 0 0 var(--color-accent);border-radius:var(--radius-sm)}.todo-item__delete{background:none;color:var(--color-text-faint);width:1.5rem;height:1.5rem;font-size:1rem;line-height:1;cursor:pointer;flex-shrink:0;user-select:none;-webkit-user-select:none}.todo-item__delete:hover{background:var(--color-bg);color:var(--color-danger)}.todo-item__children{display:flex;flex-direction:column;gap:var(--space-xs);margin-left:calc(1.05rem + var(--space-sm))}.todo-list--nested{gap:var(--space-xs)}.add-child-form{display:flex;gap:var(--space-xs)}.add-child-form__input{flex:1;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.3rem var(--space-xs);font-size:1rem;color:var(--color-text)}.add-child-form__input::placeholder{color:var(--color-text-faint)}.add-child-form__input:focus{border-color:var(--color-accent);outline:none}.add-child-form__submit{flex-shrink:0;width:1.5rem;height:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:.9rem;line-height:1;cursor:pointer}.add-child-form__submit:hover{border-color:var(--color-accent);color:var(--color-accent)}.task-detail{display:flex;flex-direction:column;gap:var(--space-md)}.task-detail__header{display:flex;align-items:center;justify-content:space-between}.task-detail__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.task-detail__done{padding:.35rem var(--space-md);background:var(--color-accent);color:var(--color-accent-contrast);border:none;border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer}.task-detail__done:hover{background:color-mix(in srgb,var(--color-accent) 85%,black)}.task-detail__title{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-sm);font:inherit;font-family:var(--font-mono);font-size:1.05rem;font-weight:600;color:var(--color-text)}.task-detail__title:focus{border-color:var(--color-accent);outline:none}.task-detail__note{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-sm);font:inherit;font-family:var(--font-mono);font-size:1rem;line-height:1.4;color:var(--color-text);resize:vertical;min-height:3.5rem}.task-detail__note::placeholder{color:var(--color-text-faint)}.task-detail__note:focus{border-color:var(--color-accent);outline:none}.task-detail__actions{position:relative;display:flex;gap:var(--space-sm)}.task-detail__action{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-weight:600;cursor:pointer}.task-detail__action:hover{border-color:var(--color-accent);color:var(--color-accent)}.task-detail__delete{color:var(--color-text-muted)}.task-detail__delete:hover{border-color:var(--color-danger);color:var(--color-danger)}.task-detail__caret{color:var(--color-text-faint);font-size:.8rem}.task-detail__lists-menu{position:absolute;bottom:calc(100% + var(--space-xs));left:0;right:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 -6px 20px #1018281f}.task-detail__lists-menu[hidden]{display:none}.task-detail__list-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer}.task-detail__list-option:hover{background:var(--color-bg)}.task-detail__list-check{width:1.1rem;height:1.1rem;accent-color:var(--color-accent);cursor:pointer}.task-detail__list-check:disabled{cursor:default}.tabs__nav{flex-shrink:0;position:relative;border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}.tabs__full{display:flex;gap:var(--space-xs);justify-content:center;max-width:760px;margin:0 auto}.tabs__tab{flex:1;max-width:12rem;padding:var(--space-sm) var(--space-md);background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.95rem;font-weight:600;cursor:pointer}.tabs__tab:hover{color:var(--color-text);background:var(--color-bg)}.tabs__tab--active{color:var(--color-accent);background:var(--color-accent-soft)}.tabs__compact{display:none;align-items:center;gap:var(--space-sm)}.tabs__arrow{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-content:center;font-size:1.5rem;line-height:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer}.tabs__arrow:hover{color:var(--color-accent);border-color:var(--color-accent)}.tabs__current{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:2.5rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;font-weight:700;cursor:pointer}.tabs__caret{color:var(--color-text-faint);font-size:.8rem}.tabs__menu{position:absolute;bottom:calc(100% + var(--space-xs));left:var(--space-md);right:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 -6px 20px #1018281f}.tabs__menu[hidden]{display:none}.tabs__menu-item{padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-sm);text-align:left;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer}.tabs__menu-item:hover{background:var(--color-bg)}.tabs__menu-item--active{color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}@media(max-width:767px){.tabs__full{display:none}.tabs__compact{display:flex}}.is-drag-active{-webkit-user-select:none;user-select:none}.drag-ghost{position:fixed;top:0;left:0;z-index:100;pointer-events:none;background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-sm);box-shadow:var(--shadow-card);opacity:.95}.drop-indicator{position:fixed;top:0;left:0;z-index:100;height:3px;margin-top:-1.5px;border-radius:999px;background:var(--color-accent);pointer-events:none}.sync-status{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;color:var(--color-text-faint)}.sync-status[hidden]{display:none}.sync-status__refresh{width:1.4rem;height:1.4rem;font-size:.85rem;line-height:1;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;user-select:none;-webkit-user-select:none}.sync-status__refresh:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.sync-status__refresh:disabled{opacity:.5;cursor:not-allowed}.recurring-daily{margin-bottom:var(--space-md)}.recurring-daily--empty{display:none}.recurring-daily__heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);margin-bottom:var(--space-xs)}.recurring-daily__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.recurring-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.recurring-item__title{flex:1;min-width:0}.recurring-item--completed .recurring-item__title{text-decoration:line-through;color:var(--color-text-faint)}.recurring-progress{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.recurring-progress__bar{width:3rem;height:5px;border-radius:999px;background:var(--color-border);overflow:hidden}.recurring-progress__fill{display:block;height:100%;background:var(--color-accent);transition:width .15s ease}.recurring-progress__label{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap}.recurring-progress--met .recurring-progress__fill{background:#2fa66b}.recurring-progress--met .recurring-progress__label{color:#2fa66b}.everyday__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.everyday-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.everyday-item--focused{background:var(--color-accent-soft);border-color:var(--color-accent)}.everyday-item__row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer}.everyday-item--dragging{opacity:.4}.everyday-item__handle{flex-shrink:0;color:var(--color-text-faint);cursor:grab;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}.everyday-item__handle:active{cursor:grabbing}.everyday-item__title{flex:1;min-width:0}.everyday-item__summary{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.everyday-item__progress{font-size:.72rem;color:var(--color-text-muted);padding:.1rem var(--space-xs);border:1px solid var(--color-border);border-radius:999px}.everyday-item__progress--met{color:#2fa66b;border-color:#2fa66b}.recurring-detail__schedule{display:flex;flex-direction:column;gap:var(--space-sm)}.recurring-detail__label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.everyday-config__modes{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.everyday-config__mode{padding:.2rem var(--space-sm);font-size:.78rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.everyday-config__mode:hover{border-color:var(--color-accent);color:var(--color-accent)}.everyday-config__mode--active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.everyday-config__days{display:flex;gap:var(--space-xs)}.everyday-config__day{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.78rem;cursor:pointer}.everyday-config__day:hover{border-color:var(--color-accent)}.everyday-config__day--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.everyday-config__goal{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-muted)}.everyday-config__goal-input{width:3.2rem;font:inherit;padding:.15rem var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm)}@keyframes task-fill-fade{0%{transform:scaleX(0);opacity:.5}45%{transform:scaleX(1);opacity:.5}to{transform:scaleX(1);opacity:0}}.todo-item--just-completed,.recurring-item--just-completed{position:relative;overflow:hidden}.todo-item--just-completed:after,.recurring-item--just-completed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--color-accent);transform-origin:center;pointer-events:none;animation:task-fill-fade .7s ease forwards}@media(prefers-reduced-motion:reduce){.todo-item--just-completed:after,.recurring-item--just-completed:after{animation:none;content:none}}.note-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:#10182866}.note-modal{width:100%;max-width:26rem;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg)}.note-modal__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-text)}.note-modal__body{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.5;color:var(--color-text)}.note-modal__close{align-self:flex-end;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-xs) var(--space-md);cursor:pointer;color:var(--color-text-muted)}.note-modal__close:hover{border-color:var(--color-accent);color:var(--color-accent)}