:root{--icon-project: "\1f4e6";--icon-notebook: "\1f4d2";--icon-task: "\1f4cb";--icon-note: "\1f4dd";--icon-comment: "\1f4ac";--icon-created: "\2728";--icon-debug: "\1f41e";--icon-deleted: "\1f5d1\fe0f";--icon-event: "\1f4c5";--icon-search: "\1f50e";--icon-ts: "\1f552";--icon-updated: "\1f504";--icon-user: "\1f9d1\200d\1f4bb";--icon-sharing: "\1f517";--icon-status-todo: "\26aa";--icon-status-inprogress: "\1f535";--icon-status-waiting: "\1f7e1";--icon-status-blocked: "\26d4";--icon-status-completed: "\2705";--icon-status-cancelled: "\274c";--rail-w: 3.25rem;--app-info-h: 1.6rem;--motion-fast: .14s;--motion-normal: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--bc-project-alloc: 160px;--bc-task-alloc: 120px;--histories-ts-w: 150px;--histories-user-w: 100px;--result-height: 1.75rem;--top-bar-h: 3rem;--radius-circle: 50%;--radius-pill: 999px;--radius-sm: 4px;--radius-md: 6px;--radius-picker: 8px;--radius-dialog: 10px;--border-default: 1px solid var(--color-border);--border-strong: 2px solid var(--color-border);--border-accent: 2px solid var(--color-accent);--border-accent-strong: 3px solid var(--color-accent);--border-picker: 1px solid var(--color-border-modal);--border-dialog: 1px solid var(--color-border-modal);--border-transparent: 1px solid transparent;--modal-padding: .5rem;--padding-picker: 0;--overlay-blur: 2px;--padding-dialog: var(--modal-padding);--shadow-picker: 0 10px 40px rgba(0, 0, 0, .6);--shadow-dialog: var(--shadow-picker);--shadow-elev-0: inset 0 1px 0 rgba(255, 255, 255, .03);--shadow-elev-1: 0 10px 24px rgba(0, 0, 0, .35);--outline-dnd: 3px dashed var(--color-accent);--outline-dnd-offset: -4px}:root,:root[data-theme=dark]{--color-spin-20: #FFFFFF33;--color-spin-50: #FFFFFF80;--color-spin-70: #FFFFFFB2;--color-spin-100: #FFFFFF;--color-bg: #111214;--color-bg-sidebar: #16171A;--color-bg-mastergroup: #1C1E21;--color-bg-group: #24272B;--color-bg-dialog: #1F2329;--color-bg-picker: #1F2329;--color-bg-tooltip: #333333;--color-bg-overlay: #00000047;--color-bg-control: #2A2C2F;--color-bg-info: #2f86eb;--color-bg-warning: #f1c40f;--color-bg-error: #e74c3c;--color-bg-button: #FFFFFF0F;--color-text: #E5E7EB;--color-text-muted: #9CA3AF;--color-text-inverted: #FFFFFF;--color-text-tooltip: #ffffff;--color-hover: #374151;--color-scrollbar: #2A2C2F;--color-border: #2A2C2F;--color-border-modal: #FFFFFF1A;--color-status-todo: #9CA3AF;--color-status-inprogress: #3B82F6;--color-status-waiting: #FCD34D;--color-status-blocked: #F87171;--color-status-completed: #10B981;--color-status-cancelled: #6B7280;--color-term-overdue: #F87171;--color-term-today: #fb923c;--color-term-tomorrow: #FCD34D;--color-term-thisweek: #a78bfa;--color-term-nextweek: #3B82F6;--color-term-thismonth: #10B981;--color-term-nextmonth: #34D399;--color-term-later: #9CA3AF;--color-priority-high: #FCD34D;--color-priority-low: #9CA3AF;--color-priority-normal: #3B82F6;--color-priority-urgent: #F87171;--color-accent: #3B82F6;--color-accent-soft: rgba(59, 130, 246, .12);--color-created: #4dff65;--color-moved: #f3ff4d;--color-changed: #4db8ff;--color-deleted: #ff714d;--color-pending: #ffb74d;--surface-mastergroup: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 55%), var(--color-bg-mastergroup);--surface-group: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 55%), var(--color-bg-group);--surface-sidebar: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0) 60%), var(--color-bg-sidebar);--surface-rail: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, 0) 60%), var(--color-bg-sidebar)}:root[data-theme=light]{--color-spin-20: #11182733;--color-spin-50: #11182780;--color-spin-70: #111827B2;--color-spin-100: #111827;--color-bg: #F9FAFB;--color-bg-sidebar: #FFFFFF;--color-bg-mastergroup: #EEF2FF;--color-bg-group: #FFFFFF;--color-bg-dialog: #FFFFFF;--color-bg-picker: #FFFFFF;--color-bg-tooltip: #111827;--color-bg-overlay: #00000033;--color-bg-control: #E5E7EB;--color-bg-info: #DBEAFE;--color-bg-warning: #FEF3C7;--color-bg-error: #FEE2E2;--color-bg-button: #E5E7EB;--color-text: #111827;--color-text-muted: #6B7280;--color-text-inverted: #FFFFFF;--color-text-tooltip: #F9FAFB;--color-hover: #E5E7EB;--color-scrollbar: #D1D5DB;--color-border: #CBD5E1;--color-border-modal: #0000001A;--color-status-todo: #6B7280;--color-status-inprogress: #2563EB;--color-status-waiting: #D97706;--color-status-blocked: #DC2626;--color-status-completed: #059669;--color-status-cancelled: #4B5563;--color-term-overdue: #DC2626;--color-term-today: #EA580C;--color-term-tomorrow: #D97706;--color-term-thisweek: #7C3AED;--color-term-nextweek: #2563EB;--color-term-thismonth: #059669;--color-term-nextmonth: #10B981;--color-term-later: #6B7280;--color-priority-high: #D97706;--color-priority-low: #6B7280;--color-priority-normal: #2563EB;--color-priority-urgent: #DC2626;--color-accent: #3caff6;--color-created: #4dff65;--color-moved: #f3ff4d;--color-changed: #4db8ff;--color-deleted: #ff714d;--color-pending: #ffb74d;--surface-mastergroup: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 55%), var(--color-bg-mastergroup);--surface-group: linear-gradient(180deg, rgba(0, 0, 0, .025), rgba(0, 0, 0, 0) 55%), var(--color-bg-group);--surface-sidebar: linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, 0) 60%), var(--color-bg-sidebar);--surface-rail: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 60%), var(--color-bg-sidebar);--shadow-elev-0: inset 0 1px 0 rgba(0, 0, 0, .04);--shadow-elev-1: 0 10px 24px rgba(17, 24, 39, .1)}*{border-color:var(--color-border);border-style:solid;border-width:0;box-sizing:border-box;color:var(--color-text);font-family:Inter,sans-serif;font-size:100%;margin:0;outline:0;padding:0}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text)}.app-body{background-color:var(--color-bg);display:flex;flex-direction:column;height:100%}.app-wrapper{display:flex;flex:1;flex-direction:column;min-height:0}.app-content{display:flex;flex:1;min-height:0}.app-info{background-color:var(--color-bg);border-top:var(--border-default);color:var(--color-text-muted);font-size:75%;padding:.2rem .1rem;padding-bottom:calc(.2rem + env(safe-area-inset-bottom));text-align:center}.app-info span,.app-info a{color:var(--color-text-muted)}.app-info span.beta{color:#ff0}.app-info span.source{color:red}@supports (-webkit-overflow-scrolling: touch){@media(hover:none)and (pointer:coarse){.app-info{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}}#page-overlay-sidebar,#page-overlay-dialog,#page-overlay-picker,#page-overlay-picker-sidebar,#page-overlay-confirm,#page-overlay-loading{backdrop-filter:blur(var(--overlay-blur));background-color:var(--color-bg-overlay);height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:1000}#page-overlay-dialog{z-index:2000}#page-overlay-picker,#page-overlay-picker-sidebar{z-index:3000}#page-overlay-confirm{z-index:4000}#page-overlay-loading{z-index:5000}#page-overlay-loading{background-color:var(--color-bg);backdrop-filter:none}#page-overlay-loading .loader{animation:mulShdSpin 1.1s infinite ease;border-radius:var(--radius-circle);display:block;font-size:20px;height:1em;left:50%;position:relative;text-indent:-9999em;top:50%;transform:translate(-50%,-50%) translateZ(0);width:1em}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em 0 0 var(--color-spin-100),1.8em -1.8em 0 0 var(--color-spin-20),2.5em 0 0 0 var(--color-spin-20),1.75em 1.75em 0 0 var(--color-spin-20),0 2.5em 0 0 var(--color-spin-20),-1.8em 1.8em 0 0 var(--color-spin-20),-2.6em 0 0 0 var(--color-spin-50),-1.8em -1.8em 0 0 var(--color-spin-70)}12.5%{box-shadow:0 -2.6em 0 0 var(--color-spin-70),1.8em -1.8em 0 0 var(--color-spin-100),2.5em 0 0 0 var(--color-spin-20),1.75em 1.75em 0 0 var(--color-spin-20),0 2.5em 0 0 var(--color-spin-20),-1.8em 1.8em 0 0 var(--color-spin-20),-2.6em 0 0 0 var(--color-spin-20),-1.8em -1.8em 0 0 var(--color-spin-50)}25%{box-shadow:0 -2.6em 0 0 var(--color-spin-50),1.8em -1.8em 0 0 var(--color-spin-70),2.5em 0 0 0 var(--color-spin-100),1.75em 1.75em 0 0 var(--color-spin-20),0 2.5em 0 0 var(--color-spin-20),-1.8em 1.8em 0 0 var(--color-spin-20),-2.6em 0 0 0 var(--color-spin-20),-1.8em -1.8em 0 0 var(--color-spin-20)}37.5%{box-shadow:0 -2.6em 0 0 var(--color-spin-20),1.8em -1.8em 0 0 var(--color-spin-50),2.5em 0 0 0 var(--color-spin-70),1.75em 1.75em 0 0 var(--color-spin-100),0 2.5em 0 0 var(--color-spin-20),-1.8em 1.8em 0 0 var(--color-spin-20),-2.6em 0 0 0 var(--color-spin-20),-1.8em -1.8em 0 0 var(--color-spin-20)}50%{box-shadow:0 -2.6em 0 0 var(--color-spin-20),1.8em -1.8em 0 0 var(--color-spin-20),2.5em 0 0 0 var(--color-spin-50),1.75em 1.75em 0 0 var(--color-spin-70),0 2.5em 0 0 var(--color-spin-100),-1.8em 1.8em 0 0 var(--color-spin-20),-2.6em 0 0 0 var(--color-spin-20),-1.8em -1.8em 0 0 var(--color-spin-20)}62.5%{box-shadow:0 -2.6em 0 0 var(--color-spin-20),1.8em -1.8em 0 0 var(--color-spin-20),2.5em 0 0 0 var(--color-spin-20),1.75em 1.75em 0 0 var(--color-spin-50),0 2.5em 0 0 var(--color-spin-70),-1.8em 1.8em 0 0 var(--color-spin-100),-2.6em 0 0 0 var(--color-spin-20),-1.8em -1.8em 0 0 var(--color-spin-20)}75%{box-shadow:0 -2.6em 0 0 var(--color-spin-20),1.8em -1.8em 0 0 var(--color-spin-20),2.5em 0 0 0 var(--color-spin-20),1.75em 1.75em 0 0 var(--color-spin-20),0 2.5em 0 0 var(--color-spin-50),-1.8em 1.8em 0 0 var(--color-spin-70),-2.6em 0 0 0 var(--color-spin-100),-1.8em -1.8em 0 0 var(--color-spin-20)}87.5%{box-shadow:0 -2.6em 0 0 var(--color-spin-20),1.8em -1.8em 0 0 var(--color-spin-20),2.5em 0 0 0 var(--color-spin-20),1.75em 1.75em 0 0 var(--color-spin-20),0 2.5em 0 0 var(--color-spin-20),-1.8em 1.8em 0 0 var(--color-spin-50),-2.6em 0 0 0 var(--color-spin-70),-1.8em -1.8em 0 0 var(--color-spin-100)}}#banner{align-items:center;border-bottom:var(--border-default);box-shadow:0 2px 4px #00000080;color:var(--color-text);display:flex;justify-content:space-between;left:0;padding:.75rem 1rem;position:fixed;top:0;transform:translateY(0);transition:transform .3s ease;width:100%;z-index:7000}#banner-icon{font-size:1.2em;margin-right:.5rem}#banner.hidden{pointer-events:none;transform:translateY(-100%)}#banner-close{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.25rem;line-height:1}#banner.info{background-color:var(--color-bg-info)}#banner.info #banner-icon:before{content:"\2139\fe0f"}#banner.warning{background-color:var(--color-bg-warning);color:var(--color-text-inverted)}#banner.warning #banner-icon:before{content:"\26a0\fe0f"}#banner.error{background-color:var(--color-bg-error)}#banner.error #banner-icon:before{content:"\274c"}#banner.show{pointer-events:auto;transform:translateY(0)}#banner button{background:none;cursor:pointer;font-weight:700}.modal-dialog{display:flex;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:stretch;width:min(28rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);z-index:2500;background:var(--color-bg-dialog);border-radius:var(--radius-dialog);border:var(--border-dialog);box-shadow:var(--shadow-dialog);padding:var(--padding-dialog)}.modal-picker{display:flex;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);background:var(--color-bg-picker);border-radius:var(--radius-picker);border:var(--border-picker);box-shadow:var(--shadow-picker);padding:var(--padding-picker);z-index:3500}.modal-content{margin:6px}.modal-action{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;padding:.35rem .5rem;user-select:none}.modal-action:hover{background-color:var(--color-hover)}.modal-action.selected{background-color:var(--color-bg-control);box-shadow:0 0 0 1px var(--color-accent)}.modal-dialog>.modal-content{flex:1 1 auto;min-width:0;max-height:100%;overflow:auto;box-sizing:border-box}.modal-buttons{display:flex;justify-content:space-around;margin-top:1rem}.modal-buttons button{background-color:var(--color-bg-button);border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease;width:45%}.modal-buttons button:hover{background-color:var(--color-hover);box-shadow:0 0 0 1px var(--color-border)}.modal-buttons button.active{background-color:var(--color-accent)}#confirm-modal{z-index:4500}#confirm-modal .modal-content{margin:1rem;min-width:10rem}#confirm-message{font-size:1.125rem;margin-bottom:1rem;text-align:center}#confirm-sub-message{font-size:.9rem;margin-bottom:1rem;text-align:center}.pwa-overlay{align-items:center;backdrop-filter:blur(var(--overlay-blur));background-color:var(--color-bg-overlay);color:var(--color-text);display:flex;height:100vh;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100vw;z-index:6000}.pwa-modal{background-color:var(--color-bg-dialog);border-radius:var(--radius-md);line-height:1.5;max-width:30rem;padding:2rem;text-align:center}.pwa-modal h2{font-size:1.5rem;margin-bottom:1rem}.pwa-modal p{font-size:1.1rem;margin-bottom:2rem}#pwa-continue{background-color:var(--color-bg-button);border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}#pwa-continue:hover{background-color:var(--color-hover)}#login{background:var(--color-bg-dialog);border-radius:var(--radius-md);left:50%;max-width:20rem;min-width:15rem;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%)}#login p{border-bottom:var(--border-default);padding:.5rem}#login input{background-color:var(--color-bg);border:var(--border-default);border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem;width:100%}#login-info{padding:.5rem}#login-forgot,#login-register{color:var(--color-text-muted);display:block;font-size:.9rem;margin-top:.5rem;text-align:center}#login-forgot span,#login-register span{color:var(--color-text);cursor:pointer;text-decoration:underline}:where(button,input,select,textarea):disabled{opacity:.5;pointer-events:none;filter:grayscale(50%)}.hidden{display:none!important}