@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap";.kofi-floating-btn{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:999px;height:48px;width:48px;text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 20px #0003;z-index:1000;cursor:pointer}.kofi-icon-container{display:flex;justify-content:center;align-items:center;min-width:48px;height:48px}.kofi-icon{font-size:20px;opacity:.6;transition:all .4s ease}.kofi-text{color:#fff;font-weight:500;font-size:14px;white-space:nowrap;opacity:0;transform:translate(10px);transition:all .4s cubic-bezier(.25,1,.5,1)}.kofi-floating-btn:hover{width:210px;background:#ffffff26;box-shadow:0 8px 32px #ff9f0a26;border:1px solid rgba(255,255,255,.2);transform:translateY(-2px)}.kofi-floating-btn:hover .kofi-icon{opacity:1;font-size:22px}.kofi-floating-btn:hover .kofi-text{opacity:1;transform:translate(0)}.theme-floating-btn{position:fixed;bottom:84px;right:24px;display:flex;align-items:center;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:999px;height:48px;width:48px;text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 20px #0003;z-index:1000;cursor:pointer}[data-theme=monochrome] .theme-floating-btn{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.theme-icon-container{display:flex;justify-content:center;align-items:center;min-width:48px;height:48px}.theme-icon{font-size:20px;opacity:.6;transition:all .4s ease}.theme-text{color:var(--text-color);font-weight:500;font-size:14px;white-space:nowrap;opacity:0;transform:translate(10px);transition:all .4s cubic-bezier(.25,1,.5,1)}.theme-floating-btn:hover{width:150px;background:#80808026;box-shadow:0 8px 32px #80808026;border:1px solid rgba(128,128,128,.2);transform:translateY(-2px)}.theme-floating-btn:hover .theme-icon{opacity:1;font-size:22px}.theme-floating-btn:hover .theme-text{opacity:1;transform:translate(0)}.theme-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out}.theme-modal-content{background:var(--bg-color);border-radius:24px;width:90%;max-width:400px;padding:32px;box-shadow:0 24px 64px #0006;border:1px solid rgba(128,128,128,.2);color:var(--text-color);animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}[data-theme=monochrome] .theme-modal-overlay{background:#0003}.theme-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.theme-modal-header h2{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:-.5px}.theme-close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;justify-content:center;align-items:center;box-shadow:none}.theme-close-btn:hover{color:var(--text-color);background:none;transform:scale(1.1)}.theme-section{margin-bottom:12px}.theme-list{display:flex;flex-direction:column;gap:12px}.theme-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#8080800d;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .2s;color:var(--text-color)}.theme-item:hover{background:#8080801a}.theme-item.active{border-color:var(--accent-color);background:#8080801a}.theme-item-left{display:flex;align-items:center;gap:12px}.theme-color-preview{width:24px;height:24px;border-radius:50%;border:2px solid rgba(128,128,128,.2)}.theme-name{font-weight:500}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #FF9F0A;--accent-dark: #CC7E05;--ring-bg: #333333;--hero-gradient-start: #ffffff;--hero-gradient-end: #999999}[data-theme=monochrome]{--bg-color: #F8F9FA;--text-color: #212529;--accent-color: #000000;--accent-dark: #343A40;--ring-bg: #E9ECEF;--hero-gradient-start: #6c757d;--hero-gradient-end: #212529}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .4s ease,color .4s ease;min-height:max(100vh,200px);min-width:max(100vw,200px);display:flex;justify-content:center;align-items:center;overflow:auto;-webkit-font-smoothing:antialiased}#root{width:100%;min-width:200px;min-height:max(100vh,200px);display:flex;flex-direction:column}.auth-container,.setup-container,.timer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:max(100vh,200px);min-width:200px;width:100%;padding:20px;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button{background-color:var(--accent-color);color:#fff;border:none;border-radius:999px;padding:clamp(12px,3vh,14px) clamp(24px,6vw,32px);font-size:clamp(1rem,3vw,1.1rem);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff9f0a4d}button:hover{background-color:var(--accent-dark);transform:scale(1.02)}button:active{transform:scale(.98)}button.secondary{background-color:#333;color:#fff;box-shadow:none}button.secondary:hover{background-color:#444}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background-color:#1a1a1a;padding:clamp(20px,5vw,32px);border-radius:24px;text-align:center;max-width:400px;width:90%;border:1px solid #333;box-shadow:0 20px 40px #00000080}.modal h2{margin-bottom:16px;font-weight:500}.modal p{color:#aaa;margin-bottom:24px}.modal-actions{display:flex;justify-content:center;gap:12px}.modal-actions button{flex:1}.timer-text{font-size:clamp(3rem,12vmin,8rem);font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:clamp(-4px,-.5vmin,-2px);color:var(--text-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.time-setup{display:flex;align-items:center;gap:clamp(8px,4vw,20px);margin-bottom:clamp(5px,2vmin,30px)}.time-btn{background-color:#222;border-radius:50%;width:clamp(40px,10vmin,60px);height:clamp(40px,10vmin,60px);display:flex;justify-content:center;align-items:center;font-size:clamp(1.2rem,3vmin,1.5rem);padding:0;box-shadow:none}.time-btn:hover{background-color:#333}.qr-section{background:#fff;padding:20px;border-radius:20px;margin-bottom:40px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.status-text{font-size:1.2rem;color:#888;margin-top:20px;font-weight:300}.hero-title{font-size:clamp(2.5rem,8vw,3.5rem);font-weight:600;margin-bottom:10px;background:linear-gradient(135deg,var(--hero-gradient-start),var(--hero-gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-align:center}.hero-subtitle{color:#888;margin-bottom:clamp(20px,5vh,40px);font-size:clamp(1rem,4vw,1.2rem);text-align:center}.timer-widget{position:relative;width:clamp(120px,45vmin,450px);height:clamp(120px,45vmin,450px);display:flex;justify-content:center;align-items:center}.room-code-container{margin-bottom:clamp(5px,2vmin,40px);text-align:center;animation:fadeIn .5s ease-out}.room-code-label{color:#888;font-size:clamp(.9rem,2.5vmin,1.2rem);margin-bottom:clamp(4px,1.5vmin,12px)}.room-code-box{background:#111;border:1px solid #333;padding:clamp(4px,1.5vmin,16px) clamp(12px,3vmin,40px);border-radius:16px;display:inline-block}.room-code-text{font-size:clamp(1.5rem,6vmin,3rem);font-weight:600;letter-spacing:clamp(1px,1vmin,4px);margin:0;color:#fff}.timer-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-circle-bg{fill:none;stroke:var(--ring-bg);stroke-width:6}.timer-circle-fg{fill:none;stroke:var(--accent-color);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.share-btn{background-color:#333;border-radius:50%;width:clamp(40px,10vmin,60px);height:clamp(40px,10vmin,60px);display:flex;justify-content:center;align-items:center;padding:0;box-shadow:none;transition:all .2s ease}.share-btn:hover{background-color:#555;transform:scale(1.1)}.toast-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--accent-color);color:#fff;padding:12px 24px;border-radius:999px;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #00000080;animation:slideUpFadeIn .3s ease-out forwards;z-index:2000}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}