*{font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif;box-sizing:border-box}html,body{margin:0;padding:0}:root{color-scheme:light;--text-color: #424242;--glass-bg: rgba(255, 255, 255, .8);--shadow-color: rgba(0, 0, 0, .12);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bottom-nav-h: 56px;--page-bottom-padding: calc(var(--bottom-nav-h) + var(--safe-bottom) + 20px)}#root{margin:0;padding:0;max-width:none;text-align:left;color:var(--text-color)}.app{min-height:100vh;position:relative;background:radial-gradient(ellipse at 15% 25%,rgba(156,135,245,.12) 0%,transparent 60%),radial-gradient(ellipse at 85% 20%,rgba(255,182,193,.1) 0%,transparent 55%),radial-gradient(ellipse at 20% 75%,rgba(183,148,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,218,185,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(230,230,250,.06) 0%,transparent 70%),linear-gradient(135deg,#fdfbf8,#faf8f5,#f8f5f2,#faf8f5,#fdfbf8);background-attachment:fixed;color:var(--text-color);background-size:150% 150%,140% 140%,160% 160%,145% 145%,180% 180%,100% 100%;animation:backgroundMeshShift 50s ease-in-out infinite}@keyframes backgroundMeshShift{0%,to{background-position:0% 0%,100% 0%,0% 100%,100% 100%,50% 50%,0% 0%}33%{background-position:2% 3%,98% 2%,3% 97%,97% 98%,52% 52%,0% 0%}66%{background-position:-1% 2%,102% 1%,1% 98%,99% 97%,48% 48%,0% 0%}}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.02) 3px,rgba(255,255,255,.02) 6px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.02) 3px,rgba(255,255,255,.02) 6px);pointer-events:none;z-index:0;opacity:.4}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(156,135,245,.04) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,182,193,.03) 0%,transparent 40%);pointer-events:none;z-index:0;opacity:.6;animation:meshGlow 30s ease-in-out infinite}@keyframes meshGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.app>*{position:relative;z-index:1}.app-header{max-width:720px;margin:0 auto;padding:10px 12px 6px;position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;z-index:10;min-height:50px;max-height:50px;overflow:visible;background:#ffffffb3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 2px 20px #0000000d,inset 0 1px #ffffffe6}.app-main{max-width:720px;margin:0 auto;padding-left:12px;padding-right:12px;padding-top:calc(55px + var(--safe-top));padding-bottom:var(--page-bottom-padding)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;height:100dvh;height:100vh;padding:20px;padding-bottom:calc(20px + var(--safe-bottom))}.modal-content{background:#fff;border-radius:20px;max-width:400px;width:100%;max-height:calc(100dvh - 40px - var(--safe-bottom));max-height:calc(100vh - 40px - var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-actions{display:flex;gap:8px;padding:16px;padding-bottom:calc(16px + var(--bottom-nav-h) + var(--safe-bottom));background:#fff;border-radius:0 0 20px 20px}h1{margin:16px 0 6px;font-size:28px;line-height:1.2;font-weight:800;color:var(--text-color)}h2{margin:0 0 10px;font-size:18px;font-weight:700;color:var(--text-color)}h3{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text-color)}.card{padding:16px;margin:12px 0;border:1px solid rgba(255,255,255,.5);border-radius:24px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d,inset 0 1px #ffffffe6;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#fffc,#fff3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.6}.card:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0000001a,0 2px 4px #0000000f,inset 0 1px #fffffff2}.sub{margin-top:6px;opacity:.75;font-size:13px;line-height:1.4;color:var(--text-color)}button,input,select{font-size:16px;font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif;color:var(--text-color)}input,select{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.4);border-radius:20px;background:#ffffffbf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 2px 12px #0000000f,inset 0 1px 2px #fffc;font-size:14px;font-weight:500;color:var(--text-color);transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=date]{padding:10px 40px 10px 12px;font-size:14px;min-height:44px;-webkit-appearance:none;appearance:none}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:12px;width:20px;height:20px;opacity:.6;cursor:pointer}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{margin-right:8px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23424242' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px;font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;color:var(--text-color)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;font-kerning:normal}.card select,section select,div select,select{font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif!important;font-size:14px!important;font-weight:500!important;color:var(--text-color)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}select,select:not(:focus),select:focus,select:active,select:hover,select:disabled{font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif!important;font-size:14px!important;font-weight:500!important;color:var(--text-color)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}select option{font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif!important;font-size:14px!important;font-weight:500!important;color:var(--text-color)!important;padding:12px 16px!important;background:#fffffff2!important;line-height:1.5!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;font-kerning:normal}select option:checked,select option:focus,select option:selected{background:#9c87f526!important;color:var(--text-color)!important;font-weight:600!important;font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}input:focus,select:focus{outline:none;border-color:#9c87f566;background:#ffffffd9;box-shadow:0 4px 16px #9c87f526,inset 0 1px 2px #ffffffe6;transform:translateY(-1px)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23424242' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}select option{font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif;font-size:14px;font-weight:500;color:var(--text-color);padding:12px 16px;background:#fffffff2}button{padding:12px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.4);background:#ffffffbf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 2px 12px #00000014,inset 0 1px 2px #fffc;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;color:var(--text-color)}button:hover{background:#ffffffe6;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 20px #0000001f,inset 0 1px 2px #fffffff2}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-block;padding:4px 10px;border-radius:24px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:400;color:var(--text-color)}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actor-selector{display:flex;flex-direction:column;gap:16px}.actor-list{display:flex;flex-wrap:wrap;gap:8px}.actor-select-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#ffffff80;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 1px 4px #0000000d,inset 0 1px #fff9;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;min-width:80px}.actor-select-button:hover{background:#fff9;border-color:#9c87f540;box-shadow:0 1px 6px #0000000f,inset 0 1px #ffffffb3}.actor-select-button.active{background:#9c87f51f;border-color:#9c87f566;font-weight:600;box-shadow:0 1px 6px #9c87f526,inset 0 1px #ffffffb3}.actor-select-name{-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#9c87f5,#b794f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.actor-select-button.active .actor-select-name{background:linear-gradient(135deg,#7c5dfa,#9c87f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff80;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:28px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,inset 0 1px 2px #fff9}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:2px;background:linear-gradient(135deg,#fff,#f8f8f8);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000026,inset 0 1px 2px #ffffffe6}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#9c87f54d,#b794f633);border-color:#9c87f580;box-shadow:0 2px 12px #9c87f540,inset 0 1px 2px #ffffffb3}.toggle-switch input:checked+.toggle-slider:before{transform:translate(23px);background:linear-gradient(135deg,#9c87f5,#b794f6);box-shadow:0 2px 8px #9c87f54d,inset 0 1px 2px #ffffffe6}.toggle-switch[style*="44px"] .toggle-slider{border-radius:26px}.toggle-switch[style*="44px"] .toggle-slider:before{height:20px;width:20px}.toggle-switch[style*="44px"] input:checked+.toggle-slider:before{transform:translate(21px)}.toggle-switch:hover .toggle-slider{background:#fff9;border-color:#9c87f54d}.toggle-switch input:checked:hover+.toggle-slider{background:linear-gradient(135deg,#9c87f566,#b794f64d);border-color:#9c87f599}.expense-mode-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,#ffffffd9,#faf8ffe6,#ffffffd9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 20px #9c87f51f,0 1px 3px #0000000d,inset 0 1px #ffffffe6;position:relative;overflow:hidden;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.expense-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9c87f599,#b794f666)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.expense-mode-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.expense-mode-title{font-size:15px;font-weight:700;background:linear-gradient(135deg,#9c87f5,#b794f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expense-mode-section{display:flex;flex-direction:column;gap:8px}.expense-mode-label{font-size:13px;font-weight:600;color:#424242;margin-bottom:4px}.expense-amount-row{display:flex;align-items:center;gap:8px}.expense-amount-input{flex:1}.expense-amount-unit{font-size:13px;font-weight:600;color:#666;white-space:nowrap}.actor-select-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:#00000014;color:var(--text-color);font-size:16px;line-height:1;cursor:pointer;transition:all .2s ease;padding:0;margin-left:8px;flex-shrink:0}.actor-select-remove:hover{background:#dc354533;color:#dc3545;transform:scale(1.1)}.actor-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:24px;border:2px solid transparent;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000014;font-weight:500;font-size:14px;color:var(--text-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.actor-chip:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.actor-chip.active{background:linear-gradient(135deg,#9c87f533,#b794f626);border-color:#9c87f566;color:#7c5dfa;font-weight:700;box-shadow:0 4px 20px #9c87f533,0 0 0 1px #9c87f51a inset}.actor-chip-name{-webkit-user-select:none;user-select:none}.actor-chip-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background:#0000001a;color:var(--text-color);font-size:16px;line-height:1;cursor:pointer;transition:all .2s ease;padding:0;margin-left:4px}.actor-chip-remove:hover{background:#dc354533;color:#dc3545;transform:scale(1.1)}.actor-add{display:flex;gap:8px;align-items:center}.actor-add-input{flex:1;padding:10px 16px;border-radius:24px;border:2px solid rgba(255,255,255,.4);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:14px;color:var(--text-color);transition:all .3s ease}.actor-add-input:focus{outline:none;border-color:#9c87f580;background:#fffc;box-shadow:0 0 0 3px #9c87f51a}.actor-add-input::placeholder{color:#42424266}.actor-add-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:24px;border:none;background:linear-gradient(135deg,#9c87f5,#b794f6);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #9c87f54d}.actor-add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9c87f566}.actor-add-btn:active:not(:disabled){transform:translateY(0)}.actor-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.actor-add-icon{font-size:18px;line-height:1;font-weight:700}.actor-add-label{font-size:14px}.actor-toggle{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.actor-btn{padding:8px 10px;border-radius:24px;border:none;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 15px var(--shadow-color),0 0 2px var(--shadow-color);font-weight:400}.actor-btn.active{background:#ffffffe6;font-weight:700}.task-form{display:grid;grid-template-columns:1fr 90px 40px 90px;gap:8px;align-items:center;margin-top:10px}.task-list{list-style:none;padding:0;margin:10px 0 0}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task-grid.task-list-view{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-column:1 / -1!important}.task-button{text-align:left;padding:8px 12px;border-radius:24px;border:none;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 15px var(--shadow-color),0 0 2px var(--shadow-color);transition:all .2s ease;position:relative;min-height:45px;display:flex;align-items:center;justify-content:flex-start}.task-button:hover{background:#fffc;transform:translateY(-1px)}.add-form{grid-column:1 / -1;padding:12px;border-radius:20px;background:#ffffffb3;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(156,135,245,.2);box-shadow:0 2px 12px #0000000f,inset 0 1px 2px #fffc;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.add-button:hover{background:#9c87f51a!important;border-color:#9c87f599!important;transform:translateY(-2px)}.task-label{display:inline-block;font-weight:700;color:var(--text-color);margin-right:6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.task-point,.task-actor{display:inline-block;opacity:.75;font-size:11px;margin-left:4px;color:var(--text-color);white-space:nowrap}.log-list{list-style:none;padding:0;margin:0}.log-item{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.log-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.log-task{font-weight:700;color:var(--text-color)}.totals{margin-top:12px}.total-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04);color:var(--text-color)}.total-row span:last-child{font-weight:700}.point-value{font-weight:700}.point-unit{font-weight:400;margin-left:2px}.number-bold{font-weight:700}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-around;gap:4px;padding:12px 8px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 24px #00000014,0 -1px #ffffff80 inset;border-top:1px solid rgba(255,255,255,.6);z-index:1000}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;min-width:60px;border-radius:16px;text-decoration:none;color:var(--text-color);opacity:.6;background:transparent;font-weight:600;font-size:11px;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.tab:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:3px;background:linear-gradient(90deg,#9b87f5,#b794f6);border-radius:0 0 3px 3px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab:hover{opacity:.8;background:#ffffff4d;transform:translateY(-2px)}.tab.active{opacity:1;color:#7c5dfa;background:#9c87f51a;transform:translateY(-2px)}.tab.active:before{transform:translate(-50%) scaleX(1)}.tab-icon{font-size:20px;line-height:1;margin-bottom:2px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab.active .tab-icon{transform:scale(1.1)}.tab-label{font-size:11px;font-weight:600;letter-spacing:.02em}@media(max-width:600px){.tab{min-width:56px;padding:8px}.tab-label{font-size:10px}.tab-icon{font-size:18px}}@media(max-width:600px){.task-grid{grid-template-columns:repeat(3,1fr);gap:8px}.task-grid.task-list-view{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;grid-column:1 / -1!important}.name-row{grid-template-columns:1fr}.task-form{grid-template-columns:1fr 90px 40px 90px}}.calendar-fullbleed{width:100%;margin-left:0;margin-right:0}.calendar-card{padding:10px}@media(max-width:600px){.calendar-card{margin-left:0;margin-right:0;border-radius:24px;padding:4px}}.calendar-header-row{display:flex;align-items:center;justify-content:center;gap:12px}.calendar-header-row button{padding:8px;border-radius:24px;border:none;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 15px var(--shadow-color),0 0 2px var(--shadow-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .2s ease;font-size:18px;color:var(--text-color)}.calendar-header-row button:hover{background:#fffc;transform:translateY(-1px)}.calendar-header-row>div{font-weight:800;font-size:18px;color:var(--text-color);flex:1;text-align:center}.task-search-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center;position:relative}.task-search-add{padding:10px 0;width:44px;border-radius:24px;border:none;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 15px var(--shadow-color),0 0 2px var(--shadow-color);font-weight:800;line-height:1;cursor:pointer}.date-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.date-row label{font-weight:600;color:var(--text-color);white-space:nowrap}.date-row input[type=date]{flex:1;min-width:0;max-width:100%;padding:10px 12px;border-radius:16px;border:1px solid rgba(156,135,245,.3);background:#fffc;font-size:14px;color:var(--text-color);box-sizing:border-box}.date-range-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-range-row input[type=date]{flex:1;min-width:140px}.calendar-grid{width:100%;max-width:100%;overflow-x:hidden;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;align-items:stretch}.calendar-dow{text-align:center;font-weight:700;opacity:.7;font-size:11px;min-width:0;color:var(--text-color);padding:8px 0}.calendar-cell{min-width:0;overflow:hidden;padding:2px;border-radius:24px;border:none;text-align:left;min-height:80px;background:transparent}.calendar-cell.is-out{opacity:.35}.calendar-cell.is-today{outline:2px solid rgba(66,66,66,.3);outline-offset:-2px}.calendar-cell.is-picked{background:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.calendar-daybtn{background:transparent;border:none;color:var(--text-color);padding:0;margin:0;cursor:pointer;font-weight:800;font-size:13px;line-height:1.2;font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif}.calendar-cell button,.calendar-cell div{min-width:0;max-width:100%}.calendar-chips{margin-top:4px;display:grid;gap:3px;min-width:0}.calendar-chip{width:100%;min-width:0;max-width:100%;color:#fff;border:none;cursor:pointer;font-size:9px;padding:2px 4px;border-radius:999px;line-height:1.2;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-weight:400}@media(max-width:390px){.calendar-grid{gap:0}.calendar-cell{min-height:96px;padding:2px}.calendar-chip{font-size:8.5px;padding:2px 3px}}.task-suggest-box{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:24px;box-shadow:0 4px 20px var(--shadow-color),0 0 2px var(--shadow-color);overflow:hidden;max-height:260px;overflow-y:auto;z-index:50;touch-action:pan-y;-webkit-overflow-scrolling:touch}.task-suggest-item{width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.04);font-size:14px;color:var(--text-color);cursor:pointer;transition:background .2s ease;font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif}.task-suggest-item:last-child{border-bottom:0}.task-suggest-item:hover,.task-suggest-item:active{background:#fff9}@media(max-width:768px){.settings-modal-overlay{padding:0!important;align-items:flex-start!important;z-index:10000!important}.settings-modal-overlay~.app-header,.settings-modal-overlay~* .app-header,body:has(.settings-modal-overlay) .app-header,body:has(.settings-modal-overlay) .bottom-nav{display:none!important}.settings-modal-content{border-radius:0!important;max-width:100%!important;width:100%!important;height:100%!important;max-height:none!important;display:flex;flex-direction:column;padding:0!important;border:none!important;background:#fdfbf8!important}.settings-modal-header{flex-shrink:0;padding:0 20px;border-bottom:.5px solid rgba(0,0,0,.1);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:60px}.settings-modal-body{flex:1;overflow-y:auto;padding:20px;padding-bottom:calc(var(--page-bottom-padding) + 20px)!important;-webkit-overflow-scrolling:touch}.settings-category-grid{grid-template-columns:1fr!important;gap:12px!important}.category-selection-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.task-grid{grid-template-columns:1fr!important;gap:12px!important}.fixed-add-button-container{position:fixed;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px);left:0;width:100%;padding:0 16px;z-index:100;pointer-events:none;display:flex;justify-content:center}.fixed-add-button{pointer-events:auto;box-shadow:0 4px 16px #9c87f566!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(156,135,245,.3)!important;width:100%;max-width:400px;height:56px;font-size:16px!important;font-weight:700!important;color:#9c87f5!important;display:flex!important;align-items:center!important;justify-content:center!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}.calendar-fullbleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important;max-width:none!important;overflow-x:clip}@media(min-width:768px){.calendar-fullbleed{width:100%;margin-left:0;margin-right:0;padding-left:0!important;padding-right:0!important;max-width:720px;overflow-x:visible}}.calendar-fullbleed .calendar-grid{max-width:none;width:100%;gap:1px}.calendar-fullbleed .calendar-chip{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding:1px 3px;font-size:10px;line-height:1.3;border:none}.calendar-fullbleed .calendar-chips{display:flex;flex-direction:column;gap:1px;width:100%;min-width:0}.calendar-fullbleed .calendar-cell{padding-left:1px;padding-right:1px;min-width:0}.calendar-fullbleed .calendar-dow{font-size:11px;padding:4px 1px}.calendar-fullbleed .calendar-daybtn{font-size:12px;min-width:22px;min-height:22px}.calendar-unified-header{padding:16px 16px 8px}.calendar-fullbleed .calendar-unified-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.calendar-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.calendar-title{font-size:20px;font-weight:800;color:var(--text-color)}.calendar-nav-btn{background:#ffffff80;border:1px solid rgba(255,255,255,.4);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;color:var(--text-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.calendar-nav-btn:active{transform:scale(.9);background:#fffc}.calendar-info-text{font-size:12px;opacity:.6;margin-bottom:12px;text-align:center;font-weight:500}.calendar-add-btn-wrap{display:flex;justify-content:center;margin-bottom:12px;padding:0 16px}.calendar-add-btn{width:100%;max-width:300px;padding:12px 20px;border:1px solid rgba(255,255,255,.4);border-radius:18px;background:#ffffffb3;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 4px 12px #0000000d,inset 0 1px 1px #fffc;font-size:15px;font-weight:700;color:var(--text-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.calendar-add-btn .icon{font-size:12px;opacity:.8}.calendar-add-btn:active{transform:scale(.97);background:#ffffffe6}.calendar-card.calendar-fullbleed .calendar-grid{border-top:1px solid rgba(0,0,0,.03);padding-top:8px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{display:block;min-height:100vh;background:#fdfbf8}#root{width:100%;min-height:100vh;max-width:100%;overflow-x:hidden}