@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:80vh;box-sizing:border-box;font-family:sans-serif}.auth-container h2{font-size:1.5rem;margin-bottom:1rem;color:#333}.auth-form{display:flex;flex-direction:column;width:90%;max-width:350px;gap:.8rem}.auth-form input{padding:.6rem .8rem;font-size:1rem;border:1px solid #ccc;border-radius:.3rem;outline:none;box-sizing:border-box;width:100%}.auth-form input:focus{border-color:#3b82f6;box-shadow:0 0 2px #3b82f6}.auth-form button{padding:.5rem .8rem;font-size:1rem;border-radius:.3rem;border:none;background-color:#3b82f6;color:#fff;cursor:pointer;transition:background .2s}.auth-form button:hover{background-color:#2563eb}.auth-form .secondary-btn{background-color:#e5e7eb;color:#3b82f6}.auth-form .secondary-btn:hover{background-color:#d1d5db}.terms-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.terms-popup{background:#fff;padding:20px;border-radius:12px;width:80%;max-width:600px;max-height:80%;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.terms-content{margin-bottom:15px;font-size:.9rem;line-height:1.6}@media (prefers-color-scheme: dark){.auth-container{background-color:#111827;color:#f9fafb}.auth-container h2{color:#f9fafb}.auth-form input{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}.auth-form input:focus{border-color:#3b82f6;box-shadow:0 0 2px #3b82f6}.auth-form button{background-color:#3b82f6;color:#f9fafb}.auth-form button:hover{background-color:#2563eb}.auth-form .secondary-btn{background-color:#374151;color:#f9fafb}.auth-form .secondary-btn:hover{background-color:#4b5563}.terms-popup{background-color:#1f2937;color:#f9fafb;box-shadow:0 5px 15px #ffffff0d}}:root{--modal-bg: #ffffff;--overlay-bg: rgba(0, 0, 0, .6);--text: #1f2937;--input-bg: #ffffff;--input-border: #d1d5db;--submit-bg: #10b981;--submit-text: #ffffff;--cancel-bg: #f87171;--cancel-text: #ffffff}@media (prefers-color-scheme: dark){:root{--modal-bg: #111827;--overlay-bg: rgba(0, 0, 0, .7);--text: #e6eef8;--input-bg: #1f2937;--input-border: #374151;--submit-bg: #059669;--submit-text: #f3f4f6;--cancel-bg: #ef4444;--cancel-text: #f3f4f6}}body.dark{--modal-bg: #111827;--overlay-bg: rgba(0, 0, 0, .7);--text: #e6eef8;--input-bg: #1f2937;--input-border: #374151;--submit-bg: #059669;--submit-text: #f3f4f6;--cancel-bg: #ef4444;--cancel-text: #f3f4f6}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--modal-bg);border-radius:12px;padding:16px;width:90%;max-width:400px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:12px;color:var(--text)}.modal-content h3{text-align:center;margin:0;font-size:1.2rem}label{display:flex;flex-direction:column;font-weight:700;font-size:.9rem}input,select,textarea{margin-top:4px;padding:8px;border-radius:8px;border:1px solid var(--input-border);font-size:1rem;background:var(--input-bg)}textarea{resize:vertical;min-height:60px}button{padding:10px;border-radius:9999px;border:none;font-weight:700;cursor:pointer;margin-top:8px}.modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:12px}.modal-buttons button{flex:1;padding:10px 0;border-radius:9999px;border:none;font-weight:700;cursor:pointer;font-size:1rem;text-align:center}.modal-buttons button[type=submit]{background-color:var(--submit-bg);color:var(--submit-text)}.modal-buttons button[type=button]{background-color:var(--cancel-bg);color:var(--cancel-text)}.info-tooltip-wrapper{position:relative}.info-btn{background:#3b82f6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.75rem;cursor:pointer;text-align:center;line-height:18px;padding:0;margin:0}.tooltip-bubble{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:pre-line;display:inline-block;width:300px;word-break:break-word;z-index:10;text-align:left}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}.tooltip-bubble-down{position:absolute;top:30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:pre-line;display:inline-block;width:300px;word-break:break-word;z-index:10;text-align:left}.tooltip-arrow-up{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #333}.prize-list-carousel{position:relative;width:100%;max-width:60%;margin:auto;display:flex;flex-direction:column;align-items:center}.prize-list-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.prize-list-img{width:100%;max-width:calc(100% - 120px);height:auto;border-radius:8px;transition:opacity .5s ease-in-out;object-fit:contain}.carousel-btn{position:relative;background:#00000080;color:#fff;border:none;font-size:1.8rem;padding:8px 14px;cursor:pointer;border-radius:50%;flex-shrink:0;transition:background .2s}.carousel-btn:hover{background:#000000b3}.carousel-btn.prev{margin-right:10px}.carousel-btn.next{margin-left:10px}.carousel-indicator{display:flex;gap:5px;margin-top:10px}.dot{width:10px;height:10px;background:#0000004d;border-radius:50%;cursor:pointer}.dot.active{background:#000c}@media (prefers-color-scheme: dark){.dot{background:#ffffff4d}.dot.active{background:#fffc}}.gacha-page-header{position:fixed;top:0;left:0;padding:.5rem 1rem;display:flex;flex-direction:column;align-items:center;font-family:sans-serif;height:90px;z-index:1000;width:100%;justify-content:center}.gacha-page-header h1{margin:0;font-size:1.25rem;font-weight:600}.gacha-page-header-sub{margin-top:.3rem;display:flex;justify-content:space-between;align-items:center;width:90%;max-width:800px}.gacha-page-header-left,.gacha-page-header-right{display:flex;align-items:center;gap:.5rem}.gacha-page-header-btn{border:none;padding:.25rem .6rem;border-radius:.25rem;cursor:pointer;font-weight:500;font-size:.875rem;transition:background .2s}.gacha-page-username{font-weight:500;font-size:.875rem}:root{--bg: #1e3a8a;--text: #ffffff;--btn-bg: #10b981;--btn-hover: #059669;--accent: #facc15;--panel-bg: #f9f9f9;--panel-border: #ddd;--roll-btn: #ef4444;--roll-btn-disabled: #9ca3af;--open-btn: #facc15}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--text: #e6eef8;--btn-bg: #2563eb;--btn-hover: #1d4ed8;--accent: #facc15;--panel-bg: #111827;--panel-border: #374151;--roll-btn: #ef4444;--roll-btn-disabled: #6b7280;--open-btn: #facc15}}body.dark{--bg: #0b1220;--text: #e6eef8;--btn-bg: #2563eb;--btn-hover: #1d4ed8;--accent: #facc15;--panel-bg: #111827;--panel-border: #374151;--roll-btn: #ef4444;--roll-btn-disabled: #6b7280;--open-btn: #facc15}.gacha-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 100px);background:var(--bg);color:var(--text)}.gacha-header{margin-top:90px;width:100%;position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:10px 0}.header-image{width:100%;max-width:800px;height:auto;max-height:200px;object-fit:cover}.gacha-prize-list{width:100%;display:flex;justify-content:center;margin-bottom:10px;z-index:10}.prize-list-img{width:90%;max-width:600px;height:auto;min-height:200px;max-height:350px;object-fit:contain}.roll-btn{padding:.75rem 1.5rem;background:var(--roll-btn);border-radius:9999px;color:#fff;font-weight:700;margin-bottom:1rem;border:none;cursor:pointer}.roll-btn:disabled{background:var(--roll-btn-disabled);cursor:not-allowed}.capsule-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;min-height:200px;overflow-x:auto;padding-bottom:8px;margin-bottom:1rem;width:100vw}.capsule-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:3rem;flex-shrink:0}.capsule-label{margin-top:.25rem;font-size:.75rem;font-weight:700;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text)}.capsule{width:3rem;height:3rem;position:relative;display:flex;align-items:center;justify-content:center}.drop-in{animation:dropIn .6s ease-out}@keyframes dropIn{0%{transform:translateY(-150px);opacity:0}to{transform:translateY(0);opacity:1}}.bg-white{background:#fff}.bg-orange-700{background:#92400e}.bg-gray-400{background:#9ca3af}.bg-yellow-400{background:#facc15}.capsule-img{width:100%;height:100%}.shine-effect{position:absolute;width:5rem;height:5rem;border-radius:50%;background:#fff;opacity:.3;top:-1rem;left:-1rem;animation:shine 1s ease-out forwards}@keyframes shine{0%{transform:scale(0) rotate(0);opacity:.5}50%{transform:scale(1.5) rotate(360deg);opacity:.2}to{transform:scale(0) rotate(720deg);opacity:0}}.open-btn{margin-top:1rem;padding:.5rem 1.5rem;background:var(--open-btn);border-radius:9999px;font-weight:700;border:none;cursor:pointer}.bottom-buttons{position:fixed;bottom:16px;width:100%;display:flex;flex-direction:column;gap:12px;padding:0 16px;box-sizing:border-box;z-index:1000}.bottom-buttons .btn-row{display:flex;justify-content:center;gap:16px}.bottom-buttons .bottom-btn{flex:1;max-width:200px;background-color:var(--btn-bg);color:#fff;padding:12px 0;border-radius:9999px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0003;text-align:center;transition:all .2s}.bottom-buttons .bottom-btn:hover{background-color:var(--btn-hover);box-shadow:0 4px 8px #0003}.remaining-text{margin-bottom:8px;font-weight:700;color:var(--text)}.remaining-gacha{color:var(--accent);background-color:#00000080;padding:4px 8px;border-radius:8px;font-weight:700;display:inline-block;margin-bottom:8px}.gacha-period{margin:10px 0;padding:10px;border:1px solid var(--panel-border);border-radius:6px}.gacha-period h3{margin:0 0 5px;font-size:16px;font-weight:700}.gacha-period p{margin:0;font-size:14px}.gacha-result-container{background:#fff;border-radius:1rem;padding:5%;box-shadow:0 4px 8px #0000001a;height:calc(100vh - 350px);overflow:auto;width:100%;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-result-container{background:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}}.gacha-result-header{display:grid;grid-template-columns:60px 60px 70px 70px 120px 100px;font-weight:700;margin-bottom:.5rem;text-align:center;color:#111827}@media (prefers-color-scheme: dark){.gacha-result-header{color:#f9fafb}}.gacha-result-items{display:flex;flex-direction:column;gap:.5rem}.gacha-result-row{display:grid;grid-template-columns:60px 60px 70px 70px 120px 100px;align-items:center;padding:.25rem 0;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-width:max-content;text-align:center}@media (prefers-color-scheme: dark){.gacha-result-row{border-bottom:1px solid #374151}}.gacha-result-row-name{cursor:pointer;background:pink;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.gacha-result-download{cursor:pointer;background:pink;color:#000}.gacha-result-row input{width:50px;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;background:#fff;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-result-row input{background:#374151;color:#f9fafb;border:1px solid #4b5563}}.gacha-result-btn{padding:.5rem 1rem;font-weight:700;border-radius:.5rem;margin-top:.5rem;width:100%;max-width:180px;text-align:center}.gacha-result-btn-primary{background-color:#3b82f6;color:#fff}@media (prefers-color-scheme: dark){.gacha-result-btn-primary{background-color:#2563eb;color:#f9fafb}}.gacha-result-btn-disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}.gacha-result-screen-container{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;margin:0 auto;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-result-screen-container{color:#f9fafb}}.gacha-log-container{background:#fff;border-radius:1rem;padding:5%;box-shadow:0 4px 8px #0000001a;max-height:70vh;overflow:auto;width:100%}.gacha-log-header{display:grid;grid-template-columns:80px 200px 120px 120px 160px;font-weight:700;margin-bottom:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem;text-align:center}.gacha-log-items{display:flex;flex-direction:column;gap:.5rem}.gacha-log-row{display:grid;grid-template-columns:80px 200px 120px 120px 160px;align-items:center;padding:.25rem 5px;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-width:max-content;text-align:center}.gacha-log-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gacha-log-row span:nth-child(4){font-weight:700}.gacha-log-row span:nth-child(4).used{color:#ef4444}.gacha-log-row span:nth-child(4).unused{color:#10b981}.gacha-log-header{position:sticky;top:0;z-index:10}@media (prefers-color-scheme: dark){.gacha-log-container{background-color:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}.gacha-log-header{color:#f9fafb;border-bottom:1px solid #374151}.gacha-log-row{border-bottom:1px solid #374151}.gacha-log-row span:nth-child(4).used{color:#f87171}.gacha-log-row span:nth-child(4).unused{color:#34d399}}.gacha-exchange-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.gacha-exchange-modal-container{background:#fff;padding:1.5rem;border-radius:12px;max-width:400px;width:90%;box-shadow:0 8px 16px #0003;color:#1f2937;animation:fadeIn .2s ease-in-out}@media (prefers-color-scheme: dark){.gacha-exchange-modal-container{background:#1f2937;color:#f9fafb;box-shadow:0 8px 16px #00000080}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gacha-exchange-modal-container h3{margin-top:0;margin-bottom:.5rem;font-size:1.25rem;text-align:center}.gacha-exchange-modal-container p{text-align:center;font-weight:700;margin-bottom:1rem}.gacha-exchange-modal-container ul{list-style:none;padding:0;margin:0 0 1rem}.gacha-exchange-modal-container li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e5e7eb}@media (prefers-color-scheme: dark){.gacha-exchange-modal-container li{border-bottom:1px solid #374151}}.gacha-exchange-modal-container button{display:block;margin:0 auto;padding:.5rem 1rem;border:none;border-radius:8px;background-color:#3b82f6;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}.gacha-exchange-modal-container button:hover{background-color:#2563eb}@media (prefers-color-scheme: dark){.gacha-exchange-modal-container button{background-color:#2563eb;color:#f9fafb}.gacha-exchange-modal-container button:hover{background-color:#3b82f6}}.prize-container{background:#fff;border-radius:1rem;padding:5%;box-shadow:0 4px 8px #0000001a;height:calc(100vh - 250px);overflow:auto;width:100%;color:#1f2937}@media (prefers-color-scheme: dark){.prize-container{background:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}}.prize-header{display:grid;grid-template-columns:60px 80px 120px 70px 70px 100px;font-weight:700;margin-bottom:.5rem;text-align:center;color:#111827}@media (prefers-color-scheme: dark){.prize-header{color:#f9fafb}}.prize-items{display:flex;flex-direction:column;gap:.5rem}.prize-row{display:grid;grid-template-columns:60px 80px 120px 70px 70px 100px;align-items:center;padding:.25rem 0;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-width:max-content;text-align:center}@media (prefers-color-scheme: dark){.prize-row{border-bottom:1px solid #374151}}.prize-row-name{cursor:pointer;background:pink;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.prize-download{cursor:pointer;background:pink;color:#000}.prize-row input{width:50px;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;background:#fff;color:#1f2937}@media (prefers-color-scheme: dark){.prize-row input{background:#374151;color:#f9fafb;border:1px solid #4b5563}}.prize-btn{padding:.5rem 1rem;font-weight:700;border-radius:.5rem;margin-top:.5rem;width:100%;max-width:180px;text-align:center}.prize-btn-primary{background-color:#3b82f6;color:#fff}@media (prefers-color-scheme: dark){.prize-btn-primary{background-color:#2563eb;color:#f9fafb}}.prize-btn-disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}.screen-container{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;overflow-x:auto;color:#1f2937;box-sizing:border-box}@media (prefers-color-scheme: dark){.screen-container{color:#f9fafb}}.exchange-container{background:#fff;border-radius:1rem;padding:2%;box-shadow:0 4px 8px #0000001a;width:100%;max-width:1400px;overflow-x:auto;overflow-y:auto;height:calc(100vh - 360px);color:#1f2937;box-sizing:border-box}@media (prefers-color-scheme: dark){.exchange-container{background:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}}.exchange-list{display:flex;flex-direction:column;gap:.5rem;min-width:1100px}.exchange-list-header,.exchange-row{display:grid;grid-template-columns:60px 120px 70px 70px 80px 100px 90px 90px 110px 90px 110px;column-gap:8px;align-items:center;min-width:1100px}.exchange-list-header{font-weight:700;margin-bottom:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem;color:#111827}@media (prefers-color-scheme: dark){.exchange-list-header{border-bottom:1px solid #374151;color:#f9fafb}}.exchange-row{padding:.25rem 0;border-bottom:1px solid #e5e7eb;text-align:center}@media (prefers-color-scheme: dark){.exchange-row{border-bottom:1px solid #374151}}.exchange-list-header>*,.exchange-row>*{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;text-align:center}.exchange-row.locked{opacity:.4}.exchange-row input[type=number]{width:60px;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;height:30px;line-height:30px;background:#fff;color:#1f2937}@media (prefers-color-scheme: dark){.exchange-row input[type=number]{background:#374151;color:#f9fafb;border:1px solid #4b5563}}.exchange-btn{padding:.5rem 1rem;font-weight:700;border-radius:.5rem;margin-top:.5rem;width:100%;max-width:180px;text-align:center}.exchange-btn-primary{background-color:#3b82f6;color:#fff}@media (prefers-color-scheme: dark){.exchange-btn-primary{background-color:#2563eb;color:#f9fafb}}.exchange-btn-disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}.gacha-almighty-screen-container{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;overflow-x:auto;color:#1f2937;box-sizing:border-box}@media (prefers-color-scheme: dark){.gacha-almighty-screen-container{color:#f9fafb}}.gacha-almighty-container{background:#fff;border-radius:1rem;padding:2%;box-shadow:0 4px 8px #0000001a;width:100%;max-width:1400px;overflow-x:auto;overflow-y:auto;height:calc(100vh - 360px);color:#1f2937;box-sizing:border-box}@media (prefers-color-scheme: dark){.gacha-almighty-container{background:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}}.gacha-almighty-list{display:flex;flex-direction:column;gap:.5rem}.gacha-almighty-list-header,.gacha-almighty-row{display:grid;grid-template-columns:60px 120px 70px 70px;column-gap:8px;align-items:center}.gacha-almighty-list-header{font-weight:700;margin-bottom:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem;color:#111827}@media (prefers-color-scheme: dark){.gacha-almighty-list-header{border-bottom:1px solid #374151;color:#f9fafb}}.gacha-almighty-row{padding:.25rem 0;border-bottom:1px solid #e5e7eb;text-align:center}@media (prefers-color-scheme: dark){.gacha-almighty-row{border-bottom:1px solid #374151}}.gacha-almighty-list-header>*,.gacha-almighty-row>*{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;text-align:center}.gacha-almighty-row.locked{opacity:.4}.gacha-almighty-row input[type=number]{width:60px;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;height:30px;line-height:30px;background:#fff;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-almighty-row input[type=number]{background:#374151;color:#f9fafb;border:1px solid #4b5563}}.gacha-almighty-btn{padding:.5rem 1rem;font-weight:700;border-radius:.5rem;margin-top:.5rem;width:100%;max-width:180px;text-align:center}.gacha-almighty-btn-primary{background-color:#3b82f6;color:#fff}@media (prefers-color-scheme: dark){.gacha-almighty-btn-primary{background-color:#2563eb;color:#f9fafb}}.gacha-almighty-btn-disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}.dashboard-container{width:100%;margin:0 auto;padding:1rem;padding-top:100px;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;background-color:#f3f4f6;color:#1f2937}@media (prefers-color-scheme: dark){.dashboard-container{background-color:#1f2937;color:#f9fafb}}.content-container{flex:1;overflow-y:auto}.button-bar{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.top-buttons{display:flex;gap:.5rem}.top-buttons button{flex:1;padding:.5rem 0;font-size:1rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;transition:background .2s}@media (prefers-color-scheme: dark){.top-buttons button{background-color:#2563eb;color:#f9fafb}}.bottom-button button{width:100%;padding:.5rem 0;font-size:1rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff;transition:background .2s}@media (prefers-color-scheme: dark){.bottom-button button{background-color:#2563eb;color:#f9fafb}}.top-buttons button:disabled,.bottom-button button:disabled{background-color:#9ca3af;cursor:not-allowed}@media (prefers-color-scheme: dark){.top-buttons button:disabled,.bottom-button button:disabled{background-color:#4b5563;color:#d1d5db}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-container{background:#fff;width:95%;max-width:500px;padding:16px;border-radius:8px;height:60vh;overflow-y:auto}.rarity-form{display:flex;flex-direction:column;gap:12px;flex:1;height:70%;overflow-y:auto;padding-right:5px}.rarity-row{display:flex;align-items:center;gap:6px;white-space:nowrap;padding-bottom:4px;border-bottom:1px solid #eee}.rarity-row span{width:40px;text-align:center;font-weight:700;flex-shrink:0}.rarity-row input.input-txt{width:80px;min-width:60px;padding:4px 6px;flex-shrink:0}.rarity-row button{padding:4px 8px;flex-shrink:0;font-size:13px;cursor:pointer}.image-btn{min-width:60px;height:40px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.image-preview{max-width:50px;max-height:40px;object-fit:contain}.modal-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-top:12px;overflow-x:auto}.add-row-section{display:flex;gap:6px;align-items:center}.add-row-section input{width:80px;padding:4px 6px;flex-shrink:0}.add-row-section button{padding:4px 8px;min-width:80px;cursor:pointer;flex-shrink:0}.modal-actions-row>button{padding:4px 8px;min-width:80px;cursor:pointer;flex-shrink:0}.image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.image-modal-container{background:#fff;width:85%;max-width:320px;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.selectable-image{width:60px;height:60px;object-fit:cover;cursor:pointer;border:1px solid #ccc;border-radius:4px}.rarity-rows::-webkit-scrollbar,.rarity-row::-webkit-scrollbar{height:6px;width:6px}.rarity-rows::-webkit-scrollbar-thumb,.rarity-row::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.rarity-rows::-webkit-scrollbar-track,.rarity-row::-webkit-scrollbar-track{background:#0000000d}.detail-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100}.detail-modal-container{background-color:#fff;padding:20px;width:90%;max-width:500px;height:60%;overflow-y:auto;border-radius:10px;box-shadow:0 0 15px #0000004d}h3{text-align:center}.detail-form{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;overflow-x:hidden;height:70%;padding-right:5px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;color:#333;width:150px;flex-direction:unset}input[type=text],input[type=number]{padding:6px;border-radius:5px;border:1px solid #ccc;font-size:14px;box-sizing:border-box}input[type=checkbox]{transform:scale(1.2);margin-left:5px}.image-preview{width:60px;height:60px;object-fit:cover;border-radius:5px}.form-group-button{padding:5px 10px;border-radius:5px;border:1px solid #aaa;background-color:#f0f0f0;cursor:pointer}.detail-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.detail-actions button{width:80px;padding:6px 12px;font-size:14px;border-radius:5px;border:none;cursor:pointer;background-color:#4caf50;color:#fff;transition:background .2s}.detail-actions button:hover{background-color:#45a049}@media (max-width: 600px){.detail-modal-container{width:95%;padding:15px}}.image-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100}.image-modal-container{background:#fff;padding:20px;border-radius:10px;width:80%;max-width:600px;max-height:90%;overflow-y:auto}.uploaded-files{margin-top:15px}.uploaded-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;height:150px;overflow-y:auto}.uploaded-item{position:relative;width:60px;height:60px;flex-shrink:0}.selectable-image,.file-placeholder{width:100%;height:100%;object-fit:cover;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;padding:2px;overflow:hidden}.selectable-image:hover{transform:scale(1.1)}.delete-btn{position:absolute;top:-6px;right:-6px;background:#f00c;border:none;color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:10}.selectable-image:active,.file-placeholder:active{transform:scale(.95)}.image-modal-container>div>button{padding:6px 10px;border-radius:5px;border:1px solid #ccc;background-color:#f7f7f7;cursor:pointer}.image-modal-container>div>button.active{background-color:#007bff;color:#fff;border-color:#007bff}.image-modal-container input[type=file]{margin-top:8px}.image-modal-container button:disabled{opacity:.5;cursor:not-allowed}.image-modal-container>div:last-child{display:flex;justify-content:space-between;margin-top:12px}.tab-buttons{display:flex;justify-content:center;gap:20px;margin-top:12px}.tab-buttons button{padding:6px 12px;border-radius:5px;border:1px solid #ccc;background-color:#f5f5f5;cursor:pointer;transition:background .2s}.tab-buttons button.active{background-color:#007bff;color:#fff;border-color:#007bff}.admin-edit-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.admin-edit-detail-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;padding:20px;box-shadow:0 4px 12px #0003}.form-row{display:flex;align-items:center;gap:5px;margin-bottom:16px}.form-row label{min-width:130px;font-weight:500;color:#333}.color-code{font-family:monospace;font-size:14px;color:#555}.color-sample{width:32px;height:32px;border:1px solid #ccc;border-radius:6px;box-shadow:0 1px 4px #0000001a}.image-field .image-controls{display:flex;align-items:center}.preview-image{margin-top:5px;max-width:80px;max-height:80px;object-fit:contain;border:1px solid #ccc;border-radius:6px}.preview-image.small{max-width:50px;max-height:50px}.list-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.modal-actions button{flex:1;max-width:120px;padding:.5rem 1rem;text-align:center}.save-btn{background-color:#2563eb;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.save-btn:hover{background-color:#1d4ed8}.cancel-btn{background-color:#ccc;color:#333;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.cancel-btn:hover{background-color:#aaa}.admin-edit-detail-content{max-width:800px;margin:50px auto;background:#fff;border-radius:12px;padding:20px}.form-row{margin-bottom:16px}.color-code{margin-left:8px}.color-sample{display:inline-block;width:20px;height:20px;border:1px solid #ccc;margin-left:8px;vertical-align:middle;border-radius:4px}.image-row{display:flex;flex-wrap:nowrap;gap:8px;margin-top:4px}.preview-wrapper{position:relative}.preview-image.small{width:50px;height:50px;border-radius:4px;border:1px solid #ccc;text-align:center;font-size:10px;line-height:50px;color:#666;background:#f0f0f0;overflow:hidden}.preview-image.small img{width:100%;height:100%;object-fit:cover}.preview-image.small.not-selected{border:1px dashed #ccc;color:#999;background:#eee}.preview-image.small.selected{border:1px solid #ccc;color:#2563eb;background:#eee}.status-label{position:absolute;bottom:0;left:0;right:0;font-size:8px;background:#00000080;color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center}.settings-container{max-width:800px;height:calc(100vh - 100px);margin-top:100px;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:20px;display:flex;flex-direction:column}.settings-form{flex:1;overflow-y:auto;padding-right:8px;overflow-x:hidden}.form-field{display:flex;flex-direction:column;line-height:20px;margin-bottom:12px}.form-field label{font-size:14px;font-weight:500;color:#333}.form-field-flex{display:flex;align-items:center;gap:.5rem}.form-field input[type=text],.form-field input[type=number]{padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.form-field input[type=checkbox]{transform:scale(1.2);margin-top:4px}.submit-btn{padding:10px 20px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:12px}.submit-btn:hover{background-color:#1d4ed8}.image-field{text-align:center}.image-field button{margin-bottom:6px}.preview-image{display:block;margin:5px auto;max-width:80px;min-width:20px;max-height:80px;min-height:20px;object-fit:contain;border:1px solid #ccc;border-radius:6px;box-shadow:0 1px 4px #0000001a}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.form-actions .submit-btn{min-width:120px;padding:.5rem 1rem;text-align:center;border:none;border-radius:4px;cursor:pointer}.form-actions .submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.form-field-flex label{width:150px}.user-grant-container{max-width:1100px;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111827}.page-title{margin-top:100px}.grid{display:grid;gap:16px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.card{background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 8px #0f172a0f}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;cursor:pointer}.reload-btn{background:#f3f4f6;border:1px solid #e5e7eb;padding:6px 10px;border-radius:8px;cursor:pointer;font-weight:600}.reload-btn:active{transform:translateY(1px)}.participants-box{min-height:100px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.participants-list .count{font-weight:700;margin-bottom:8px}.participants-list ul{list-style:none;padding-left:0;max-height:160px;overflow-y:auto;border-top:1px dashed #eef2f7;padding-top:8px}.participants-list li{padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.placeholder{color:#9ca3af;font-style:italic}.search-form{display:flex;gap:8px;align-items:center}.search-form input[type=text]{flex:1;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;outline:none}.search-form input[type=text]:focus{box-shadow:0 0 0 3px #2563eb14;border-color:#2563eb}.search-form button{padding:8px 12px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.search-form button[disabled]{opacity:.6;cursor:not-allowed}.info-box{display:grid;gap:8px;padding:8px}.info-row{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:8px;padding:8px;border-radius:8px;background:#fbfbfd;border:1px solid #f1f5f9;overflow-x:auto;-webkit-overflow-scrolling:touch}.info-row .label{color:#6b7280;font-weight:600;flex:0 0 auto;white-space:nowrap}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;justify-items:stretch;margin-top:16px}.actions button{width:100%;max-width:none}.detail-btn,.list-btn{padding:10px 14px;border-radius:8px;cursor:pointer;border:none;background:#111827;color:#fff;font-weight:700}.list-btn{background:#6b7280}.error{margin-top:8px;color:#b91c1c;font-weight:600}.points-actions{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;gap:16px;flex-wrap:nowrap}.points-info{display:flex;flex:1;justify-content:space-between;min-width:0}.points-item{display:flex;flex-direction:column;gap:4px}.points-info{display:flex;flex:1;justify-content:space-between;min-width:0;gap:16px}.points-item input{width:100px;padding:4px 8px;border-radius:4px;border:1px solid #ccc;text-align:right}.apply-btn{background-color:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:.2s}.apply-btn:hover{background-color:#2563eb}.approval-section .approval-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-bottom:12px}.approval-section .approval-row input,.approval-section .approval-row textarea{flex:1 1 120px;min-width:120px;padding:6px 8px;border:1px solid #ccc;border-radius:6px}.approval-section .approval-row textarea{flex:1 1 100%;min-height:60px;resize:vertical}.approval-section .approval-actions{display:flex;justify-content:center;gap:16px;width:100%;margin-top:4px}.approval-section .approval-actions button{flex:1;max-width:120px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600}.approval-section .approve-btn{background-color:#10b981;color:#fff}.approval-section .approve-btn:hover{background-color:#059669}.approval-section .reject-btn{background-color:#ef4444;color:#fff}.approval-section .reject-btn:hover{background-color:#b91c1c}.apply-btn.disabled,.detail-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:auto}.notice-items{max-height:150px;overflow-y:auto;padding:5px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;display:flex;flex-direction:column;gap:6px}.notice-item{background-color:#fff;padding:8px;border-left:4px solid #4a90e2;border-radius:4px;word-wrap:break-word;white-space:pre-line;font-size:14px;line-height:1.4}@media (max-width: 600px){.points-actions{flex-direction:column;align-items:stretch}.points-info{flex-direction:column;gap:12px}.points-item input{width:100%;max-width:none}.apply-btn{width:100%}}.header{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;display:flex;flex-direction:column;align-items:center;font-family:sans-serif;height:90px}.header-title{margin:0;font-size:1.25rem;font-weight:600}.menu-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;transition:transform .2s ease;position:fixed;right:20px}.menu-button:hover{transform:scale(1.1)}.slide-menu{position:fixed;top:0;right:-300px;width:300px;height:100%;background:#2c2c2c;box-shadow:-3px 0 10px #0000004d;padding:20px 15px;transition:right .3s ease;z-index:1200;display:flex;flex-direction:column;gap:15px}.slide-menu.open{right:0}.slide-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.slide-close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.slide-username{color:#fff;font-size:.95rem}.slide-menu nav button{width:100%;padding:10px;background:#3a3a3a;color:#fff;border:none;text-align:left;border-radius:8px;font-size:1rem;transition:background .2s}.slide-menu nav button:hover{background:#505050}.log-container{flex:1;overflow-y:auto;background:#1a1a1a;padding:8px;border-radius:6px}.log-item{font-size:.85rem;color:#ddd;padding:2px 0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1100}.unread-badge{position:absolute;top:-4px;right:-4px;background-color:red;color:#fff;font-size:.65rem;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:none}.message-bubble{position:fixed;top:70px;right:20px;background-color:#333;color:#fff;padding:12px 18px;border-radius:20px;box-shadow:0 4px 10px #0003;animation:fadeInOut 4s ease forwards;z-index:2000;font-size:14px;max-width:240px;line-height:1.4}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.gacha-admin-result-container{background:#fff;border-radius:1rem;padding:5%;box-shadow:0 4px 8px #0000001a;max-height:70vh;overflow:auto;width:100%;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-admin-result-container{background:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}}.gacha-admin-result-header{display:grid;grid-template-columns:60px 80px 120px;font-weight:700;margin-bottom:.5rem;text-align:center;color:#111827}@media (prefers-color-scheme: dark){.gacha-admin-result-header{color:#f9fafb}}.gacha-admin-result-items{display:flex;flex-direction:column;gap:.5rem}.gacha-admin-result-row{display:grid;grid-template-columns:60px 80px 120px;align-items:center;padding:.25rem 0;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-width:max-content;text-align:center}@media (prefers-color-scheme: dark){.gacha-admin-result-row{border-bottom:1px solid #374151}}.gacha-admin-result-row-name{cursor:pointer;background:pink;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.gacha-admin-result-row input{width:50px;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;background:#fff;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-admin-result-row input{background:#374151;color:#f9fafb;border:1px solid #4b5563}}.gacha-admin-result-btn{padding:.5rem 1rem;font-weight:700;border-radius:.5rem;margin-top:.5rem;width:100%;max-width:180px;text-align:center}.gacha-admin-result-btn-primary{background-color:#3b82f6;color:#fff}@media (prefers-color-scheme: dark){.gacha-admin-result-btn-primary{background-color:#2563eb;color:#f9fafb}}.gacha-admin-result-btn-disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}.gacha-admin-result-screen-container{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;margin:0 auto;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-admin-result-screen-container{color:#f9fafb}}.gacha-admin-log-container{background:#fff;border-radius:1rem;padding:15px;box-shadow:0 4px 8px #0000001a;max-height:55vh;overflow:auto;width:100%}.gacha-admin-log-header{display:grid;grid-template-columns:80px 200px 120px 120px 120px 160px;font-weight:700;margin-bottom:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem;text-align:center}.gacha-admin-log-items{display:flex;flex-direction:column;gap:.5rem}.gacha-admin-log-row{display:grid;grid-template-columns:80px 200px 120px 120px 120px 160px;align-items:center;padding:.25rem 5px;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-width:max-content;text-align:center}.gacha-admin-log-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gacha-admin-log-row span.exchange-status{font-weight:700}.gacha-admin-log-row span.exchange-status.used{color:#ef4444}.gacha-admin-log-row span.exchange-status.unused{color:#10b981}.gacha-admin-log-header{position:sticky;top:0;z-index:10;background-color:inherit}@media (prefers-color-scheme: dark){.gacha-admin-log-container{background-color:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}.gacha-admin-log-header{color:#f9fafb;border-bottom:1px solid #374151}.gacha-admin-log-row{border-bottom:1px solid #374151}.gacha-admin-log-row span.exchange-status.used{color:#f87171}.gacha-admin-log-row span.exchange-status.unused{color:#34d399}}.gacha-admin-prize-container{background:#fff;border-radius:1rem;padding:5%;box-shadow:0 4px 8px #0000001a;height:calc(100vh - 250px);overflow:auto;width:100%;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-admin-prize-container{background:#1f2937;color:#f9fafb;box-shadow:0 4px 8px #ffffff0d}}.gacha-admin-prize-header{display:grid;grid-template-columns:60px 120px 70px 70px 100px;font-weight:700;margin-bottom:.5rem;text-align:center;color:#111827}@media (prefers-color-scheme: dark){.gacha-admin-prize-header{color:#f9fafb}}.gacha-admin-prize-items{display:flex;flex-direction:column;gap:.5rem}.gacha-admin-prize-row{display:grid;grid-template-columns:60px 120px 70px 70px 100px;align-items:center;padding:.25rem 0;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-width:max-content;text-align:center}@media (prefers-color-scheme: dark){.gacha-admin-prize-row{border-bottom:1px solid #374151}}.gacha-admin-prize-row-name{cursor:pointer;background:pink;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.gacha-admin-prize-download{cursor:pointer;background:pink;color:#000}.gacha-admin-prize-row input{width:50px;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;background:#fff;color:#1f2937}@media (prefers-color-scheme: dark){.gacha-admin-prize-row input{background:#374151;border:1px solid #4b5563}}.gacha-admin-prize-btn{padding:.5rem 1rem;font-weight:700;border-radius:.5rem;margin-top:.5rem;width:100%;max-width:180px;text-align:center}.gacha-admin-prize-btn-primary{background-color:#3b82f6;color:#fff}@media (prefers-color-scheme: dark){.gacha-admin-prize-btn-primary{background-color:#2563eb;color:#f9fafb}}.gacha-admin-prize-btn-disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}.screen-container{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;margin:0 auto;color:#1f2937}.admin-dashboard-container{width:100%;margin:0 auto;padding:1rem;padding-top:100px;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;background-color:#f3f4f6}.admin-dashboard-content{flex:1;overflow-y:auto}.admin-dashboard-button-bar{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.admin-dashboard-top-buttons{display:flex;gap:.5rem}.admin-dashboard-top-buttons button{flex:1;padding:.5rem 0;font-size:1rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff}.admin-dashboard-bottom-button button{width:100%;padding:.5rem 0;font-size:1rem;border-radius:.5rem;border:none;background-color:#3b82f6;color:#fff}.admin-dashboard-top-buttons button:disabled{background-color:#9ca3af;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;font-family:sans-serif}.mypage{height:calc(100vh - 100px);background-color:#f3f4f6;padding-top:100px;width:100%;color:#1f2937}@media (prefers-color-scheme: dark){.mypage{background-color:#111827;color:#f9fafb}}.header{position:fixed;top:0;left:0;width:100%;height:90px;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;z-index:100}@media (prefers-color-scheme: dark){.header{background-color:#2563eb}}.tabs{display:flex;justify-content:space-around;margin:16px 0}.tab-button{padding:8px 24px;border-radius:9999px;font-weight:500;background-color:#fff;border:1px solid #d1d5db;color:#374151;cursor:pointer;transition:all .2s}.tab-button.active{background-color:#2563eb;color:#fff;box-shadow:0 2px 4px #0003}@media (prefers-color-scheme: dark){.tab-button{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}.tab-button.active{background-color:#3b82f6;color:#f9fafb}}.event-list{height:calc(100vh - 300px);overflow-y:auto;padding:8px}.event-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0003;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .1s,box-shadow .1s}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.event-card.disabled{cursor:default;pointer-events:auto}.event-card.disabled:hover{transform:none;box-shadow:0 1px 3px #0003}@media (prefers-color-scheme: dark){.event-card{background-color:#1f2937;box-shadow:0 1px 3px #ffffff0d}.event-card:hover{box-shadow:0 4px 8px #ffffff1a}}.event-header{display:flex;justify-content:space-between;margin-bottom:8px}.event-content{font-weight:600;color:#111827}.event-participants{color:#6b7280}.event-period{color:#9ca3af;font-size:14px}@media (prefers-color-scheme: dark){.event-content{color:#f9fafb}.event-participants{color:#d1d5db}.event-period{color:#9ca3af}}.new-entry{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background-color:#10b981;color:#fff;padding:12px 24px;border-radius:9999px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0003;transition:all .2s}.new-entry:hover{background-color:#059669;box-shadow:0 4px 8px #0003}@media (prefers-color-scheme: dark){.new-entry{background-color:#047857;color:#f9fafb}.new-entry:hover{background-color:#065f46}}.event-period-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.event-actions{display:flex;gap:8px}.event-btn{padding:4px 12px;border-radius:6px;border:1px solid #d1d5db;background-color:#f9fafb;cursor:pointer;font-size:13px;transition:background-color .2s}.event-btn:hover{background-color:#e5e7eb}.edit-btn{color:#2563eb}.manage-btn{color:#10b981}@media (prefers-color-scheme: dark){.event-btn{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}.event-btn:hover{background-color:#374151}.edit-btn{color:#3b82f6}.manage-btn{color:#10b981}}.user-settings-container{max-width:420px;margin:40px auto;padding:24px;background-color:#f8f9fa;border-radius:16px;box-shadow:0 2px 10px #00000014;font-family:Inter,Noto Sans JP,sans-serif}.user-settings-title{text-align:center;font-size:1.6rem;font-weight:600;color:#333;margin-bottom:20px}.user-settings-label{display:block;font-size:.9rem;color:#555;margin-top:14px;margin-bottom:6px}.user-settings-input{width:100%;padding:12px;font-size:1rem;border-radius:10px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;transition:border .2s}.user-settings-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff26}.user-settings-save-btn{width:100%;background-color:#007bff;color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:25px;padding:14px 0;margin-top:28px;cursor:pointer;transition:background-color .25s,transform .1s}.user-settings-save-btn:hover{background-color:#0069d9}.user-settings-save-btn:active{transform:scale(.98)}.user-detail-page{max-width:900px;margin:0 auto;padding:16px 16px 100px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;position:relative}.user-detail-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;margin-bottom:24px}.user-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap}.user-detail-name{font-size:1.5rem;font-weight:700}.user-detail-id{font-size:.9rem;color:#555}.user-detail-info{display:flex;flex-wrap:wrap;gap:12px 24px}.user-detail-info span,.user-detail-info input,.user-detail-info button{font-size:.95rem;color:#333}.user-detail-info input{width:120px;padding:4px 8px;border-radius:6px;border:1px solid #ccc}.user-detail-info button{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-weight:700}.user-detail-footer{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:16px;background-color:transparent}.user-detail-footer button{padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;border:none}.back-btn{background-color:#6c757d;color:#fff}.back-btn:hover{background-color:#565e64}.save-btn{background-color:#007bff;color:#fff}.save-btn:hover{background-color:#0056b3}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn.active{background-color:#28a745}
