.dark-mode{--bg-color:#121212;--container-bg:#1e1e1e;--text-color:#f0f0f0;--ms-color:#ff8a8a;--date-color:#aaa;--shadow-color:#0000004d;--icon-bg:#2a2a2a;--icon-hover:#3a3a3a;--icon-text:#ccc}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark-mode,html.dark-mode,html.dark-mode body{background-color:#f5f5f5;background-color:var(--bg-color);color:#333;color:var(--text-color)}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}:root{--bg-color:#f5f5f5;--container-bg:#fff;--text-color:#333;--ms-color:#ff6b6b;--date-color:#666;--shadow-color:#0000001a;--icon-bg:#f0f0f0;--icon-hover:#e0e0e0;--icon-text:#555}.logo-container{align-items:center;display:flex;margin-bottom:30px;z-index:2}.logo-img{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.logo-name{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(45deg,gold,#daa520);color:#0000;cursor:pointer;font-size:48px;font-weight:700}body.dark-mode,html.dark-mode{--bg-color:#121212;--container-bg:#1e1e1e;--text-color:#f0f0f0;--ms-color:#ff8a8a;--date-color:#aaa;--shadow-color:#0000004d;--icon-bg:#2a2a2a;--icon-hover:#3a3a3a;--icon-text:#ccc}body{background-color:#f5f5f5;background-color:var(--bg-color);color:#333;color:var(--text-color)}.App,body{transition:background-color .3s ease,color .3s ease}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.confetti-canvas{height:100vh;left:0;opacity:1!important;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000}.controls{display:flex;gap:10px;position:absolute;right:20px;top:20px;z-index:9}.control-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.control-btn:hover{background-color:#0000001a;transform:scale(1.1)}body.dark-mode .control-btn:hover,html.dark-mode .control-btn:hover{background-color:#ffffff1a}.page-title{font-size:36px;font-weight:700;margin-bottom:30px;text-align:center;z-index:2}.clock-container{animation:fadeIn 1.5s ease-in-out;background-color:#fff;background-color:var(--container-bg);border-radius:10px;box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;display:inline-block;margin-bottom:40px;padding:clamp(.8rem,2vw,2.5rem);text-align:center;transition:background-color .3s ease,box-shadow .3s ease;width:min(95vw,1000px);z-index:2}.clock{font-family:Courier New,monospace;font-size:72px;font-weight:700;margin-bottom:10px}.clock,.milliseconds{transition:color .3s ease}.milliseconds{color:#ff6b6b;color:var(--ms-color);font-size:36px;opacity:.7}.date{color:#666;color:var(--date-color);font-size:18px;opacity:.8}.date,.subtitle{transition:color .3s ease}.subtitle{font-size:24px;margin-bottom:20px;z-index:2}.app-icons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:800px;z-index:2}.app-icon{align-items:center;color:inherit;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease}.app-icon:hover{transform:scale(1.1)}.icon{align-items:center;border-radius:15px;display:flex;font-size:48px;height:80px;justify-content:center;margin-bottom:10px;transition:background-color .3s ease,box-shadow .3s ease;width:80px}.icon,body.dark-mode .icon,html.dark-mode .icon{background-color:#f0f0f0;background-color:var(--icon-bg);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color)}.icon-label{color:#555;color:var(--icon-text);font-size:16px;text-align:center;transition:color .3s ease}@media (max-width:768px){.clock{font-size:48px}.milliseconds{font-size:24px}.date{font-size:16px}.page-title{font-size:28px}.subtitle{font-size:20px}.icon{font-size:36px;height:60px;width:60px}.icon-label{font-size:14px}.app-icons{gap:20px}.category-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.category-btn{font-size:14px;padding:8px 16px}.quote-actions{flex-direction:column;gap:20px}.tags{flex-wrap:wrap}.action-buttons,.tags{justify-content:center}.action-buttons{width:100%}.action-btn{height:56px;width:40px}.action-count{bottom:6px;font-size:10px}}html.fullscreen .clock-container{padding:1rem}html.fullscreen .page-title,html.fullscreen .subtitle{font-size:24px}@media (max-width:480px){body{padding:10px}.page-title{font-size:24px}.subtitle{font-size:18px}.clock-container{padding:.5rem}.clock{font-size:36px}.milliseconds{font-size:18px}.date{font-size:14px}.app-icons{gap:15px}.icon{font-size:30px;height:50px;width:50px}.icon-label{font-size:12px}.controls{right:10px;top:10px}.control-btn{font-size:20px;padding:3px}.logo-container{margin-bottom:20px}.logo-name{font-size:20px}.category-selector{gap:8px}.category-btn{font-size:12px;padding:6px 12px}.tag{font-size:12px;padding:4px 10px}.action-btn{height:48px;width:36px}.action-count{bottom:4px;font-size:10px;margin-top:2px}}@media (max-height:500px) and (orientation:landscape){body{padding:5px}.page-title{font-size:20px;margin-bottom:10px}.clock-container{margin-bottom:10px;padding:.5rem}.clock{font-size:32px;margin-bottom:5px}.milliseconds{font-size:16px}.date{font-size:12px}.subtitle{font-size:16px;margin-bottom:10px}.app-icons{gap:10px}.icon{font-size:24px;height:40px;margin-bottom:5px;width:40px}}@media (hover:none){.app-icon:active{transform:scale(1.1)}.app-icon:active .icon{background-color:#e0e0e0;background-color:var(--icon-hover)}}.quote-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffffb3;border-radius:20px;box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);margin:20px auto;padding:40px;position:relative;text-align:center;transition:all .3s ease;width:min(95vw,1000px);z-index:2}body.dark-mode .quote-container,html.dark-mode .quote-container{background-color:#1e1e1eb3;color:#333;color:var(--text-color)}body.dark-mode html.fullscreen .quote-container,html.dark-mode html.fullscreen .quote-container{background-color:#1e1e1ecc}.quote-text{color:#333;color:var(--text-color);line-height:1.6;margin:40px 0}.quote-source,.quote-text{font-size:24px;transition:color .3s ease}.quote-source{color:#ff6b6b;color:var(--ms-color);left:20px;position:absolute;text-align:left;top:20px}.quote-author{bottom:20px;color:#666;color:var(--date-color);font-size:18px;position:absolute;right:20px;text-align:right;transition:color .3s ease}.quote-text.typing:after{animation:blink 1s step-end infinite;background-color:#333;background-color:var(--text-color);content:"";display:inline-block;height:1.2em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.category-selector{display:flex;gap:10px;justify-content:center;margin-bottom:10px;z-index:2}.category-btn{background-color:#fff;background-color:var(--container-bg);border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#333;color:var(--text-color);cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.category-btn:hover{box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.category-btn.active{background-color:#ff6b6b;background-color:var(--ms-color);color:#fff}.quote-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;width:min(95vw,1000px);z-index:2}.tags{display:flex;gap:10px}.tag{background-color:#fff;background-color:var(--container-bg);border-radius:15px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#333;color:var(--text-color);font-size:14px;padding:6px 12px;transition:all .3s ease}.tag:hover{box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.action-buttons{align-items:flex-start;display:flex;gap:15px}.action-btn{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:block;margin:0;padding:0;text-decoration:none;transition:all .3s ease}.action-icon-wrapper{align-items:center;display:flex;flex-direction:column}.action-icon-circle{align-items:center;background-color:initial;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:48px}.action-btn:hover .action-icon-circle{transform:translateY(-2px)}.action-btn.active .action-icon-circle,.action-btn:hover .action-icon-circle{background-color:#fff;background-color:var(--container-bg);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color)}.action-btn.active .action-icon{transform:scale(1.2)}.action-icon{font-size:24px;height:24px;line-height:1;transition:transform .3s ease;width:24px}.action-count{color:#666;color:var(--date-color);font-size:12px;transition:color .3s ease}.action-btn.active .action-count{color:#ff6b6b;color:var(--ms-color)}.background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:.3;position:fixed;top:0;transition:opacity 1s ease,background-image 1s ease;width:100%;z-index:0}body.dark-mode .background-image,html.dark-mode .background-image{opacity:.15}html.fullscreen .background-image{opacity:.4}body.dark-mode html.fullscreen .background-image,html.dark-mode html.fullscreen .background-image{opacity:.2}.space-key-tip{color:#666;font-size:14px;margin-top:10px;text-align:center}@media (max-width:768px){.space-key-tip{display:none}.refresh-btn{display:block}}.progress-bar{background-color:#e0e0e0;bottom:-1px;height:1px;left:20px;overflow:hidden;position:absolute;right:20px}.progress{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;margin-left:auto;transition:width .1s linear}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;height:520px;transition:transform .3s ease;width:420px}.modal-content:hover{transform:translateY(-5px)}.modal-image-container{align-items:center;background-color:#f0f0f0;background-color:var(--icon-bg);display:flex;flex:1 1;flex-direction:column;justify-content:center;max-height:calc(100% - 80px);padding:20px}.support-tip{font-size:.4em;margin-top:5px}.modal-content img{border-radius:8px;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.modal-buttons{background-color:#fff;background-color:var(--container-bg);display:flex;justify-content:flex-end;padding:20px}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.modal-button-download{background-color:#2196f3;color:#fff}.modal-button-download:hover{background-color:#1976d2;transform:scale(1.05)}.modal-button-close{background-color:#f44336;color:#fff}.modal-button-close:hover{background-color:#d32f2f;transform:scale(1.05)}.creating-card-tip{z-index:10000}.creating-card-tip,.submit-tip{background-color:#000c;border-radius:5px;color:#fff;left:50%;padding:10px 20px;position:fixed;top:50%;transform:translate(-50%,-50%)}.submit-tip{box-shadow:0 4px 8px #0003;opacity:0;text-align:center;transition:opacity .3s ease-in-out;z-index:9999}.submit-tip.show{opacity:1}.submit-tip:not(:visible){opacity:0}.submit-quote-container{left:calc((100% - min(95vw, 1000px))/2);position:absolute;top:20px;z-index:100}.submit-quote-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.submit-quote-btn,.submit-quote-btn:hover{background:linear-gradient(45deg,gold,#daa520)}.submit-quote-btn:hover{transform:scale(1.05)}.share-button-container{display:inline-block;position:relative}.share-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;left:0;min-width:120px;position:absolute;top:100%;z-index:100}.share-menu-item{background-color:initial;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.share-menu-item:hover{background-color:#f0f0f0}.submit-dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;position:absolute;z-index:1000}.dropdown-item{background-color:initial;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f0f0f0}.category-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.category-modal-content{background-color:#fff;border-radius:8px;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px}.category-list,.category-list-wrapper{display:flex;flex-wrap:wrap;gap:10px}.category-modal-close{background-color:#ccc;border:none;border-radius:4px;cursor:pointer;display:block;margin-left:auto;margin-right:auto;margin-top:20px;padding:8px 16px;width:50%}.hidden{display:none}.fullscreen-quote{align-items:center;display:flex;justify-content:center}.fullscreen-text{font-size:300%}.background-setting-container{display:inline-block;position:relative}.background-setting-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;min-width:150px;position:absolute;right:0;top:100%;z-index:100}.menu-item{background:none;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;white-space:nowrap;width:150px}.menu-item:hover{background-color:#f0f0f0}body.dark-mode .background-setting-menu{background-color:#333;border-color:#555}body.dark-mode .menu-item{color:#fff}body.dark-mode .menu-item:hover{background-color:#444}.form-input{box-sizing:border-box;display:block;margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.product-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:30px;overflow:visible}.product-image-list{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(1,1fr);max-width:100%;overflow:visible}@media (min-width:320px){.product-image-list{grid-template-columns:repeat(2,1fr)}.product-image-list img:only-child{grid-column:1/-1}}@media (min-width:769px){.product-image-list{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.background-setting-container img[alt=\5168\5C4F\5207\6362]{display:none}}.product-image{box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:block;height:100px;max-width:100%;object-fit:cover;padding:5x;position:relative;width:200px;z-index:1}.product-detail-button{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;position:relative;transition:background-color .3s ease,transform .2s ease;width:150px;z-index:1}.product-detail-button:hover{background-color:#1976d2;transform:scale(1.05)}.golden_app>div{position:relative;z-index:9999}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:9999}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background-color:var(--container-bg);border-radius:20px;box-shadow:0 15px 35px #0000004d;display:flex;flex-direction:column;height:auto;overflow:hidden;transform:translateY(-20px);transition:transform .3s ease,box-shadow .3s ease;width:480px}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-content:hover{box-shadow:0 20px 45px #0006}.modal-content h2{background-color:var(--ms-color);color:#fff;font-size:24px;margin:0;padding:20px;text-align:center}.modal-content label{color:var(--text-color);display:block;font-size:16px;margin:20px}.modal-content input,.modal-content textarea{background-color:var(--container-bg);border:1px solid #ddd;border-radius:8px;color:var(--text-color);font-size:14px;margin-top:8px;padding:12px;transition:border-color .3s ease;width:100%}.modal-content input:focus,.modal-content textarea:focus{border-color:var(--ms-color);box-shadow:0 0 8px #ff6b6b4d;outline:none}.modal-content form>div{background-color:var(--icon-bg);display:flex;justify-content:flex-end;padding:20px}.modal-content button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;margin-left:15px;padding:10px 25px;transition:background-color .3s ease,transform .2s ease}.modal-content button[type=submit]{background-color:var(--ms-color);color:#fff}.modal-content button[type=submit]:hover{background-color:#ff4747;transform:scale(1.05)}.modal-content button[type=button]{background-color:#e0e0e0;color:#333}.modal-content button[type=button]:hover{background-color:#d0d0d0;transform:scale(1.05)}.fixed-height-textarea{height:150px;resize:none}.form-element{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin:8px 20px 0;padding:8px;width:calc(100% - 40px)}.select-style{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.color-item-text{margin:5px}.color-grid{display:flex;flex-wrap:wrap}.color-item-text{cursor:pointer;display:inline-block;font-size:16px;padding:5px 10px;position:relative;transition:all .3s ease;z-index:1}.color-item-text:hover{font-size:16px;text-shadow:2px 2px 4px #0000004d}.color-picker-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.color-picker-overlay{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.color-picker-content{background-color:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%;z-index:1}.scrollable-color-grid{max-height:300px;overflow-y:auto}.color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:20px 0}.color-item{border-radius:4px;cursor:pointer;height:50px;transition:transform .2s}.color-item:hover{transform:scale(1.05)}.close-button{background-color:#ccc;border-radius:4px;display:block;margin:0 auto;padding:8px 16px}.close-button:hover{background-color:#bbb}.color-picker-label,.color-picker-title{color:#000}.help-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.help-modal-content{background-color:#fff;border-radius:8px;max-height:90%;max-width:90%;overflow:hidden;position:relative}.help-modal-image{display:block;margin:0 auto;max-height:80vh;max-width:100%;position:relative;transform:scale(1);transition:transform .5s ease-in-out}.scale-out{transform:scale(1.1)}.scale-in{transform:scale(1)}.help-modal-next,.help-modal-prev{background-color:#00000080;border:none;color:#fff;cursor:pointer;font-size:24px;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:1001}.help-modal-prev{left:0}.help-modal-next{right:0}.slide-left{transform:translateX(-100%)}.slide-right{transform:translateX(100%)}@media (max-width:768px){.help-modal-next,.help-modal-prev{font-size:18px;padding:5px}}.app-intro-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.app-intro-modal-content{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:600px;max-width:80%}.dark-mode{background-color:#333;color:#fff}.app-intro-modal-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:1rem}.app-intro-modal-close{background:none;border:none;cursor:pointer;font-size:24px}.modal-content-container{flex:1 1;overflow-y:auto;padding:0}.app-intro-modal-footer{border-top:1px solid #ccc;padding:1rem;text-align:center}.activity-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.activity-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:20px;width:90%}.activity-modal h2{margin-top:0}.activity-modal form div{margin-bottom:15px}.activity-modal label{display:block;margin-bottom:5px}.activity-modal input[type=text],.activity-modal textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin:10px 0;padding:10px;width:100%}.activity-modal input[type=file]{margin-bottom:10px}.activity-modal button{border:none;border-radius:4px;cursor:pointer;margin-right:10px;padding:10px 20px}.activity-modal button[type=submit]{background:#007bff;color:#fff;width:150px}.activity-modal button[type=submit]:hover{background:#0056b3}.activity-modal button[type=button]{background:#6c757d;color:#fff;width:150px}.activity-modal button[type=button]:hover{background:#5a6268}.image-preview{display:flex;flex-wrap:wrap;gap:10px}.image-preview img{max-height:100px;max-width:100px}.activity-type-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path fill="%23666" d="M0 0l5 6 5-6z"/></svg>');background-position:right 15px center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:16px;padding:10px 15px;transition:border-color .3s ease;width:100%}.activity-type-select:hover{border-color:#999}.activity-type-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.button-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.image-upload-warning{color:red;display:block;font-size:14px}html.dark-mode .activity-modal h2,html.dark-mode .activity-modal label{color:#000}.common-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.common-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:500px;width:90%}.common-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.close-button{background:none;border:none;cursor:pointer;font-size:24px}.common-modal-body{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:30px}.common-modal-footer{display:flex;justify-content:center;margin-bottom:20px;padding:16px}.confirm-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;width:120px}html.dark-mode .common-modal-body,html.dark-mode .common-modal-header h4{color:#000}.dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog-content{animation:scaleIn .3s ease-out;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:32rem;padding:2rem;width:100%}.dialog-content p{color:#1f2937;font-size:1.125rem;line-height:1.75rem;margin-bottom:1.5rem}.dialog-buttons{display:flex;gap:1rem;justify-content:flex-end}.dialog-buttons button{border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1.5rem;transition:all .15s ease-in-out}.dialog-buttons button:first-child{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.dialog-buttons button:first-child:hover{background-color:#1d4ed8;border-color:#1d4ed8}.dialog-buttons button:nth-child(2){background-color:#fff;border:1px solid #d1d5db;color:#374151}.dialog-buttons button:nth-child(2):hover{background-color:#f3f4f6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}
/*# sourceMappingURL=main.0a878e86.css.map*/