@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-secondary:#ffa07a;--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,.go-home-button,.google-connect-button,.google-login-button,.save-button,.submit-button,.update-list-button{background-color:var(--color-primary);color:var(--color-text-on-primary)}.add-list-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);color:var(--color-text-on-primary-hover)}.edit-button{--edit-color:#3b82f6;background-color:color-mix(in srgb,var(--edit-color) 20%,#0000);border:1px solid var(--edit-color);color:var(--edit-color)}.edit-button:hover{background-color:color-mix(in srgb,var(--edit-color) 30%,#0000);border-color:#2563eb;color:#2563eb}[data-theme=dark] .edit-button{--edit-color:#60a5fa;background-color:color-mix(in srgb,var(--edit-color) 15%,#0000);border-color:color-mix(in srgb,var(--edit-color) 60%,#0000);color:var(--edit-color)}[data-theme=dark] .edit-button:hover{background-color:color-mix(in srgb,var(--edit-color) 25%,#0000);border-color:var(--edit-color)}.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-color:#f97316;background-color:color-mix(in srgb,var(--delete-color) 20%,#0000);border:1px solid var(--delete-color);color:var(--delete-color)}.delete-button:hover{background-color:color-mix(in srgb,var(--delete-color) 30%,#0000);border-color:#ea580c;color:#ea580c}[data-theme=dark] .delete-button{--delete-color:#fb923c;background-color:color-mix(in srgb,var(--delete-color) 15%,#0000);border-color:color-mix(in srgb,var(--delete-color) 60%,#0000);color:var(--delete-color)}[data-theme=dark] .delete-button:hover{background-color:color-mix(in srgb,var(--delete-color) 25%,#0000);border-color:var(--delete-color)}.delete-list-button,.logout-button{background-color:var(--color-error);color:var(--color-text-on-error)}.delete-list-button:hover,.logout-button:hover{background-color:var(--color-delete-hover);color:var(--color-text-on-error-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,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:50px;box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 25%,#0000);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,var(--color-secondary) 0,var(--color-primary) 100%);box-shadow:0 8px 28px color-mix(in srgb,var(--color-primary) 35%,#0000);transform:translateY(-2px)}.guest-login-button.primary:active:not(:disabled){transform:translateY(0)}.guest-login-button.primary:disabled{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);cursor:not-allowed;opacity:.6}@media (min-width:768px){.guest-login-button.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:60px;box-shadow:0 6px 24px color-mix(in srgb,var(--color-primary) 25%,#0000);font-size:1.15rem;font-weight:600;padding:1.3rem 2.2rem}.guest-login-button.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-primary) 100%);box-shadow:0 12px 36px color-mix(in srgb,var(--color-primary) 35%,#0000);transform:translateY(-3px)}}.google-login-button.secondary{background:linear-gradient(135deg,var(--color-white) 0,var(--color-gray) 100%);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,var(--color-gray) 0,var(--color-white) 100%);border-color:color-mix(in srgb,var(--color-primary) 30%,#0000);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,var(--color-white) 0,var(--color-gray) 100%);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,var(--color-gray) 0,var(--color-white) 100%);border-color:color-mix(in srgb,var(--color-primary) 30%,#0000);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-hover-light)}.gear-button{color:var(--color-text-secondary);padding:4px}.gear-button:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,#0000);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:var(--color-border);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:var(--color-border);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:var(--color-gray);border-radius:4px;height:.8em;width:40%}.skeleton-buttons{display:flex;gap:8px}.skeleton-button{background-color:var(--color-border);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:all .2s ease;will-change:background-color,color}.todo-item.selectable{cursor:pointer}.todo-item.selectable:hover{background-color:color-mix(in srgb,var(--color-primary) 5%,#0000)}.todo-item.selectable:hover,.todo-item.selected{border-left:4px solid var(--color-primary);padding-left:calc(var(--spacing-medium) - 4px)}.todo-item.selected{background-color:color-mix(in srgb,var(--color-primary) 10%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 20%,#0000)}.todo-item.not-selectable{opacity:.3;pointer-events:none}.todo-item.delete-selectable{cursor:pointer}.todo-item.delete-selectable:hover{background-color:color-mix(in srgb,var(--color-error) 5%,#0000)}.todo-item.delete-selectable:hover,.todo-item.delete-selected{border-left:4px solid var(--color-error);padding-left:calc(var(--spacing-medium) - 4px)}.todo-item.delete-selected{background-color:color-mix(in srgb,var(--color-error) 10%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--color-error) 20%,#0000)}.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{align-items:center;display:flex;margin-left:auto}[data-theme=dark] .list-tab{background-color:#ffffff14;color:var(--color-text)}[data-theme=dark] .list-tab:hover{background-color:#ffffff1f}[data-theme=dark] .list-tab.active{background-color:var(--color-primary);color:var(--color-text-on-primary)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;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:var(--color-text);font-size:1.3rem;margin:0 0 .5rem}.explanation-card p{color:var(--color-text-secondary);line-height:1.6;margin:0}.explanation-features{display:flex;flex-direction:column;gap:1rem}.feature-item{align-items:flex-start;background:var(--color-white);border:2px solid var(--color-gray);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.feature-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 10%,#0000);transform:translateX(5px)}.feature-icon{flex-shrink:0;font-size:1.5rem}.feature-text{flex:1 1}.feature-text strong{color:var(--color-text);display:block;font-size:1rem;margin-bottom:.25rem}.feature-text p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.share-toggle-section{background:var(--color-gray);border:2px dashed var(--color-primary);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{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.toggle-sublabel{color:var(--color-text-secondary);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:var(--color-text);font-size:1.3rem;margin:0 0 .5rem}.template-usage-badge{align-items:center;background:var(--color-white);border:2px solid var(--color-primary);border-radius:20px;color:var(--color-primary);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:var(--color-text);font-size:.9rem;font-weight:600}.share-link-input{gap:.5rem}.share-link-input input{background:var(--color-gray);border:2px solid var(--color-border);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:var(--color-white);border-color:var(--color-primary);outline:none}.copy-link-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem;transition:all .2s}.copy-link-button:hover{background:var(--color-primary-hover);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:var(--color-white);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 var(--color-gray);padding-top:1rem;text-align:center}.toggle-off-button{background:#0000;border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.toggle-off-button:hover{background:#fff5f5;border-color:var(--color-error);color:var(--color-error)}.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;min-height:60px;padding:1rem 3.5rem;position:relative}.modal-with-header .modal-header .modal-title,.modal-with-header .modal-header h2{flex:1 1;font-size:1.1rem;font-weight:700;margin:0;text-align:center}.modal-with-header .modal-body{flex:1 1;max-height:calc(90vh - 160px);overflow-x:hidden;overflow-y:auto;padding:1.5rem 2rem}.modal-with-header .modal-body::-webkit-scrollbar{width:8px}.modal-with-header .modal-body::-webkit-scrollbar-track{background:var(--color-gray);border-radius:4px}.modal-with-header .modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.modal-with-header .modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.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:8px}.modal-with-header .modal-content::-webkit-scrollbar-track{background:var(--color-gray);border-radius:4px}.modal-with-header .modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.modal-with-header .modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.modal-with-header .modal-buttons,.modal-with-header .modal-footer{border-top:1px solid var(--color-gray);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 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:var(--color-border);cursor:not-allowed}.modal button:disabled:hover{background-color:var(--color-border)}.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,.modal-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:44px}.close-button:hover,.modal-close-button:hover,.modal-close:hover{background-color:var(--color-gray);color:var(--color-text);transform:translateY(-50%) scale(1.1)}.close-button svg,.modal-close svg,.modal-close-button svg{stroke-width:2;height:28px;width:28px}.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 var(--color-border);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:var(--color-primary)}.help-text{font-size:14px;line-height:1.6;margin-bottom:1rem}.character-count,.help-text{color:var(--color-text-secondary)}.character-count{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:var(--color-primary-hover)}.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;background:linear-gradient(135deg,#fff9f5,#fff5f8);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.error-page-container:before{animation:gentleRotate 30s linear infinite;background:radial-gradient(circle,#ffb6c114 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.error-page-content{animation:errorPageFadeIn .6s ease-out;background:#fff;border:4px solid #ffc0cb4d;border-radius:30px;box-shadow:0 20px 60px #ffb6c140,0 10px 30px #ffa07a26;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}@keyframes errorPageFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-piyoco-container{margin-bottom:2rem;position:relative;text-align:center}.error-piyoco-image{animation:piyocoBounceError 2s ease-in-out infinite;filter:drop-shadow(0 8px 20px rgba(255,182,193,.3));height:120px;object-fit:contain;width:120px}@keyframes piyocoBounceError{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}.error-piyoco-speech{align-items:center;animation:speechBubbleAppear .5s ease-out .3s both;background:linear-gradient(135deg,#fff0f5,#ffe4e1);border:3px solid #ffb6c166;border-radius:20px;box-shadow:0 4px 15px #ffb6c133;color:#ff6b9d;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.8rem 1.5rem}@keyframes speechBubbleAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.speech-heart{animation:heartBeat 1.5s ease-in-out infinite;color:#ff6b9d}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.error-main-section{margin-bottom:2rem;text-align:center}.error-icon-wrapper{animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b9d1a,#ffa07a1a);border-radius:50%;display:inline-block;margin-bottom:1rem;padding:1.5rem}@keyframes iconPulse{0%,to{box-shadow:0 0 0 0 #ff6b9d66}50%{box-shadow:0 0 0 15px #ff6b9d00}}.error-icon{color:#ff6b9d;display:block}.error-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#ffa07a);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:.8rem}.error-message{color:#8d6e63;font-size:1.05rem;line-height:1.6;margin:0}.error-troubleshooting{background:linear-gradient(135deg,#fff9f5,#fffbf5);border:3px solid #ffb6c133;border-radius:20px;margin-bottom:2rem;padding:1.5rem}.troubleshooting-header{align-items:center;color:#ffa07a;display:flex;gap:.5rem;margin-bottom:1rem}.troubleshooting-header svg{animation:lightbulbGlow 2s ease-in-out infinite}@keyframes lightbulbGlow{0%,to{filter:drop-shadow(0 0 3px rgba(255,160,122,.5))}50%{filter:drop-shadow(0 0 8px rgba(255,160,122,.8))}}.troubleshooting-header h3{font-size:1.1rem;font-weight:700;margin:0}.troubleshooting-steps{display:flex;flex-direction:column;gap:.8rem}.troubleshooting-step{align-items:center;background:#fff;border:2px solid #ffb6c133;border-radius:15px;display:flex;gap:.8rem;padding:1rem 1.2rem;transition:all .3s ease}.troubleshooting-step.clickable{cursor:pointer}.troubleshooting-step.clickable:hover{background:linear-gradient(135deg,#fff5f8,#fff0f5);border-color:#ffb6c1;box-shadow:0 4px 15px #ffb6c133;transform:translateX(5px)}.step-icon{flex-shrink:0;font-size:1.5rem}.step-text{color:#5d4037;flex:1 1;font-weight:600}.step-action-icon{color:#ff6b9d;flex-shrink:0;opacity:.6}.error-actions{display:flex;gap:1rem;margin-bottom:2rem}.go-home-button{align-items:center;border:none;border-radius:18px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.go-home-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.go-home-button:hover:before{height:300px;width:300px}.go-home-button.primary{color:var(--color-text-on-primary)}.go-home-button.primary,.go-home-button.primary:hover{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%)}.go-home-button.primary:hover{box-shadow:0 8px 25px color-mix(in srgb,var(--color-primary) 40%,#0000);transform:translateY(-3px)}.go-home-button.secondary{background:linear-gradient(135deg,#ffb6c1,#ffa07a);color:var(--color-text-on-primary)}.go-home-button.secondary:hover{background:linear-gradient(135deg,#ff6b9d,#ff8c69);box-shadow:0 8px 25px #ff6b9d66;transform:translateY(-3px)}.go-home-button span{position:relative;z-index:1}.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:var(--color-text);border-radius:4px;color:var(--color-white);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{align-items:center;background:linear-gradient(135deg,#ffb6c1,#ffa07a);border:none;border-radius:15px;box-shadow:0 4px 15px #ffb6c14d;color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.9rem 1.2rem;transition:all .3s ease;width:100%}.copy-error-button:hover:not(:disabled){background:linear-gradient(135deg,#ff6b9d,#ff8c69);box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.copy-error-button.copied{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);cursor:default}.copy-error-button:disabled{cursor:not-allowed;opacity:.8}@media (max-width:768px){.error-page-container{padding:1rem}.error-page-content{border-width:3px;padding:2rem 1.5rem}.error-piyoco-image{height:100px;width:100px}.error-piyoco-speech{font-size:.9rem;padding:.7rem 1.2rem}.error-title{font-size:1.5rem}.error-message{font-size:.95rem}.error-troubleshooting{padding:1.2rem}.troubleshooting-header h3{font-size:1rem}.troubleshooting-step{padding:.9rem 1rem}.step-icon{font-size:1.3rem}.step-text{font-size:.9rem}.error-actions{flex-direction:column}.go-home-button{font-size:.95rem;padding:.9rem 1.2rem}.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:var(--color-text-on-primary);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:var(--color-primary);border:none;border-radius:var(--border-radius);color:var(--color-text-on-primary);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:var(--color-primary-hover)}.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%}.list-actions-wrapper{-webkit-margin-before:var(--spacing-large);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-block-start:var(--spacing-large);margin-inline:auto;max-width:600px}.delete-completed-button,.multi-complete-button,.multi-select-button{align-items:center;background-color:initial;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.delete-completed-button:before,.multi-complete-button:before,.multi-select-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.delete-completed-button:active:before,.multi-complete-button:active:before,.multi-select-button:active:before{height:300px;width:300px}.delete-completed-button{border-color:var(--color-error);color:var(--color-error)}.delete-completed-button:hover{background-color:var(--color-error);border-color:var(--color-error);box-shadow:0 4px 12px #f443364d;color:var(--color-text-on-primary);transform:translateY(-2px)}.multi-select-button{background:linear-gradient(135deg,#0000,#0000);border-color:var(--color-primary);color:var(--color-primary)}.multi-select-button:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,#0000);color:var(--color-text-on-primary);transform:translateY(-2px)}.multi-complete-button{animation:pulse-success 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));border-color:var(--color-success);box-shadow:0 4px 12px color-mix(in srgb,var(--color-success) 35%,#0000);color:var(--color-text-on-primary)}@keyframes pulse-success{0%,to{box-shadow:0 4px 12px color-mix(in srgb,var(--color-success) 35%,#0000)}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--color-success) 50%,#0000)}}.multi-complete-button:hover{animation:none;background:linear-gradient(135deg,var(--color-success-dark),var(--color-success-darker));box-shadow:0 6px 16px color-mix(in srgb,var(--color-success) 50%,#0000);transform:translateY(-3px)}.multi-complete-button:disabled,.multi-select-button:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.multi-complete-button:disabled:hover,.multi-select-button:disabled:hover{box-shadow:none;transform:none}.multi-cancel-button{align-items:center;background-color:initial;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.multi-cancel-button:before{background:#0000001a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.multi-cancel-button:active:before{height:300px;width:300px}.multi-cancel-button:hover{background-color:var(--color-hover-light);border-color:var(--color-text-secondary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-text) 10%,#0000);transform:translateY(-2px)}.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);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{border-radius:.8rem;color:#fff;font-size:.75rem;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:var(--color-text);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;color:var(--color-text);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}[data-theme=dark] .sidebar-list-drag-handle{color:#a1a1aa}.sidebar-list-drag-handle:hover{background:#0000001a;color:var(--color-text)}[data-theme=dark] .sidebar-list-drag-handle:hover{background:#ffffff26;color:#fff}.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{color:var(--color-text);flex:1 1;font-size:.9rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-list-item.active .sidebar-list-name{color:#fff}.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}[data-theme=dark] .sidebar-list-collaboration,[data-theme=dark] .sidebar-list-edit{background:#ffffff1a;color:#a1a1aa}.sidebar-list-collaboration:hover,.sidebar-list-edit:hover{background:#00000026;color:var(--color-text);transform:scale(1.05)}[data-theme=dark] .sidebar-list-collaboration:hover,[data-theme=dark] .sidebar-list-edit:hover{background:#fff3;color:#fff}.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}[data-theme=dark] .sidebar-list-stats{color:#a1a1aa}.sidebar-list-task-count{align-items:center;background:var(--color-gray);border-radius:12px;color:var(--color-text);display:flex;font-size:.75rem;font-weight:600;justify-content:center;min-height:24px;padding:.25rem .5rem}[data-theme=dark] .sidebar-list-task-count{background:#ffffff1a;color:#e5e7eb}.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-hover);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 30%,#0000);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-hover-light)}.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 img,.app-title svg{flex-shrink:0;margin-left:.5rem}.app-title img{display:block;object-fit:contain}.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 color-mix(in srgb,var(--color-primary) 20%,#0000);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 color-mix(in srgb,var(--color-primary) 20%,#0000);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;background-color:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;flex-shrink:0;height:40px;object-fit:cover;object-position:center;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:var(--color-hover-light)}.account-item.active{background-color:var(--color-hover-medium)}.account-avatar{background-color:#fff;border-radius:50%;height:36px;margin-right:12px;object-fit:cover;object-position:center;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:var(--color-hover-medium);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:var(--color-hover-light)}.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-hover-light)}.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{color:gold}.star-rating .star:hover{color:var(--color-secondary)}.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:var(--color-secondary);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-secondary) 50%,transparent));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:var(--color-gray-hover)}.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:var(--color-hover-light)}.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)}.toggle-switch-slider:before{background-color:#fff}.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,var(--color-secondary) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 20%,#0000);color:var(--color-text-on-primary);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,color-mix(in srgb,var(--color-secondary) 90%,#000) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,#0000);color:var(--color-text-on-primary-hover);transform:translateY(-1px)}.task-create-button-mobile:active{box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 30%,#0000);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 color-mix(in srgb,var(--color-primary) 30%,#0000);font-size:1.1rem;padding:1.25rem 2rem}.task-create-button-mobile:hover{box-shadow:0 6px 16px color-mix(in srgb,var(--color-primary) 40%,#0000);transform:translateY(-2px)}}.commerce-law-container{align-items:flex-start;background-color:var(--color-bg);display:flex;justify-content:center;min-height:100%;padding:2rem 1rem 3rem}.commerce-law-content{background-color:var(--color-white);border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:2rem;max-width:800px;padding:2.5rem;width:100%}.commerce-law-header{border-bottom:2px solid var(--color-border);margin-bottom:3rem;padding-bottom:1.5rem;text-align:center}.commerce-law-icon{color:var(--color-primary);margin-bottom:1rem}.commerce-law-header h1{color:var(--color-text);font-family:var(--app-title-font);font-size:1.75rem;font-weight:700}.commerce-law-sections{display:flex;flex-direction:column;gap:1.5rem}.commerce-law-section{background-color:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:8px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.commerce-law-section:hover{box-shadow:0 2px 8px #0000000d;transform:translateX(4px)}.commerce-law-section h2{-webkit-margin-before:0;color:var(--color-text);font-size:1.25rem;font-weight:600;margin-block-start:0;margin-bottom:1rem;text-align:left}.commerce-law-section p{color:var(--color-text);line-height:1.7;margin:.5rem 0}.commerce-law-section ul{margin:.5rem 0;padding-left:1.5rem}.commerce-law-section li{color:var(--color-text);line-height:1.7;margin:.3rem 0}.commerce-law-note{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.875rem;margin-top:.75rem;opacity:.95;padding:.75rem}.commerce-law-footer{border-top:2px solid var(--color-border);margin-top:3rem;padding-top:2rem;text-align:center}.update-date{color:var(--color-text-secondary);font-size:.875rem}@media (max-width:768px){.commerce-law-container{padding:1rem .5rem 2rem}.commerce-law-content{margin-bottom:1rem;padding:1.5rem}.commerce-law-header h1{font-size:1.5rem}.commerce-law-section{padding:1rem}.commerce-law-section h2{font-size:1.125rem}.commerce-law-section:hover{transform:none}}.faq-page-container{background-color:var(--color-bg);min-height:100%;padding:2rem 1rem 3rem}.faq-page-content{background-color:var(--color-white);border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto 2rem;max-width:900px;padding:3rem}.faq-page-header{border-bottom:2px solid var(--color-border);margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.faq-page-icon{color:var(--color-primary);margin-bottom:1rem}.faq-page-header h1{color:var(--color-text);font-family:var(--app-title-font);font-size:2.5rem;font-weight:700;margin:0}.faq-page-header:after{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:2px;bottom:-2px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.faq-toc{background:linear-gradient(135deg,#3db3950d,#3db3951a);border:1px solid #3db39533;border-radius:12px;margin-bottom:3rem;padding:2rem}.faq-toc h3{color:var(--color-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.faq-toc ul{list-style:none;margin:0;padding:0}.faq-toc li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.faq-toc li:before{color:var(--color-primary);content:"▸";font-weight:700;left:0;position:absolute}.faq-toc button{background:none;border:none;color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:1rem;font-weight:500;padding:0;text-align:left;text-decoration:none;transition:all .3s ease}.faq-toc button:hover{color:var(--color-primary);transform:translateX(5px)}.faq-sections{display:flex;flex-direction:column;gap:3rem}.faq-sections section{scroll-margin-top:80px}.faq-sections h2{align-items:center;color:var(--color-text);display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem;padding-left:1rem;position:relative}.faq-sections h2:before{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:3px;content:"";height:80%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.faq-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.faq-item:hover{border-color:#3db3954d;box-shadow:0 4px 12px #3db3951a;transform:translateY(-2px)}.faq-question{align-items:center;color:var(--color-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.faq-question:before{color:var(--color-primary);content:"Q.";flex-shrink:0;font-size:1.2rem;font-weight:700}.faq-answer{color:var(--color-text);line-height:1.8;padding-left:2rem}.faq-answer ol,.faq-answer ul{margin:1rem 0;padding-left:1.5rem}.faq-answer li{margin-bottom:.5rem;position:relative}.faq-answer ul li::marker{color:var(--color-primary)}.faq-answer strong{color:var(--color-primary);font-weight:600}.faq-highlight{background:linear-gradient(135deg,#3db3950d,#3db3951a);border-left:4px solid var(--color-primary);border-radius:10px;margin:1rem 0;padding:1.5rem;position:relative}.faq-highlight:before{content:"💡";font-size:1.5rem;opacity:.3;position:absolute;right:1rem;top:1rem}.faq-highlight strong{color:var(--color-text);display:block;font-size:1.1rem;margin-bottom:.5rem}.faq-footer-note{background:linear-gradient(135deg,#3db3950d,#3db3951a);border-left:4px solid var(--color-primary);border-radius:10px;margin-top:3rem;padding:1.5rem;text-align:center}.faq-footer-note strong{color:var(--color-text);font-size:1.1rem}.faq-footer-note a{border-bottom:2px solid #0000;color:var(--color-primary);text-decoration:none;transition:all .3s ease}.faq-footer-note a:hover{border-bottom-color:var(--color-primary)}@media (max-width:768px){.faq-page-container{padding:1rem .5rem 2rem}.faq-page-content{margin-bottom:1rem;padding:2rem 1.5rem}.faq-page-header h1{font-size:2rem}.faq-sections h2{font-size:1.5rem}.faq-item{padding:1.5rem}.faq-answer{padding-left:1.5rem}.faq-item:hover{transform:none}}@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-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}}[data-theme=dark] .view-toggle-button{background:#ffffff14;color:var(--color-text)}[data-theme=dark] .view-toggle-button:hover{background:#ffffff26}[data-theme=dark] .view-toggle-button.active{background-color:var(--color-primary);color:var(--color-text-on-primary)}[data-theme=dark] .gantt-view-mode{border-color:var(--color-border)}[data-theme=dark] .gantt-view-mode button{background:#ffffff14;border-right-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .gantt-view-mode button:hover{background:#ffffff26}[data-theme=dark] .gantt-view-mode button.active{background-color:var(--color-primary);color:var(--color-text-on-primary)}[data-theme=dark] .gantt-filter-button{background:#ffffff14;border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .gantt-filter-button:hover{background:#ffffff26}[data-theme=dark] .gantt-filter-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.custom-select{box-sizing:border-box;font-family:var(--font-family);min-width:120px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.custom-select-trigger{align-items:center;background:linear-gradient(to bottom,var(--color-white),#fafafa);border:2px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-base);justify-content:space-between;min-height:3.2rem;padding:.8rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-select-trigger:hover:not(.disabled .custom-select-trigger){background:linear-gradient(180deg,#fff,#f5f5f5);border-color:var(--color-primary);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.custom-select.open .custom-select-trigger{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light),0 4px 12px #0000001a}.custom-select.disabled .custom-select-trigger{background:var(--color-gray-light);cursor:not-allowed;opacity:.6}.custom-select-value{flex:1 1;font-size:.95rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{align-items:center;color:var(--color-text-secondary);display:flex;margin-left:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1);background:var(--color-white);border:2px solid var(--color-primary);border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 6px #00000014;left:0;max-height:280px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 12px 12px 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.custom-select-option{align-items:center;border-bottom:1px solid #0000000d;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;line-height:1.4;padding:.9rem 1.2rem;transition:all .2s ease}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:linear-gradient(90deg,#3db39514,#3db3950a);padding-left:1.4rem;transform:scale(1.01)}.custom-select-option.selected{background:linear-gradient(90deg,#3db3951f,#3db3950f);font-weight:600}.custom-select-option.selected:hover{background:linear-gradient(90deg,#3db3952e,#3db3951a)}.option-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-check{animation:checkBounce .4s cubic-bezier(.68,-.55,.265,1.55);color:var(--color-primary);font-size:1.2rem;font-weight:700;margin-left:.8rem}@keyframes checkBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.custom-select.effort-select .custom-select-trigger{border-width:2px;font-weight:600}.custom-select.effort-select .custom-select-value{font-size:.95rem}.tag-input-group .custom-select{flex:1 1;max-width:140px;min-width:120px}@media (max-width:600px){.custom-select-trigger{font-size:16px;max-width:100%;min-height:3.2rem;padding:.8rem 1rem}.custom-select-value{font-size:16px;line-height:1.3}.custom-select-dropdown{font-size:16px;max-height:240px}.custom-select-option{font-size:16px;min-height:2.8rem;padding:.9rem 1rem}.tag-input-group .custom-select{flex:none;max-width:none;min-width:0;min-width:auto;width:100%}}.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:var(--color-text-on-primary);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{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-surface);border:2px solid var(--color-border);border-radius:10px;box-sizing:border-box;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.6rem;height:3.2rem;padding:.8rem 1.2rem;transition:all .2s ease}.color-picker-label-button:hover{background-color:var(--color-background);border-color:var(--color-primary);box-shadow:0 3px 8px #00000014;transform:translateY(-1px)}.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:var(--color-text-on-primary);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:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 40%,#0000);color:var(--color-text-on-primary);gap:.6rem;margin-top:.5rem;overflow:hidden;position:relative;width:100%}.tag-action-button.create:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tag-action-button.create:hover:before{left:100%}.tag-action-button.create:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 50%,#0000);transform:translateY(-2px)}.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:var(--color-text-on-primary);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}.tag-search-container{margin-bottom:1rem}.tag-search-container .bulk-search-wrapper{position:relative;width:100%}.tag-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.tag-search-clear:hover{background-color:var(--color-gray-light);color:var(--color-text)}.tag-search-wrapper{margin-bottom:.75rem;position:relative;width:100%}.tag-search-icon{color:var(--color-primary);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.tag-search-input{background-color:var(--color-white);border:2px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--color-text);font-size:.9rem;padding:.7rem 2.5rem .7rem 2.75rem;transition:all .2s ease;width:100%}.tag-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,#0000),0 2px 8px #0000001a;outline:none}.tag-search-wrapper:focus-within .tag-search-icon{color:var(--color-secondary)}.tag-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.tag-search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.tag-search-clear-btn:hover{background-color:var(--color-gray-light);color:var(--color-text)}.no-tags-found{background-color:var(--color-gray-light);border-radius:var(--border-radius);color:var(--color-text-secondary);font-size:.9rem;margin-top:.5rem;padding:.75rem;text-align:center}.tag-search-dropdown{animation:slideDown .2s ease-out;background:var(--color-white);border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;max-height:300px;overflow-y:scroll;position:absolute;right:0;top:calc(100% + .5rem);z-index:9999}.tag-search-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.tag-search-item:last-child{border-bottom:none}.tag-search-item:hover{background-color:var(--color-gray-light)}.tag-search-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;height:20px;width:20px}.tag-search-name{color:var(--color-text);flex:1 1;font-size:.95rem;font-weight:500}.tag-search-selected{color:var(--color-primary);font-size:1.2rem;font-weight:700}.tag-search-dropdown::-webkit-scrollbar{height:6px;width:6px}.tag-search-dropdown::-webkit-scrollbar-track{background:#0000}.tag-search-dropdown::-webkit-scrollbar-thumb{background:#3db39580;border:none;border-radius:6px}.tag-search-dropdown::-webkit-scrollbar-thumb:hover{background:#3db395cc}.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:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.action-button-share:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.action-button-copy{background-color:#10b981;border-color:#10b981;color:var(--color-text-on-primary)}.action-button-copy:hover{background-color:#059669;border-color:#059669}.action-button-export{background-color:#8b5cf6;border-color:#8b5cf6;color:var(--color-text-on-primary)}.action-button-export:hover{background-color:#7c3aed;border-color:#7c3aed}.action-button-delete{background-color:#ef4444;border-color:#ef4444;color:var(--color-text-on-primary)}.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}}.bulk-update-container{animation:slideDown .3s ease-out;background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem;overflow:visible;padding:1.5rem;position:relative}.bulk-update-container:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bulk-update-container h4{align-items:center;color:var(--color-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.bulk-update-container h4:before{content:"✨";font-size:1.2rem}.selected-tags-container{background-color:#3db39514;border:1px solid #3db39533;border-radius:8px;margin-bottom:1rem;padding:1rem}.selected-tags-label{color:var(--color-text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.selected-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.selected-tag-chip{align-items:center;background-color:#4299e1;background-color:var(--tag-color,#4299e1);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:var(--color-text-on-primary);display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.selected-tag-chip:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.selected-tag-name{white-space:nowrap}.selected-tag-remove{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:var(--color-text-on-primary);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.selected-tag-remove:hover{background:#ffffff80;transform:scale(1.1)}.bulk-update-inputs{align-items:stretch;display:flex;flex-wrap:wrap;gap:.75rem}.bulk-search-wrapper{flex:1 1;min-width:200px;position:relative}.bulk-search-icon{color:var(--color-primary);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.bulk-search-input{background-color:var(--color-white);border:2px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--color-text);font-size:.95rem;padding:.8rem 1rem .8rem 3rem;transition:all .2s ease;width:100%}.bulk-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,#0000),0 2px 8px #0000001a;outline:none}.bulk-search-wrapper:focus-within .bulk-search-icon{color:var(--color-secondary)}.bulk-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.bulk-update-button{align-items:center;background-color:var(--color-success);border:none;border-radius:8px;box-shadow:0 2px 6px #0003;color:var(--color-text-on-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .2s ease}.bulk-update-button:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);transform:translateY(-2px)}.bulk-update-button:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.bulk-toggle-button{align-items:center;background-color:var(--color-white);border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.bulk-toggle-button:hover{background-color:var(--color-primary);box-shadow:0 3px 8px #00000026;color:var(--color-text-on-primary);transform:translateY(-1px)}.tag-section-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.tag-section-header h3{border-bottom:none;margin:0;padding-bottom:0}@media (max-width:600px){.selected-tags-container{padding:.75rem}.selected-tag-chip{font-size:.85rem;padding:.4rem .6rem}.bulk-update-inputs{flex-direction:column}.bulk-search-wrapper{min-width:0;min-width:auto;width:100%}.bulk-search-input{width:100%}.bulk-update-button{justify-content:center;width:100%}.bulk-toggle-button{font-size:.8rem;padding:.5rem .8rem}.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}.tag-search-dropdown{max-height:200px}.tag-search-item{padding:.85rem 1rem}.tag-search-name{font-size:.9rem}}[data-theme=dark] .priority-indicator.high{background-color:#fbbf2433;color:#fbbf24}[data-theme=dark] .priority-indicator.medium{background-color:#3b82f633;color:#60a5fa}[data-theme=dark] .priority-indicator.low{background-color:#9ca3af33;color:#9ca3af}.profile-page{background:#f9fafb;background:var(--color-bg,#f9fafb);min-height:100vh;padding-bottom:2rem}.profile-page-container{margin:0 auto;max-width:600px;padding:1rem 1.5rem 2rem}.profile-page-title{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0 0 1rem;text-align:center}.profile-page-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;text-align:center}.profile-preview-section{align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:2rem}.profile-preview-container{align-items:center;background:#f5f5f5;background:var(--color-bg,#f5f5f5);border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:120px;justify-content:center;margin-bottom:.75rem;overflow:hidden;padding:8px;width:120px}.profile-preview-image{height:100%;object-fit:contain;width:100%}.profile-preview-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;margin:0}.profile-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}[data-theme=dark] .profile-error{background:#dc262633;border-color:#dc26264d;color:#fca5a5}.profile-form-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.profile-form-field{margin-bottom:1.25rem}.profile-form-field:last-child{margin-bottom:0}.profile-form-field label{color:var(--color-text);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.profile-form-field .optional-text{color:var(--color-text-secondary);font-size:.8125rem;font-weight:400}.profile-input{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease;width:100%}.profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a;outline:none}.profile-input::placeholder{color:var(--color-text-secondary);opacity:.6}.field-hint{color:var(--color-text-secondary);display:block;font-size:.75rem;margin-top:.375rem}.color-picker-container{align-items:center;display:flex;gap:.75rem}.profile-color-picker{border:1px solid var(--color-border);border-radius:8px;cursor:pointer;height:40px;transition:all .2s ease;width:60px}.profile-color-picker:hover{border-color:var(--color-primary)}.color-value{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:Monaco,Courier New,monospace;font-size:.875rem;padding:.5rem .75rem}.profile-visibility-toggle{display:flex;gap:.75rem;margin-top:.5rem}.visibility-option{align-items:center;background:var(--color-white);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.visibility-option:hover{background:var(--color-bg);border-color:var(--color-text-secondary)}.visibility-option.active{background:#ec48990d;border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .visibility-option.active{background:#ec489926}.visibility-option svg{flex-shrink:0}.profile-upload-section{display:flex;gap:.75rem;margin-bottom:1.5rem}.profile-reset-button,.profile-upload-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;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-reset-button:hover,.profile-upload-button:hover{background:var(--color-bg);border-color:var(--color-text-secondary)}.profile-reset-button:active,.profile-upload-button:active{transform:scale(.98)}.profile-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.profile-info p{color:var(--color-text-secondary);font-size:.75rem;line-height:1.5;margin:0}.profile-info p:not(:last-child){margin-bottom:.25rem}.profile-share-section{align-items:center;background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem}[data-theme=dark] .profile-share-section{background:linear-gradient(135deg,#3b82f626,#9333ea26)}.profile-share-description{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5;margin:0;text-align:center}.profile-share-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.profile-copy-link-button,.profile-share-x-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-share-x-button{background:#000;color:#fff}.profile-share-x-button:hover{background:#1a1a1a;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.profile-share-x-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.profile-copy-link-button{background:#3db395;background:var(--color-primary,#3db395);box-shadow:0 2px 8px #3db3954d;color:#fff}.profile-copy-link-button:hover{background:#2a9c7f;background:var(--color-primary-hover,#2a9c7f);box-shadow:0 4px 12px #3db39566;transform:translateY(-1px)}.profile-copy-link-button:active{box-shadow:0 1px 2px #3db39533;transform:translateY(0)}.profile-actions{display:flex;gap:.75rem;justify-content:flex-end}.profile-cancel-button,.profile-save-button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-cancel-button{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text)}.profile-cancel-button:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-secondary)}.profile-save-button{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-text-on-primary)}.profile-save-button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-on-primary-hover)}.profile-save-button:active:not(:disabled){transform:scale(.98)}.profile-cancel-button:disabled,.profile-save-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.profile-page-container{padding:1.5rem 1rem}.profile-preview-section{padding:1.5rem}.profile-preview-container{height:100px;width:100px}.profile-share-buttons,.profile-upload-section{flex-direction:column}.profile-copy-link-button,.profile-share-x-button{min-width:0;min-width:auto;width:100%}.profile-actions{flex-direction:column-reverse;gap:.5rem}.profile-cancel-button,.profile-save-button{width:100%}}: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}}.voice-selector-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;text-align:center}.voice-selector-loading{color:#ec4899;font-size:.875rem;font-weight:500;padding:3rem;text-align:center}.voice-selector-list{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding:.5rem}.voice-selector-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.voice-selector-item:hover{background:#fafafa;border-color:#e5e7eb;box-shadow:0 2px 8px #00000014}.voice-selector-item.selected{background:#fdf2f8;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.voice-selector-info{align-items:center;display:flex;flex:1 1;gap:1rem}.voice-selector-name{color:#111827;font-size:.9375rem;font-weight:600}.voice-selector-item.selected .voice-selector-name{color:#ec4899}.voice-selector-check{align-items:center;background:#fdf2f8;border-radius:50%;color:#ec4899;display:flex;font-size:1.25rem;height:24px;justify-content:center;width:24px}.voice-selector-play{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.voice-selector-play:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#111827}.voice-selector-play:active:not(:disabled){background:#f3f4f6;transform:scale(.98)}.voice-selector-play:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.voice-selector-footer{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:1.25rem}.voice-selector-credit{background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.75rem;margin:0 0 1.25rem;padding:.75rem;text-align:center}.voice-selector-credit a{color:#ec4899;font-weight:500;text-decoration:none;transition:color .2s}.voice-selector-credit a:hover{color:#db2777;text-decoration:underline}.voice-selector-actions{display:flex;gap:1rem;justify-content:center}.voice-selector-cancel,.voice-selector-save{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:90px;padding:.625rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.voice-selector-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.voice-selector-cancel:hover{background:#f9fafb;border-color:#9ca3af}.voice-selector-save{background:#ec4899;border:1px solid #ec4899;color:#fff}.voice-selector-save:hover:not(:disabled){background:#db2777;border-color:#db2777}.voice-selector-save:active:not(:disabled){transform:scale(.98)}.voice-selector-save:disabled{background:#d1d5db;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.voice-selector-list::-webkit-scrollbar{width:8px}.voice-selector-list::-webkit-scrollbar-track{background:#0000}.voice-selector-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.voice-selector-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.voice-selector-list{max-height:300px;padding:.75rem}.voice-selector-item{padding:1rem}.voice-selector-name{font-size:.95rem}.voice-selector-play{font-size:.85rem;padding:.5rem 1rem}.voice-selector-actions{flex-direction:column-reverse;gap:.75rem}.voice-selector-cancel,.voice-selector-save{min-width:auto;width:100%}}.voice-selector-item{position:relative}.tag-filter-container{background:var(--color-white);border:2px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:14px;margin-top:12px;padding:18px 1rem;transition:all .3s ease}.tag-filter-container:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.tag-filter-header{align-items:center;border-bottom:2px solid var(--color-border);color:var(--color-text);display:flex;font-size:15px;font-weight:700;gap:10px;padding-bottom:12px}.tag-filter-header svg{color:var(--color-primary)}.tag-filter-title{color:var(--color-text);flex:1 1}.tag-filter-count{background:var(--color-gray);border-radius:12px;color:var(--color-text-secondary);font-size:13px;font-weight:600;padding:4px 10px}.selected-tags-chips{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{align-items:center;border-radius:16px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tag-chip:hover{box-shadow:0 2px 4px #0000001a;opacity:.9;transform:translateY(-1px)}.tag-chip-name{line-height:1}.tag-chip-remove{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:background .2s ease;width:18px}.tag-chip-remove:hover{background:#0003}.tag-filter-search-wrapper{position:relative}.tag-filter-search-input{background:var(--color-white);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:14px;font-weight:500;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.tag-filter-search-input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,#0000)}.tag-filter-search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.tag-filter-suggestions{background:var(--color-white);border:2px solid var(--color-primary);border-radius:10px;box-shadow:0 8px 16px #0000001f;margin-top:8px;max-height:280px;overflow-y:auto;position:relative;z-index:10}.tag-suggestion-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.tag-suggestion-item:last-child{border-bottom:none}.tag-suggestion-item:hover{background:color-mix(in srgb,var(--color-primary) 10%,#0000);transform:translateX(4px)}.tag-suggestion-color{border:2px solid var(--color-border);border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:18px;width:18px}.tag-suggestion-name{color:var(--color-text);flex:1 1;font-size:14px;font-weight:600}.tag-suggestion-priority{background:var(--color-gray);border-radius:8px;font-size:12px;padding:3px 8px}.tag-suggestion-empty,.tag-suggestion-priority{color:var(--color-text-secondary);font-weight:500}.tag-suggestion-empty{font-size:14px;padding:24px;text-align:center}.tag-filter-section{display:flex;flex-direction:column;gap:14px;padding:0 1rem}.tag-filter-section .tag-create-button{align-items:center;align-self:flex-start;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 40%,#0000);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tag-filter-section .tag-create-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tag-filter-section .tag-create-button:hover:before{left:100%}.tag-filter-section .tag-create-button:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 50%,#0000);transform:translateY(-2px)}.tag-filter-section .tag-create-button:active{box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 35%,#0000);transform:translateY(0)}.tag-filter-suggestions::-webkit-scrollbar{width:8px}.tag-filter-suggestions::-webkit-scrollbar-track{background:var(--color-gray);border-radius:8px}.tag-filter-suggestions::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:8px;opacity:.7}.tag-filter-suggestions::-webkit-scrollbar-thumb:hover{background:var(--color-secondary);opacity:1}@media (max-width:768px){.tag-filter-container{padding:14px 1rem}.tag-chip{font-size:12px;padding:5px 10px}.tag-filter-search-input{font-size:16px}.tag-suggestion-item{padding:10px 12px}.tag-filter-suggestions{max-height:200px}}.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;transition:all .3s ease}.exp-label-multi{animation:gradientShift 2s ease infinite,labelPulse 1s ease-out;background:linear-gradient(135deg,gold,#ff6b9d,#ffa07a);background-size:200% 200%;box-shadow:0 8px 25px #ffd70080;font-size:1.1rem;padding:.6rem 1.4rem}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes labelPulse{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.multi-badge{animation:badgePopIn .4s ease-out .2s both;background:#ffffff4d;border-radius:12px;display:inline-block;font-size:.85rem;font-weight:900;margin-left:.5rem;padding:.2rem .6rem}@keyframes badgePopIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.exp-burst-container{height:150px;left:0;overflow:visible;pointer-events:none;position:absolute;top:-80px;width:100%;z-index:5}.exp-burst{animation:burstUp 1.5s ease-out forwards;color:gold;font-size:1.2rem;font-weight:900;opacity:0;position:absolute;text-shadow:0 0 10px #ffd700cc,0 2px 5px #ff6b9d99}@keyframes burstUp{0%{opacity:0;transform:translate(0) scale(.5) rotate(0deg)}20%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1.2) rotate(2turn);transform:translate(var(--random-x,0),var(--random-y,-100px)) scale(1.2) rotate(2turn)}}.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)}}.piyoco-cheer-card.high-effort{animation:highEffortPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff9f0,#fffbf5 30%,#fffaf0 50%,#fff5f8 70%,#fef3e9);border:2px solid #ffd7004d;box-shadow:0 30px 80px #ffd70066,0 20px 50px #ffb6c14d,0 10px 30px #ffe4c433,inset 0 0 80px #ffd7001a}@keyframes highEffortPulse{0%,to{box-shadow:0 30px 80px #ffd70066,0 20px 50px #ffb6c14d;transform:translateY(0) scale(1)}50%{box-shadow:0 35px 90px #ffd70080,0 25px 60px #ffb6c166;transform:translateY(-5px) scale(1.02)}}.piyoco-cheer-card.high-effort:before{animation:gentleRotate 15s linear infinite;background:radial-gradient(circle,#ffd70033 0,#ffb6c126 50%,#0000 70%)}.high-effort-sparkles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.high-effort-sparkle{animation:highEffortSparkleFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));font-size:1.5rem;opacity:0;position:absolute}.high-effort-sparkle.sparkle-0{animation-duration:3.5s}.high-effort-sparkle.sparkle-1{animation-duration:4.2s}.high-effort-sparkle.sparkle-2{animation-duration:3.8s}.high-effort-sparkle.sparkle-3{animation-duration:4.5s}.high-effort-sparkle.sparkle-4{animation-duration:3.2s}@keyframes highEffortSparkleFloat{0%{opacity:0;transform:translateY(100%) rotate(0deg) scale(.3)}15%{opacity:1}50%{opacity:.9;transform:translateY(-50%) rotate(1turn) scale(1.2)}85%{opacity:.8}to{opacity:0;transform:translateY(-150%) rotate(2turn) scale(.5)}}.piyoco-bounce.high-effort-bounce{animation:highEffortBounce 1s ease-in-out infinite;filter:drop-shadow(0 10px 25px rgba(255,215,0,.5))}@keyframes highEffortBounce{0%,to{transform:translateY(0) scale(1) rotate(0deg)}25%{transform:translateY(-15px) scale(1.08) rotate(-5deg)}50%{transform:translateY(-25px) scale(1.12) rotate(0deg)}75%{transform:translateY(-15px) scale(1.08) rotate(5deg)}}.speech-bubble.high-effort-bubble{animation:highEffortBubbleShine 3s ease-in-out infinite;background:linear-gradient(135deg,#fffef9,#fffbf0 50%,#fff9e6);border:3px solid gold;box-shadow:0 12px 35px #ffd7004d,0 6px 20px #ffb6c133,inset 0 2px 10px #ffd7001a;color:#6b4423;font-size:1.2rem;font-weight:700;overflow:hidden;position:relative}.speech-bubble.high-effort-bubble:before{border-bottom:20px solid gold}.speech-bubble.high-effort-bubble:after{border-bottom:17px solid #fffef9;border-left:15px solid #0000;border-right:15px solid #0000;content:"";height:0;left:50%;position:absolute;top:-14px;transform:translateX(-50%);width:0;z-index:1}@keyframes highEffortBubbleShine{0%,to{box-shadow:0 12px 35px #ffd7004d,0 6px 20px #ffb6c133,inset 0 2px 10px #ffd7001a}50%{box-shadow:0 15px 45px #ffd70066,0 8px 25px #ffb6c14d,inset 0 2px 15px #ffd70033}}@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,filter .5s ease;width:80px}.piyoco-widget-image.glow-evening{animation:piyocoBounce 2s ease-in-out infinite,glowPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,220,100,.8)) drop-shadow(0 0 40px rgba(255,200,50,.6)) drop-shadow(0 4px 8px rgba(255,182,193,.4))}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,220,100,.8)) drop-shadow(0 0 40px rgba(255,200,50,.6)) drop-shadow(0 4px 8px rgba(255,182,193,.4))}50%{filter:drop-shadow(0 0 30px rgba(255,220,100,1)) drop-shadow(0 0 60px rgba(255,200,50,.8)) drop-shadow(0 4px 8px rgba(255,182,193,.4))}}.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;transition:filter .5s ease;width:50px}.piyoco-widget-image-small.glow-evening{animation:piyocoBounce 2s ease-in-out infinite,glowPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,220,100,.8)) drop-shadow(0 0 30px rgba(255,200,50,.6))}@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{word-wrap:break-word;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#333;font-size:.85rem;font-weight:500;line-height:1.5;max-width:400px;min-width:200px;overflow-wrap:break-word;padding:.75rem 1.25rem;position:relative;text-align:center;white-space:normal}.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,#ffb6c1,pink);border-radius:12px;box-shadow:0 4px 12px #ffb6c166;color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:.25rem;overflow:hidden;padding:.35rem .75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.piyoco-widget-character:hover .piyoco-widget-level{box-shadow:0 6px 20px #ffb6c199}.piyoco-widget-level:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.piyoco-widget-level>*{position:relative;z-index:1}.piyoco-widget-character:hover .piyoco-widget-level:before{left:100%}.piyoco-widget-details{background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,#000));border:none;border-radius:10px;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 40%,#0000);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.piyoco-widget-details:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.piyoco-widget-details:hover:before{left:100%}.piyoco-widget-details:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 50%,#0000);transform:translateY(-2px)}.piyoco-widget-details:active{box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 35%,#0000);transform:translateY(0)}@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;max-width:300px;min-width:180px;padding:.5rem .75rem}}[data-theme=dark] .piyoco-widget-minimize-btn{color:var(--color-text-secondary)}[data-theme=dark] .piyoco-widget-minimize-btn:hover{color:var(--color-text)}[data-theme=dark] .speech-bubble-widget{background:var(--color-white);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .speech-bubble-widget:after{border-color:var(--color-white) #0000 #0000 #0000}.piyoco-widget.theme-morning{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9}.piyoco-widget.theme-morning .piyoco-widget-message .speech-bubble-widget{background:linear-gradient(135deg,#e3f2fd,#fff);border-color:#90caf9;color:#333!important}.piyoco-widget.theme-morning .piyoco-widget-level{background:linear-gradient(135deg,#ff6b9d,#c44569);box-shadow:0 4px 12px #ff6b9d66;color:#fff;text-shadow:0 2px 4px #c4456966}.piyoco-widget.theme-morning .piyoco-widget-character:hover .piyoco-widget-level{box-shadow:0 6px 20px #ff6b9d99}.piyoco-widget.theme-morning .piyoco-widget-details{background:linear-gradient(135deg,#ff9a9e,#fecfef);box-shadow:0 4px 12px #ff9a9e66}.piyoco-widget.theme-morning .piyoco-widget-details:hover{box-shadow:0 6px 20px #ff9a9e99}.piyoco-widget.theme-morning .piyoco-widget-details:active{box-shadow:0 2px 8px #ff9a9e59}.piyoco-widget.theme-afternoon{background:linear-gradient(135deg,#fff9c4,#fff59d);border-color:#ffd54f}.piyoco-widget.theme-afternoon .piyoco-widget-message .speech-bubble-widget{background:linear-gradient(135deg,#fffde7,#fff);border-color:#ffd54f;color:#333!important}.piyoco-widget.theme-afternoon .piyoco-widget-level{background:linear-gradient(135deg,#ffa726,#fb8c00);box-shadow:0 4px 12px #ffa72666;color:#fff;text-shadow:0 2px 4px #fb8c0080}.piyoco-widget.theme-afternoon .piyoco-widget-character:hover .piyoco-widget-level{box-shadow:0 6px 20px #ffa72699}.piyoco-widget.theme-afternoon .piyoco-widget-details{background:linear-gradient(135deg,#ffca28,#ffa726);box-shadow:0 4px 12px #ffca2866}.piyoco-widget.theme-afternoon .piyoco-widget-details:hover{box-shadow:0 6px 20px #ffca2899}.piyoco-widget.theme-afternoon .piyoco-widget-details:active{box-shadow:0 2px 8px #ffca2859}.piyoco-widget.theme-twilight{background:linear-gradient(135deg,#ffe0b2,#ffb74d);border-color:#ff8a65}.piyoco-widget.theme-twilight .piyoco-widget-message .speech-bubble-widget{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff8a65;color:#333!important}.piyoco-widget.theme-twilight .piyoco-widget-level{background:linear-gradient(135deg,#ff6f00,#e65100);box-shadow:0 4px 12px #ff6f0066;color:#fff;text-shadow:0 2px 4px #e6510080}.piyoco-widget.theme-twilight .piyoco-widget-character:hover .piyoco-widget-level{box-shadow:0 6px 20px #ff6f0099}.piyoco-widget.theme-twilight .piyoco-widget-details{background:linear-gradient(135deg,#ff7043,#f4511e);box-shadow:0 4px 12px #ff704366}.piyoco-widget.theme-twilight .piyoco-widget-details:hover{box-shadow:0 6px 20px #ff704399}.piyoco-widget.theme-twilight .piyoco-widget-details:active{box-shadow:0 2px 8px #ff704359}.piyoco-widget.theme-evening{background:linear-gradient(135deg,#283593,#3949ab);border-color:#5c6bc0;color:#fff}.piyoco-widget.theme-evening .piyoco-widget-message .speech-bubble-widget{background:linear-gradient(135deg,#3949ab,#5c6bc0);border-color:#7986cb;color:#fff!important}.piyoco-widget.theme-evening .piyoco-widget-level{background:linear-gradient(135deg,#fc5c7d,#6a82fb);box-shadow:0 4px 12px #fc5c7d80,0 0 20px #6a82fb4d;color:#fff;text-shadow:0 2px 6px #fc5c7d99,0 0 20px #6a82fb66}.piyoco-widget.theme-evening .piyoco-widget-character:hover .piyoco-widget-level{box-shadow:0 6px 20px #fc5c7db3,0 0 30px #6a82fb80}.piyoco-widget.theme-evening .piyoco-widget-details{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea80}.piyoco-widget.theme-evening .piyoco-widget-details:hover{box-shadow:0 6px 20px #667eeab3}.piyoco-widget.theme-evening .piyoco-widget-details:active{box-shadow:0 2px 8px #667eea66}.piyoco-status-page.theme-morning{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);min-height:100vh}.piyoco-status-page.theme-morning .piyoco-status-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.piyoco-status-page.theme-morning .growth-stages-card,.piyoco-status-page.theme-morning .location-setting-card,.piyoco-status-page.theme-morning .piyoco-main-card{background:#fffffff2;box-shadow:0 4px 20px #2196f326}.piyoco-status-page.theme-morning .level-badge-large{background:linear-gradient(135deg,#2196f3,#1976d2)}.piyoco-status-page.theme-morning .exp-bar-fill-large{background:linear-gradient(90deg,#42a5f5,#2196f3)}.piyoco-status-page.theme-morning .custom-select-trigger{border-color:#90caf9}.piyoco-status-page.theme-morning .custom-select.open .custom-select-trigger{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a,0 4px 12px #2196f326}.piyoco-status-page.theme-morning .custom-select-dropdown{border-color:#2196f3;box-shadow:0 8px 24px #2196f333,0 2px 6px #2196f31a}.piyoco-status-page.theme-morning .custom-select-option:hover{background:linear-gradient(90deg,#2196f31a,#2196f30d)}.piyoco-status-page.theme-morning .custom-select-option.selected{background:linear-gradient(90deg,#2196f326,#2196f314)}.piyoco-status-page.theme-morning .option-check{color:#2196f3}.piyoco-status-page.theme-afternoon{background:linear-gradient(135deg,#fffde7,#fff9c4 50%,#fff59d);min-height:100vh}.piyoco-status-page.theme-afternoon .piyoco-status-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.piyoco-status-page.theme-afternoon .growth-stages-card,.piyoco-status-page.theme-afternoon .location-setting-card,.piyoco-status-page.theme-afternoon .piyoco-main-card{background:#fffffff2;box-shadow:0 4px 20px #ffd54f26}.piyoco-status-page.theme-afternoon .level-badge-large{background:linear-gradient(135deg,#ffa726,#fb8c00)}.piyoco-status-page.theme-afternoon .exp-bar-fill-large{background:linear-gradient(90deg,#ffca28,#ffa726)}.piyoco-status-page.theme-afternoon .custom-select-trigger{border-color:#ffd54f}.piyoco-status-page.theme-afternoon .custom-select.open .custom-select-trigger{border-color:#ffa726;box-shadow:0 0 0 3px #ffa7261a,0 4px 12px #ffa72626}.piyoco-status-page.theme-afternoon .custom-select-dropdown{border-color:#ffa726;box-shadow:0 8px 24px #ffa72633,0 2px 6px #ffa7261a}.piyoco-status-page.theme-afternoon .custom-select-option:hover{background:linear-gradient(90deg,#ffa7261a,#ffa7260d)}.piyoco-status-page.theme-afternoon .custom-select-option.selected{background:linear-gradient(90deg,#ffa72626,#ffa72614)}.piyoco-status-page.theme-afternoon .option-check{color:#ffa726}.piyoco-status-page.theme-twilight{background:linear-gradient(135deg,#fff3e0,#ffe0b2 50%,#ffb74d);min-height:100vh}.piyoco-status-page.theme-twilight .piyoco-status-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.piyoco-status-page.theme-twilight .growth-stages-card,.piyoco-status-page.theme-twilight .location-setting-card,.piyoco-status-page.theme-twilight .piyoco-main-card{background:#fffffff2;box-shadow:0 4px 20px #ff704333}.piyoco-status-page.theme-twilight .level-badge-large{background:linear-gradient(135deg,#ff6f00,#e65100)}.piyoco-status-page.theme-twilight .exp-bar-fill-large{background:linear-gradient(90deg,#ff7043,#ff6f00)}.piyoco-status-page.theme-twilight .custom-select-trigger{border-color:#ff8a65}.piyoco-status-page.theme-twilight .custom-select.open .custom-select-trigger{border-color:#ff6f00;box-shadow:0 0 0 3px #ff6f001a,0 4px 12px #ff6f0026}.piyoco-status-page.theme-twilight .custom-select-dropdown{border-color:#ff6f00;box-shadow:0 8px 24px #ff6f0033,0 2px 6px #ff6f001a}.piyoco-status-page.theme-twilight .custom-select-option:hover{background:linear-gradient(90deg,#ff6f001a,#ff6f000d)}.piyoco-status-page.theme-twilight .custom-select-option.selected{background:linear-gradient(90deg,#ff6f0026,#ff6f0014)}.piyoco-status-page.theme-twilight .option-check{color:#ff6f00}.piyoco-status-page.theme-evening{background:linear-gradient(135deg,#1a237e,#283593 50%,#3949ab);color:#fff;min-height:100vh}.piyoco-status-page.theme-evening .piyoco-status-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3f51b5e6;color:#fff}.piyoco-status-page.theme-evening .piyoco-status-header h1{color:#fff}.piyoco-status-page.theme-evening .back-button{background:#5c6bc0cc;border-color:#ffffff4d;color:#fff}.piyoco-status-page.theme-evening .back-button:hover{background:#5c6bc0;border-color:#ffd54f;color:#ffd54f}.piyoco-status-page.theme-evening .growth-stages-card,.piyoco-status-page.theme-evening .piyoco-main-card{background:#3949abf2;box-shadow:0 4px 20px #0000004d;color:#fff}.piyoco-status-page.theme-evening .location-setting-card{background:#3949abf2;box-shadow:0 4px 20px #0000004d}.piyoco-status-page.theme-evening .location-label,.piyoco-status-page.theme-evening .location-select-wrapper label,.piyoco-status-page.theme-evening .location-setting-description,.piyoco-status-page.theme-evening .location-setting-header h3,.piyoco-status-page.theme-evening .location-value{color:#fff}.piyoco-status-page.theme-evening .prefecture-select{background-color:#5c6bc04d;border-color:#ffffff4d;color:#fff}.piyoco-status-page.theme-evening .prefecture-select option{background-color:#3949ab;color:#fff}.piyoco-status-page.theme-evening .custom-select-trigger{background:#5c6bc04d;border-color:#ffffff4d;color:#fff}.piyoco-status-page.theme-evening .custom-select-trigger:hover{background:#5c6bc066;border-color:#ffffff80}.piyoco-status-page.theme-evening .custom-select.open .custom-select-trigger{background:#5c6bc080;border-color:#90caf9;box-shadow:0 0 0 3px #90caf933,0 4px 12px #0000004d}.piyoco-status-page.theme-evening .custom-select-arrow{color:#ffffffb3}.piyoco-status-page.theme-evening .custom-select-dropdown{background:#3949abfa;border-color:#90caf9;box-shadow:0 8px 24px #0006,0 2px 6px #0000004d}.piyoco-status-page.theme-evening .custom-select-option{border-bottom-color:#ffffff1a;color:#fff}.piyoco-status-page.theme-evening .custom-select-option:hover{background:linear-gradient(90deg,#90caf933,#90caf91a)}.piyoco-status-page.theme-evening .custom-select-option.selected{background:linear-gradient(90deg,#90caf94d,#90caf926)}.piyoco-status-page.theme-evening .custom-select-option.selected:hover{background:linear-gradient(90deg,#90caf966,#90caf933)}.piyoco-status-page.theme-evening .option-check{color:#ffd54f}.piyoco-status-page.theme-evening .custom-select-dropdown::-webkit-scrollbar-track{background:#5c6bc04d}.piyoco-status-page.theme-evening .custom-select-dropdown::-webkit-scrollbar-thumb{background:#90caf980}.piyoco-status-page.theme-evening .custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#90caf9b3}.piyoco-status-page.theme-evening .event-date,.piyoco-status-page.theme-evening .event-description,.piyoco-status-page.theme-evening .exp-label,.piyoco-status-page.theme-evening .exp-next-level,.piyoco-status-page.theme-evening .exp-value,.piyoco-status-page.theme-evening .mood-message,.piyoco-status-page.theme-evening .mood-text,.piyoco-status-page.theme-evening .piyoco-description,.piyoco-status-page.theme-evening .piyoco-name-title,.piyoco-status-page.theme-evening .stage-level,.piyoco-status-page.theme-evening .stage-name,.piyoco-status-page.theme-evening .stat-label,.piyoco-status-page.theme-evening .stat-value,.piyoco-status-page.theme-evening h3{color:#fff}.piyoco-status-page.theme-evening .piyoco-edit-hint{color:#1565c0;opacity:1}.piyoco-status-page.theme-evening .level-badge-large{background:linear-gradient(135deg,#5c6bc0,#3f51b5);color:#ffd54f}.piyoco-status-page.theme-evening .exp-bar-large{background:#fff3}.piyoco-status-page.theme-evening .exp-bar-fill-large{background:linear-gradient(90deg,#7986cb,#5c6bc0)}.piyoco-status-page.theme-evening .piyoco-name-input-edit{background-color:#5c6bc04d;border-color:#ffffff4d;color:#fff}.piyoco-status-page.theme-evening .piyoco-name-input-edit::placeholder{color:#ffffff80}.piyoco-status-page.theme-evening .piyoco-name-char-count{color:#ffffffb3}.piyoco-status-page.theme-evening .piyoco-stats .stat-item{background:#5c6bc04d;border-color:#fff3}.piyoco-status-page.theme-evening .piyoco-stats .stat-item:hover{background:#5c6bc066;border-color:#ffffff4d}.piyoco-status-page.theme-evening .piyoco-exp-section{background:#5c6bc04d;border-color:#fff3}.piyoco-status-page.theme-evening .exp-max-level-notice,.piyoco-status-page.theme-evening .growth-premium-notice{background:#5c6bc066;border-color:#ffd70080}.piyoco-status-page.theme-evening .exp-max-level-notice p,.piyoco-status-page.theme-evening .growth-premium-notice p{color:#fff}.piyoco-status-page.theme-evening .growth-stage-item{background:#5c6bc04d;border-color:#fff3}.piyoco-status-page.theme-evening .growth-stage-item.active{background:#5c6bc080;border-color:#ffd54f}.piyoco-status-page.theme-evening .current-badge{background:linear-gradient(135deg,#ffd54f,#ffca28);color:#283593}.piyoco-status-page.theme-evening .piyoco-mood-section{background:#5c6bc04d;border-color:#fff3}.piyoco-status-page.theme-evening .mood-label{color:#ffd54f}.piyoco-status-page.theme-evening .mood-message{background:#5c6bc066;border-color:#fff3}.piyoco-status-page.theme-evening .growth-history-card{background:#3949abf2;border-color:#90caf94d;box-shadow:0 4px 20px #0000004d}.piyoco-status-page.theme-evening .growth-history-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd54f,#ffca28);-webkit-background-clip:text;background-clip:text}.piyoco-status-page.theme-evening .history-event{background:#5c6bc066;border-color:#fff3}.piyoco-status-page.theme-evening .history-event:hover{background:#5c6bc080;border-color:#ffffff4d}.piyoco-status-page.theme-evening .history-empty,.piyoco-status-page.theme-evening .history-loading{color:#ffffffb3}.piyoco-status-page.theme-evening .history-empty-hint{color:#ffffff80}.piyoco-status-page,.piyoco-widget{transition:background 1s ease-in-out,color 1s ease-in-out}.piyoco-status-page .exp-bar-fill-large,.piyoco-status-page .growth-stages-card,.piyoco-status-page .level-badge-large,.piyoco-status-page .location-setting-card,.piyoco-status-page .piyoco-main-card,.piyoco-widget .piyoco-widget-level,.piyoco-widget .piyoco-widget-message .speech-bubble-widget{transition:background 1s ease-in-out,border-color 1s ease-in-out,color 1s ease-in-out,box-shadow 1s ease-in-out}.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,var(--color-primary),var(--color-primary-hover));border:none;border-radius:8px;box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 30%,#0000);color:var(--color-text-on-primary);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,var(--color-primary-hover),color-mix(in srgb,var(--color-primary) 80%,#000));box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 40%,#0000);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}}[data-theme=dark] .guest-warning-banner{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-bottom-color:#fbbf244d}[data-theme=dark] .warning-text{color:#fbbf24}[data-theme=dark] .warning-highlight{color:#fb923c}.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:var(--color-text-on-primary);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}}.theme-settings-modal{max-height:85vh;max-width:900px}.theme-settings-modal .modal-body{max-height:calc(85vh - 180px);overflow-y:auto}.theme-section{margin-bottom:2rem}.theme-section:last-child{margin-bottom:0}.theme-section-title{align-items:center;color:var(--text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.theme-section-hint{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-top:.5rem}.piyoco-name-input{background:var(--surface);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.piyoco-name-input:focus,.piyoco-name-input:hover{border-color:var(--primary)}.piyoco-name-input:focus{background:#fff;box-shadow:0 0 0 3px var(--primary-light);outline:none}.voice-toggle-container{align-items:center;display:flex;gap:1rem}.voice-toggle{display:inline-block;height:34px;position:relative;width:60px}.voice-toggle input{height:0;opacity:0;width:0}.voice-toggle-slider{background-color:var(--color-border);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.voice-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.voice-toggle input:checked+.voice-toggle-slider{background-color:var(--primary)}.voice-toggle input:checked+.voice-toggle-slider:before{transform:translateX(26px)}.voice-toggle-label{color:var(--text);font-size:.95rem;font-weight:600}.theme-group{margin-bottom:1.5rem}.theme-group:last-child{margin-bottom:0}.theme-group-title{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.theme-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.theme-card{background:var(--color-white)!important;background-color:var(--color-white)!important;border:2px solid var(--color-border)!important;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;padding:1rem;position:relative;text-align:inherit;transition:all .2s ease}.theme-card,.theme-card:focus{outline:none}.theme-card:hover{border-color:var(--color-text-secondary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.theme-grid .theme-card.selected,button.theme-card.selected{background:var(--color-gray)!important;background-color:var(--color-gray)!important;border-color:var(--color-text)!important;border-style:solid;border-width:2px;box-shadow:0 6px 20px #0000002e;position:relative}.theme-card.selected:before{align-items:center;background:var(--color-text);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;content:"✓";display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:28px;z-index:1}.theme-preview{border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;height:80px;margin-bottom:.75rem;overflow:hidden;width:100%}.theme-info{background:var(--color-white);padding:.25rem;text-align:center}.theme-name{color:var(--color-text);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.theme-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.3}.background-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.background-card{background:var(--color-white);border:2px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:flex;flex-direction:column;padding:.875rem;position:relative;transition:all .2s ease}.background-card:hover{border-color:var(--color-text-secondary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.background-card.selected{background:var(--color-gray);border-color:var(--color-text);border-width:2px;box-shadow:0 6px 20px #0000002e}.background-preview{border:1px solid #0000000d;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:60px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.background-info{text-align:center}.background-name{color:var(--text);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.background-description{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.premium-badge{background:linear-gradient(135deg,gold,#ffb700);border-radius:4px;box-shadow:0 2px 4px #0003;color:var(--color-text);font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem;z-index:2}@media (max-width:768px){.theme-settings-modal{max-height:90vh;max-width:95vw}.theme-settings-modal .modal-body{max-height:calc(90vh - 160px)}.theme-section{margin-bottom:1.5rem}.theme-section-title{font-size:1rem}.theme-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.background-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.background-card,.theme-card{padding:.875rem}.theme-preview{height:60px}}.piyoco-skin-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.piyoco-skin-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1.5rem}.piyoco-skin-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.piyoco-skin-card:before{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.piyoco-skin-card:hover:not(.locked){border-color:var(--color-primary);box-shadow:0 12px 24px #3db39540;transform:translateY(-8px) scale(1.02)}.piyoco-skin-card:hover:not(.locked):before{opacity:.1}.piyoco-skin-card.selected{background:linear-gradient(135deg,#f0fdf9,#e6faf5);border-color:var(--color-primary);box-shadow:0 8px 20px #3db39559;transform:scale(1.05)}.piyoco-skin-card.selected:before{opacity:.15}.piyoco-skin-card.locked{background:linear-gradient(135deg,#f5f5f5,#e9ecef);box-shadow:0 2px 8px #0000000f;cursor:not-allowed;opacity:.65}.piyoco-skin-selected-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:50%;box-shadow:0 4px 12px #3db39580;color:var(--color-text-on-primary);display:flex;height:36px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:36px;z-index:2}@keyframes pulse{0%,to{box-shadow:0 4px 12px #3db39580;transform:scale(1)}50%{box-shadow:0 6px 16px #3db39599;transform:scale(1.1)}}.piyoco-skin-premium-badge{background:linear-gradient(135deg,gold,#ffb700);border-radius:6px;box-shadow:0 3px 8px #ffd70066;color:#2c3e50;font-size:.7rem;font-weight:700;left:.75rem;letter-spacing:.5px;padding:.35rem .65rem;position:absolute;text-transform:uppercase;top:.75rem;z-index:2}.piyoco-skin-image-container{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;display:flex;justify-content:center;margin-bottom:1rem;overflow:hidden;transition:all .3s ease;width:100%}.piyoco-skin-card:hover:not(.locked) .piyoco-skin-image-container{background:linear-gradient(135deg,#fff,#f0fdf9);border-color:var(--color-primary);transform:scale(1.05)}.piyoco-skin-card.selected .piyoco-skin-image-container{background:linear-gradient(135deg,#f0fdf9,#e6faf5);border-color:var(--color-primary)}.piyoco-skin-image{border-radius:12px;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.piyoco-skin-image.silhouette{filter:brightness(0) drop-shadow(0 0 8px rgba(0,0,0,.2));opacity:.25}.piyoco-skin-card:hover:not(.locked) .piyoco-skin-image{transform:scale(1.1)}.piyoco-skin-locked{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;color:#6c757d;display:flex;height:100%;justify-content:center;width:100%}.piyoco-skin-info{text-align:center}.piyoco-skin-name{color:var(--color-text);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .4rem}.piyoco-skin-personality{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin:0 0 .75rem}.piyoco-skin-unlock-condition{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffc107;border-radius:10px;box-shadow:0 2px 6px #ffc10726;margin-top:.75rem;padding:.85rem}.unlock-label{color:#856404;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0 0 .6rem;text-transform:uppercase}.unlock-requirements{color:#856404;display:flex;flex-direction:column;font-size:.8rem;gap:.35rem}.unlock-requirements>div{align-items:center;display:flex;font-weight:500;gap:.4rem;padding:.25rem 0}.requirement-met{color:#28a745!important;font-weight:700}@media (max-width:768px){.piyoco-skin-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.piyoco-skin-card{border-radius:14px;padding:1rem}.piyoco-skin-card:hover:not(.locked){transform:translateY(-6px) scale(1.01)}.piyoco-skin-image-container{border-radius:10px;margin-bottom:.75rem}.piyoco-skin-name{font-size:.95rem}.piyoco-skin-personality{font-size:.8rem}.piyoco-skin-selected-badge{height:32px;right:.5rem;top:.5rem;width:32px}.piyoco-skin-premium-badge{font-size:.65rem;left:.5rem;padding:.3rem .5rem;top:.5rem}.unlock-label{font-size:.75rem}.unlock-requirements{font-size:.7rem}}[data-theme=dark] .piyoco-skin-card{background:linear-gradient(135deg,#ffffff14,#ffffff0d);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .piyoco-skin-card:hover:not(.locked){background:linear-gradient(135deg,#ffffff1f,#ffffff14);box-shadow:0 12px 24px #3db3954d}[data-theme=dark] .piyoco-skin-card.selected{background:linear-gradient(135deg,#3db39526,#3db3951a);box-shadow:0 8px 20px #3db39566}[data-theme=dark] .piyoco-skin-card.locked{background:linear-gradient(135deg,#ffffff08,#ffffff05);box-shadow:0 2px 8px #0003;opacity:.5}[data-theme=dark] .piyoco-skin-image-container{background:linear-gradient(135deg,#ffffff0d,#ffffff08);border-color:#ffffff1a}[data-theme=dark] .piyoco-skin-card:hover:not(.locked) .piyoco-skin-image-container{background:linear-gradient(135deg,#ffffff14,#3db3950d);border-color:var(--color-primary)}[data-theme=dark] .piyoco-skin-card.selected .piyoco-skin-image-container{background:linear-gradient(135deg,#3db3951a,#3db3950d);border-color:var(--color-primary)}
/*# sourceMappingURL=main.436cc54c.css.map*/