:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f6f3;--color-surface:#fffefb;--color-surface-raised:#eeebe4;--color-border:#ddd8ce;--color-text:#24221e;--color-text-muted:#676259;--color-text-faint:#7d7770;--color-accent:#3d5a99;--color-accent-soft:#e6ebf6;--color-accent-contrast:#fff;--color-danger:#a3402f;--color-overdue:#9a5f28;--color-important:#8a6d17;--color-success:#2f6d4f;--shadow-1:0 1px 2px #24221e12, 0 6px 16px #24221e0f;--radius-1:6px;--radius-2:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:20px;--space-5:32px;--font-sans:"Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#16161a;--color-surface:#1e1e23;--color-surface-raised:#2a2a31;--color-border:#363640;--color-text:#e8e6e1;--color-text-muted:#a5a29b;--color-text-faint:#8a877f;--color-accent:#8fabe0;--color-accent-soft:#23304a;--color-accent-contrast:#14202f;--color-danger:#d98878;--color-overdue:#d3a06a;--color-important:#d9bd6b;--color-success:#7fbf9a;--shadow-1:0 1px 2px #00000080, 0 6px 18px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#16161a;--color-surface:#1e1e23;--color-surface-raised:#2a2a31;--color-border:#363640;--color-text:#e8e6e1;--color-text-muted:#a5a29b;--color-text-faint:#8a877f;--color-accent:#8fabe0;--color-accent-soft:#23304a;--color-accent-contrast:#14202f;--color-danger:#d98878;--color-overdue:#d3a06a;--color-important:#d9bd6b;--color-success:#7fbf9a;--shadow-1:0 1px 2px #00000080, 0 6px 18px #0006}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f6f3;--color-surface:#fffefb;--color-surface-raised:#eeebe4;--color-border:#ddd8ce;--color-text:#24221e;--color-text-muted:#676259;--color-text-faint:#7d7770;--color-accent:#3d5a99;--color-accent-soft:#e6ebf6;--color-accent-contrast:#fff;--color-danger:#a3402f;--color-overdue:#9a5f28;--color-important:#8a6d17;--color-success:#2f6d4f;--shadow-1:0 1px 2px #24221e12, 0 6px 16px #24221e0f}*,:before,:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol,li,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;line-break:strict;font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.45}h1{font-size:1.25rem}h2{font-size:1.0625rem}h3{font-size:1rem}small{font-size:.8125rem}a{color:var(--color-accent);-webkit-tap-highlight-color:transparent;text-decoration:none}a:not([class]){text-underline-offset:2px;text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]{cursor:default}textarea{resize:vertical}img,svg,video,canvas{max-width:100%;display:block}table{border-collapse:collapse}time,output{font-variant-numeric:tabular-nums}::placeholder{color:var(--color-text-faint);opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--sidebar-width:260px;--quick-add-height:68px;--header-height:56px}.app-shell{max-width:720px;padding-inline:var(--space-3);min-height:100dvh;margin-inline:auto}.app-header{z-index:20;align-items:center;gap:var(--space-2);min-height:var(--header-height);padding-block:var(--space-2);padding-top:calc(var(--space-2) + env(safe-area-inset-top));background-color:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.app-header h1{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:1.0625rem;overflow:hidden}.app-main{padding-block:var(--space-3);padding-bottom:calc(var(--quick-add-height) + var(--space-5) + env(safe-area-inset-bottom))}.screen{gap:var(--space-4);flex-direction:column;display:flex}.screen[aria-busy=true]{opacity:.65}.screen-section{gap:var(--space-2);flex-direction:column;display:flex}.screen-heading{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.0625rem;font-weight:600;display:flex}.status-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-border);border-radius:var(--radius-1);background-color:var(--color-surface-raised);color:var(--color-text-muted);font-size:.9375rem;display:flex}.status-bar+.status-bar{margin-top:var(--space-2)}.status-bar-notice{border-left-color:var(--color-accent)}.status-bar-offline{border-left-color:var(--color-text-faint)}.status-bar-error{border-left-color:var(--color-overdue);color:var(--color-text)}.sidebar-overlay{z-index:40;background-color:#00000052;justify-content:flex-end;display:flex;position:fixed;inset:0}.sidebar{gap:var(--space-1);overscroll-behavior:contain;width:min(90vw,390px);height:100%;padding:var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background-color:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-1);flex-direction:column;animation:.16s ease-out sidebar-in;display:flex;overflow-y:auto}@keyframes sidebar-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.sidebar h2{padding-inline:var(--space-2);color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.sidebar a,.sidebar .button-quiet{align-items:center;gap:var(--space-2);min-height:44px;padding-inline:var(--space-2);border-radius:var(--radius-1);color:var(--color-text);font-size:.9375rem;text-decoration:none;display:flex}.sidebar a:hover{background-color:var(--color-surface-raised)}.sidebar a[aria-current=page]{background-color:var(--color-accent-soft);font-weight:600}.task-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);flex-direction:column;display:flex}.task-row{align-items:flex-start;gap:var(--space-2);min-height:44px;padding:var(--space-2);border-bottom:1px solid var(--color-border);touch-action:pan-y;transform:translateX(var(--swipe-x,0px));transition:transform .16s,background-color .12s,opacity .12s;display:flex;position:relative}.task-row:first-child{border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}.task-row:last-child{border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2);border-bottom:0}.task-row:hover{background-color:var(--color-surface-raised)}.task-row-swiping{-webkit-user-select:none;user-select:none;transition:none}.task-row-dragging{opacity:.65;background-color:var(--color-surface-raised);box-shadow:var(--shadow-1)}.task-row-drop-target{box-shadow:inset 0 2px 0 0 var(--color-accent)}.task-row-completed .task-row-title{color:var(--color-text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--color-text-faint);text-decoration-color:var(--color-text-faint)}.task-row-checkbox{appearance:none;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;margin:-6px 0 -6px -6px;display:inline-grid}.task-row-checkbox:before{content:"";border:1.5px solid var(--color-text-faint);background-color:#0000;border-radius:50%;width:22px;height:22px;transition:background-color .12s,border-color .12s}.task-row-checkbox:hover:before{border-color:var(--color-success)}.task-row-checkbox:checked:before,.task-row-checkbox[aria-pressed=true]:before,.task-row-checkbox[aria-checked=true]:before{border-color:var(--color-success);background-color:var(--color-success);box-shadow:inset 0 0 0 3px var(--color-surface)}.task-row-body{min-width:0;padding-block:var(--space-1);flex-direction:column;flex:auto;gap:2px;display:flex}.task-row-title{color:var(--color-text);overflow-wrap:anywhere;font-size:1rem;line-height:1.5}a.task-row-title{color:var(--color-text);text-decoration:none}a.task-row-title:hover{text-underline-offset:2px;text-decoration:underline}.task-row-meta{align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;font-size:.8125rem;line-height:1.5;display:flex}.task-row-actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.genre-dot{background-color:var(--genre-color,var(--color-text-faint));border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.date-badge{align-items:center;gap:var(--space-1);padding:1px var(--space-1);border-radius:var(--radius-1);background-color:var(--color-surface-raised);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem;display:inline-flex}.date-badge-overdue{padding-left:var(--space-1);border-left:2px solid var(--color-overdue);color:var(--color-overdue);background-color:#0000;border-radius:0}.task-row-overdue{border-left:2px solid var(--color-overdue);padding-left:calc(var(--space-2) - 2px)}.important-mark{color:var(--color-important);flex:none;font-size:.9375rem;line-height:1}.pending-badge,.attachment-badge,.count-badge{align-items:center;gap:var(--space-1);padding:0 var(--space-2);background-color:var(--color-surface-raised);min-height:20px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;font-size:.75rem;display:inline-flex}.pending-badge{border:1px dashed var(--color-border);background-color:#0000}.carryover-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.carryover-section>summary{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;color:var(--color-text-muted);font-size:.9375rem;list-style:none;display:flex}.carryover-section>summary::-webkit-details-marker{display:none}.carryover-section>summary:before{content:"▸";color:var(--color-text-faint)}.carryover-section[open]>summary:before{content:"▾"}.carryover-section>.task-list,.carryover-section>.screen-section{margin-top:var(--space-2)}.quick-add{z-index:30;align-items:center;gap:var(--space-2);padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));padding-inline:max(var(--space-3), calc((100% - 720px) / 2));background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-1);flex-wrap:wrap;display:flex;position:fixed;inset:auto 0 0}.quick-add-input{min-width:0;min-height:44px;padding:10px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background-color:var(--color-bg);color:var(--color-text);flex:240px;font-size:16px}.quick-add-hint{align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;flex:100%;font-size:.8125rem;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.field-hint{color:var(--color-text-faint);font-size:.8125rem}.text-input,.select-input,.textarea-input{width:100%;min-height:44px;padding:10px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-1);background-color:var(--color-surface);color:var(--color-text);font-size:16px}.textarea-input{min-height:104px;line-height:1.7}.quick-add-input:focus,.text-input:focus,.select-input:focus,.textarea-input:focus{border-color:var(--color-accent)}.text-input:disabled,.select-input:disabled,.textarea-input:disabled{background-color:var(--color-surface-raised);color:var(--color-text-muted)}.inline-edit{width:100%;min-height:32px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);color:inherit;background-color:#0000;border:1px solid #0000;font-size:1rem}.inline-edit:hover{border-color:var(--color-border)}.inline-edit:focus{border-color:var(--color-accent);background-color:var(--color-surface)}.button{justify-content:center;align-items:center;gap:var(--space-1);min-height:44px;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-1);background-color:var(--color-surface);color:var(--color-text);white-space:nowrap;cursor:pointer;font-size:.9375rem;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.button:hover{background-color:var(--color-surface-raised)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:default}.button-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.button-primary:hover{background-color:var(--color-accent);filter:brightness(1.08)}.button-quiet{padding-inline:var(--space-2);color:var(--color-text-muted);background-color:#0000;border-color:#0000;font-weight:400}.button-quiet:hover{background-color:var(--color-surface-raised);color:var(--color-text)}.button-danger{border-color:var(--color-danger);color:var(--color-danger);background-color:#0000}.button-danger:hover{background-color:var(--color-surface-raised)}.icon-button{border-radius:var(--radius-1);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background-color:#0000;border:1px solid #0000;flex:none;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;transition:background-color .12s,color .12s;display:inline-flex}.icon-button:hover{background-color:var(--color-surface-raised);color:var(--color-text)}.icon-button:disabled,.icon-button[aria-disabled=true]{opacity:.4;cursor:default}.button-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-1);min-height:38px;padding-inline:var(--space-3);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;border-radius:999px;font-size:.875rem;display:inline-flex}.chip:hover{background-color:var(--color-surface-raised)}.chip-selected{border-color:var(--color-accent);background-color:var(--color-accent-soft);color:var(--color-text);font-weight:600}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-2);background-color:var(--color-surface-raised);gap:2px;padding:2px;display:inline-flex}.segmented-option{min-height:38px;padding-inline:var(--space-3);border-radius:calc(var(--radius-2) - 3px);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background-color:#0000;border:0;font-size:.875rem}.segmented-option:hover{color:var(--color-text)}.segmented-option-selected,.segmented-option[aria-pressed=true],.segmented-option[aria-selected=true],.segmented-option[aria-current=true],.segmented-option[aria-current=page]{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1);font-weight:600}.toast{left:50%;bottom:calc(var(--quick-add-height) + var(--space-3) + env(safe-area-inset-bottom));z-index:50;align-items:center;gap:var(--space-2);width:min(calc(100% - 2 * var(--space-3)), 480px);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background-color:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-1);font-size:.9375rem;animation:.16s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%)}.toast>span,.toast>p{flex:auto;min-width:0}.toast .button,.toast .button-quiet{min-height:36px;color:var(--color-accent);font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-2);background-color:var(--color-surface);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.empty-state h2,.empty-state strong{color:var(--color-text);font-size:1rem;font-weight:600}.empty-state p{font-size:.9375rem}.calendar-grid{border:1px solid var(--color-border);border-radius:var(--radius-2);background-color:var(--color-border);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.calendar-cell{min-height:76px;padding:var(--space-1);background-color:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;border:0;flex-direction:column;align-items:stretch;gap:2px;font-size:.8125rem;display:flex}.calendar-cell:hover{background-color:var(--color-surface-raised)}.calendar-cell-outside{background-color:var(--color-bg);color:var(--color-text-faint)}.calendar-cell[aria-current=date],.calendar-cell[aria-current=true]{box-shadow:inset 0 0 0 2px var(--color-accent)}.calendar-cell time{color:var(--color-text-muted);font-size:.75rem}.comment-list{gap:var(--space-2);flex-direction:column;display:flex}.comment-item{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background-color:var(--color-surface);flex-direction:column;display:flex}.comment-item time{color:var(--color-text-faint);font-size:.75rem}.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere}.stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.stat-row:last-child{border-bottom:0}.stat-row>:first-child{color:var(--color-text-muted);font-size:.9375rem}.stat-row>:last-child{color:var(--color-text);font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-1)}@media (width>=900px){.sidebar-overlay.sidebar-pinned{width:var(--sidebar-width);background-color:#0000;inset:0 0 0 auto}.sidebar-overlay.sidebar-pinned .sidebar,.sidebar.sidebar-pinned{width:var(--sidebar-width);box-shadow:none;animation:none}body:has(.sidebar-pinned) .app-shell{margin-inline:auto var(--sidebar-width)}body:has(.sidebar-pinned) .quick-add{right:var(--sidebar-width);padding-inline:max(var(--space-3), calc((100% - var(--sidebar-width) - 720px) / 2))}body:has(.sidebar-pinned) .toast{left:calc((100% - var(--sidebar-width)) / 2)}}@media (width<=480px){.app-shell{padding-inline:var(--space-2)}.screen{gap:var(--space-3)}.task-row{flex-wrap:wrap}.task-row-actions{justify-content:flex-end;width:100%}.button-row{width:100%}.button-row>.button{flex:auto}.segmented{width:100%;display:flex}.segmented-option{padding-inline:var(--space-2);flex:1 1 0}.calendar-cell{min-height:56px;font-size:.75rem}.toast{width:calc(100% - 2 * var(--space-2))}}.center-state,.auth-shell{min-height:100dvh;padding:var(--space-4);place-items:center;display:grid}.auth-shell{background:radial-gradient(circle at 15% 15%, var(--color-accent-soft), transparent 34%), var(--color-bg)}.auth-panel{gap:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,440px);box-shadow:var(--shadow-1);border-radius:24px;flex-direction:column;padding:clamp(24px,6vw,44px);display:flex}.auth-panel h1{letter-spacing:-.035em;max-width:12em;font-size:clamp(1.65rem,5vw,2.25rem)}.auth-copy,.screen-intro>p:last-child{color:var(--color-text-muted)}.brand-mark,.header-brand{background:var(--color-accent);width:48px;height:48px;color:var(--color-accent-contrast);border-radius:16px;flex:none;place-items:center;font-size:1.4rem;font-weight:700;display:inline-grid}.brand-mark-small,.header-brand{border-radius:11px;width:34px;height:34px;font-size:1rem}.eyebrow{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.form-stack,.setup-steps{gap:var(--space-3);flex-direction:column;display:flex}.setup-steps{color:var(--color-text-muted);padding-left:1.4rem;list-style:decimal}.button-wide{width:100%}.status-area:not(:empty){margin-bottom:var(--space-3)}.status-bar>span{flex:auto}.screen-intro{gap:var(--space-1);padding-block:var(--space-3) var(--space-2);flex-direction:column;display:flex}.screen-intro h2{letter-spacing:-.035em;font-size:clamp(1.55rem,5vw,2rem)}.section-heading-row,.detail-topline,.calendar-toolbar,.account-panel,.sidebar-profile{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.section-heading-row>div:first-child,.sidebar-profile>div{min-width:0}.sidebar-profile{padding:var(--space-2);margin-bottom:var(--space-2);justify-content:flex-start}.sidebar-profile div{flex-direction:column;line-height:1.35;display:flex}.sidebar-profile small{max-width:180px;color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-nav{flex-direction:column;flex:auto;gap:2px;display:flex}.sidebar-nav h2:not(:first-child){margin-top:var(--space-3)}.sidebar-close{align-self:flex-end}.sidebar-count{color:var(--color-text-faint);margin-left:auto;font-size:.78rem}.sidebar-signout{margin-top:auto}.genre-icon{text-align:center;width:1.5rem}.panel,.filter-panel,.detail-title-card,.review-hero,.summary-card,.sub-panel{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface)}.panel h3{margin-bottom:var(--space-1)}.sub-panel{background:var(--color-bg)}.form-grid,.filter-panel,.summary-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.filter-panel .field-wide{grid-column:1/-1}.inline-form,.genre-add-form,.attachment-row,.list-with-action,.sortable-item{align-items:center;gap:var(--space-2);display:flex}.inline-form>:first-child,.genre-add-form .text-input,.attachment-link,.list-with-action>:first-child,.sortable-item>article{flex:auto;min-width:0}.list-with-action{padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface)}.list-with-action+.list-with-action{margin-top:var(--space-2)}.list-with-action .task-row{border:0}.select-compact{max-width:132px;min-height:36px;padding-inline:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);font-size:.8rem}.action-menu{position:relative}.action-menu>summary{cursor:pointer;min-height:36px;list-style:none}.action-menu>summary::-webkit-details-marker{display:none}.action-popover{z-index:35;gap:var(--space-1);width:220px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0}.action-popover>button:not(.button){min-height:38px;padding-inline:var(--space-2);border-radius:var(--radius-1);text-align:left}.action-popover>button:hover{background:var(--color-surface-raised)}.sortable-item{border-bottom:1px solid var(--color-border);gap:0;position:relative}.sortable-item:last-child,.sortable-item .task-row{border-bottom:0}.drag-handle{width:28px;color:var(--color-text-faint);cursor:grab;touch-action:none;flex:none;align-self:stretch}.drag-handle:active{cursor:grabbing}.calendar-toolbar{justify-content:center}.calendar-weekdays{color:var(--color-text-faint);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));font-size:.75rem;display:grid}.calendar-task{background:var(--color-accent-soft);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:.68rem;display:block;overflow:hidden}.dialog-backdrop{z-index:70;padding:var(--space-3);background:#0000007a;place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-3);width:min(100%,400px);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.review-hero{justify-content:center;align-items:baseline;gap:var(--space-2);min-height:132px;color:var(--color-text-muted);flex-direction:row;display:flex}.review-hero strong{color:var(--color-accent);font-size:3rem;line-height:1}.summary-card{gap:var(--space-2);color:var(--color-text-muted);flex-direction:column;display:flex}.summary-card strong{color:var(--color-text);font-size:1.25rem}.detail-title-card{padding:var(--space-2);align-items:center;display:flex}.detail-title-input{min-width:0;padding:var(--space-2);letter-spacing:-.02em;background:0 0;border:0;flex:auto;font-size:1.35rem;font-weight:600}.detail-meta{gap:var(--space-2) var(--space-3);color:var(--color-text-faint);flex-wrap:wrap;font-size:.78rem;display:flex}.weekday-picker{gap:var(--space-1);flex-wrap:wrap;display:flex}.weekday-picker input{accent-color:var(--color-accent)}.attachment-row{padding-block:var(--space-1);border-bottom:1px solid var(--color-border)}.attachment-link{color:var(--color-accent);text-align:left;flex-direction:column;align-items:flex-start;display:flex}.attachment-link small{color:var(--color-text-faint)}.upload-button{align-self:flex-start}.genre-settings-list,.archive-list{flex-direction:column;display:flex}.genre-setting-row,.genre-add-form{align-items:center;gap:var(--space-1);padding-block:var(--space-1);border-bottom:1px solid var(--color-border);grid-template-columns:44px 44px minmax(120px,1fr) 44px 44px auto;display:grid}.genre-add-form{padding-top:var(--space-3);border-bottom:0;grid-template-columns:44px 44px minmax(120px,1fr) auto}.genre-icon-input,.color-input{border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);text-align:center;width:44px;height:44px;padding:3px}.toggle-label{align-items:center;gap:var(--space-1);color:var(--color-text-muted);white-space:nowrap;font-size:.875rem;display:inline-flex}.toggle-label input{width:18px;height:18px;accent-color:var(--color-accent)}.empty-symbol{background:var(--color-accent-soft);width:44px;height:44px;color:var(--color-accent);border-radius:50%;place-items:center;font-weight:700;display:grid}@media (width>=900px){.app-header>.icon-button:last-child{display:none}}@media (width<=480px){.form-grid,.filter-panel,.summary-grid{grid-template-columns:1fr}.filter-panel .field-wide{grid-column:auto}.section-heading-row,.detail-topline,.account-panel{flex-direction:column;align-items:flex-start}.list-with-action,.inline-form{flex-direction:column;align-items:stretch}.genre-setting-row{grid-template-columns:44px 44px minmax(100px,1fr) 40px 40px}.genre-setting-row .toggle-label{grid-column:1/-1}.genre-add-form{grid-template-columns:44px 44px minmax(100px,1fr)}.genre-add-form .button{grid-column:1/-1}.task-row-actions{padding-left:44px}}