.tool-header{background-color:var(--color-accent);display:flex;align-items:center;padding:12px 16px;position:relative}.tool-header .back-link{color:#fff;display:flex;align-items:center;justify-content:center;margin-right:8px}.tool-header .tool-title{color:#fff;font-size:18px;font-weight:600;margin:0;flex:1;text-align:center}.tool-header .share-button{color:#fff;background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tool-interface{background-color:var(--color-surface);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text)}.form-input{width:100%;padding:.75rem;border-radius:6px;border:2px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.form-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-light)}.form-input::placeholder{color:var(--color-text-tertiary)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}input[type=date].form-input,input[type=time].form-input{min-height:2.75rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-group label{display:flex;align-items:center;cursor:pointer}.radio-group input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-radius:50%;margin-right:.5rem;position:relative;cursor:pointer}.radio-group input[type=radio]:checked{border-color:var(--color-accent);background-color:var(--color-surface)}.radio-group input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.65rem;height:.65rem;background-color:var(--color-accent);border-radius:50%}.radio-group input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-light)}.color-input{width:50px;height:40px;padding:0;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;overflow:hidden}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-align:center;cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s;border:none;font-size:1rem;box-shadow:var(--shadow-xs);width:100%}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px #00000026}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover);box-shadow:0 4px 8px #00000026}.tool-description-box{background-color:var(--color-bg-secondary);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;border-left:4px solid var(--color-accent);color:var(--color-text);font-size:.95rem;line-height:1.5;box-shadow:var(--shadow-xs)}.events-container{margin-top:2rem}.section-title{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text);font-weight:600;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.events-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.event-card{background-color:var(--color-surface);border-radius:8px;padding:1.25rem;box-shadow:var(--shadow-sm);position:relative;transition:transform .2s,box-shadow .2s;overflow:hidden;border:1px solid var(--color-border)}.event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.event-name{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text)}.event-actions{display:flex;gap:.5rem}.event-action-btn{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;border-radius:4px;transition:background-color .2s,color .2s}.event-action-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-accent)}.event-date{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem}.countdown-display{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:60px;background-color:var(--color-bg-secondary);padding:.75rem .5rem;border-radius:6px;box-shadow:var(--shadow-xs)}.countdown-value{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.countdown-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;margin-top:.25rem}.event-color-indicator{position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-accent)}.empty-state{text-align:center;padding:2rem;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border-radius:8px;font-size:.95rem;border:1px dashed var(--color-border)}.image-generator-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.image-preview{margin-top:1.5rem;background-color:var(--color-bg-secondary);border-radius:8px;padding:1rem;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed var(--color-border)}.image-preview img{max-width:100%;border-radius:4px;box-shadow:var(--shadow-sm)}.image-preview.empty{color:var(--color-text-secondary);font-size:.9rem}.reminder-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.reminders-list{margin-top:1.5rem}.reminder-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-surface);border-radius:6px;margin-bottom:.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.reminder-info{display:flex;flex-direction:column}.reminder-event{font-weight:500;color:var(--color-text)}.reminder-date{font-size:.85rem;color:var(--color-text-secondary);margin-top:.25rem}.delete-reminder{background:none;border:none;color:#ff5252;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.delete-reminder:hover{background-color:#ff52521a}.hint-text{text-align:center;color:var(--color-text-secondary);font-size:.9rem;margin:2rem 0;font-style:italic;background-color:var(--color-bg-secondary);padding:.75rem;border-radius:6px;border:1px dashed var(--color-border)}.action-buttons{display:flex;gap:.75rem;margin-top:1rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.action-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:0 2px 5px #0000001a}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background-color:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;opacity:0;transition:transform .3s,opacity .3s;z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media(max-width:768px){.countdown-display{gap:.5rem}.countdown-unit{min-width:50px}.countdown-value{font-size:1.25rem}.action-buttons{flex-direction:column}.radio-group{flex-direction:column;gap:.75rem}}