.container{width:100%;padding:1.5rem;max-width:600px;margin:0 auto;box-sizing:border-box;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.app-header{text-align:center;margin-bottom:1.5rem;padding:1.2rem 1rem;background:var(--header-gradient);border-radius:16px;box-shadow:var(--card-shadow)}.app-title{font-size:1.5rem;color:var(--text-color);margin-bottom:0;font-weight:300;letter-spacing:.02em}.app-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400}.user-greeting{text-align:center;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.95rem}.user-greeting strong{color:var(--text-color);font-weight:500}.card{background:var(--card-background-color);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--card-shadow);border-left:4px solid var(--border-accent);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b73551f}.card h2{font-size:1.2rem;margin-bottom:1.2rem;color:var(--text-color);font-weight:500;border-bottom:1px solid var(--border-color);padding-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.dev-info-card{background:linear-gradient(135deg,#f0f8ff,#e8f4fd);border-left:4px solid #0066cc}.dev-info-card h3{color:#06c;margin-bottom:1rem;font-size:1.1rem;font-weight:500}.dev-info-card p{color:#2c5282;margin-bottom:.5rem}.dev-info-card small{color:#4a5568;font-size:.85rem}.trash-list{list-style:none;padding:0}.trash-list li{padding:1rem 0;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.trash-list li:first-child{padding-top:.5rem}.trash-list li:last-child{border-bottom:none}.trash-list li:hover{background-color:#d4b9960d;border-radius:8px;margin:0 -.5rem;padding:1rem .5rem}.trash-item-info{width:100%}.trash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.trash-icon{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}.trash-details{flex:1}.trash-type{font-size:1rem;color:var(--text-color);font-weight:500}.trash-schedule{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.5rem}.schedule-icon{width:16px;height:16px;color:var(--text-secondary);margin-top:.1rem;flex-shrink:0}.schedule-info{display:flex;flex-direction:column;gap:.2rem}.schedule-type{font-weight:500;color:var(--text-color);font-size:.9rem}.schedule-details{color:var(--text-secondary);font-size:.85rem}.delete-button{background:var(--button-danger-background);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;min-width:60px}.delete-button:hover{background:#c62d36;transform:translateY(-1px);box-shadow:0 4px 12px #d9363e4d}.delete-icon-button{width:40px;height:40px;padding:0;border-radius:50%;min-width:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-icon-button .material-symbols-outlined{font-size:18px}.add-button{width:100%;padding:1rem 1.5rem;background:var(--button-primary-background);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-button:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d4b9964d}.add-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.sort-control{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.sort-control label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-color);font-size:.95rem;flex-shrink:0}.sort-control select{flex:1;padding:.75rem 1rem;border:2px solid var(--input-border-color);background:var(--input-background-color);color:var(--text-color);border-radius:12px;font-size:.95rem;font-family:inherit;transition:all .3s ease}.sort-control select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #d4b9961a;background:#fefefe}.add-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-color);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-group input[type=text],.form-group input[type=time],.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--input-border-color);background:var(--input-background-color);color:var(--text-color);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=time]:focus,.form-group select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #d4b9961a;background:#fefefe}.form-group input[type=text]::placeholder{color:var(--text-secondary);opacity:.8}.notification-settings{gap:1rem}.notification-settings .section-label{font-size:1rem;font-weight:500;color:var(--text-color);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.notification-option{background:#f8f6f34d;border:1px solid var(--input-border-color);border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.notification-option:last-child{margin-bottom:0}.notification-header{margin-bottom:.5rem}.notification-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem;color:var(--text-color)}.notification-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--text-color);cursor:pointer}.notification-label{display:flex;align-items:center;gap:.5rem;font-weight:500}.notification-label .material-symbols-outlined{font-size:20px;color:var(--text-secondary)}.time-input-wrapper{margin-left:2.8rem;display:flex;flex-direction:column}.time-input-wrapper input[type=time]{width:150px;padding:.6rem .8rem;border:1px solid var(--input-border-color);border-radius:8px;font-size:.95rem;color:var(--text-color);background:#fff}.time-input-wrapper input[type=time]:focus{outline:none;border-color:var(--text-color);box-shadow:0 0 0 2px #8b73551a}.notification-option:has(input[type=checkbox]:checked){background:#d4b99614;border-color:#8b735533}.schedule-description{margin:.5rem 0;color:var(--text-secondary);font-size:.9rem;background:#d4b9961a;padding:.75rem;border-radius:8px;border-left:3px solid var(--border-accent)}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:1px solid #e57373;padding:1rem;border-radius:12px;text-align:center;margin-bottom:1.5rem;font-weight:500;border-left:4px solid #d32f2f}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.empty-state-icon{width:48px;height:48px;color:var(--text-secondary);margin:0 auto 1rem;opacity:.6}.loading-state{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}@media (max-width: 480px){.container{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.app-header{padding:1rem .75rem;margin-bottom:1.25rem}.app-title{font-size:1.4rem}.card{padding:1.25rem;margin-bottom:1.25rem}.trash-list li{padding:1rem 0}.trash-header{margin-bottom:.5rem}.delete-icon-button{width:36px;height:36px;min-width:unset}}@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){body{padding-top:max(env(safe-area-inset-top),20px)}}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){body{padding-top:max(env(safe-area-inset-top),20px)}}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3){body{padding-top:max(env(safe-area-inset-top),20px)}}@supports (padding: max(0px)){.container{padding-left:max(1.5rem,env(safe-area-inset-left))!important;padding-right:max(1.5rem,env(safe-area-inset-right))!important}}@media screen and (-webkit-min-device-pixel-ratio: 2){.container{-webkit-overflow-scrolling:touch}.card{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}:root{--background-color: #f8f6f3;--text-color: #8b7355;--text-secondary: #a88f74;--card-background-color: #ffffff;--card-shadow: 0 4px 16px rgba(139, 115, 85, .08);--border-color: #ede4d8;--border-accent: #d4b996;--input-background-color: #ffffff;--input-border-color: #ede4d8;--button-primary-background: linear-gradient(135deg, #d4b996, #c4a484);--button-primary-hover: linear-gradient(135deg, #c4a484, #b3956f);--button-danger-background: #d9363e;--header-gradient: linear-gradient(135deg, #f7f3ee, #ede4d8);font-family:Noto Sans JP,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#8b7355;background:#f8f6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,p,ul,li,form,button,input,select{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans JP,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}body{background:var(--background-color);color:var(--text-color);min-width:320px;min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}h1{font-size:2rem;line-height:1.2;font-weight:300}h2{font-weight:400}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}#root{width:100%;max-width:600px;margin:0 auto;padding:1rem;box-sizing:border-box}