@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg:#e2d5f5;--color-text:#252930;--color-text-secondary:#5d6778;--color-primary:#3db395;--color-primary-hover:#2a9c7f;--color-delete-hover:#e52f2f;--color-delete-completed:#4d5666;--color-error:#ff4d4d;--color-white:#fff;--color-gray:#f0f0f0;--color-gray-hover:#e0e0e0;--color-border:#ccc;--color-error-bg:#ffe6e6;--color-complete-bg:#d3ffd3;--color-incomplete-bg:#ffd3d3;--font-family:"Noto Sans JP",sans-serif;--app-title-font:"Montserrat",sans-serif;--font-size-base:16px;--font-size-large:1.875rem;--font-size-heading:22px;--font-size-small:0.875rem;--color-sync-active:#22c55e;--color-sync-text:#4b5563;--spacing-small:0.5rem;--spacing-medium:1rem;--spacing-large:1.5rem;--border-radius:5px;--shadow:0 2px 5px #0000001a;--shadow-hover:0 5px 15px #0000004d;--transition-default:0.3s ease}.form{-webkit-margin-before:calc(var(--spacing-large)*2);margin-block-start:calc(var(--spacing-large)*2);text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text);display:block;font-size:var(--font-size-base);font-weight:500;margin-bottom:.5rem}.edit-input,.input-field,.list-name-input,.review-textarea{border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;font-size:var(--font-size-base);padding:var(--spacing-medium);transition:border-color var(--transition-default);width:100%}.edit-input:focus,.input-field:focus,.list-name-input:focus,.review-textarea:focus{border-color:var(--color-primary);outline:none}textarea.edit-input,textarea.input-field{line-height:1.5;resize:vertical}.todo-title-display{word-wrap:break-word;background-color:var(--color-gray);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;font-size:var(--font-size-base);line-height:1.5;min-height:80px;padding:var(--spacing-medium);white-space:pre-wrap;width:100%}.review-textarea{min-height:100px;resize:vertical}.todo-form{align-items:flex-end;display:flex;justify-content:center;margin-top:var(--spacing-large)}.todo-form .input-field{border-end-end-radius:0;border-end-start-radius:var(--border-radius);border-start-end-radius:0;border-start-start-radius:var(--border-radius);margin-right:0;width:300px}.add-list-button,.delete-button,.delete-list-button,.edit-button,.go-home-button,.google-connect-button,.google-login-button,.guest-login-button,.logout-button,.review-button,.save-button,.submit-button,.update-list-button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:500;gap:.5rem;justify-content:center;padding:var(--spacing-medium) calc(var(--spacing-medium)*1.25);transform:translateZ(0);transition:background-color var(--transition-default);will-change:background-color}.add-list-button,.edit-button,.go-home-button,.google-connect-button,.google-login-button,.save-button,.submit-button,.update-list-button{background-color:var(--color-primary);color:var(--color-white)}.add-list-button:hover,.edit-button:hover,.go-home-button:hover,.google-connect-button:hover,.google-login-button:hover,.save-button:hover,.submit-button:hover,.update-list-button:hover{background-color:var(--color-primary-hover)}.todo-form .submit-button{border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.delete-button,.delete-list-button,.logout-button{background-color:var(--color-error);color:var(--color-white)}.delete-button:hover,.delete-list-button:hover,.logout-button:hover{background-color:var(--color-delete-hover)}.delete-button:active{opacity:.8}.review-button{background-color:initial;border:1px solid var(--color-primary);color:var(--color-primary);width:100%}.review-button:hover{background-color:var(--color-primary);color:var(--color-white)}.guest-login-button.primary{background:linear-gradient(135deg,#3db395,#5fcfa8);border:none;border-radius:50px;box-shadow:0 6px 20px #3db39540;color:var(--color-white);font-size:1.05rem;font-weight:600;padding:1.1rem 1.6rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.guest-login-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#5fcfa8,#3db395);box-shadow:0 8px 28px #3db39559;transform:translateY(-2px)}.guest-login-button.primary:active:not(:disabled){transform:translateY(0)}.guest-login-button.primary:disabled{background:linear-gradient(135deg,#3db395,#5fcfa8);cursor:not-allowed;opacity:.6}@media (min-width:768px){.guest-login-button.primary{background:linear-gradient(135deg,#3db395,#5fcfa8);border-radius:60px;box-shadow:0 6px 24px #3db39540;font-size:1.15rem;font-weight:600;padding:1.3rem 2.2rem}.guest-login-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#5fcfa8,#3db395);box-shadow:0 12px 36px #3db39559;transform:translateY(-3px)}}.google-login-button.secondary{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #00000014;border-radius:50px;box-shadow:0 4px 16px #00000014;color:var(--color-text);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.google-login-button.secondary:hover{background:linear-gradient(135deg,#fafafa,#fff);border-color:#3db3954d;box-shadow:0 6px 24px #0000001f;transform:translateY(-2px)}.google-login-button.secondary:active{transform:translateY(0)}@media (min-width:768px){.google-login-button.secondary{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #00000014;border-radius:60px;font-size:1.05rem;font-weight:500;padding:1.2rem 1.9rem}.google-login-button.secondary:hover{background:linear-gradient(135deg,#fafafa,#fff);border-color:#3db3954d;box-shadow:0 8px 28px #0000001a;transform:translateY(-3px)}}.back-button,.back-button-icon,.drag-handle,.gear-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color var(--transition-default),color var(--transition-default)}.back-button-icon:hover,.back-button:hover{background-color:var(--color-gray)}.gear-button{color:var(--color-text-secondary);padding:4px}.gear-button:hover{background-color:#3db3951a;color:var(--color-primary)}.icon-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color var(--transition-default),color var(--transition-default)}.icon-button:hover{background-color:#0000000d}.icon-button.danger{color:var(--color-error)}.icon-button.danger:hover{background-color:#ff4d4d1a}.drag-handle{color:var(--color-text-secondary);cursor:grab;padding:4px;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle:hover{background-color:#0000000d}.drag-handle-placeholder{flex-shrink:0;height:28px;width:28px}.todo-list{-webkit-margin-before:var(--spacing-large);contain:layout;list-style-type:none;margin-block-start:var(--spacing-large);margin-inline:auto;max-width:600px;min-height:300px;padding:0;will-change:contents}.skeleton-loader{display:flex;flex-direction:column;gap:var(--spacing-medium);list-style:none;margin:0;padding:0}.skeleton-item{-webkit-margin-after:var(--spacing-medium);align-items:center;animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--color-white);box-shadow:var(--shadow);display:flex;gap:12px;margin-block-end:var(--spacing-medium);padding:var(--spacing-medium)}.skeleton-checkbox,.skeleton-item{border-radius:var(--border-radius)}.skeleton-checkbox{background-color:#e0e0e0;flex-shrink:0;height:1.5em;width:1.5em}.skeleton-content{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.skeleton-title{background-color:#e0e0e0;border-radius:4px;height:1.2em;width:70%}.skeleton-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.skeleton-meta{background-color:#f0f0f0;border-radius:4px;height:.8em;width:40%}.skeleton-buttons{display:flex;gap:8px}.skeleton-button{background-color:#e0e0e0;height:32px;width:60px}.skeleton-button,.todo-item{border-radius:var(--border-radius)}.todo-item{-webkit-margin-after:var(--spacing-medium);align-items:flex-start;background-color:var(--color-white);box-shadow:var(--shadow);contain:layout style;display:flex;gap:12px;margin-block-end:var(--spacing-medium);padding:var(--spacing-medium);transform:translateZ(0);transition:background-color var(--transition-default),color var(--transition-default);will-change:background-color,color}.todo-item-main{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;min-width:0}.todo-item-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.item-meta-left{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.5rem}.item-meta-left .image-icon{color:var(--color-primary)}.file-attachment-indicator{align-items:center;color:var(--color-primary);display:inline-flex;gap:.25rem}.file-attachment-indicator .file-icon{color:var(--color-primary)}.file-attachment-indicator .file-count{font-size:.75rem;font-weight:500}.todo-item:has(.custom-checkbox:checked){background-color:var(--color-gray);color:var(--color-text-secondary)}.todo-item:has(.custom-checkbox:checked) .delete-button{background-color:var(--color-text-secondary)}.todo-item:has(.custom-checkbox:checked) .delete-button:hover{background-color:var(--color-delete-completed)}.task-content{align-items:flex-start;display:flex;gap:12px;min-width:0}.todo-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.todo-title-container{align-items:baseline;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-weight:500;gap:.25rem .5rem}.todo-title-container.completed .todo-title{text-decoration:line-through}.due-date{color:inherit;font-size:inherit;margin-right:0}.due-date.overdue{color:var(--color-error);font-weight:600}.image-icon{flex-shrink:0;vertical-align:middle}.buttons{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-top:.25rem}.custom-checkbox{-webkit-appearance:none;appearance:none;border:2px solid var(--color-text-secondary);border-radius:var(--border-radius);cursor:pointer;display:grid;flex-shrink:0;height:1.5em;margin-top:.2em;place-content:center;width:1.5em}.custom-checkbox:before{box-shadow:inset 1em 1em var(--color-primary);-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.75em;transform:scale(0);transform-origin:center;transition:transform .12s ease-in-out;width:.75em}.custom-checkbox:checked:before{transform:scale(1)}.list-tabs{display:flex;margin-bottom:1rem;margin-left:16px;margin-right:16px;overflow-x:auto}.list-tab-container{display:inline-flex}.list-tab-container.dragging{box-shadow:var(--shadow-hover);transform:scale(1.05);will-change:transform,box-shadow;z-index:100}.list-tab-container.dragging .list-tab{cursor:grabbing}.list-tab{align-items:center;background-color:var(--color-gray);border:none;border-radius:var(--border-radius);contain:layout style;cursor:pointer;display:flex;font-size:var(--font-size-base);margin-right:.5rem;min-width:120px;padding:8px 12px;transform:translateZ(0);white-space:nowrap;will-change:background-color,color}.list-tab.active{background-color:var(--color-primary);color:var(--color-white)}.list-tab.active .drag-handle,.list-tab.active .gear-button{color:#fffc}.list-tab.active .drag-handle:hover,.list-tab.active .gear-button:hover{background-color:#fff3;color:var(--color-white)}.list-content{align-items:center;display:flex;gap:4px;justify-content:space-between;width:100%}.list-name{flex:1 1;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.collaborator-icon{color:var(--color-text-secondary);flex-shrink:0;margin-left:4px}.list-tab.active .collaborator-icon{color:#fffc}.tab-actions{margin-left:auto}.modal-overlay,.tab-actions{align-items:center;display:flex}.modal-overlay{background:#00000080;bottom:0;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:80}@media (min-width:768px){.modal-overlay{left:320px;width:calc(100% - 320px)}body:has(.sidebar-collapsed) .modal-overlay{left:60px;width:calc(100% - 60px)}.modal-overlay:has(.login-page-modal){left:0!important;width:100%!important}}.create-list-popup,.modal,.todo-detail,.todo-edit-modal{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;margin:0 1rem;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:90%}.modal{padding:2rem}.modal,.modal h2{text-align:center}.modal h2{font-size:1.25rem;margin-bottom:1.5rem;margin-top:0}.template-explanation{display:flex;flex-direction:column;gap:1.5rem}.explanation-card{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;padding:1.5rem;text-align:center}.explanation-icon{font-size:3rem;margin-bottom:.5rem}.explanation-card h3{color:#333;font-size:1.3rem;margin:0 0 .5rem}.explanation-card p{color:#666;line-height:1.6;margin:0}.explanation-features{display:flex;flex-direction:column;gap:1rem}.feature-item{align-items:flex-start;background:#fff;border:2px solid #f0f0f0;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.feature-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateX(5px)}.feature-icon{flex-shrink:0;font-size:1.5rem}.feature-text{flex:1 1}.feature-text strong{color:#333;display:block;font-size:1rem;margin-bottom:.25rem}.feature-text p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.share-toggle-section{background:#f9fafb;border:2px dashed #667eea;border-radius:10px;margin-top:1rem;padding:1.5rem}.toggle-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.toggle-info{flex:1 1}.toggle-label{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.toggle-sublabel{color:#666;font-size:.85rem;margin:0}.template-published{display:flex;flex-direction:column;gap:1.5rem}.published-success{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;padding:2rem;text-align:center}.success-icon{display:block;font-size:3rem;margin-bottom:.5rem}.published-success h3{color:#333;font-size:1.3rem;margin:0 0 .5rem}.template-usage-badge{align-items:center;background:#fff;border:2px solid #667eea;border-radius:20px;color:#667eea;display:inline-flex;font-weight:600;gap:.5rem;margin:.5rem 0 0;padding:.5rem 1rem}.usage-icon{font-size:1.2rem}.share-link-section{display:flex;flex-direction:column;gap:.5rem}.share-link-label{color:#333;font-size:.9rem;font-weight:600}.share-link-input{gap:.5rem}.share-link-input input{background:#f9fafb;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;padding:.75rem 1rem;transition:all .2s}.share-link-input input:focus,.share-link-input input:hover{background:#fff;border-color:#667eea;outline:none}.copy-link-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem;transition:all .2s}.copy-link-button:hover{background:#5568d3;transform:scale(1.05)}.share-actions{display:flex;gap:.75rem}.share-to-x-button{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:.875rem 1.5rem;transition:all .2s}.share-to-x-button:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.toggle-off-section{border-top:2px solid #f0f0f0;padding-top:1rem;text-align:center}.toggle-off-button{background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#999;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.toggle-off-button:hover{background:#fff5f5;border-color:#e52f2f;color:#e52f2f}.modal-with-header{background-color:var(--color-white);padding:0}@media (max-width:767px){.create-list-popup,.modal,.todo-detail{margin:0 .5rem;max-height:95vh;width:95%}.alarm-modal,.todo-detail{border-radius:0;bottom:0;height:100vh;left:0;margin:0;max-height:none;max-width:none;position:fixed;right:0;top:0;width:100vw}.modal-overlay{align-items:flex-start;overflow-y:auto;padding:1rem 0}.modal-overlay.todo-detail-overlay,.modal-overlay.todo-edit-modal-overlay{align-items:stretch;background:#0000;padding:0}}.modal-with-header .modal-header{align-items:center;border-bottom:1px solid var(--color-gray);display:flex;justify-content:center;padding:1rem 1.5rem;position:relative}.modal-with-header .modal-header .modal-title,.modal-with-header .modal-header h2{font-size:1.1rem;font-weight:700;margin:0;text-align:center}.modal-with-header .modal-content{flex:1 1;max-height:calc(90vh - 80px);overflow-x:hidden;overflow-y:auto;padding:1.5rem 2rem}.modal-with-header .modal-content::-webkit-scrollbar{width:6px}.modal-with-header .modal-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.modal-with-header .modal-content::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.modal-with-header .modal-buttons{padding:0 2rem 1.5rem}.create-list-popup{left:50%;max-width:400px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:60}.create-list-popup form{display:flex;flex-direction:column}.create-list-popup input{border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;display:block;font-size:var(--font-size-base);margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:var(--spacing-medium);transition:border-color var(--transition-default);width:90%}.create-list-popup input:focus{border-color:var(--color-primary);outline:none}.create-list-popup .button-container,.modal-actions,.modal-buttons,.todo-actions{display:flex;gap:1rem;justify-content:center}.create-list-popup .button-container,.modal-buttons{margin-top:1.5rem}.cancel-button,.create-list-popup button,.delete-button-detail,.modal button,.save-button-detail{border:none;border-radius:var(--border-radius);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:500;padding:.75rem 1rem;transition:background-color var(--transition-default)}.cancel-button,.create-list-popup button[type=button],.modal button:first-child{background-color:var(--color-gray);color:var(--color-text)}.cancel-button:hover,.create-list-popup button[type=button]:hover,.modal button:first-child:hover{background-color:var(--color-gray-hover)}.modal button:last-child:not(.confirm-button),.save-button-detail{background-color:var(--color-primary);color:var(--color-white)}.modal button:last-child:not(.confirm-button):hover,.save-button-detail:hover{background-color:var(--color-primary-hover)}.create-list-popup button:disabled,.modal button:disabled{background-color:#ccc;cursor:not-allowed}.modal button:disabled:hover{background-color:#ccc}.confirm-button{background-color:var(--color-error);color:var(--color-white)}.confirm-button:hover{background-color:var(--color-delete-hover)}.delete-button-detail{background-color:var(--color-error);color:var(--color-white)}.delete-button-detail:hover{background-color:var(--color-delete-hover)}.close-button,.modal-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;justify-content:center;line-height:0;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease}.close-button:hover,.modal-close-button:hover{background-color:var(--color-gray);color:var(--color-text)}.modal-content .tag-management-section{background-color:initial;border:none;margin:0;padding:0}.modal-content .tag-management-section h4{align-items:center;color:var(--color-text);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.modal-content .tag-preview{align-items:center;background-color:var(--color-gray);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;margin-top:1rem;min-height:2rem;padding:.75rem}.modal-content .tag-preview .tag-chip.preview{background-color:var(--color-primary);background-color:var(--tag-color,var(--color-primary));border-radius:1rem;color:#fff;font-size:.8rem;font-weight:500;line-height:1.2;overflow-wrap:break-word;padding:.3rem .7rem;transition:transform .1s ease,box-shadow .1s ease;word-break:break-word}.modal-content .tag-preview .tag-chip.preview:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.modal-content .tag-preview{align-items:flex-start;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.5rem}.modal-content .tag-preview .tag-chip.preview{font-size:.85rem;line-height:1.3;max-width:100%;padding:.4rem .8rem;white-space:normal;word-break:break-all}}.task-create-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-create-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@media (min-width:768px) and (max-width:1024px){.task-create-modal-overlay{padding:2rem}.task-create-modal{border-radius:16px;max-height:85vh;max-width:700px}}@media (max-width:767px){.task-create-modal-overlay{align-items:flex-start;padding:0}.task-create-modal{border-radius:0;box-shadow:none;height:100vh;margin:0;max-height:none;max-width:none;width:100%}}.task-create-modal-header{align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.task-create-modal-header .back-button-icon{background:none;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;margin-right:1rem;padding:.5rem;transition:background-color .2s ease}.task-create-modal-header .back-button-icon:hover{background-color:var(--color-gray)}.task-create-modal-header .heading{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0}.task-create-modal-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.task-create-modal-actions{background:var(--color-white);border-top:1px solid var(--color-border);bottom:0;display:flex;gap:1rem;padding:1rem;position:-webkit-sticky;position:sticky}@media (min-width:768px) and (max-width:1024px){.task-create-modal-content{gap:2rem;padding:2rem}.task-create-modal-actions{padding:1.5rem}}@media (min-width:1025px){.task-create-modal-content{gap:2rem;padding:2.5rem}.task-create-modal-actions{padding:1.5rem 2.5rem}}.cancel-button-create{background:var(--color-gray);border:none;border-radius:8px;color:var(--color-text);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:1rem;font-weight:500;padding:.875rem;transition:background-color .2s ease}.cancel-button-create:hover{background:var(--color-gray-hover)}.submit-button-create{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:1rem;font-weight:600;padding:.875rem;transition:background-color .2s ease}.submit-button-create:hover{background:var(--color-primary-hover)}.submit-button-create:disabled{background:var(--color-gray);color:var(--color-text-secondary);cursor:not-allowed}.form-label{color:var(--color-text);display:block;font-weight:600;margin-bottom:.5rem}.form-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;outline:none;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#667eea}.help-text{color:#666;font-size:14px;line-height:1.6;margin-bottom:1rem}.character-count{color:#999;font-size:13px;margin-top:.5rem}.login-page{align-items:center;background-color:var(--color-bg);display:flex;justify-content:center;margin:0 30px;min-height:100vh}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fffaf5f2);border:2px solid #fffc;border-radius:24px;box-shadow:0 10px 40px #ffb6c133;max-width:400px;padding:2.5rem 2rem;text-align:center;width:100%}@media (min-width:768px){.login-container{text-align:left}}.login-header{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.login-header h1{font-family:var(--app-title-font);font-size:2rem}.login-logo{color:var(--color-primary)}.login-content{margin-bottom:2.5rem}.login-welcome{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.login-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.login-description strong{color:var(--color-primary);font-weight:700}.login-features{background:linear-gradient(135deg,#fff0f5,#ffe4e1);border:2px solid #ffb6c14d;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.25rem}.login-feature{align-items:center;color:var(--color-text);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.google-login-button{text-decoration:none;width:100%}.guest-login-button{margin-bottom:.75rem;width:100%}.guest-login-note{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0 0 1.5rem;text-align:center}@media (min-width:768px){.guest-login-note{font-size:.95rem;margin:0 0 2rem}}.security-notes{background:#fff;border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1.25rem}.security-note{align-items:center;color:var(--color-text);display:flex;font-size:.85rem;gap:.75rem;line-height:1.5}.security-icon{flex-shrink:0;font-size:1.25rem}@media (min-width:768px){.security-notes{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #00000014;border-radius:12px;box-shadow:0 2px 8px #0000000a;gap:1rem;padding:1.5rem}.security-note{font-size:.95rem;gap:1rem;padding:.5rem;transition:all .2s ease}.security-icon{font-size:1.5rem}}.login-divider{align-items:center;color:var(--color-text-secondary);display:flex;margin:2rem 0 1.5rem;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid var(--color-border);content:"";flex:1 1}.login-divider span{font-size:.875rem;padding:0 1rem}@media (min-width:768px){.login-divider{margin:2.5rem 0 2rem}.login-divider span{font-size:.95rem;font-weight:500}}.line-guide-container{align-items:center;background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.item-metadata{align-items:center;display:flex;gap:.75rem;margin-left:auto;padding-right:1rem}.assignee-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;height:28px;object-fit:cover;width:28px}.line-guide-container h2{align-items:center;color:var(--color-text);display:flex;font-family:var(--app-title-font);font-size:var(--font-size-large);gap:.5rem;justify-content:center;margin-bottom:2rem}.line-guide-container h2:after{content:"🐤";font-size:1.5rem}.line-guide-container p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.8;margin-bottom:2rem;max-width:500px}.url-copy-area{align-items:stretch;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;max-width:400px;overflow:hidden;width:100%}.url-copy-area input{background-color:var(--color-white);border:none;color:var(--color-text);cursor:pointer;flex:1 1;font-size:var(--font-size-base);outline:none;padding:.875rem 1rem;user-select:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all}.url-copy-area input:focus{background-color:#f0f8ff;-webkit-user-select:all;user-select:all}.url-copy-area button{background-color:var(--color-primary);border:none;color:var(--color-white);cursor:pointer;display:inline-block;font-size:var(--font-size-base);font-weight:600;min-width:80px;padding:.875rem 1.5rem;transition:background-color .2s ease;white-space:nowrap}.url-copy-area button:hover{background-color:var(--color-primary-hover)}.url-copy-area button:active{transform:scale(.98)}.url-copy-area button.copied{animation:pulse .5s ease;background-color:#2a9c7f}.url-copy-area button.copied:before{content:"✓ ";margin-right:.25rem}.line-guide-note{color:var(--color-text-secondary);font-size:.875rem;font-style:italic;margin-top:1rem}.error-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.error-page-content{max-width:500px}.error-title{font-size:1.75rem;margin-bottom:1rem}.error-message{color:var(--color-text-secondary);margin-bottom:2rem}.go-home-button{font-size:1rem}.error-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.go-home-button.primary{background-color:var(--color-primary);border:none;color:#fff;font-weight:600}.go-home-button.primary:hover{background-color:var(--color-primary-hover)}.error-details-section{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem;width:100%}.error-details-toggle{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.error-details-toggle:hover{background-color:var(--color-gray);border-color:var(--color-primary)}.error-details{background-color:#f8f9fa;border:1px solid var(--color-border);border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.error-section{margin-bottom:1.5rem}.error-section:last-child{margin-bottom:0}.error-section h3{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 .5rem}.error-code{background-color:#2d3748;border-radius:4px;color:#e2e8f0;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;margin-bottom:.5rem;overflow-x:auto;padding:1rem}.error-code pre{margin:0;white-space:pre-wrap;word-break:break-word}.error-code strong{color:#63b3ed}.copy-error-button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.copy-error-button:hover{background-color:var(--color-primary-hover)}@media (max-width:768px){.error-page-content{margin:1rem;padding:2rem 1.5rem}.error-actions{flex-direction:column}.error-code{font-size:.75rem;padding:.75rem}}.modal-subtitle{font-size:1.2rem;margin:0 0 1rem}.modal-message{color:var(--color-text-secondary);line-height:1.6;margin:0}.app-footer{padding:2rem 1rem}.app-footer a{margin:0 .5rem;transition:color var(--transition-default)}.list-edit-page{background-color:var(--color-bg);padding:0}.list-edit-header{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;padding:1rem 1.5rem 1.5rem;width:100%}.list-edit-header-top{align-items:center;display:flex;gap:1rem}.list-edit-header h1{color:var(--color-text);flex:1 1;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.header-spacer{width:40px}.list-edit-form{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:600px;padding:2rem}.list-edit-actions{display:flex;gap:1rem;justify-content:space-between}.copy-clipboard-button,.copy-list-button{background-color:#f0a04b;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-medium) calc(var(--spacing-medium)*1.25);transition:background-color var(--transition-default)}.copy-clipboard-button:hover,.copy-list-button:hover{background-color:#d88732}.share-list-button{background-color:#3498db;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-medium) calc(var(--spacing-medium)*1.25);transition:background-color var(--transition-default)}.share-list-button:hover{background-color:#2980b9}.copy-modal-content{display:flex;flex-direction:column;gap:1rem;text-align:left}.destination-list-select{border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;padding:.75rem;width:100%}.delete-completed-wrapper{-webkit-margin-before:var(--spacing-large);margin-block-start:var(--spacing-large);margin-inline:auto;max-width:600px;text-align:right}.delete-completed-button{align-items:center;background-color:initial;border:1px solid var(--color-text-secondary);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.delete-completed-button:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1 1;flex-direction:column}.app-footer{align-items:center;background-color:var(--color-bg);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1.5rem;justify-content:center;padding:1.5rem;text-align:center;transition:margin-left .4s cubic-bezier(.4,0,.2,1);will-change:margin-left}.app-footer.footer-with-sidebar{margin-left:280px}.app-footer.footer-sidebar-collapsed{margin-left:60px}.app-footer a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:var(--color-primary);text-decoration:underline}.login-page .app-footer{flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:0;padding:1rem}.tag-management-modal{background-color:var(--color-white);display:flex;flex-direction:column;max-height:90vh}.tag-management-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-gray);display:flex;flex-shrink:0;justify-content:center;padding:1rem 1.5rem;position:relative}.tag-management-modal .modal-header .modal-title{font-size:1.1rem;font-weight:700;margin:0}.tag-management-modal .modal-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.tag-management-modal .modal-actions{border-top:1px solid var(--color-gray);display:flex;justify-content:flex-end;padding:1rem 1.5rem}body:has(.tag-management-modal):before{background:#0009;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.file-upload-label{align-items:center;background-color:var(--color-primary);border-radius:var(--border-radius);color:var(--color-white)!important;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:background-color var(--transition-default)}.file-upload-label:hover{background-color:var(--color-primary-hover)}.file-upload-input{display:none}.tag-selection-container{margin-bottom:1.5rem}.tag-selection-title{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.tag-selection-container .tag-management-section{background-color:var(--color-gray);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:1rem 0 1.5rem;padding:1rem}.tag-selection-container .tag-management-section h4{align-items:center;color:var(--color-text);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-container{background:var(--color-bg);display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;overflow-x:auto;padding:1rem 1rem 10px}.tag-filter{background-color:initial;border:1px solid var(--color-primary);border-radius:1rem;color:var(--color-primary);cursor:pointer;padding:.4rem .8rem;transition:background-color .2s ease,color .2s ease}.tag-filter:hover{background-color:#3db3951a}.tag-filter.active{background-color:var(--color-primary);color:#fff}.filter-chip{background-color:var(--color-white);border:1.5px solid var(--color-text-secondary);color:var(--color-text-secondary)!important;cursor:pointer;text-shadow:none;transform:translateZ(0);transition:opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;will-change:opacity,background-color,border-color,color}.filter-chip[style*="--tag-color"]{border-color:var(--tag-color);color:var(--tag-color)!important}.filter-chip:hover:not(.active){opacity:.7}.filter-chip.active{background-color:var(--tag-color);border-color:var(--tag-color);color:#fff!important}.filter-chip[data-all-filter=true]{--tag-color:var(--color-text-secondary);color:var(--color-text-secondary)}.filter-chip[data-all-filter=true].active{background-color:var(--color-text-secondary);border-color:var(--color-text-secondary);color:#fff!important}.tag-container{display:flex;flex-wrap:wrap;gap:.5rem}.todo-item .tag-chip{background-color:var(--color-primary);background-color:var(--tag-color,var(--color-primary));border:none;color:#fff;text-shadow:none}.tag-chip{align-items:center;border-radius:.8rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:.2rem .6rem;white-space:nowrap}.app-layout{display:flex;flex:1 1;overflow:hidden}.main-content{background:var(--color-bg);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative;transition:margin-left .4s cubic-bezier(.4,0,.2,1);will-change:margin-left;z-index:1}.main-content-with-sidebar{margin-left:320px}.main-content-sidebar-collapsed{margin-left:60px}.sidebar{background:var(--color-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);will-change:transform,width;z-index:100}.sidebar-desktop{height:100vh;left:0;position:fixed;top:0;width:320px}.sidebar-desktop.sidebar-open{width:320px}.sidebar-collapsed{align-items:flex-start;background:var(--color-white);border-right:1px solid var(--color-border);display:flex;height:100vh;left:0;padding:1rem;position:fixed;top:0;transition:width .4s cubic-bezier(.4,0,.2,1);width:60px}.sidebar-mobile{bottom:0;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:100vw;will-change:transform;z-index:500}.sidebar-mobile.sidebar-open{transform:translateX(0)}.sidebar-overlay{animation:fadeIn .25s cubic-bezier(.25,.46,.45,.94) forwards;background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:499}.sidebar-header{background:var(--color-white);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:1rem}.sidebar-header,.sidebar-title{align-items:center;display:flex}.sidebar-title{color:var(--color-text);font-weight:600;gap:.5rem}.piyoco-level-container{display:flex;flex-direction:column;gap:.25rem;margin-left:auto;min-width:120px}.piyoco-level-badge{align-items:center;background:linear-gradient(135deg,#fff0f5,#ffe4e1);border:2px solid #ffb6c199;border-radius:15px;box-shadow:0 3px 8px #ffb6c14d;color:#333;display:flex;font-size:.8rem;font-weight:700;gap:.4rem;padding:.4rem .8rem}.piyoco-icon{font-size:1rem;line-height:1}.piyoco-icon-image{animation:piyocoIconBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(255,182,193,.3));height:28px;object-fit:contain;width:28px}@keyframes piyocoIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}.level-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#ffa07a);-webkit-background-clip:text;background-clip:text;font-weight:800}.piyoco-exp-bar{background:#ffe4e180;border:1px solid #ffb6c140;border-radius:6px;box-shadow:inset 0 1px 3px #ffb6c133;height:8px;overflow:hidden}.piyoco-exp-fill{animation:expBarShine 2s ease-in-out infinite;background:linear-gradient(90deg,#ffb6c1,#ffa07a,gold);background-size:200% 100%;border-radius:5px;height:100%;transition:width .3s ease-out}@keyframes expBarShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.piyoco-exp-text{color:#8d6e63;font-size:.7rem;font-weight:600;text-align:right}.sidebar-toggle-btn{background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.sidebar-toggle-btn:hover{background:var(--color-gray);color:var(--color-text)}.sidebar-toggle-btn.collapsed{background:var(--color-gray);color:var(--color-primary)}.sidebar-content{flex:1 1;overflow-y:auto;padding:.5rem 0}.sidebar-list{display:flex;flex-direction:column;gap:2px}.sidebar-list-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;margin:0 .5rem;padding:.75rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sidebar-list-item:hover{background:var(--color-gray)}.sidebar-list-item.active{background:var(--color-primary);color:#fff}.sidebar-list-item.active .sidebar-list-collaboration,.sidebar-list-item.active .sidebar-list-role{color:#fffc}.sidebar-list-drag-handle{align-items:center;border-radius:4px;color:var(--color-text-secondary);cursor:grab;display:flex;flex-shrink:0;justify-content:center;margin:-.25rem;padding:.5rem;touch-action:none;width:32px}.sidebar-list-drag-handle:hover{background:#0000001a;color:var(--color-text)}.sidebar-list-drag-handle:active{cursor:grabbing}.sidebar-list-item.active .sidebar-list-drag-handle{color:#ffffffb3}.sidebar-list-item.active .sidebar-list-drag-handle:hover{background:#fff3;color:#fff}.sidebar-list-content{gap:.5rem}.sidebar-list-content,.sidebar-list-main{align-items:center;display:flex;flex:1 1;min-width:0}.sidebar-list-main{gap:.75rem;overflow:hidden}.sidebar-list-name{flex:1 1;font-size:.9rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-list-meta{align-items:center;display:flex;flex-shrink:0;gap:.25rem;justify-content:flex-end;min-width:80px;width:80px}.sidebar-list-collaboration,.sidebar-list-edit{align-items:center;background:#00000014;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-height:32px;min-width:32px;padding:.5rem;transition:all .2s ease;width:32px}.sidebar-list-collaboration:hover,.sidebar-list-edit:hover{background:#00000026;color:var(--color-text);transform:scale(1.05)}.sidebar-list-collaboration:active,.sidebar-list-edit:active{transform:scale(.95)}.sidebar-list-item.active .sidebar-list-collaboration,.sidebar-list-item.active .sidebar-list-edit{color:#ffffffe6}.sidebar-list-item.active .sidebar-list-collaboration:hover,.sidebar-list-item.active .sidebar-list-edit:hover{background:#ffffff40;color:#fff}.sidebar-list-stats{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:.8rem;margin-left:auto}.sidebar-list-task-count{align-items:center;background:var(--color-gray);border-radius:12px;display:flex;font-size:.75rem;font-weight:600;justify-content:center;min-height:24px;padding:.25rem .5rem}.sidebar-list-item.active .sidebar-list-task-count{background:#fff3;color:#fff}.sidebar-footer{background:var(--color-white);border-top:1px solid var(--color-border);padding:.75rem}.add-list-button-sidebar{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.9rem;font-weight:500;gap:.5rem;justify-content:flex-start;padding:.75rem;transition:all .2s ease;width:100%}.add-list-button-sidebar:hover{background:var(--color-gray)}.create-list-form{width:100%}.create-list-input-wrapper{align-items:center;background:var(--color-gray);border:none;border-radius:6px;display:flex;gap:.25rem;min-height:40px;padding:.375rem .5rem;transition:all .2s ease}.create-list-input-wrapper:focus-within{background:var(--color-white);box-shadow:0 0 0 2px var(--color-primary)}.create-list-input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-family:var(--font-family);font-size:.9rem;line-height:1.5;min-width:0;outline:none;padding:0}.create-list-input::placeholder{color:var(--color-text-secondary)}.create-list-actions{gap:.5rem;margin-left:.5rem}.create-list-actions,.create-list-confirm{align-items:center;display:flex;flex-shrink:0}.create-list-confirm{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:.9rem;font-weight:600;gap:.25rem;justify-content:center;min-height:36px;padding:.5rem 1rem;transition:all .2s ease}.create-list-confirm:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 2px 8px #3db3954d;transform:scale(1.03)}.create-list-confirm:disabled{background:var(--color-gray);color:var(--color-text-secondary);cursor:not-allowed;opacity:.5}.create-list-cancel-icon{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:.25rem;transition:all .2s ease;width:28px}.create-list-cancel-icon:hover{background:#00000014;color:var(--color-text)}@media (max-width:1024px){.sidebar-desktop{width:300px}.main-content-with-sidebar{margin-left:300px}}@media (max-width:768px){.app-layout{flex-direction:column}.main-content{padding-top:0}.main-content,.main-content-sidebar-collapsed,.main-content-with-sidebar{margin-left:0!important}.sidebar-list-item{padding:1rem}.sidebar-list-name{font-size:1rem}}.sidebar-special-section{margin-bottom:.5rem;padding:0 .5rem}.today-tasks-button{align-items:center;background:#f5f5f5;background:var(--color-gray,#f5f5f5);border:none;border-radius:8px;color:#3db395;color:var(--color-primary,#3db395);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.today-tasks-button.active,.today-tasks-button:hover{background:#3db395;background:var(--color-primary,#3db395);color:#fff}.today-tasks-button span{flex:1 1;text-align:left}body{background-color:var(--color-bg);font-family:var(--font-family);font-optical-sizing:auto;font-size:var(--font-size-base);font-style:normal;font-weight:400;margin:0}@media (min-width:768px){body{margin:0}}button,input,textarea{font-family:inherit}h1,h2{color:var(--color-text);margin:0}h2{-webkit-margin-before:var(--spacing-large);font-family:var(--app-title-font);font-size:var(--font-size-large);margin-block-start:var(--spacing-large);text-align:center}.heading{font-size:var(--font-size-heading)}.app-header{grid-gap:1rem;align-items:center;background-color:var(--color-bg);display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;padding:1rem;transition:margin-left .4s cubic-bezier(.4,0,.2,1);will-change:margin-left}.app-header.header-with-sidebar{margin-left:280px}.app-header.header-sidebar-collapsed{margin-left:60px}.app-header-left{align-items:center;display:flex;justify-content:flex-start}.hamburger-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background .2s ease}.hamburger-button:hover{background:var(--color-gray)}.app-title-container{align-items:center;contain:layout;flex-direction:column;gap:.5rem;grid-column:2;max-width:100%;min-height:60px;min-width:0}.app-title,.app-title-container,.app-title-link{display:flex;justify-content:center}.app-title{align-items:center;color:var(--color-text);font-size:var(--font-size-large);margin:0}.app-title svg{margin-left:.5rem}.list-title{word-wrap:break-word;border-bottom:3px solid var(--color-primary);color:var(--color-text);cursor:default;font-size:1.25rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;text-align:center}.mode-badge{align-items:center;border-radius:20px;cursor:help;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;margin-top:.25rem;padding:.35rem .75rem;transition:all .3s ease}.mode-badge.mode-simple{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1.5px solid #2e7d324d;box-shadow:0 2px 6px #2e7d3226;color:#2e7d32}.mode-badge.mode-simple:hover{box-shadow:0 3px 10px #2e7d3233;transform:translateY(-1px)}.mode-badge.mode-advanced{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1.5px solid #6a1b9a4d;box-shadow:0 2px 6px #6a1b9a26;color:#6a1b9a}.mode-badge.mode-advanced:hover{box-shadow:0 3px 10px #6a1b9a33;transform:translateY(-1px)}@media (max-width:768px){.app-header{display:grid;grid-template-columns:auto 1fr auto;margin-left:0!important}.app-title-link{flex:initial}}.profile-container{align-items:center;contain:layout;display:flex;grid-column:3;justify-self:end;min-height:44px;position:relative;z-index:30}.profile-icon{aspect-ratio:1/1;border:2px solid #fff;border-radius:50%;cursor:pointer;flex-shrink:0;height:40px;object-fit:cover;width:40px}.dropdown-menu-custom{background-color:var(--color-white);border:1px solid #eee;border-radius:8px;box-shadow:0 8px 24px #00000026;max-height:calc(100vh - 80px);overflow-y:auto;position:absolute;right:0;top:55px;width:320px;z-index:30}.dropdown-header{border-bottom:1px solid #f0f0f0;padding:1rem}.dropdown-greeting{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin:0}.account-list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.account-item{align-items:center;display:flex;padding:.75rem 1rem;transition:background-color .2s ease}.account-item:not(.active):hover{background-color:#f9f9f9}.account-item.active{background-color:#eef7ff}.account-avatar{border-radius:50%;height:36px;margin-right:12px;width:36px}.account-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.account-name{font-weight:600}.account-email,.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{color:var(--color-text-secondary);font-size:.8rem}.active-indicator{color:var(--color-primary);font-weight:700;margin-left:1rem}.switch-account-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.5rem}.switch-account-button:hover{background-color:#e0e0e0;color:var(--color-text)}.dropdown-actions{border-top:1px solid #f0f0f0;padding:.5rem}.dropdown-action-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;gap:1rem;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.dropdown-action-button:hover{background-color:#f9f9f9}.dropdown-action-button.danger{color:var(--color-error)}.dropdown-action-button.danger:hover{background-color:var(--color-error-bg)}.dropdown-separator{background-color:#e0e0e0;height:1px;margin:.5rem 0}.dropdown-menu{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:none;position:absolute;right:0;top:50px}.dropdown-menu.active{display:block}.dropdown-item{cursor:pointer;padding:var(--spacing-small) var(--spacing-medium)}.dropdown-item:hover{background-color:var(--color-gray)}.loading-container{background-color:var(--color-bg);flex-direction:column;gap:2rem;min-height:100vh}.loading-container,.loading-spinner-container{align-items:center;display:flex;justify-content:center}.loading-spinner-container{height:6rem;position:relative;width:6rem}.loading-spinner-outer{animation:spin 1.5s linear infinite;border:4px solid #3db39533;border-radius:50%;border-top:4px solid var(--color-primary);inset:0;position:absolute;will-change:transform}.loading-spinner-inner{animation:spin-reverse 1.5s linear infinite;border:4px solid #3db39533;border-radius:50%;border-right:4px solid var(--color-primary);inset:.5rem;position:absolute;will-change:transform}.loading-icon{align-items:center;display:flex;justify-content:center;position:relative;z-index:5}.loading-icon svg{animation:bird-hop 1.2s ease-in-out infinite;color:var(--color-primary)}.loading-text{align-items:baseline;display:flex;font-family:var(--app-title-font);gap:.25rem}.loading-text-content{animation:pulse 2s ease-in-out infinite;color:var(--color-text);font-size:1.25rem}.loading-dot{animation:dot-bounce 1.4s ease-in-out infinite;color:var(--color-primary);font-size:1.25rem}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.error-message{-webkit-margin-before:var(--spacing-medium);background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--border-radius);color:var(--color-error);margin-block-start:var(--spacing-medium);margin-inline:auto;padding:var(--spacing-medium);text-align:center;width:200px}.logout-button{position:absolute;right:20px;top:20px}.star-rating{display:flex;gap:.25rem;justify-content:center}.star-rating .star{color:#ddd;cursor:pointer;flex-shrink:0;font-size:1.5rem;transform:translateZ(0);transition:color .2s ease-in-out;will-change:color}.star-rating .star.filled,.star-rating .star:hover{color:gold}.todo-edit-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-gray);display:flex;flex-shrink:0;justify-content:center;padding:1rem 1.5rem;position:relative}.todo-edit-modal .modal-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.todo-edit-modal .modal-content::-webkit-scrollbar{width:6px}.todo-edit-modal .modal-content::-webkit-scrollbar-track{background:var(--color-border);border-radius:3px}.todo-edit-modal .modal-content::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:3px}.todo-edit-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text)}.todo-edit-modal .modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.todo-edit-modal .form-group{align-items:stretch;display:flex;flex-direction:column}.todo-edit-modal .form-group label{color:var(--color-text-secondary);display:block;font-size:.95rem;font-weight:500;margin-bottom:1rem;text-align:center}.todo-edit-modal .star-rating{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:0 auto;padding:.5rem 0}.todo-edit-modal .star-rating .star{-webkit-tap-highlight-color:transparent;color:#e0e0e0;cursor:pointer;flex-shrink:0;font-size:2.5rem;line-height:1;transition:color .15s ease,transform .15s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.todo-edit-modal .star-rating .star.filled{color:gold;transform:scale(1.05)}.todo-edit-modal .star-rating .star:hover{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));transform:scale(1.15)}.todo-edit-modal .star-rating .star:active{transform:scale(.9)}.todo-edit-modal .form-group[style*=marginTop]{margin-top:2rem!important}.todo-edit-modal .review-textarea{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.6;min-height:120px;padding:1rem;resize:vertical;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.todo-edit-modal .review-textarea:focus{background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #3db39526;outline:none}.todo-edit-modal .modal-actions{border-top:1px solid #eee;display:flex;flex-shrink:0;gap:1rem;padding:1.5rem}.todo-edit-modal .modal-actions button{border-radius:8px;flex:1 1;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;transition:background-color .2s ease,color .2s ease}.image-upload-container{align-items:center;background-color:#f9f9f9;border:2px dashed var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem;width:100%}.image-preview{border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;max-height:200px;max-width:100%;overflow:hidden}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview-wrapper{max-width:100%;position:relative}.clear-button-circle{align-items:center;background:#eee;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;width:24px}.todo-detail .datepicker-container{margin-bottom:1.5rem;position:relative}.todo-detail .datepicker-clear-button{align-items:center;background:#eee;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.todo-detail .datepicker-clear-button:hover{background:#ddd}.detail-row{margin-bottom:1.5rem}.assignee-selector,.detail-row{position:relative}.assignee-selector-button{align-items:center;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:.75rem;text-align:left;width:100%}.assignee-avatar-sm{border-radius:50%;height:24px;object-fit:cover;width:24px}.assignee-selector-dropdown{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}.assignee-option{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem}.assignee-option:hover{background-color:#f5f5f5}.image-remove-button{align-items:center;background:#eee;border:2px solid #fff;border-radius:50%;color:#888;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease,color .2s ease,transform .2s ease;width:24px}.image-remove-button:hover{background-color:var(--color-error);transform:scale(1.1)}.share-content{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.share-toggle{align-items:center;background-color:#f9f9f9;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.5rem}.share-toggle p{font-weight:500;margin:0}.toggle-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0}.toggle-button .active{color:var(--color-primary)}.share-link-container p{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:.5rem}.share-link-input{align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;overflow:hidden}.share-link-input input{background-color:initial;border:none;flex-grow:1;font-size:.9rem;min-width:0;outline:none;padding:.5rem .75rem}.share-link-input button{align-items:center;align-self:stretch;background:var(--color-gray);border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:background-color .2s ease}.share-link-input button:hover{background-color:var(--color-gray-hover);color:var(--color-primary)}.image-modal-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:70}.image-modal-content{max-height:90vh;max-width:90vw;object-fit:contain}.image-modal-close-button{background:#0000;border:none;cursor:pointer;line-height:0;padding:.5rem;position:absolute;right:20px;top:20px}.image-modal-download-button{align-items:center;background-color:#00000080;border:1px solid #fff;border-radius:20px;bottom:30px;color:#fff;cursor:pointer;display:flex;gap:8px;left:50%;padding:10px 20px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:background-color .2s ease}.image-modal-download-button:hover{background-color:#000c}.date-options{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.one-hour-event-button{align-items:center;background-color:initial;border:1px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background-color var(--transition-default),color var(--transition-default)}.one-hour-event-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.one-hour-event-button:disabled{border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.date-range{align-items:center;color:inherit;display:inline-flex;font-size:inherit;gap:.25rem}.alarm-settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.alarm-settings-grid.mobile{grid-template-columns:1fr}.error-page-content{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:600px;padding:3rem 4rem}.error-icon{color:var(--color-error);margin-bottom:1.5rem}.error-title{color:var(--color-text);font-family:var(--app-title-font);font-size:2rem;margin:0 0 1rem}.file-attachment-section{margin-top:1.5rem}.file-attachment-section h4{align-items:center;color:var(--color-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.file-upload-zone{margin-bottom:1rem}.file-attach-label{align-items:center;background-color:var(--color-gray-light);border:1px dashed var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.file-attach-label:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.file-attach-input{display:none}.attached-files-list{display:flex;flex-direction:column;gap:.75rem}.attached-file-item{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.75rem;transition:box-shadow .2s ease}.attached-file-item:hover{box-shadow:0 2px 8px #0000001a}.file-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.file-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.file-name{color:var(--color-text);font-weight:500;word-break:break-all}.file-meta{color:var(--color-text-light);font-size:.8rem}.file-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;position:relative;z-index:2}.file-delete-btn,.file-download-btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:background-color .2s ease,transform .2s ease;width:32px;z-index:3}.file-download-btn{background-color:#e6f7ff;color:var(--color-primary)}.file-download-btn:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.file-delete-btn{background-color:#fee;color:var(--color-error)}.file-delete-btn:hover{background-color:var(--color-error);color:#fff;transform:translateY(-1px)}@media (max-width:768px){.attached-file-item{align-items:stretch;flex-direction:column;gap:.75rem}.file-info{justify-content:flex-start}.file-actions{justify-content:center;position:relative;z-index:2}.file-download-btn{background-color:var(--color-primary);color:#fff}.file-delete-btn{background-color:var(--color-error);color:#fff}.file-attach-label{justify-content:center;width:100%}}.tag-create-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:.8rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.35rem .6rem;transition:var(--transition-default);white-space:nowrap}.tag-create-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.spinner{animation:spin 1s linear infinite;border:3px solid #3db39533;border-radius:50%;border-top:3px solid var(--color-primary);display:inline-block;height:20px;width:20px}body.modal-open{overflow:hidden}.todo-detail{background-color:var(--color-white);box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:40}.todo-detail-header{align-items:center;border-bottom:1px solid var(--color-gray);display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:1rem}.todo-detail-content{flex-grow:1;overflow-y:auto;padding:1.5rem .5rem}.todo-actions{border-top:1px solid var(--color-gray);flex-shrink:0;padding-top:1rem}@media (min-width:768px){.todo-detail{border-radius:var(--border-radius);height:auto;left:50%;max-height:90vh;max-width:500px;padding:1.5rem;top:50%;transform:translate(-50%,-50%);width:90%}.todo-detail-content{padding:1.5rem 0}}.all-day-checkbox{align-items:center;display:flex;gap:.5rem;margin:.75rem 0}.all-day-checkbox input[type=checkbox]{accent-color:var(--color-primary);border-radius:3px;height:1.25rem;width:1.25rem}.all-day-checkbox label{color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);-webkit-user-select:none;user-select:none}.date-input-group{margin:1rem 0}.date-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-small);font-weight:500;margin-bottom:.5rem}.detail-label{color:var(--color-text);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.list-info-display{align-items:center;background-color:var(--color-gray);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;gap:.5rem;padding:.75rem 1rem}.list-info-display .list-name{color:var(--color-text);flex:none;font-weight:600;overflow:visible;text-align:left;text-overflow:none}.list-shared-indicator{border-radius:12px;font-size:.75rem;padding:.2rem .5rem}.calendar-send-button,.list-shared-indicator{background-color:var(--color-primary);color:#fff;font-weight:600}.calendar-send-button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s ease}.calendar-send-button:hover{background-color:var(--color-primary-hover)}.collaborators-list{background-color:var(--color-gray);border-radius:var(--border-radius);margin:1rem 0;padding:1rem}.collaborators-list h4{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 .75rem}.collaborator-items-scrollable{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.collaborator-items-scrollable::-webkit-scrollbar{width:6px}.collaborator-items-scrollable::-webkit-scrollbar-track{background:var(--color-border);border-radius:3px}.collaborator-items-scrollable::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:3px}.collaborator-items-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-text)}.collaborator-item{align-items:center;background-color:#fff;border-radius:var(--border-radius);display:flex;gap:.75rem;padding:.5rem}.collaborator-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.calendar-note{font-size:.85rem;margin:0}.calendar-note,.no-collaborators{color:var(--color-text-secondary);font-style:italic}.no-collaborators{background-color:var(--color-gray);border-radius:var(--border-radius);padding:1rem;text-align:center}.calendar-send-modal{display:flex;flex-direction:column;max-height:80vh}.calendar-send-modal .modal-content{flex:1 1;max-height:calc(80vh - 120px);overflow-y:auto;padding-right:.5rem}.calendar-send-modal .modal-buttons{flex-shrink:0}.calendar-send-modal .modal-content::-webkit-scrollbar{width:6px}.calendar-send-modal .modal-content::-webkit-scrollbar-track{background:var(--color-border);border-radius:3px}.calendar-send-modal .modal-content::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:3px}.calendar-send-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text)}@media (max-width:767px){.alarm-modal .modal-actions{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:1fr 1fr 1fr;padding:.8rem}.alarm-modal .modal-actions.two-buttons{gap:.6rem;grid-template-columns:1fr 1fr}.alarm-modal .modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;min-height:40px;overflow:hidden;padding:.6rem .3rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}}.pwa-install-prompt{animation:slideUp .3s ease-out;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);bottom:1rem;box-shadow:var(--shadow-hover);left:1rem;margin:0 auto;max-width:400px;padding:1.5rem;position:fixed;right:1rem;z-index:60}.pwa-install-close{background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:background-color var(--transition-default),color var(--transition-default)}.pwa-install-close:hover{background-color:var(--color-gray);color:var(--color-text)}.pwa-install-content{align-items:flex-start;display:flex;gap:1rem}.pwa-install-icon{flex-shrink:0}.pwa-icon-image{border-radius:var(--border-radius);height:2.5rem;object-fit:cover;width:2.5rem}.pwa-install-main{flex:1 1;min-width:0}.pwa-install-title{color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.pwa-install-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.pwa-install-actions{display:flex;flex-direction:column;gap:1rem}.pwa-install-steps{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.pwa-install-step{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:.25rem}.pwa-step-number{color:var(--color-text);font-weight:600}.pwa-share-icon{align-items:center;border-radius:.25rem;display:inline-flex;font-size:.75rem;font-weight:600;height:1rem;justify-content:center;width:1rem}.pwa-install-button,.pwa-share-icon{background-color:var(--color-primary);color:var(--color-white)}.pwa-install-button{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:background-color var(--transition-default);width:100%}.pwa-install-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.pwa-install-button:disabled{background-color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}@media (max-width:768px){.pwa-install-prompt{bottom:.5rem;left:.5rem;padding:1rem;right:.5rem}.pwa-install-content{gap:.75rem}.pwa-icon-image{height:2rem;width:2rem}.pwa-install-title{font-size:.9rem}.pwa-install-description{font-size:.8rem}}.realtime-sync-indicator{align-items:center;background-color:#22c55e1a;border:1px solid var(--color-sync-active);border-radius:6px;color:var(--color-sync-text);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.sync-dot{background-color:var(--color-sync-active);border-radius:50%;height:8px;width:8px}.sync-dot.pulsing{animation:pulse 2s infinite}.sync-text{font-weight:500}@media (max-width:767px){.realtime-sync-indicator{font-size:.8rem;margin-bottom:.8rem;padding:.4rem .8rem}.sync-dot{height:6px;width:6px}}.task-input-container{padding:1rem 1rem 0}.filter-section,.task-input-container{background:var(--color-bg);flex-shrink:0}.filter-header{background:var(--color-bg);padding:.5rem 1rem}.filter-toggle-button{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;width:100%}.filter-toggle-button:hover{background:var(--color-gray);border-color:var(--color-primary)}.view-toggle-container{background:var(--color-bg);padding:.5rem 1rem}.todo-list-wrapper{flex:1 1;overflow-y:auto;padding:0 1rem 1rem}.task-create-button-mobile{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#4fc3f7 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #3db39533;color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 2rem;transition:all .2s ease;width:100%}.task-create-button-mobile:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0,#29b6f6 100%);box-shadow:0 4px 12px #3db3954d;transform:translateY(-1px)}.task-create-button-mobile:active{box-shadow:0 2px 6px #3db3954d;transform:translateY(0)}.task-create-button-mobile:disabled{background:var(--color-gray);box-shadow:none;color:var(--color-text-secondary);cursor:not-allowed;transform:none}@media (min-width:768px) and (max-width:1024px){.task-create-button-mobile{border-radius:10px;font-size:1.05rem;padding:1rem 2rem}}@media (max-width:767px){.task-create-button-mobile{border-radius:12px;box-shadow:0 4px 12px #3db3954d;font-size:1.1rem;padding:1.25rem 2rem}.task-create-button-mobile:hover{box-shadow:0 6px 16px #3db39566;transform:translateY(-2px)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spin-reverse{to{transform:rotate(-1turn)}}@keyframes bird-hop{0%,50%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(3deg)}}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-scale{0%{box-shadow:0 0 0 0 #22c55eb3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #22c55e00;transform:scale(1)}to{box-shadow:0 0 0 0 #22c55e00;transform:scale(.95)}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.onboarding-modal{animation:slideUp .4s ease;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:3rem 2.5rem;position:relative;width:90%}.onboarding-skip{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s ease,color .2s ease}.onboarding-skip:hover{background-color:var(--color-gray);color:var(--color-text)}.onboarding-content{align-items:center;display:flex;flex-direction:column;text-align:center}.onboarding-icon{animation:bounceIn .6s ease;margin-bottom:1.5rem}.onboarding-title{color:var(--color-text);font-family:var(--app-title-font);font-size:1.75rem;font-weight:700;margin:0 0 1rem}.onboarding-description{color:var(--color-text-secondary);font-size:1rem;line-height:1.8;margin:0 0 1.5rem;white-space:pre-line}.onboarding-dots{display:flex;gap:.5rem;margin-bottom:1.5rem}.onboarding-dot{background-color:var(--color-border);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.onboarding-dot.active{background-color:var(--color-primary);border-radius:4px;width:24px}.onboarding-next-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--border-radius);color:var(--color-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:1rem 2.5rem;transition:background-color .2s ease,transform .1s ease}.onboarding-next-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px)}.onboarding-next-button:active:not(:disabled){transform:translateY(0)}.onboarding-next-button:disabled{cursor:not-allowed;opacity:.6}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.onboarding-options{display:flex;flex-direction:column;gap:.75rem;margin:0 0 1.5rem;width:100%}.onboarding-option{align-items:center;background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .2s ease}.onboarding-option:hover{background-color:#3db3950d;border-color:var(--color-primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.onboarding-option.selected{background-color:#3db3951a;border-color:var(--color-primary);box-shadow:0 4px 12px #3db39533}.onboarding-option-text{flex:1 1}.onboarding-option-text h3{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.onboarding-option-text p{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin:0 0 .25rem}.onboarding-option-detail{color:var(--color-text-secondary);display:block;font-size:.75rem;line-height:1.4;opacity:.75}.onboarding-recommended{background-color:var(--color-primary);border-radius:12px;box-shadow:0 2px 8px #3db3954d;color:var(--color-white);font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:-8px;top:-8px}@media (max-width:768px){.onboarding-modal{max-height:95vh;padding:2rem 1.25rem;width:95%}.onboarding-title{font-size:1.4rem}.onboarding-description{font-size:.9rem;margin-bottom:1rem}.onboarding-icon{margin-bottom:1rem}.onboarding-icon svg{height:48px;width:48px}.onboarding-option{padding:.875rem 1rem}.onboarding-option-text h3{font-size:.95rem}.onboarding-option-text p{font-size:.8rem}.onboarding-dots{margin-bottom:1rem}.onboarding-options{gap:.5rem;margin-bottom:1rem}}._3_ygE{border-bottom:1px solid #e6e4e4;border-left:1px solid #e6e4e4;border-top:1px solid #e6e4e4;display:table}._1nBOt{display:table-row;list-style:none}._2eZzQ{border-right:1px solid #c4c4c4;margin-left:-2px;opacity:1}._WuQ0f{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}._3ZbQT{border-bottom:1px solid #e6e4e4;border-left:1px solid #e6e4e4;display:table}._34SS0{display:table-row;text-overflow:ellipsis}._34SS0:nth-of-type(2n){background-color:#f5f5f5}._3lLk3{display:table-cell;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}._nI1Xw{display:flex}._2QjE6{color:#565656;cursor:pointer;padding:.15rem .2rem 0}._2QjE6,._2TfEi{font-size:.6rem;-webkit-user-select:none;user-select:none}._2TfEi{padding-left:1rem}._3T42e{background:#fff;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;padding:12px}._29NTg{color:#666;font-size:12px;margin-bottom:6px}._25P-K{-webkit-touch-callout:none;flex-shrink:0;-webkit-user-select:none;user-select:none}._25P-K,._3gVAq{display:flex;pointer-events:none;position:absolute}._3gVAq{visibility:hidden}._1eT-t{flex-shrink:0;overflow:hidden auto;scrollbar-width:thin;width:1rem}._1eT-t::-webkit-scrollbar{height:1.1rem;width:1.1rem}._1eT-t::-webkit-scrollbar-corner{background:#0000}._1eT-t::-webkit-scrollbar-thumb{background:#0003;background:var(--palette-black-alpha-20,#0003);background-clip:padding-box;border:6px solid #0000;border-radius:10px}._1eT-t::-webkit-scrollbar-thumb:hover{background:#0000004d;background:var(--palette-black-alpha-30,#0000004d);background-clip:padding-box;border:4px solid #0000}._2dZTy{fill:#fff}._2dZTy:nth-child(2n){fill:#f5f5f5}._3rUKi{stroke:#ebeff2}._RuwuK{stroke:#e6e4e4}._9w8d5{text-anchor:middle;fill:#333;-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}._1rLuZ{stroke:#e6e4e4}._2q1Kt{text-anchor:middle;fill:#555;-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}._35nLX{fill:#fff;stroke:#e0e0e0;stroke-width:1.4}._KxSXS{cursor:pointer;outline:none}._KxSXS:hover ._3w_5u{opacity:1;visibility:visible}._3w_5u{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}._31ERP{stroke-width:0;-webkit-user-select:none;user-select:none}._RRr13{cursor:pointer;outline:none}._2P2B1{-webkit-user-select:none;user-select:none}._1KJ6x{cursor:pointer;outline:none}._2RbVy{opacity:.6}._2RbVy,._2pZMF{-webkit-user-select:none;user-select:none}._3zRJQ{fill:#fff;text-anchor:middle;dominant-baseline:central;font-weight:lighter}._3KcaM,._3zRJQ{-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;user-select:none}._3KcaM{fill:#555;text-anchor:start}._CZjuD{font-size:0}._2B2zv,._CZjuD{margin:0;overflow:hidden;padding:0}._3eULf{display:flex;list-style:none;margin:0;outline:none;padding:0;position:relative}._2k9Ys{height:1.2rem;max-width:100%;overflow:auto;scrollbar-width:thin}._2k9Ys::-webkit-scrollbar{height:1.1rem;width:1.1rem}._2k9Ys::-webkit-scrollbar-corner{background:#0000}._2k9Ys::-webkit-scrollbar-thumb{background:#0003;background:var(--palette-black-alpha-20,#0003);background-clip:padding-box;border:6px solid #0000;border-radius:10px}._2k9Ys::-webkit-scrollbar-thumb:hover{background:#0000004d;background:var(--palette-black-alpha-30,#0000004d);background-clip:padding-box;border:4px solid #0000}._19jgW{height:1px}.gantt-view{margin-top:1rem;width:100%}.gantt-controls{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius);flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.gantt-controls,.gantt-view-mode{border:1px solid var(--color-border);display:flex}.gantt-view-mode{border-radius:var(--border-radius);overflow:hidden}.gantt-view-mode button{background:var(--color-white);border:none;border-right:1px solid var(--color-border);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.gantt-view-mode button:last-child{border-right:none}.gantt-view-mode button:hover{background-color:var(--color-gray-light)}.gantt-view-mode button.active{background-color:var(--color-primary);color:#fff}.gantt-filter-button{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.gantt-filter-button:hover{background-color:var(--color-gray-light);border-color:var(--color-primary)}.gantt-filter-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.gantt-chart-container{max-height:70vh;overflow:auto}.gantt-chart-container,.gantt-empty-state{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius)}.gantt-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.gantt-empty-state h3{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.gantt-empty-state p{color:var(--color-text-secondary);line-height:1.6;max-width:400px}.view-toggle{border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;margin-bottom:1.5rem;overflow:hidden;width:-webkit-fit-content;width:fit-content}.view-toggle-button{align-items:center;background:var(--color-white);border:none;border-right:1px solid var(--color-border);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.view-toggle-button:last-child{border-right:none}.view-toggle-button:hover{background-color:var(--color-gray-light)}.view-toggle-button.active{background-color:var(--color-primary);color:#fff}.gantt-chart-container .gantt-table{font-family:var(--font-family)}.gantt-chart-container .gantt-task-list{background-color:#fafafa;border-right:1px solid var(--color-border);min-width:200px}.gantt-chart-container .gantt-grid{background-color:var(--color-white)}.gantt-chart-container .gantt-task-content{font-weight:500;min-width:60px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.gantt-chart-container .gantt-task-item{border:1px solid #0000001a;border-radius:4px;min-height:24px;min-width:60px}.gantt-chart-container .gantt-task-item[data-progress="100"]{opacity:.8;text-decoration:line-through}.gantt-chart-container .gantt-task-item[data-progress="100"] .gantt-task-content{color:#666!important;font-weight:400}.gantt-chart-container .gantt-task-content{font-size:12px;line-height:1.2;min-width:80px;text-align:center}.gantt-chart-container .gantt-task-progress{border-radius:4px;height:100%!important}.gantt-chart-container .gantt-task-list-header,.gantt-chart-container .gantt-task-list-wrapper{min-width:200px}.gantt-chart-container .gantt-task-list-item{align-items:center;display:flex;min-height:40px;padding:8px 12px}.gantt-chart-container .gantt-task-list-item-value{max-width:180px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}@media (max-width:768px){.gantt-controls{align-items:stretch;flex-direction:column;gap:1rem}.gantt-view-mode{width:100%}.gantt-filter-button,.gantt-view-mode{justify-content:center}.gantt-chart-container{font-size:.875rem;max-height:60vh}.view-toggle{width:100%}.view-toggle-button{flex:1 1;justify-content:center}.gantt-empty-state{padding:2rem 1rem}.gantt-empty-state h3{font-size:1.1rem}.gantt-empty-state p{font-size:.875rem}}.mobile-schedule-list{padding:1rem}.mobile-schedule-list h3{align-items:center;color:var(--color-text);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.mobile-task-cards{display:flex;flex-direction:column;gap:1rem}.mobile-task-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;padding:1rem;transition:all .2s ease}.mobile-task-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.mobile-task-card.completed{background-color:#fafafa;opacity:.7}.task-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.task-title{color:var(--color-text);flex:1 1;font-weight:600;word-break:break-word}.mobile-task-card.completed .task-title{color:var(--color-text-secondary);text-decoration:line-through}.task-status{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.task-status.completed{background-color:var(--color-success-bg);color:var(--color-success)}.task-status.pending{background-color:var(--color-primary-light);color:var(--color-primary)}.task-dates{margin-bottom:.5rem}.date-range{background-color:var(--color-gray-light);border-radius:6px;color:var(--color-text-secondary);display:inline-block;font-size:.875rem;padding:.25rem .5rem}.task-tags{display:flex;flex-wrap:wrap;gap:.5rem}.task-tags .tag-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.mobile-empty-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;padding:2rem 1rem;text-align:center}.mobile-empty-state p{font-size:.875rem;margin-top:.5rem}@media (max-width:480px){.gantt-chart-container{font-size:.8rem;max-height:50vh}.view-toggle-button{font-size:.8rem;padding:.5rem 1rem}.gantt-filter-button,.gantt-view-mode button{font-size:.8rem;padding:.4rem .8rem}.mobile-schedule-list,.mobile-task-card{padding:.75rem}.task-header{align-items:stretch;flex-direction:column;gap:.5rem}.task-status{align-self:flex-start}}.tag-priority-select{-webkit-appearance:none;appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-style:normal;font-weight:400;height:3.2rem;min-width:120px;padding:.8rem 2.5rem .8rem 1rem;transition:border-color var(--transition-default);width:100%}.tag-priority-select:focus,.tag-priority-select:hover{border-color:var(--color-primary)}.tag-priority-select:focus{outline:none}.tag-priority-select option{color:var(--color-text);font-family:var(--font-family);font-style:normal;font-weight:400;line-height:1.4;padding:var(--spacing-small) var(--spacing-medium)}.priority-indicator{align-items:center;border-radius:calc(var(--border-radius)/2);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.125rem .375rem}.priority-indicator.urgent{background-color:var(--color-error-bg);color:var(--color-error)}.priority-indicator.high{background-color:#fff3cd;color:#b45309}.priority-indicator.medium{background-color:var(--color-bg);color:var(--color-text)}.priority-indicator.low{background-color:var(--color-complete-bg);color:var(--color-primary)}.priority-indicator.none{background-color:var(--color-gray);color:var(--color-text-secondary)}.tag-priority-select option[value="1"]{color:var(--color-error);font-weight:600}.tag-priority-select option[value="10"]{color:#b45309;font-weight:500}.tag-priority-select option[value="50"]{color:var(--color-text);font-weight:400}.tag-priority-select option[value="100"]{color:var(--color-primary);font-weight:400}.tag-priority-select option[value="999"]{color:var(--color-text-secondary);font-weight:400}.tag-input-group{align-items:stretch;flex-wrap:wrap;gap:var(--spacing-medium)}.tag-input-group .tag-name-input-container{flex:2 1;min-width:150px;position:relative}.tag-input-group .tag-name-input{width:100%}.tag-input-group .tag-priority-select{flex:1 1;max-width:140px;min-width:120px}.new-tag-form{flex-direction:column}.new-tag-form,.new-tag-input-row{display:flex;gap:var(--spacing-medium)}.new-tag-input-row{align-items:stretch;flex-wrap:wrap}.new-tag-input-row .tag-name-input{flex:2 1;min-width:180px}.new-tag-input-row .tag-priority-select{flex:1 1;max-width:140px;min-width:120px}.list-edit-content-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;padding:2rem 1.5rem}.tag-management-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.tag-management-section h3{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0;padding-bottom:.75rem}.tag-section-description{color:var(--color-text-secondary);font-size:.875rem;margin:-.5rem 0 .5rem;padding:0 .5rem}.list-title-edit-form{align-items:stretch;display:flex;flex-direction:column;gap:1rem}.list-name-input{background-color:var(--color-gray-light);border:1px solid var(--color-border);border-radius:var(--border-radius);flex-grow:1;font-size:1rem;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.list-name-input:focus{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.update-list-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.8rem 1.2rem;transition:all .2s ease}.update-list-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tag-input-group{align-items:center;display:flex;gap:.75rem}.color-picker-container{align-items:center;display:inline-flex;flex-shrink:0;position:relative}.color-picker-container .tag-color-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.color-picker-label-button{align-items:center;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;height:3.2rem;padding:.8rem 1rem;transition:background-color .2s}.color-picker-label-button:hover{background-color:var(--color-gray-light)}.color-picker-label-button:before{background-color:var(--tag-color);border:1px solid var(--color-border);border-radius:50%;content:"";display:inline-block;height:20px;width:20px}.tag-name-input{border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;flex-grow:1;font-size:1rem;height:3.2rem;padding:.8rem 3.5rem .8rem 1rem;transition:border-color .2s,box-shadow .2s}.tag-name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.tag-name-input.max-length{background-color:#fef5f5;border-color:#e53e3e}.tag-name-input.max-length:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.tag-name-counter{background:var(--color-white);border-radius:.25rem;color:var(--color-text-light);font-size:.75rem;padding:0 .25rem;pointer-events:none;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.tag-name-counter .warning{color:#f56565;font-weight:600}.tag-name-counter .max-reached{background-color:#fed7d7;border-radius:.25rem;color:#e53e3e;font-weight:700;padding:.15rem .4rem}.tag-name-input:focus+.tag-name-counter{color:var(--color-primary)}.tag-type-toggle{align-items:center;background-color:var(--color-gray-light);border-radius:var(--border-radius);display:flex;justify-content:flex-start;margin-top:.5rem;padding:.75rem 1rem}.toggle-label{color:var(--color-text);font-weight:500;margin-right:1rem}.toggle-switch{display:inline-block;height:28px;position:relative;width:50px}.toggle-switch-checkbox{height:0;opacity:0;width:0}.toggle-switch-slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}.toggle-switch-checkbox:checked+.toggle-switch-slider{background-color:var(--color-primary)}.toggle-switch-checkbox:focus+.toggle-switch-slider{box-shadow:0 0 1px var(--color-primary)}.toggle-switch-checkbox:checked+.toggle-switch-slider:before{transform:translateX(22px)}.tag-action-button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;line-height:1;padding:.8rem 1.2rem;transition:all .2s ease}.tag-action-button.create{background-color:var(--color-primary);color:#fff;gap:.5rem;margin-top:.5rem;width:100%}.tag-action-button.create:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tag-list-items{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.tag-item{align-items:center;background-color:#fafafa;border:1px solid #e8e8e8;border-radius:8px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease}.tag-item:hover{background-color:#f5f5f5;border-color:var(--color-primary);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.tag-item.editing{background-color:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 4px 12px #3db39526}.tag-item-details{align-items:center;display:flex;flex-grow:1;gap:.75rem;min-width:0}.tag-badge{border-radius:1rem;color:#fff;flex-shrink:0;font-size:.9rem;padding:.3rem .8rem;text-shadow:1px 1px 2px #0000001a}.tag-badge,.tag-item-name{font-weight:500;white-space:nowrap}.tag-item-name{color:var(--color-text);overflow:hidden;text-overflow:ellipsis}.tag-item-actions{display:flex;flex-shrink:0;gap:.5rem}.tag-item-actions .tag-action-button{background:#0000;color:var(--color-text-secondary);padding:.5rem}.tag-item-actions .tag-action-button:hover{background-color:var(--color-gray-light);color:var(--color-text)}.tag-item-actions .tag-action-button.delete:hover{background-color:var(--color-error-bg);color:var(--color-error)}.tag-item-actions .tag-action-button.save{color:var(--color-success)}.tag-item-actions .tag-action-button.save:hover{background-color:var(--color-success-bg)}.tag-item-actions .tag-action-button.cancel:hover{background-color:var(--color-gray-light)}.no-tags-message{background-color:#fdfdfd;border:1px dashed var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);padding:1.5rem;text-align:center}.list-header-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);width:100%}.action-button{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #00000014;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;transition:all .2s ease;white-space:nowrap}.action-button:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.action-button:active{box-shadow:0 2px 4px #00000014;transform:translateY(0)}.action-button-share{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.action-button-share:hover{background-color:#2563eb;border-color:#2563eb}.action-button-copy{background-color:#10b981;border-color:#10b981;color:#fff}.action-button-copy:hover{background-color:#059669;border-color:#059669}.action-button-export{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.action-button-export:hover{background-color:#7c3aed;border-color:#7c3aed}.action-button-delete{background-color:#ef4444;border-color:#ef4444;color:#fff}.action-button-delete:hover{background-color:#dc2626;border-color:#dc2626}@media (max-width:768px){.list-edit-header{padding:1rem}.list-edit-header-top{position:relative}.back-button{left:0;position:absolute;top:50%;transform:translateY(-50%)}.list-edit-title-display{font-size:1.25rem;margin:0 2.5rem}.header-spacer{width:0}.list-header-actions{gap:.75rem;grid-template-columns:1fr 1fr}.action-button{font-size:.85rem;padding:.875rem .75rem}}@media (max-width:600px){.list-edit-content-container{gap:1.5rem;padding:1rem}.tag-management-section{padding:1rem}.tag-section-description{margin-bottom:1rem}.list-title-edit-form{align-items:stretch;flex-direction:column}.update-list-button{padding:1rem}.tag-input-group{gap:1rem}.tag-input-group .tag-name-input{text-align:center}.color-picker-container{justify-content:center;width:100%}.color-picker-label-button{flex-grow:1;justify-content:center}.tag-type-selector{flex-direction:column}.tag-type-label:not(:last-child){border-bottom:1px solid var(--color-border);border-right:none}.tag-action-button.create{padding:1rem;width:100%}.tag-item{align-items:stretch;flex-direction:column;gap:1rem}.tag-item-details{justify-content:space-between}.tag-item-actions{align-self:flex-end}.tag-item .tag-input-group .tag-item-actions{display:flex;gap:.75rem;justify-content:flex-end}.tag-input-group{align-items:stretch;flex-direction:column;gap:var(--spacing-small)}.tag-input-group .tag-name-input,.tag-input-group .tag-priority-select{flex:none;max-width:none;min-width:0;min-width:auto;width:100%}.new-tag-input-row{align-items:stretch;flex-direction:column;gap:var(--spacing-small)}.new-tag-input-row .tag-name-input,.new-tag-input-row .tag-priority-select{flex:none;max-width:none;min-width:0;min-width:auto;width:100%}.tag-priority-select{font-size:16px;height:auto;line-height:1.2;max-width:100%;min-height:3.2rem;overflow:visible;padding:.8rem 2.5rem .8rem 1rem}.tag-priority-select option{font-size:16px;height:auto;line-height:1.3;min-height:2.5rem;padding:.5rem;white-space:nowrap}.tag-name-input-container{position:relative;width:100%}.tag-name-counter{font-size:.7rem;padding:.1rem .3rem;right:.5rem}.tag-name-input{padding-right:3rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.datepicker-container{position:relative;width:100%}.react-datepicker-wrapper{width:100%}.datepicker-container .form-control,.react-datepicker-wrapper .form-control{padding-right:2.8rem}.datepicker-clear-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;line-height:0;padding:.5rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease;z-index:2}.datepicker-clear-button:hover{background-color:var(--color-error-bg);color:var(--color-error)}.react-datepicker{border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Noto Sans JP,sans-serif}.react-datepicker__header{background-color:var(--color-primary);border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:12px}.react-datepicker-time__header,.react-datepicker__current-month,.react-datepicker__day-name{color:var(--color-white);font-weight:500}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:var(--color-white);border-width:2px 2px 0 0}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--color-primary);border-radius:50%;color:var(--color-white)}.react-datepicker__day:hover{border-radius:50%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--color-primary)}.react-datepicker-popper{z-index:45!important}.react-datepicker__portal{background-color:#0006}@media (max-width:768px){.react-datepicker{font-size:1rem;width:90vw}.react-datepicker__day,.react-datepicker__day-name{line-height:1.9rem;margin:.1rem;width:1.9rem}.react-datepicker__time-container{width:90px}.react-datepicker__time-list{padding-left:0;padding-right:0}.react-datepicker__navigation--next,.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:105px}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--color-white)}.react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__close-icon{bottom:0;margin-bottom:auto;margin-top:auto;top:0;transform:none}}.mui-datetime-input{font-family:var(--font-family)!important}.MuiPickersPopper-root{z-index:45!important}.MuiDateTimePickerTabs-root{background-color:var(--color-primary)!important}.MuiDateTimePickerTabs-root .MuiTab-root{color:var(--color-white)!important;font-weight:600!important}.MuiDateTimePickerTabs-root .Mui-selected{color:var(--color-white)!important}.MuiDateTimePickerTabs-root .MuiTabs-indicator{background-color:var(--color-white)!important}.MuiPickersCalendarHeader-root{background-color:var(--color-primary)!important;color:var(--color-white)!important;margin:0!important;padding:16px!important}.MuiPickersCalendarHeader-label{color:var(--color-white)!important;font-size:1.1rem!important;font-weight:600!important}.MuiPickersArrowSwitcher-button{border-radius:8px!important;color:var(--color-white)!important;transition:background-color .2s ease!important}.MuiPickersArrowSwitcher-button:hover{background-color:#ffffff1a!important}.MuiPickersDay-root{border-radius:8px!important;font-weight:500!important;transition:all .2s ease!important}.MuiPickersDay-root:hover{background-color:#3db3951a!important;transform:scale(1.05)!important}.MuiPickersDay-root.Mui-selected{background-color:var(--color-primary)!important;box-shadow:0 2px 8px #3db3954d!important;color:var(--color-white)!important;font-weight:600!important}.MuiPickersDay-today{background-color:#3db3951a!important;border:2px solid var(--color-primary)!important;font-weight:600!important}.MuiMultiSectionDigitalClock-root{background-color:var(--color-white)!important}.MuiMultiSectionDigitalClockSection-root{border-radius:8px!important}.MuiMultiSectionDigitalClockSection-item{border-radius:6px!important;font-weight:500!important;transition:all .2s ease!important}.MuiMultiSectionDigitalClockSection-item:hover{background-color:#3db3951a!important;transform:translateY(-1px)!important}.MuiMultiSectionDigitalClockSection-item.Mui-selected{background-color:var(--color-primary)!important;box-shadow:0 2px 6px #3db39533!important;color:var(--color-white)!important;font-weight:600!important}.MuiDialogActions-root{background-color:var(--color-gray)!important;padding:16px 24px!important}.MuiButton-root{border-radius:8px!important;font-weight:600!important;padding:8px 16px!important;text-transform:none!important}.MuiButton-textPrimary{color:var(--color-primary)!important}.MuiButton-textPrimary:hover{background-color:#3db3951a!important}.MuiDialog-paper{border-radius:16px!important;box-shadow:0 12px 40px #00000026!important;overflow:hidden!important}.MuiPickersLayout-root{background-color:var(--color-white)!important}@media (max-width:768px){.MuiDialog-paper{border-radius:20px!important;margin:20px!important;max-width:400px!important;width:calc(100vw - 40px)!important}.MuiPickersCalendarHeader-root{padding:12px!important}.MuiPickersCalendarHeader-label{font-size:1rem!important}.MuiPickersDay-root{font-size:.9rem!important;height:36px!important;width:36px!important}.MuiMultiSectionDigitalClockSection-item{font-size:.9rem!important;padding:8px 12px!important}.MuiDialogActions-root{padding:12px 16px!important}.MuiButton-root{font-size:.9rem!important;padding:6px 12px!important}}.MuiInputBase-root.mui-datetime-input{background-color:var(--color-white)!important;border-radius:var(--border-radius)!important;font-family:var(--font-family)!important}.MuiInputBase-root.mui-datetime-input .MuiInputBase-input{color:var(--color-text)!important;font-size:var(--font-size-base)!important;padding:12px 16px!important}.MuiInputBase-root.mui-datetime-input:hover .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)!important}.MuiInputBase-root.mui-datetime-input.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)!important;border-width:2px!important}.MuiInputBase-root.mui-datetime-input .MuiInputAdornment-root .MuiIconButton-root{color:var(--color-text-secondary)!important;transition:color .2s ease!important}.MuiInputBase-root.mui-datetime-input .MuiInputAdornment-root .MuiIconButton-root:hover{background-color:#3db3951a!important;color:var(--color-primary)!important}.MuiPickersPopper-paper{animation:mui-datetime-fade-in .2s ease-out!important}.MuiDialog-root .MuiDialog-paper{animation:mui-datetime-slide-up .3s ease-out!important}@keyframes mui-datetime-fade-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mui-datetime-slide-up{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.MuiPickersDay-root.Mui-disabled{background-color:initial!important;color:#ccc!important;cursor:not-allowed!important}.MuiPickersDay-today:not(.Mui-selected){background-color:#3db39533!important;color:var(--color-primary)!important;font-weight:700!important}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti-piece{animation:confetti-fall linear forwards;height:10px;opacity:0;position:absolute;top:-10px;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.sparkle{animation:sparkle-twinkle .6s ease-in-out;background:gold;border-radius:50%;height:4px;pointer-events:none;width:4px;z-index:9998}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.piyoco-cheer-overlay{align-items:center;animation:fadeIn .3s ease-in;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10000}.piyoco-cheer-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#fff9f0,#fffbf5 50%,#fff5f8);border:none;border-radius:30px;box-shadow:0 20px 60px #ffb6c14d,0 10px 30px #ffe4c433;max-width:480px;min-height:420px;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center}.piyoco-cheer-card:before{animation:gentleRotate 20s linear infinite;background:radial-gradient(circle,#ffb6c11a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes gentleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.piyoco-character{margin-bottom:.5rem;position:relative;z-index:10}.piyoco-bounce{animation:piyocoBounce 1.2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 8px 15px rgba(255,182,193,.3));font-size:6rem}.piyoco-image{height:120px;object-fit:contain;width:120px}.piyoco-cheer-card:has(.level-up-celebration) .piyoco-character{margin-bottom:.5rem}.piyoco-cheer-card:has(.level-up-celebration) .piyoco-bounce{animation:piyocoLevelUpCelebration 1.2s ease-out infinite}@keyframes piyocoLevelUpCelebration{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.level-up-celebration{animation:levelUpPulse .6s ease-out;background:#0000;margin-bottom:.5rem;margin-top:1rem;overflow:visible;padding:0;position:relative;width:100%}@keyframes levelUpPulse{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.sparkles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.sparkle{animation:sparkleFloat 3s ease-out;font-size:1.2rem;opacity:0;position:absolute}.sparkle-0{animation-duration:2.8s}.sparkle-1{animation-duration:3.2s}.sparkle-2{animation-duration:3s}.sparkle-3{animation-duration:2.6s}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(100%) rotate(0deg) scale(.5)}20%{opacity:.8}50%{transform:translateY(0) rotate(180deg) scale(1)}80%{opacity:.6}to{opacity:0;transform:translateY(-100%) rotate(1turn) scale(.8)}}.level-up-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.level-up-badge{animation:badgeBounce .6s ease-out;background:linear-gradient(135deg,#fff0f5,#ffe4e1 50%,#ffd6e8);border:3px solid #ffc0cb4d;border-radius:30px;box-shadow:0 10px 30px #ffb6c166,0 5px 15px #ffa07a33,inset 0 2px 0 #ffffffe6;overflow:hidden;padding:1rem 2rem;position:relative}.level-up-badge:before{animation:rotateEmoji 2s ease-in-out infinite;content:"🎉";left:.5rem}.level-up-badge:after,.level-up-badge:before{font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.level-up-badge:after{animation:rotateEmoji 2s ease-in-out infinite reverse;content:"🎊";right:.5rem}@keyframes rotateEmoji{0%,to{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(-50%) rotate(15deg)}}@keyframes badgeBounce{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.badge-text{position:relative;text-align:center}.level-up-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#ffa07a 50%,gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 3px rgba(255,107,157,.3));font-size:1rem;font-weight:800;letter-spacing:.1em;margin-bottom:.2rem}.level-number{-webkit-text-fill-color:#0000;animation:levelNumberPop .5s ease-out .2s both;background:linear-gradient(135deg,#ff6b9d,#c44569);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,107,157,.4));font-size:1.8rem;font-weight:900}@keyframes levelNumberPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.evolution-message{align-items:center;animation:evolutionFadeIn .4s ease-out .4s both;display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}@keyframes evolutionFadeIn{0%{opacity:0}to{opacity:1}}.evolution-text{background:#fff;border:2px dashed #ffb6c1;border-radius:15px;box-shadow:0 3px 10px #ff6b9d33;color:#ff6b9d;font-size:.85rem;font-weight:700;padding:.3rem .8rem}.piyoco-message{margin-bottom:1.5rem;position:relative;z-index:10}.speech-bubble{background:#fff;border:3px solid #ffe4e1;border-radius:20px;box-shadow:0 8px 25px #ffb6c133,0 4px 12px #ffe4c426;color:#5d4037;font-size:1.1rem;font-weight:600;line-height:1.6;padding:1.2rem 1.5rem;position:relative}.speech-bubble:before{border-bottom:20px solid #ffe4e1;border-left:18px solid #0000;border-right:18px solid #0000;filter:drop-shadow(0 -3px 3px rgba(255,182,193,.15));top:-18px}.speech-bubble:after,.speech-bubble:before{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.speech-bubble:after{border-bottom:17px solid #fff;border-left:15px solid #0000;border-right:15px solid #0000;top:-14px;z-index:1}.piyoco-exp{animation:fadeIn .5s ease-in .3s both;margin-top:1rem;position:relative;z-index:10}.exp-label{background:linear-gradient(135deg,#ffb6c1,#ffa07a);border-radius:20px;box-shadow:0 5px 15px #ffb6c166;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:.8rem;padding:.5rem 1.2rem}.exp-bar-container{background:#ffe4e180;border:2px solid #ffb6c133;border-radius:12px;height:12px;margin-top:.8rem;overflow:hidden}.exp-bar-fill{animation:expandWidth .8s ease-out,barShine 2s ease-in-out infinite;background:linear-gradient(90deg,#ffb6c1,#ffa07a,gold);background-size:200% 100%;border-radius:10px;height:100%;transition:width .5s ease-out}@keyframes barShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.exp-text{color:#8d6e63;font-size:.85rem;font-weight:600;margin-top:.5rem;text-align:center}@keyframes expandWidth{0%{width:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.piyoco-cheer-card{max-width:90%;min-height:380px;padding:2rem 1.5rem}.piyoco-bounce{font-size:5rem}.piyoco-image{height:100px;width:100px}.level-up-celebration{margin-bottom:.5rem;padding:0}.level-up-badge{padding:.8rem 1.5rem}.level-up-badge:after,.level-up-badge:before{font-size:1.1rem}.level-up-title{font-size:.9rem}.level-number{font-size:1.5rem}.evolution-text{font-size:.75rem;padding:.25rem .6rem}.sparkle{font-size:.9rem}.speech-bubble{font-size:1rem;padding:1rem 1.2rem}.exp-label{font-size:.85rem;padding:.4rem 1rem}.exp-bar-container{height:10px}.exp-text{font-size:.8rem}}.effect-blocker{background:#0000;cursor:wait;height:100%;left:0;pointer-events:all;position:fixed;top:0;width:100%;z-index:9998}.piyoco-widget{background:linear-gradient(135deg,#fff0f5,#ffe4e1);border:3px solid #ffb6c199;border-radius:20px;bottom:20px;box-shadow:0 8px 24px #ffb6c166;cursor:pointer;max-width:200px;padding:1rem;position:fixed;right:20px;transition:all .3s ease;z-index:999}.piyoco-widget:hover{box-shadow:0 12px 32px #ffb6c180;transform:translateY(-4px)}.piyoco-widget.minimized{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;padding:.5rem;width:60px}.piyoco-widget.minimized:hover{transform:scale(1.1)}.piyoco-widget-minimize{align-items:center;background:#ffffffb3;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px;z-index:10}.piyoco-widget-minimize:hover{background:#fff;color:#333;transform:scale(1.1)}.piyoco-widget-character{align-items:center;display:flex;flex-direction:column;margin-bottom:.75rem;position:relative}.piyoco-widget-image{animation:piyocoBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(255,182,193,.4));height:80px;object-fit:contain;transition:transform .3s ease;width:80px}.piyoco-widget-character:hover .piyoco-widget-image{transform:scale(1.1)}.piyoco-widget-image-small{animation:piyocoBounce 2s ease-in-out infinite;height:50px;object-fit:contain;width:50px}@keyframes piyocoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.piyoco-widget-message{animation:fadeInUp .3s ease;bottom:100%;left:50%;margin-bottom:10px;position:absolute;transform:translateX(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.speech-bubble-widget{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#333;font-size:.85rem;font-weight:500;padding:.75rem 1rem;position:relative;white-space:nowrap}.speech-bubble-widget:after{border:8px solid #0000;border-top-color:#fff;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.piyoco-widget-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.piyoco-widget-level{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 2px 6px #ffa5004d;color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:.25rem;padding:.35rem .75rem}.piyoco-widget-details{background:linear-gradient(135deg,#3db395,#2e9d7f);border:none;border-radius:10px;box-shadow:0 3px 8px #3db3954d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.piyoco-widget-details:hover{box-shadow:0 5px 12px #3db39566;transform:translateY(-2px)}@media (max-width:768px){.piyoco-widget{bottom:80px;max-width:160px;padding:.75rem;right:15px}.piyoco-widget-image{height:60px;width:60px}.piyoco-widget.minimized{height:50px;width:50px}.piyoco-widget-image-small{height:40px;width:40px}.speech-bubble-widget{font-size:.75rem;padding:.5rem .75rem}}.guest-warning-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fff9e6,#fff3cc);border-bottom:2px solid #ffd966;box-shadow:0 2px 12px #ff9d0026;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.guest-warning-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:0 auto;max-width:1200px;padding:12px 16px}.warning-icon{color:#ff9d00;flex-shrink:0}.warning-text{color:#5a4000;flex:1 1;font-size:14px;line-height:1.6;margin:0}.warning-text strong{color:#c60;font-weight:700}.convert-button{align-items:center;background:linear-gradient(135deg,#3db395,#2a9d78);border:none;border-radius:8px;box-shadow:0 2px 8px #3db3954d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.convert-button:hover{background:linear-gradient(135deg,#2a9d78,#228c6a);box-shadow:0 4px 12px #3db39566;transform:translateY(-1px)}.convert-button:active{transform:translateY(0)}.dismiss-button{align-items:center;background:none;border:none;border-radius:4px;color:#c60;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.dismiss-button:hover{background:#cc66001a;transform:scale(1.1)}@media (max-width:768px){.guest-warning-content{gap:8px;padding:10px 12px}.warning-icon{height:18px;width:18px}.warning-text{font-size:13px;line-height:1.5}.dismiss-button{padding:2px}}body.guest-banner-visible{padding-top:56px}@media (max-width:768px){body.guest-banner-visible{padding-top:52px}}.interactive-tutorial-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.tutorial-backdrop{animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0}.tutorial-spotlight{animation:spotlightPulse 2s ease-in-out infinite;border-radius:12px;box-shadow:0 0 0 9999px #000000b3,0 0 30px 10px #ffdf0080;pointer-events:none;position:fixed;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:10001}.create-list-step-spotlight .tutorial-spotlight{box-shadow:0 0 0 9999px #00000080,0 0 40px 15px #ffdf00b3}.spotlight-pulse{animation:pulseRing 1.5s ease-out infinite;border:3px solid gold;border-radius:15px;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 9999px #000000b3,0 0 30px 10px #ffdf0080}50%{box-shadow:0 0 0 9999px #000000b3,0 0 40px 15px #ffdf00b3}}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.piyoco-guide{animation:slideIn .5s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;position:fixed;z-index:10002}.piyoco-guide-container{align-items:flex-start;display:flex;gap:16px;max-width:400px}.piyoco-character-guide{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#fff9e6,#ffe8cc);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #ffb4004d;display:flex;flex-shrink:0;height:100px;justify-content:center;width:100px}.piyoco-guide-image{animation:bounce 1s ease-in-out infinite;height:70px;object-fit:contain;width:70px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.05) rotate(5deg)}}.piyoco-message-bubble{background:#fff;border:3px solid gold;border-radius:20px;box-shadow:0 12px 40px #0003;max-width:350px;min-width:250px;padding:24px;position:relative}.piyoco-message-bubble:before{border-color:#0000 #fff #0000 #0000;border-style:solid;border-width:10px 15px 10px 0;content:"";height:0;left:-15px;position:absolute;top:30px;width:0}.tutorial-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:all .2s}.tutorial-close-button:hover{background:#f0f0f0;color:#333}.tutorial-step-title{color:#333;font-size:1.2rem;font-weight:700;margin:0 0 12px;padding-right:30px}.tutorial-step-message{color:#666;font-size:1rem;line-height:1.6;margin:0 0 16px;white-space:pre-line}.tutorial-step-progress{color:#999;font-size:.85rem;margin-bottom:16px;text-align:center}.tutorial-action-hint{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#fff9e6,#ffe8cc);border-radius:12px;color:#ff9d00;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px}.pulse-circle{animation:pulseDot 1s ease-in-out infinite;background:#ff9d00;border-radius:50%;height:12px;width:12px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.tutorial-next-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s;width:100%}.tutorial-next-button:hover{box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.tutorial-next-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.piyoco-guide{bottom:20px!important;left:50%!important;max-width:500px;width:90vw}.piyoco-guide,.piyoco-guide.create-list-step{top:auto!important;transform:translateX(-50%)!important}.piyoco-guide.create-list-step{bottom:100px!important}.piyoco-guide.welcome-step{bottom:20px!important;left:50%!important;top:auto!important;transform:translateX(-50%)!important}.piyoco-guide.welcome-step .piyoco-guide-container{align-items:center!important;flex-direction:column!important;justify-content:center!important}.piyoco-guide.welcome-step .piyoco-message-bubble:before{border-color:#0000 #fff #0000 #0000!important;border-style:solid!important;border-width:8px 12px 8px 0!important;bottom:auto!important;content:""!important;left:50%!important;position:absolute!important;top:-15px!important;transform:translateX(-50%) rotate(90deg)!important}.piyoco-guide.complete-tutorial-step{bottom:180px!important;top:auto!important;transform:translateX(-50%)!important}.complete-tutorial-step .piyoco-message-bubble:before{bottom:auto;top:-15px;transform:translateX(-50%) rotate(90deg)}.piyoco-guide.complete-tutorial-step .piyoco-character-guide{height:70px;width:70px}.piyoco-guide.complete-tutorial-step .piyoco-guide-image{height:50px;width:50px}.piyoco-guide.complete-tutorial-step .piyoco-message-bubble{font-size:.9rem;padding:18px}.piyoco-guide.complete-tutorial-step .tutorial-step-title{font-size:1.05rem;margin-bottom:8px}.piyoco-guide.complete-tutorial-step .tutorial-step-message{font-size:.9rem;margin-bottom:12px}.piyoco-guide.create-list-step .piyoco-character-guide{height:60px;width:60px}.piyoco-guide.create-list-step .piyoco-guide-image{height:45px;width:45px}.piyoco-guide.create-list-step .piyoco-message-bubble{font-size:.9rem;padding:16px}.piyoco-guide.create-list-step .tutorial-step-title{font-size:1rem;margin-bottom:8px}.piyoco-guide.create-list-step .tutorial-step-message{font-size:.85rem;margin-bottom:12px}.piyoco-guide-container{align-items:center;flex-direction:column;max-width:100%;width:100%}.piyoco-character-guide{height:80px;width:80px}.piyoco-guide-image{height:60px;width:60px}.piyoco-message-bubble{font-size:.95rem;max-width:none;min-width:auto;padding:20px;width:100%}.piyoco-message-bubble:before{border-width:8px 12px 8px 0;left:50%;top:-15px;transform:translateX(-50%) rotate(90deg)}.create-list-step .piyoco-message-bubble:before{bottom:-15px;top:auto;transform:translateX(-50%) rotate(-90deg)}.tutorial-step-title{font-size:1.1rem;margin-bottom:10px}.tutorial-step-message{font-size:.95rem;line-height:1.5}.tutorial-action-hint{font-size:.9rem;padding:10px}.tutorial-next-button{font-size:.95rem;padding:12px 16px}}
/*# sourceMappingURL=main.5a7e0015.css.map*/