@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Lilita+One&display=swap";:root{--sandy-light:#f7e7a0;--sandy-mid:#f0d572;--sandy-deep:#e8c44a;--sandy-panel:#f5dba3;--green-lime:#6bbf2d;--green-dark:#4a9c1a;--ink-black:#1a1a1a;--ink-outline:#2d2d2d;--card-bg:#faf0d4;--card-border:var(--ink-black);--text-dark:#1a1a1a;--text-mid:#4a4a3a;--text-light:#8a8a6a;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-pill:100px;--spring:cubic-bezier(.34, 1.56, .64, 1);--smooth:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--sandy-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Fredoka,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%, var(--sandy-light) 0deg 10deg, var(--sandy-mid) 10deg 20deg);opacity:.3;animation:60s linear infinite bgRotate;position:fixed;inset:0}@keyframes bgRotate{to{transform:rotate(360deg)scale(2)}}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(800px 600px at 20% 20%,#6bbf2d14,#0000),radial-gradient(600px 500px at 80% 70%,#f0d57226,#0000);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.app{flex:1;width:100%;max-width:520px;margin:0 auto;padding:0 18px 48px}.app:before,.app:after{content:"✳";z-index:0;pointer-events:none;opacity:.15;font-size:5rem;position:fixed}.app:before{color:var(--green-lime);animation:12s linear infinite asteriskSpin;top:60px;left:10px}.app:after{color:var(--sandy-deep);animation:15s linear infinite reverse asteriskSpin;bottom:40px;right:10px}@keyframes asteriskSpin{to{transform:rotate(360deg)}}.header{text-align:center;z-index:2;padding:36px 0 28px;position:relative}.header__emoji{margin-bottom:6px;font-size:2.2rem;display:block}.header__title{color:var(--ink-black);text-transform:uppercase;letter-spacing:.02em;text-shadow:3px 3px 0 var(--sandy-deep), -1px -1px 0 var(--sandy-panel);font-family:Lilita One,Fredoka,sans-serif;font-size:2.4rem;font-weight:400;line-height:1.1;position:relative}.header__subtitle{color:var(--text-mid);margin-top:10px;font-size:.95rem;font-weight:500}.header__badge{background:var(--green-lime);border:3px solid var(--ink-black);border-radius:var(--r-pill);color:var(--ink-black);box-shadow:3px 3px 0 var(--ink-black);align-items:center;gap:6px;margin-top:16px;padding:7px 18px;font-size:.8rem;font-weight:600;display:inline-flex}.header__badge-dot{background:var(--ink-black);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.booth-list{z-index:2;flex-direction:column;gap:18px;display:flex;position:relative}.booth-card{background:var(--card-bg);border:3px solid var(--ink-black);border-radius:var(--r-lg);box-shadow:5px 5px 0 var(--ink-black);transition:all .3s var(--spring);position:relative;overflow:hidden}.booth-card:hover{box-shadow:7px 8px 0 var(--ink-black);transform:translate(-2px,-3px)}.booth-card--voted{border-color:var(--green-dark);box-shadow:5px 5px 0 var(--green-dark)}.booth-card--voted:before{content:"✓";background:var(--green-lime);width:34px;height:34px;color:var(--ink-black);border:2px solid var(--ink-black);z-index:5;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.booth-card__ribbon{width:100%;height:6px}.booth-card__image-wrapper{border-bottom:3px solid var(--ink-black);width:100%;height:140px;position:relative;overflow:hidden}.booth-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--smooth)}.booth-card:hover .booth-card__image{transform:scale(1.05)}.booth-card__image-overlay{background:linear-gradient(to top, var(--card-bg), transparent);height:40%;position:absolute;bottom:0;left:0;right:0}.booth-card__content{padding:16px 20px 20px}.booth-card__name{color:var(--ink-black);text-transform:uppercase;letter-spacing:.01em;margin-bottom:4px;font-family:Lilita One,Fredoka,sans-serif;font-size:1.2rem;font-weight:400}.booth-card__desc{color:var(--text-mid);margin-bottom:16px;font-size:.84rem;font-weight:400;line-height:1.5}.booth-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.booth-card__votes{color:var(--text-mid);background:var(--sandy-light);border-radius:var(--r-pill);border:2px solid var(--sandy-deep);align-items:center;gap:6px;padding:5px 14px;font-size:.8rem;font-weight:600;display:flex}.vote-btn{border:3px solid var(--ink-black);border-radius:var(--r-pill);cursor:pointer;transition:all .25s var(--spring);align-items:center;gap:8px;padding:11px 24px;font-family:Fredoka,sans-serif;font-size:.88rem;font-weight:600;display:inline-flex;position:relative}.vote-btn--primary{background:var(--green-lime);color:var(--ink-black);box-shadow:3px 3px 0 var(--ink-black)}.vote-btn--primary:hover{box-shadow:5px 5px 0 var(--ink-black);transform:translate(-2px,-2px)}.vote-btn--primary:active{box-shadow:1px 1px 0 var(--ink-black);transform:translate(1px,1px)}.vote-btn--voted{background:var(--green-lime);color:var(--ink-black);cursor:default;box-shadow:3px 3px 0 var(--green-dark)}.vote-btn--disabled{background:var(--sandy-panel);color:var(--text-light);cursor:not-allowed;box-shadow:2px 2px 0 var(--sandy-deep);border-color:var(--sandy-deep)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s var(--smooth);background:#1a1a1a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card-bg);border:3px solid var(--ink-black);border-radius:var(--r-lg);text-align:center;width:100%;max-width:370px;animation:popIn .4s var(--spring);box-shadow:6px 6px 0 var(--ink-black);padding:32px 28px 28px;position:relative}.modal:before{content:"";background:var(--green-lime);border-radius:var(--r-lg) var(--r-lg) 0 0;height:6px;position:absolute;top:0;left:0;right:0}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__emoji{margin-bottom:12px;font-size:3rem;display:block}.modal__title{color:var(--ink-black);text-transform:uppercase;margin-bottom:8px;font-family:Lilita One,Fredoka,sans-serif;font-size:1.35rem;font-weight:400}.modal__text{color:var(--text-mid);margin-bottom:24px;font-size:.88rem;line-height:1.6}.modal__booth-name{color:var(--green-dark);font-weight:700}.modal__actions{gap:12px;display:flex}.modal__btn{border:3px solid var(--ink-black);border-radius:var(--r-md);cursor:pointer;transition:all .25s var(--spring);flex:1;padding:13px 16px;font-family:Fredoka,sans-serif;font-size:.88rem;font-weight:600}.modal__btn--cancel{background:var(--sandy-panel);color:var(--ink-black);box-shadow:2px 2px 0 var(--ink-black)}.modal__btn--cancel:hover{box-shadow:3px 3px 0 var(--ink-black);transform:translate(-1px,-1px)}.modal__btn--confirm{background:var(--green-lime);color:var(--ink-black);box-shadow:3px 3px 0 var(--ink-black)}.modal__btn--confirm:hover{box-shadow:5px 5px 0 var(--ink-black);transform:translate(-2px,-2px)}.modal__btn--confirm:active{box-shadow:1px 1px 0 var(--ink-black);transform:translate(1px,1px)}.thankyou{text-align:center;animation:fadeIn .5s var(--smooth);z-index:2;padding:28px 0;position:relative}.thankyou__emoji{margin-bottom:10px;font-size:3.5rem;display:block}.thankyou__title{color:var(--green-dark);text-transform:uppercase;text-shadow:2px 2px 0 var(--sandy-deep);margin-bottom:6px;font-family:Lilita One,Fredoka,sans-serif;font-size:1.8rem;font-weight:400}.thankyou__text{color:var(--text-mid);font-size:.92rem;line-height:1.6}.loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading__spinner{border:4px solid var(--sandy-deep);border-top-color:var(--green-lime);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{color:var(--text-mid);font-size:.88rem;font-weight:500}.error-banner{border-radius:var(--r-md);color:#c0392b;background:#fff0f0;border:3px solid #e74c3c;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;font-size:.84rem;font-weight:600;display:flex;box-shadow:3px 3px #c0392b}.footer{text-align:center;color:var(--text-light);z-index:2;padding:28px 0 16px;font-size:.72rem;font-weight:500;position:relative}.admin{z-index:2;width:100%;max-width:600px;margin:0 auto;padding:0 20px 48px;position:relative}.admin__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 0 20px;display:flex}.admin__title{color:var(--ink-black);text-transform:uppercase;font-family:Lilita One,Fredoka,sans-serif;font-size:1.4rem;font-weight:400}.admin__back{color:var(--ink-black);background:var(--sandy-panel);border:2px solid var(--ink-black);border-radius:var(--r-pill);cursor:pointer;transition:all .2s var(--smooth);box-shadow:2px 2px 0 var(--ink-black);padding:7px 16px;font-family:Fredoka,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none}.admin__back:hover{box-shadow:3px 3px 0 var(--ink-black);transform:translate(-1px,-1px)}.admin-login{text-align:center;max-width:380px;margin:60px auto}.admin-login__title{text-transform:uppercase;margin-bottom:6px;font-family:Lilita One,Fredoka,sans-serif;font-size:1.6rem;font-weight:400}.admin-login__subtitle{color:var(--text-mid);margin-bottom:28px;font-size:.9rem}.admin-login__form{flex-direction:column;gap:14px;display:flex}.admin-login__input{border:3px solid var(--ink-black);border-radius:var(--r-md);background:var(--card-bg);color:var(--ink-black);text-align:center;letter-spacing:4px;box-shadow:3px 3px 0 var(--ink-black);outline:none;padding:14px 18px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;transition:box-shadow .2s}.admin-login__input:focus{box-shadow:4px 4px 0 var(--green-lime);border-color:var(--green-dark)}.admin-login__submit{background:var(--green-lime);color:var(--ink-black);border:3px solid var(--ink-black);border-radius:var(--r-md);cursor:pointer;transition:all .25s var(--spring);box-shadow:3px 3px 0 var(--ink-black);padding:14px;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:700}.admin-login__submit:hover{box-shadow:5px 5px 0 var(--ink-black);transform:translate(-2px,-2px)}.admin-form{background:var(--card-bg);border-radius:var(--r-lg);border:3px dashed var(--green-dark);box-shadow:4px 4px 0 var(--sandy-deep);margin-bottom:24px;padding:24px}.admin-form__title{color:var(--green-dark);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-family:Lilita One,Fredoka,sans-serif;font-size:1rem;font-weight:400;display:flex}.admin-form__row{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.admin-form__input{border:2px solid var(--sandy-deep);border-radius:var(--r-md);background:var(--sandy-light);color:var(--ink-black);outline:none;padding:12px 16px;font-family:Fredoka,sans-serif;font-size:.9rem;transition:border-color .2s}.admin-form__input:focus{border-color:var(--green-lime)}.admin-form__submit{background:var(--green-lime);color:var(--ink-black);border:3px solid var(--ink-black);border-radius:var(--r-pill);cursor:pointer;transition:all .25s var(--spring);box-shadow:3px 3px 0 var(--ink-black);padding:12px 22px;font-family:Fredoka,sans-serif;font-size:.88rem;font-weight:700}.admin-form__submit:hover{box-shadow:4px 4px 0 var(--ink-black);transform:translate(-1px,-1px)}.admin-booth{background:var(--card-bg);border:3px solid var(--ink-black);border-radius:var(--r-lg);box-shadow:4px 4px 0 var(--ink-black);transition:all .25s var(--smooth);align-items:center;gap:14px;margin-bottom:14px;padding:18px 20px;display:flex}.admin-booth:hover{box-shadow:5px 5px 0 var(--ink-black);transform:translate(-1px,-1px)}.admin-booth__color{border-radius:4px;flex-shrink:0;width:8px;height:48px}.admin-booth__info{flex:1;min-width:0}.admin-booth__name{color:var(--ink-black);text-transform:uppercase;margin-bottom:2px;font-family:Lilita One,Fredoka,sans-serif;font-size:1rem;font-weight:400}.admin-booth__desc{color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.admin-booth__votes{color:var(--text-mid);white-space:nowrap;font-size:.78rem;font-weight:600}.admin-booth__actions{flex-shrink:0;gap:8px;display:flex}.admin-booth__btn{border-radius:var(--r-pill);cursor:pointer;transition:all .2s var(--smooth);border:2px solid;padding:7px 14px;font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:600}.admin-booth__btn--edit{background:var(--sandy-light);color:var(--ink-black);border-color:var(--ink-black)}.admin-booth__btn--edit:hover{background:var(--green-lime)}.admin-booth__btn--delete{color:#c0392b;background:#fff0f0;border-color:#c0392b}.admin-booth__btn--delete:hover{color:#fff;background:#e74c3c}.edit-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s var(--smooth);background:#1a1a1a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.edit-modal__box{background:var(--card-bg);border:3px solid var(--ink-black);border-radius:var(--r-lg);width:100%;max-width:400px;animation:popIn .4s var(--spring);box-shadow:6px 6px 0 var(--ink-black);padding:28px}.edit-modal__title{color:var(--ink-black);text-transform:uppercase;margin-bottom:20px;font-family:Lilita One,Fredoka,sans-serif;font-size:1.2rem;font-weight:400}.edit-modal__actions{gap:12px;margin-top:20px;display:flex}@media (width>=520px){.app{padding:0 28px 48px}.header__title{font-size:2.8rem}.booth-card__image-wrapper{height:170px}}@media (width<=420px){.admin-booth{flex-wrap:wrap}.admin-booth__actions{justify-content:flex-end;width:100%}}