:root{background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#000}.admin-page{min-height:100vh;background-color:#f5f7fa;padding:20px}.admin-main-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.admin-header{color:#fff;padding:24px 32px;font-size:48px;font-weight:600;text-align:center}.admin-form{padding:32px}.admin-alert{text-align:center;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:24px;font-size:20px;min-height:20px}.admin-alert:empty{display:none}.admin-input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}@media (min-width: 850px){.admin-input-group{flex-direction:row}}.admin-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:32px;transition:border-color .2s ease}.admin-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-input::placeholder{color:#9ca3af}.admin-button{padding:12px 24px;border:none;border-radius:8px;font-size:32px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;text-align:center;align-items:center;justify-content:center}.admin-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.admin-button:active{transform:translateY(0)}.admin-button--large{padding:16px 32px;font-size:36px;width:100%}.admin-button--small{padding:8px 16px;font-size:28px;flex:1}.admin-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-button--primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.admin-button--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-button--success:hover{background:linear-gradient(135deg,#059669,#047857)}.admin-button--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-button--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.admin-divider{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:32px 0}.admin-section{margin-bottom:24px}.admin-section-title{font-size:36px;font-weight:600;color:#374151;margin-bottom:16px}.admin-button-group{display:flex;gap:12px}.archive-section{border-top:1px solid #e5e7eb;padding:32px;background-color:#fafbfc}.archive-header{font-size:40px;font-weight:600;color:#374151;margin-bottom:16px}.archive-divider{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin-bottom:24px}.archive-list{display:flex;flex-direction:column;gap:12px}.archive-item{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-decoration:none;color:inherit;transition:all .2s ease}.archive-item:hover{border-color:#667eea;box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.archive-item-content{display:flex;justify-content:space-between;align-items:center}.archive-item-id{font-weight:500;color:#374151}.archive-item-date{color:#6b7280;font-size:28px}@media (max-width: 768px){.admin-page{padding:12px}.admin-main-container{border-radius:8px}.admin-form,.archive-section{padding:20px}.admin-button-group{flex-direction:column}.archive-item-content{flex-direction:column;align-items:flex-start;gap:8px}}.archive-list:empty:after{content:"No archived data available";display:block;text-align:center;color:#9ca3af;font-style:italic;padding:32px}.counter-page{min-height:80vh;background-color:#f5f7fa;display:flex;flex-direction:column;padding:20px;max-width:90%}.counter-main-container{width:70%;max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;flex:1;display:flex;flex-direction:column}.counter-info-bar{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px 64px;display:flex;justify-content:center;align-items:center;position:relative}.corner-button{position:absolute;top:15px;background:none;border:none;padding:10px;cursor:pointer}.corner-button--left{left:15px}.corner-button--right{right:15px}.corner-button .corner-icon{width:32px;height:32px;fill:#fff}.counter-info-item{display:flex;flex-direction:column;align-items:center;gap:8px}.counter-info-label{font-size:24px;font-weight:600;color:#fffc;letter-spacing:2px;text-transform:uppercase}.counter-info-value{font-size:36px;font-weight:700;color:#fff;font-family:Monaco,Menlo,monospace}.counter-display-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;background:#fff;min-height:400px}.counter-current-value{font-size:200px;font-weight:900;color:#374151;margin-bottom:40px;font-family:Monaco,Menlo,monospace;line-height:1;width:100%;text-align:center}.counter-gauge-info{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 32px;width:60%}.counter-gauge-label{font-size:24px;font-weight:600;color:#6b7280;letter-spacing:2px;text-transform:uppercase}.counter-gauge-value{font-size:48px;font-weight:700;color:#374151;font-family:Monaco,Menlo,monospace}.counter-controls{display:grid;grid-template-columns:1fr 1fr;background:#fff;padding:40px;gap:24px;border-top:1px solid #e5e7eb}.counter-column{display:flex;flex-direction:column;align-items:center;gap:16px}.counter-small-buttons{display:flex;justify-content:space-around;gap:16px;margin-bottom:16px}.counter-button{border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:inherit}.counter-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.counter-button:active{transform:translateY(0)}.counter-button--small{width:120px;height:120px;font-size:32px;font-weight:600}.counter-button--large{width:250px;height:160px;font-size:48px;font-weight:700}.counter-button--decrease{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.counter-button--decrease:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.counter-button--increase{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.counter-button--increase:hover{background:linear-gradient(135deg,#059669,#047857)}.counter-spacer{height:20px}@media (max-width: 1200px){.counter-main-container{width:80%}.counter-current-value{font-size:160px}}@media (max-width: 768px){.counter-page{padding:10px}.counter-main-container{width:100%;height:calc(100vh - 20px)}.counter-info-bar{padding:20px 24px}.counter-info-label{font-size:16px}.counter-info-value{font-size:24px}.counter-current-value{font-size:100px}.counter-display-section{padding:30px 20px;min-height:220px}.counter-gauge-info{width:80%;padding:20px 32px}.counter-gauge-label{font-size:16px}.counter-gauge-value{font-size:32px}.counter-controls{padding:20px;gap:16px}.counter-button--small{width:80px;height:80px;font-size:24px}.counter-button--large{height:100px;font-size:36px}.counter-small-buttons{gap:12px}}@media (max-width: 480px){.counter-current-value{font-size:80px}.counter-button--small{width:55px;height:55px;font-size:20px}.counter-button--large{height:80px;width:120px;font-size:28px}.counter-gauge-info{width:90%;padding:16px 24px}}.home-page{min-height:100vh;background-color:#f5f7fa;padding:20px}.home-main-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.home-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;font-size:48px;font-weight:600;text-align:center}.home-form{padding:32px}.home-section{margin-bottom:24px}.home-section-title{font-size:36px;font-weight:600;color:#374151;margin-bottom:16px;text-align:center}.home-button-group{display:flex;gap:12px}.home-button{padding:12px 24px;border:none;border-radius:8px;font-size:32px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;text-align:center;align-items:center;justify-content:center}.home-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.home-button:active{transform:translateY(0)}.home-button--large{padding:16px 32px;font-size:36px;width:100%}.home-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.home-button--primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.home-button--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.home-button--success:hover{background:linear-gradient(135deg,#059669,#047857)}@media (max-width: 768px){.home-page{padding:12px}.home-main-container{border-radius:8px}.home-form{padding:20px}.home-header{padding:20px;font-size:40px}.home-button-group{flex-direction:column}}.join-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.join-main-container{width:100%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;overflow:hidden;position:relative}.join-space{height:20px}.join-spacer{height:24px}.join-close-button{position:absolute;top:16px;right:20px;background:none;border:none;font-size:24px;color:#fffc;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;z-index:10}.join-close-button:hover{background-color:#ffffff1a;color:#fff}.join-close-button b{font-weight:400;font-size:28px}.join-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;font-size:40px;font-weight:600;text-align:center}.join-form{padding:32px}.join-input-group{margin-bottom:24px}.join-input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:8px;font-size:18px;transition:border-color .2s ease;box-sizing:border-box}.join-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.join-input::placeholder{color:#9ca3af}.join-button{border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;text-align:center;align-items:center;justify-content:center;font-family:inherit}.join-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.join-button:active{transform:translateY(0)}.join-button--large{padding:16px 32px;font-size:18px;width:100%}.join-button--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.join-button--success:hover{background:linear-gradient(135deg,#059669,#047857)}@media (max-width: 768px){.join-modal{padding:16px}.join-main-container{max-width:400px}.join-header{padding:24px 20px;font-size:32px}.join-form{padding:24px 20px}.join-input{padding:14px 12px;font-size:24px}.join-button--large{padding:14px 24px;font-size:16px}}@media (max-width: 480px){.join-main-container{max-width:350px}.join-header{font-size:28px}}.create-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-main-container{width:100%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;overflow:hidden;position:relative}.create-space{height:20px}.create-spacer{height:24px}.create-close-button{position:absolute;top:16px;right:20px;background:none;border:none;font-size:24px;color:#fffc;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;z-index:10}.create-close-button:hover{background-color:#ffffff1a;color:#fff}.create-close-button b{font-weight:400;font-size:28px}.create-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;font-size:40px;font-weight:600;text-align:center}.create-form{padding:32px}.create-input-group{margin-bottom:20px}.create-input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:8px;font-size:18px;transition:border-color .2s ease;box-sizing:border-box}.create-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.create-input::placeholder{color:#9ca3af}.create-checkbox-container{margin-bottom:24px}.create-checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#374151}.create-checkbox{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#667eea}.create-checkbox-text{-webkit-user-select:none;user-select:none}.create-button{border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;text-align:center;align-items:center;justify-content:center;font-family:inherit}.create-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.create-button:active{transform:translateY(0)}.create-button--large{padding:16px 32px;font-size:18px;width:100%}.create-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-button--primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media (max-width: 768px){.create-modal{padding:16px}.create-main-container{max-width:400px}.create-header{padding:24px 20px;font-size:32px}.create-form{padding:24px 20px}.create-input{padding:14px 12px;font-size:24px}.create-button--large{padding:14px 24px;font-size:16px}.create-checkbox-label{font-size:14px}}@media (max-width: 480px){.create-main-container{max-width:350px}.create-header{font-size:28px}}
