@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Oswald:wght@200..700&display=swap);.landing .set-display{flex:2 1;flex-direction:row;flex-shrink:1;font-weight:400;gap:1rem;min-width:0}.landing .set-display::-webkit-scrollbar{display:none}.landing .set-display{-ms-overflow-style:none;scrollbar-width:none}.landing .set-bubble{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:row;gap:.4rem;justify-content:center;min-height:0;min-width:1rem}.landing .set-bubble .set-num{font-size:3.5rem;font-weight:700;line-height:1}.landing .set-bubble .score{align-items:flex-start;display:flex;flex-direction:column;font-size:1.3rem;font-weight:400;gap:0;height:auto;justify-content:center;line-height:1.4;margin-top:0}.landing .set-bubble .score span{color:inherit}.dynamic-flapper{display:inline-block;perspective:800px;position:relative}.flap.flipping{animation:flipDown .8s ease-out forwards}.tooltip-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.logo-tooltip-container{left:50%;margin-top:.8rem;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);z-index:999}.logo-tooltip{animation:tooltipPopIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff!important;border:1px solid #00000014!important;border-radius:1rem;box-shadow:0 12px 40px #00000040,0 6px 20px #00000026,0 3px 10px #0000001a!important;max-width:280px;min-width:200px;padding:1.8rem 2.2rem!important;pointer-events:auto;position:relative;transform-origin:top center}@keyframes tooltipPopIn{0%{opacity:0;transform:translateY(-10px) scale(.8)}50%{transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-content{word-wrap:break-word;color:#242424!important;font-family:Nunito Sans,sans-serif;font-size:var(--text-base)!important;font-weight:400!important;line-height:1.5;text-align:center;white-space:normal}.tooltip-arrow{border-bottom:12px solid #fff!important;border-left:12px solid #0000!important;border-right:12px solid #0000!important;bottom:100%;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:1000}.tooltip-arrow:before{border-bottom:13px solid #fff!important;border-left:12px solid #0000;border-right:12px solid #0000;bottom:-13px;content:"";height:0;left:-12px;position:absolute;width:0;z-index:-1}@media (max-width:640px){.logo-tooltip-container{max-width:90vw}.logo-tooltip{max-width:100%}}@media (prefers-color-scheme:dark){.logo-tooltip{background:#2a2a2a;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,0 2px 8px #0003}.tooltip-content{color:#fff}.tooltip-arrow{border-bottom-color:#2a2a2a}}.dynamic-flapper-unified{display:inline-block;perspective:800px;position:relative}.flapper-container{background-color:#000;border-radius:4px;display:flex;gap:1px;height:100%;overflow:hidden;position:relative;width:100%}.logo-mode .flapper-container{border:3px solid #000;box-shadow:0 0 3rem 0 #00000026,0 0 .4rem 0 #00000026}.loader-mode .flapper-container{background-color:initial;border:none;box-shadow:0 0 1rem 0 #0000001a}.qrcode-mode .flapper-container{border:3px solid #000;box-shadow:0 0 3rem 0 #00000026,0 0 .4rem 0 #00000026}.qrcode-mode .flapper-container.no-gap{background-color:initial;gap:0}.loader-indicator{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.flapper-tile{perspective:800px;position:relative;width:50%}.flap,.flapper-tile{height:100%;transform-style:preserve-3d}.flap{-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;justify-content:center;left:0;position:absolute;top:0;transform-origin:top center;-webkit-transform-style:preserve-3d;transition:none;width:100%}.flap.back{z-index:2}.flap.front{opacity:0;pointer-events:none;z-index:1}.flap.front.flipping{opacity:1;pointer-events:auto;z-index:3}@keyframes flipDown{0%{opacity:1;transform:rotateX(180deg) scaleY(.1) translateZ(0)}50%{opacity:1;transform:rotateX(90deg) scaleY(.9) translateZ(0)}to{opacity:1;transform:rotateX(0deg) scaleY(1) translateZ(0)}}.flap.flipping{animation:flipDown .6s ease-out forwards;transform:translateZ(0);will-change:transform,opacity}.eye-container{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:44%;transform:translate(-50%,-50%)}.eye{display:block}.qr-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:200%}.qr-container.qr-left{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.qr-container.qr-right{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%);left:-100%}.qr-overlay-text{animation:textFadeIn .4s ease-out 1.2s forwards;bottom:-2.5rem;color:#242424;font-family:Nunito,sans-serif;font-size:var(--text-xs);font-weight:600;left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}@keyframes textFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.flapper-mouth{align-items:center;animation:mouthPopIn .4s cubic-bezier(.34,1.56,.64,1) .3s forwards;display:flex;height:30%;justify-content:center;left:50%;opacity:0;overflow:visible;pointer-events:none;position:absolute;top:40%;transform:translateX(-50%) scale(0);width:100%;z-index:2}@keyframes mouthPopIn{0%{opacity:0;transform:translateX(-50%) scale(0)}to{opacity:1;transform:translateX(-50%) scale(1)}}.flapper-mouth .flapper-face{left:auto;overflow:visible;position:relative;top:auto;transform:none}.drawer-backdrop{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9998}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{background:#fff;bottom:0;box-shadow:2px 0 12px #00000026;display:flex;flex-direction:column;left:0;max-width:80vw;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:9999}.drawer.open{transform:translateX(0)}.drawer-content{display:flex;flex-direction:column;height:100%;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.drawer-profile{align-items:center;background:#fff;border-bottom:1px solid #00000014;display:flex;gap:1rem;padding:2rem 1.5rem}.profile-avatar{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:56px;overflow:hidden;width:56px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-family:Nunito Sans,sans-serif;font-size:var(--text-lg);font-weight:600;height:100%;justify-content:center;width:100%}.profile-info{flex:1 1;min-width:0}.profile-name{color:#242424;font-family:Nunito Sans,sans-serif;font-size:var(--text-sm);font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-nav{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1rem 0}.drawer-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:Nunito Sans,sans-serif;gap:1.2rem;padding:1.2rem 1.5rem;text-align:left;transition:background-color .2s ease;width:100%}.drawer-nav-item:hover{background-color:#0000000a}.drawer-nav-item:active{background-color:#00000014}.nav-icon{align-items:center;color:#242424;display:flex;flex-shrink:0;justify-content:center}.nav-label{color:#242424;font-size:var(--text-sm);font-weight:500;line-height:1}.drawer-footer{border-top:1px solid #00000014;padding:1.5rem}.drawer-signout{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#111;border:none;border-radius:.3rem;color:#fff;cursor:pointer;display:flex;font-family:Nunito Sans,sans-serif;font-size:var(--text-xs);font-weight:600;height:4.5rem;justify-content:center;padding:1rem 1.5rem;text-align:center;transition:all .2s ease;white-space:nowrap;width:100%}.drawer-signout:hover{background-color:#000;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.drawer-signout:active{box-shadow:0 1px 4px #0003;transform:translateY(0)}@media (min-width:768px){.drawer{width:320px}.drawer-profile{padding:2.5rem 2rem}.profile-avatar{height:64px;width:64px}}.drawer{will-change:transform}.drawer,.drawer-backdrop{backface-visibility:hidden;-webkit-backface-visibility:hidden}.drawer-backdrop{will-change:opacity}.match-group{border:1px solid #0000;display:flex;flex-direction:column;margin-bottom:1rem;transition:background-color .12s ease-out,border-radius .2s ease-out,box-shadow .12s ease-out}@media (min-width:1024px){.match-group{grid-column:1/-1}}.match-group.collapsed{background:#0000001f;border:1px solid #fff6;border-radius:.8rem;box-shadow:0 0 3rem 0 #00000026,0 0 .4rem 0 #00000026}.match-group:last-child{margin-bottom:2rem}.match-group-header{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-ui);gap:.5rem;margin-bottom:0;padding:.8rem 1.2rem;text-align:left;transition:all .3s ease-out;width:100%}.match-group.collapsed .match-group-header{background:none}.match-group-label{cursor:text;letter-spacing:0;text-transform:none}.match-group-label,.match-group-label-input{flex:1 1;font-size:1.2rem;font-weight:var(--weight-medium)}.match-group-label-input{background:#fffc;border:1px solid #0003;border-radius:.4rem;color:var(--color-text-secondary);font-family:var(--font-ui);outline:none;padding:.2rem .4rem}.match-group-label-input:focus{background:#fff;border-color:#0000004d}.match-group-count{background:#00000014;border-radius:1.2rem;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;min-width:2.8rem;padding:.4rem .8rem;text-align:center}.match-group-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--color-text-secondary);flex-shrink:0;transition:transform .3s ease-out;will-change:transform}.match-group-icon.expanded{transform:rotate(180deg)}.match-group-menu-wrapper{flex-shrink:0;margin-left:auto;position:relative}.match-group-menu-button{align-items:center;background:none;border:none;border-radius:.4rem;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.2rem;transition:background-color .15s ease-out,color .15s ease-out}.match-group-menu-button:hover{background:#0000000f;color:var(--color-text-primary)}.match-group-menu-button:active{background:#0000001a}.match-group-menu-dropdown{animation:menuSlideIn .15s ease-out;background:#fff;border:1px solid #0000000f;border-radius:.8rem;box-shadow:0 .2rem .4rem #00000014,0 .8rem 1.6rem #0000001f,0 1.6rem 3.2rem #00000014;min-width:14rem;overflow:hidden;position:absolute;right:0;top:calc(100% + .4rem);z-index:10001}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.match-group-menu-item{background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:block;font-family:Nunito Sans,sans-serif;font-size:var(--text-base);font-weight:var(--weight-semibold);padding:1.6rem 2rem;position:relative;text-align:left;transition:background-color .12s ease-out,color .12s ease-out;width:100%}.match-group-menu-item:not(:last-child):after{background:#0000000f;bottom:0;content:"";height:1px;left:2rem;position:absolute;right:2rem}.match-group-menu-item.destructive{color:#d32f2f}.match-group-menu-item.destructive:hover{background:#d32f2f14;color:#b71c1c}.match-group-menu-item:hover{background:#0000000d;color:#000}.match-group-menu-item:active{background:#0000001a}.match-group-menu-item.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.match-group-menu-item.disabled:hover{background:none;color:inherit}.match-group-content{backface-visibility:hidden;-webkit-backface-visibility:hidden;max-height:5000px;opacity:1;overflow:hidden;transition:max-height .35s ease-in-out,opacity .3s ease-in-out,padding-top .35s ease-in-out;will-change:max-height,opacity,padding-top}.match-group-content.collapsed{max-height:0;opacity:0;padding-top:0}.match-group-content.expanded{max-height:5000px;opacity:1;overflow:visible}.match-group-items{gap:1rem;min-height:0;padding:.5rem 0 0}.landing,.match-group-items{display:flex;flex-direction:column}.landing{background-color:#fff2dd;font:var(--body-font);height:100vh;position:relative}.match-header{text-wrap:nowrap;background:#0000;flex-shrink:0;flex-wrap:nowrap;z-index:1}.landing .match-header{align-items:center;background:#fff2dd;display:flex;height:6.5rem;justify-content:center;left:0;overflow:visible;padding:max(.8rem,env(safe-area-inset-top)) 1.5rem 0;position:fixed;top:0;width:100%;z-index:100}.landing .match-header:after{background:linear-gradient(180deg,#fff2dd 0,#0000);content:"";height:2.5rem;left:0;pointer-events:none;position:absolute;right:0;top:100%;z-index:-1}.menu-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#242424;cursor:pointer;display:flex;height:40px;justify-content:center;left:1.5rem;position:absolute;transition:all .2s ease;width:40px}.menu-btn:hover{background-color:#0000000d}.menu-btn:active{transform:scale(.95)}.header-logo-wrapper{align-items:center;border-radius:.8rem;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s ease}.app-tagline{color:#666;font-family:Nunito Sans,sans-serif;font-size:var(--text-sm);font-weight:500;line-height:1;opacity:.8}.landing .match-header .logout-btn{line-height:1;position:absolute;right:1.5rem}.landing.zero-state .match-header{align-items:center;background:none;flex-direction:column;gap:2rem;height:auto;justify-content:center;margin:0 0 2rem;padding:0;position:static;text-align:center}.landing .match-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:0;padding-top:9rem;position:relative}@media (min-width:1024px){.landing .match-content{padding-bottom:2rem;padding-top:6rem}}.landing .match-list,.landing .match-zero{display:flex;flex-direction:column;font-family:Oswald,sans-serif;gap:1rem;padding:0 1rem;perspective:1000px}.landing:not(.zero-state) .match-list{padding-bottom:calc(15rem + env(safe-area-inset-bottom))}@media (min-width:768px){.landing .match-list,.landing .match-zero{margin:0 auto;max-width:700px}}@media (min-width:1024px){.landing .match-list{max-width:900px;padding-top:3rem}.landing .match-zero{max-width:900px}}.match-zero{font-family:Nunito Sans,sans-serif!important;font-size:var(--text-sm);margin-bottom:1.8rem;text-align:center}.landing .match-card,.landing .row{grid-gap:.8rem;align-items:center;border-radius:1.6rem;cursor:pointer;display:grid;gap:.8rem;grid-template-columns:8.3rem auto 1fr auto;padding:1.4rem 1.2rem;position:relative;transition:all .3s ease;will-change:transform,box-shadow;z-index:20}.landing .team-names{align-items:flex-start;display:flex;flex-direction:column;grid-column:1;justify-content:center;max-width:8.3rem;min-width:8.3rem;overflow:hidden;width:8.3rem}.landing .team-name{align-items:center;display:flex;font-size:1.3rem;font-weight:400;line-height:1.4;min-width:8.3rem;width:100%}.landing .team-name span{flex-shrink:0}.landing .team-name-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing .set-display{align-items:center;display:flex;flex-wrap:nowrap;gap:1.2rem;grid-column:2;justify-content:flex-start;overflow:visible}.landing .match-status-wrapper{align-items:center;display:flex;grid-column:3;justify-content:center}.landing .delete-btn,.landing .delete-button{grid-column:4;justify-self:end}.landing .match-status{align-items:center;border-radius:.3rem;cursor:pointer;display:flex;font-family:Nunito Sans,sans-serif;font-size:1.1rem;font-weight:400;justify-content:center;min-height:1.6rem;padding:.3rem .5rem;text-transform:uppercase;white-space:nowrap}.landing .match-status,.landing .match-status--final{background:#0000;border:1px solid #242424;color:#242424}.landing .match-status--playing{background:#242424;border:1px solid #242424;color:#fff}.landing .match-list .row.dark-bg .match-status--final{background:#0000;border:1px solid #fff;color:#fff}.landing .match-list .row.dark-bg .match-status--playing{background:#fff;border:1px solid #fff;color:#242424}.delete-button{background:none;border:none;color:inherit;cursor:pointer;height:1.6rem;margin-left:auto;opacity:.7;transition:opacity .2s ease;width:1.6rem}.delete-button:hover{opacity:1}.auth-btn,.landing .btn-start,.landing .match-list .row{border-radius:1.8rem;cursor:pointer;display:flex;flex-direction:row;height:8.9rem;width:100%}.landing .match-list .row{align-items:center;gap:1.2rem;justify-content:space-between}.landing:not(.zero-state) .match-list .row:last-child{margin-bottom:1rem}.auth-btn,.landing .btn-start{text-wrap:nowrap;align-items:center;align-self:center;background-color:#fff;color:#242424;font-family:Nunito Sans,sans-serif;font-size:var(--text-xl);font-weight:700;gap:1rem;height:8.9rem;justify-content:center;line-height:normal;margin:0 1.1rem;padding:0;width:calc(100% - 2.2rem);z-index:1}.landing.has-matches .btn-start{bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 3.5rem);margin-bottom:0;margin-top:-15rem;position:-webkit-sticky;position:sticky}@media (min-width:768px){.landing .btn-start{left:auto;margin:0 auto;max-width:700px;transform:none;width:100%}.landing.has-matches .btn-start{margin:-15rem auto 0}}@media (min-width:1024px){.landing .btn-start{max-width:900px}}.landing .btn-start,.landing .match-list .row,.landing .match-row{box-shadow:0 0 3rem 0 #00000026,0 0 .4rem 0 #00000026}.login-btn,.logout-btn{align-items:center;background-color:#111;border:none;border-radius:.3rem;color:#fff;cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:600;padding:.6rem 1rem;text-align:center;transition:all .2s ease;white-space:nowrap}.login-btn:hover,.logout-btn:hover{background-color:#000;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.login-btn:active,.logout-btn:active{box-shadow:0 1px 4px #0003;transform:translateY(0)}.zero-state{text-align:center}.zero-state h1.header--hero{font:var(--callout-font);font-size:4rem;margin-bottom:1.2rem}.zero-state p{color:#555}.auth-buttons,.auth-email{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;margin:2rem auto;max-width:400px;width:calc(100% - 3rem)}.auth-email{margin:2rem 1rem;width:calc(100% - 2rem)}.auth-buttons input{background:#fff;border:1px solid #ccc;border-radius:.6rem;box-sizing:border-box;font-size:var(--text-base);margin:0;padding:.75rem 1rem;width:100%}.zero-state .auth-btn{align-self:stretch!important;bottom:auto!important;left:auto!important;margin:0!important;position:static!important;width:100%!important;z-index:auto!important}.auth-buttons .google-btn{background:#fff;border:1px solid #dadce0;color:#3c4043;margin-bottom:3rem!important}.auth-buttons .google-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.apple-btn{background:#000;color:#fff}.apple-btn:hover{background:#111;transform:translateY(-1px)}.apple-btn img{filter:invert(1)}.email-btn{background:#4285f4;color:#fff}.email-btn:hover{background:#3367d6;transform:translateY(-1px)}.zero-state input{background:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:var(--text-base);margin:0;padding:.75rem 1rem;width:100%}@media (max-width:480px){.zero-state input{font-size:1.4rem;padding:.75rem 1rem}}.auth-btn img{height:26%}.auth-divider{align-items:center;color:#666;display:flex;font-size:var(--text-xs);margin:0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.auth-divider span{padding:0 1rem}.auth-link{background:none;border:none;color:#4285f4;cursor:pointer;font-size:1.4rem;margin:0;padding:.5rem;text-decoration:none;transition:color .2s}.auth-link:hover{color:#3367d6;text-decoration:underline}.auth-email h3{color:#333;font-size:var(--text-lg);font-weight:600;margin-bottom:1rem}.auth-hint{color:#666;font-size:var(--text-xs);margin-bottom:0}.auth-btn:disabled,.auth-email input:disabled{cursor:not-allowed;opacity:.6}.guest-matches-callout{background:#ffffff14;border:2px solid #0000001a;border-radius:1rem;margin:1.5rem auto;max-width:400px;padding:1.5rem 2rem;text-align:center}.guest-matches-text{color:#fffffff2;font-size:var(--text-base);font-weight:600;line-height:1.4;margin:0}.loading-container{align-items:center;background:#e8ddd2;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#242424;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upgrade-banner{background:#fff;border:2px solid #ffb300;border-radius:1.2rem;box-shadow:0 .4rem 1.2rem #0000001a;margin:1rem 1rem 2rem;padding:2rem;position:relative;z-index:1}.upgrade-banner-content{align-items:flex-start;display:flex;gap:1.2rem;margin-bottom:1.5rem}.upgrade-banner-text{flex:1 1}.upgrade-banner-title{color:var(--color-text-primary);font-family:Nunito Sans,sans-serif;font-size:var(--text-base);font-weight:var(--weight-bold);margin:0 0 .5rem}.upgrade-banner-subtitle{color:var(--color-text-secondary);font-family:Nunito Sans,sans-serif;font-size:var(--text-xs);margin:0}.upgrade-banner-btn{background:#ffb300;border:none;border-radius:.8rem;color:#000;cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:var(--text-base);font-weight:var(--weight-bold);padding:1.2rem;transition:all .15s ease;width:100%}.upgrade-banner-btn:hover{background:#ffa000;box-shadow:0 .4rem .8rem #ffb3004d;transform:translateY(-1px)}.upgrade-banner-btn:active{transform:translateY(0)}@media (min-width:768px){.upgrade-banner{margin:2rem auto;max-width:700px}}@media (min-width:1024px){.upgrade-banner{max-width:900px}}.container,.match-view,.match-view .score,.match-view .score-container,.match-view .score-controller,.match-view .set-container,.team-block,.team-footer,.team-header,.team-inner,.team-settings{display:flex}.container{height:100dvh;padding:0 1.5rem 1.5rem}.container,.match-view{box-sizing:border-box;flex-direction:column;overflow:hidden}.match-view{border:1rem solid #fff;box-shadow:0 0 3rem 0 #00000026,0 0 .4rem 0 #00000026;flex:1 1}.match-header,.match-view{display:flex;margin-bottom:1.5rem;position:relative}.match-header{font:var(--nav-font);height:6.5rem;overflow:visible;padding:max(.8rem,env(safe-area-inset-top)) 0 0;z-index:0}.match-header,.match-title{align-items:center;justify-content:center}.match-title{cursor:pointer;display:flex;pointer-events:none}.match-title .qr-icon{pointer-events:auto}.copy-url-button{align-items:center;background:#0000;border:none;display:flex;flex-shrink:0;height:1.6rem;justify-content:center;padding:0;width:1.6rem}.title-text{color:#242424;flex:1 1;font-family:Nunito Sans,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-header .back-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:.5rem;color:#242424;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;position:absolute;transition:all .15s cubic-bezier(.4,0,.2,1);width:40px}.match-header .back-button:hover{background-color:#2424240f}.match-header .back-button:active{background-color:#2424241a;transform:scale(.92)}.end-match-btn{align-items:center;background:#111;border:none;border-radius:.3rem;color:#fff;cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:600;height:auto;line-height:1;padding:.6rem 1rem;position:absolute;right:0;text-align:center;transition:all .2s ease;white-space:nowrap}.end-match-btn:hover{background-color:#000;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.end-match-btn:active{box-shadow:0 1px 4px #0003;transform:translateY(0)}.team-block{align-items:center;flex:1 1;justify-content:center;overflow:hidden;position:relative}.team-block,.team-inner{flex-direction:column;min-height:0}.team-inner{display:flex;flex:1 1;justify-content:space-between;transform:scale(.9);transform-origin:center;width:100%}.team-header{align-items:flex-end;display:flex;flex:0 1 auto;flex-direction:row;justify-content:center;min-height:0;padding-top:clamp(.5rem,2vh,1rem);text-align:center}.match-view .team-name{font-size:clamp(1.4rem,calc(3vh + 1.5vw),calc(4vh + 2vw));font-weight:400;line-height:1.2}@media (min-width:1024px){.match-view .team-name{font-size:clamp(3rem,7vh,10rem)}}@media (min-width:1440px){.match-view .team-name{font-size:clamp(4rem,9vh,12rem)}}@media (min-width:1920px){.match-view .team-name{font-size:clamp(5rem,11vh,14rem)}}@media (min-width:2560px){.match-view .team-name{font-size:clamp(6rem,13vh,16rem)}}.match-view .team-name:focus{background:#0000001a;outline:none}@media (min-width:1024px){.team-name-input{font-size:6rem!important}}@media (min-width:1440px){.team-name-input{font-size:8rem!important}}@media (min-width:1920px){.team-name-input{font-size:10rem!important}}@media (min-width:2560px){.team-name-input{font-size:12rem!important}}.team-name-input::placeholder{color:#fff9!important;opacity:1}.team-name-input[style*="color: #fff"]::placeholder,.team-name-input[style*="color: white"]::placeholder{color:#fff9!important}.team-name-input[style*="color: #000"]::placeholder,.team-name-input[style*="color: black"]::placeholder{color:#0009!important}.match-view .team-name::placeholder,.match-view .team-name[style*="color: #fff"]::placeholder,.match-view .team-name[style*="color: #ffffff"]::placeholder,.match-view .team-name[style*="color: white"]::placeholder{color:#fff9!important}.match-view .team-name[style*="color: #000"]::placeholder,.match-view .team-name[style*="color: #000000"]::placeholder,.match-view .team-name[style*="color: black"]::placeholder{color:#0009!important}.team-footer{align-items:center;flex:0 0 auto;flex-direction:row;font-size:3rem;justify-content:space-between;min-height:4rem;padding:.5rem 0;width:100%}.match-view .score-container{align-items:center;display:flex;flex:1 1 auto;min-height:0;width:100%}.match-view .score-controller{align-items:center;border:none;cursor:pointer;height:4rem;justify-content:center;padding:0;width:4rem}.match-view .score-controller svg{display:block;width:4rem}.match-view .score{align-items:center;display:flex;flex:1.5 1;font-size:clamp(9rem,calc(20vh + 5vw),calc(32vh + 10vw));font-weight:600;height:1em;justify-content:center;line-height:1;overflow:hidden;position:relative;text-align:center}.match-view .score-inner{display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.match-view .score-inner.scroll-up{transform:translateY(-1em)}.match-view .score-inner.scroll-down{transform:translateY(0)}.match-view .score-number{align-items:center;display:flex;font-size:inherit;font-weight:800;height:1em;justify-content:center;line-height:1}@media (orientation:landscape) and (max-height:600px){.match-view .score{font-size:clamp(4rem,calc(20vh + 4vw),calc(25vh + 8vw))}.match-view .team-name{font-size:clamp(1rem,calc(2vh + .8vw),calc(2.5vh + 1.5vw))}.team-header{padding-top:clamp(.2rem,.5vh,.5rem)}}@media (min-width:768px){.match-view .score{font-size:clamp(12rem,calc(25vh + 6vw),calc(42vh + 12vw))}.match-view .team-name{font-size:clamp(2rem,calc(3.5vh + 1.5vw),calc(4.5vh + 2.5vw))}}@media (min-width:1024px){.match-view .score{font-size:clamp(16rem,calc(35vh + 8vw),calc(60vh + 18vw))}.match-view .team-name{font-size:clamp(2.5rem,calc(4vh + 2vw),calc(5vh + 3vw))}.team-header{padding-top:clamp(.3rem,.8vh,.6rem)}}@media (min-width:1440px){.match-view .score{font-size:clamp(20rem,calc(40vh + 10vw),calc(70vh + 22vw))}.match-view .team-name{font-size:clamp(3rem,calc(4.5vh + 2.5vw),calc(5.5vh + 4vw))}.team-header{padding-top:clamp(.2rem,.6vh,.4rem)}}.sets{align-items:center;background-color:#000;border-radius:5rem;color:#fff;display:flex;font-size:2.2rem;font-weight:500;gap:1.2rem;height:4.4rem;justify-content:center;left:50%;padding:0 1.2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.match-view .set-container,.team-settings{align-items:center;display:flex;flex:1 1;font-size:1.5rem;height:3rem;width:3rem}.match-view .set-container{font-size:3rem;justify-content:flex-end}.color-input{cursor:pointer;height:3rem;opacity:0;width:3rem}.color-icon{align-content:center;justify-content:center;pointer-events:none;position:absolute}.color-icon,.color-icon svg{height:3rem;width:3rem}.match-view .sets-won .score{align-content:center;font-size:100%;height:3rem;justify-content:center;overflow:hidden;width:3rem}.match-view .sets-won .score-number{font-size:inherit!important;font-weight:400!important}.share-modal{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.share-card{animation:slideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2.5rem 2rem;position:relative;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-card .close-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px}.share-card .close-btn:hover{background:#0000001a;transform:scale(1.1)}.share-card-header{margin-bottom:2rem}.share-title{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.share-subtitle,.share-title{font-family:Nunito Sans,sans-serif}.share-subtitle{color:#666;font-size:var(--text-xs);margin:0}.share-qr-wrapper{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;display:inline-block;margin:0 auto 2rem;padding:1.5rem}.share-copy-btn{align-items:center;background:#242424;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 1.5rem;transition:all .2s;width:100%}.share-copy-btn:hover{background:#000;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.share-copy-btn:active{transform:translateY(0)}.qr-icon{align-items:center;background:#fff;border:.3rem solid #fff;border-radius:.4rem;box-shadow:0 .1rem .3rem #0003;display:flex;height:36px;justify-content:center;width:36px}body,html{box-sizing:border-box!important;margin:0!important;padding:0!important}@media (orientation:landscape){body,html{height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;width:100vw!important}}@media (max-height:600px){.match-view .set-container,.team-footer{font-size:2rem}.team-footer{min-height:3rem}}@media screen and (min-width:768px){.match-view{flex-direction:row!important;height:100dvh!important}.team-block{align-items:center;flex:1 1;flex-direction:column;justify-content:center;min-height:0;position:relative}.team-inner{flex:1 1;flex-direction:column;justify-content:space-between;transform:scale(.9);transform-origin:center;width:100%}.sets{align-items:center!important;background-color:#000!important;border-radius:1rem!important;bottom:2rem!important;color:#fff!important;display:flex!important;flex-direction:row!important;font-size:2.2rem!important;font-weight:500!important;gap:1.2rem!important;height:4.4rem!important;justify-content:space-between!important;left:2rem!important;min-height:auto!important;padding:0 1.2rem!important;position:absolute!important;right:2rem!important;top:auto!important;transform:none!important;width:auto!important;z-index:10!important}.match-view .set-container .score,.match-view .sets-won .score,.match-view .sets-won .score-number{font-size:2rem!important}}@media (min-width:768px){.team-block{padding-bottom:6rem!important}.team-block.team-A{border-right:.5rem solid #fff!important}.team-block.team-B{border-left:.5rem solid #fff!important}.match-view .score{flex:1.5 1!important;font-size:clamp(5rem,calc(22vh + 4vw),calc(28vh + 8vw))!important;height:1em!important;overflow:hidden!important}.match-view .team-name{flex:1 1!important;font-size:clamp(1.2rem,calc(2.5vh + 1vw),calc(3.5vh + 2vw))!important;margin-bottom:clamp(.2rem,.3vh,.5rem)!important}.match-view .set-container .score,.match-view .sets-won .score,.match-view .sets-won .score-number{font-size:100%!important}}@media (max-height:600px){.team-inner{transform:scale(.85)}}:root{--bubble-width:5rem}.container .sets-bar{background:#fff;flex-shrink:0;gap:clamp(.5rem,1vw,2.4rem);height:6rem;overflow:hidden;padding:0 1.2rem;text-overflow:ellipsis}.container .set-bubble,.container .sets-bar{align-items:center;display:flex;justify-content:center}.container .set-bubble{color:#767676;cursor:pointer;flex-direction:row;gap:.4rem;min-width:5rem;min-width:var(--bubble-width)}.container .set-bubble.active{color:#000}.container .set-number{font-size:3rem}.container .set-scores{display:flex;flex-direction:column;font-size:1.3rem;line-height:1.4rem;margin-top:.2rem;text-align:left}.container .score-bottom,.container .score-top,.container .set-number{font-weight:600}.container .add-set-btn{cursor:pointer}@media (min-width:768px){.container .sets-bar{background:#fff!important;border-radius:0!important;bottom:0!important;color:#767676!important;flex-direction:row!important;gap:clamp(.5rem,1vw,2.4rem)!important;height:6rem!important;justify-content:center!important;left:0!important;padding:0 1.2rem!important;position:absolute!important;right:0!important;top:auto!important;width:auto!important;z-index:100!important}}:root{--font-ui:"Nunito Sans",sans-serif;--font-display:"Oswald",sans-serif;--text-xs:1rem;--text-sm:1.1rem;--text-base:1.4rem;--text-lg:1.8rem;--text-xl:2rem;--text-hero:3rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--color-text-primary:#242424;--color-text-secondary:#666;--color-text-muted:#999;--color-bg-primary:#fff;--color-bg-secondary:#fff2dd;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.2rem}.text-xs{font-size:1rem;font-size:var(--text-xs)}.text-sm{font-size:1.1rem;font-size:var(--text-sm)}.text-base{font-size:1.4rem;font-size:var(--text-base)}.text-lg{font-size:1.8rem;font-size:var(--text-lg)}.text-xl{font-size:2rem;font-size:var(--text-xl)}.text-hero{font-size:3rem;font-size:var(--text-hero)}.font-normal{font-weight:400;font-weight:var(--weight-normal)}.font-medium{font-weight:500;font-weight:var(--weight-medium)}.font-semibold{font-weight:600;font-weight:var(--weight-semibold)}.font-bold{font-weight:700;font-weight:var(--weight-bold)}.leading-tight{line-height:1.25;line-height:var(--leading-tight)}.leading-normal{line-height:1.5;line-height:var(--leading-normal)}.leading-relaxed{line-height:1.625;line-height:var(--leading-relaxed)}.text-primary{color:#242424;color:var(--color-text-primary)}.text-secondary{color:#666;color:var(--color-text-secondary)}.text-muted{color:#999;color:var(--color-text-muted)}.page-title{color:#242424;color:var(--color-text-primary);font-size:2rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--weight-bold);margin:0;text-align:center}.page-title,.section-title{font-family:Nunito Sans,sans-serif;font-family:var(--font-ui)}.section-title{align-items:center;color:#666;color:var(--color-text-secondary);display:flex;font-size:1.1rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);gap:.5rem;gap:var(--space-2);letter-spacing:.05em;margin:0 0 1.5rem;margin:0 0 var(--space-6) 0;text-transform:uppercase}.subsection-title{color:#242424;color:var(--color-text-primary);font-family:Nunito Sans,sans-serif;font-family:var(--font-ui);font-size:1.8rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--weight-bold);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.body-text{color:#242424;color:var(--color-text-primary);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.body-text,.body-text-small{font-family:Nunito Sans,sans-serif;font-family:var(--font-ui);font-size:1.4rem;font-size:var(--text-base);line-height:1.625;line-height:var(--leading-relaxed)}.body-text-small{color:#666;color:var(--color-text-secondary);font-style:italic;margin:.5rem 0 0;margin:var(--space-2) 0 0 0}.body-text ol,.body-text ul{list-style-position:outside;list-style:disc none outside!important;list-style:initial!important;margin:0 0 1rem;margin:0 0 var(--space-4) 0;padding:0 0 0 2.8rem!important}.body-text ol{list-style-type:decimal!important}.body-text ul{list-style-type:disc!important}.help-page .body-text ol,.settings-page .body-text ol{list-style-type:decimal!important;list-style:decimal!important}.help-page .body-text ul,.settings-page .body-text ul{list-style-type:disc!important;list-style:disc!important}.help-page ol.body-text,.settings-page ol.body-text{counter-reset:none!important;list-style-type:decimal!important;list-style:decimal!important;padding-left:2.8rem!important}.help-page ul.body-text,.settings-page ul.body-text{list-style-type:disc!important;list-style:disc!important;padding-left:2.8rem!important}.body-text ol li,.body-text ul li{line-height:1.5;line-height:var(--leading-normal);margin-bottom:.5rem;margin-bottom:var(--space-2)}.body-text ol li:last-child,.body-text ul li:last-child{margin-bottom:0}.page-header{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff2dd;background:var(--color-bg-secondary);display:flex;height:6.5rem;justify-content:center;padding:0 1.5rem;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;will-change:transform;z-index:100}.page-content{margin:0 auto;max-width:600px;padding:2rem 1.5rem;padding:var(--space-8) var(--space-6);padding-bottom:calc(2rem + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.content-section{background:#fff;background:var(--color-bg-primary);border-radius:1.2rem;border-radius:var(--radius-2xl);box-shadow:0 2px 12px #0000001a;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:2rem;padding:var(--space-8)}@media (max-width:480px){.page-content{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.content-section{padding:2rem;padding:var(--space-8)}}.settings-page{background:#fff2dd;min-height:100vh;padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-top:max(1.2rem,env(safe-area-inset-top))}.subscription-pro{gap:1rem}.pro-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:.5rem;color:#242424;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-bold);gap:.5rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.plan-details{margin-top:.5rem}.plan-type{font-size:var(--text-base)}.plan-price{color:#666;font-size:var(--text-sm)}.billing-info{margin-top:-.5rem}.subscription-status{color:#666;font-size:var(--text-sm)}.subscription-status-row{gap:1rem;justify-content:space-between}.subscription-status-info,.subscription-status-row{align-items:center;display:flex}.subscription-plan-label{color:#242424;display:inline-flex;font-size:var(--text-base);gap:.5rem}.settings-upgrade-btn,.subscription-plan-label{align-items:center;font-family:var(--font-ui);font-weight:var(--weight-semibold)}.settings-upgrade-btn{background:#242424;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);gap:.4rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.settings-upgrade-btn:hover{background:#000;transform:translateY(-1px)}.settings-upgrade-btn:active{transform:translateY(0)}.manage-subscription-btn{margin-top:.5rem}.subscription-free{display:flex;flex-direction:column;gap:1.5rem}.current-plan{color:#666;font-size:var(--text-base)}.plan-features{gap:1.5rem}.features-group,.plan-features{display:flex;flex-direction:column}.features-group{gap:.75rem}.features-title{color:#242424;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.features-list{gap:.5rem;list-style:none;margin:0;padding:0}.features-list li{color:#666;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.features-list.included li{color:#22c55e}.features-list.upgrade li{color:#666}.upgrade-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:.75rem;box-shadow:0 2px 8px #ffd7004d;color:#242424;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:1rem 1.5rem;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 4px 12px #ffd70066;transform:translateY(-1px)}.upgrade-btn:active{transform:translateY(0)}.setting-item{margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.setting-label{display:block;font-weight:600;margin-bottom:.5rem}.setting-input,.setting-label{color:#242424;font-family:Nunito Sans,sans-serif;font-size:var(--text-xs)}.setting-input{background:#fff;border:2px solid #e0e0e0;border-radius:.5rem;box-sizing:border-box;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.setting-input:focus{border-color:#4285f4;outline:none}.setting-input::placeholder{color:#999}.team-setting{margin-bottom:2rem}.team-setting-container{align-items:center;display:flex;gap:1rem}.color-picker-wrapper{align-items:center;display:flex;flex-shrink:0;height:3.75rem;justify-content:center;position:relative;width:3.75rem}.color-picker{background:none;border:none;border-radius:.5rem;cursor:pointer;height:100%;padding:0;width:100%}.color-picker::-webkit-color-swatch-wrapper{border-radius:.5rem;overflow:hidden;padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:.5rem}.color-picker-icon{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.team-name-input{flex:1 1;font-size:1.4rem!important}.toggle-container{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;min-height:44px;padding:.5rem 0;-webkit-user-select:none;user-select:none}.toggle-label-text{align-items:center;color:#242424;display:flex;font-size:var(--text-base);font-weight:500}.setting-hint,.toggle-label-text{font-family:Nunito Sans,sans-serif}.setting-hint{color:var(--color-text-secondary);font-size:var(--text-xs);margin-bottom:0;margin-top:.5rem}.toggle-input{display:none}.toggle-label{-webkit-tap-highlight-color:transparent;background:#e0e0e0;border-radius:14px;cursor:pointer;display:inline-block;flex-shrink:0;height:28px;position:relative;transition:background-color .2s ease;width:50px}.toggle-input:checked+.toggle-label{background:#4285f4}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:24px}.toggle-input:checked+.toggle-label .toggle-slider{transform:translateX(22px)}.setting-description{color:#666;font-family:Nunito Sans,sans-serif;font-size:var(--text-xs);line-height:1.4;margin:.5rem 0 0}.about-info{padding:0 3rem;text-align:center}.developer-link{align-items:center;background:#111;border-radius:.5rem;color:#fff;display:inline-flex;font-family:Nunito Sans,sans-serif;font-size:var(--text-xs);font-weight:600;gap:.75rem;margin:0 auto;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.app-name{color:#242424;font-size:var(--text-lg);font-weight:700}.app-name,.app-version{font-family:Nunito Sans,sans-serif;margin:0 0 .5rem}.app-version{color:#666;font-size:var(--text-xs)}.app-description{color:#242424;line-height:1.5}.app-credits,.app-description{font-family:Nunito Sans,sans-serif;font-size:var(--text-base);margin:0 0 .5rem}.app-credits{color:#666}.developer-avatar{border:1px solid #fff3;border-radius:50%;height:24px;object-fit:cover;width:24px}.developer-link:hover{background:#000;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.developer-link:active{transform:translateY(0)}.permission-blocked-banner{background:#d32f2f14;border:1px solid #d32f2f33;border-radius:.8rem;margin-bottom:2rem;padding:1.5rem}.api-error-banner{background:#ff980014;border:1px solid #ff980033}.api-error-banner .blocked-header{color:#ff9800}.blocked-header{align-items:center;color:#d32f2f;display:flex;font-family:Nunito Sans,sans-serif;font-size:var(--text-base);font-weight:var(--weight-semibold);gap:.8rem;margin-bottom:1rem}.how-to-enable{margin-bottom:.5rem!important;margin-top:1.5rem!important}.enable-steps{list-style-type:decimal!important;margin-top:.5rem!important;padding-left:2.8rem!important}.enable-steps li{color:var(--color-text-primary);margin-bottom:.5rem}.toggle-label.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.toggle-input:disabled+.toggle-label{pointer-events:none}.toggle-input:not(:disabled)+.toggle-label{pointer-events:auto}.notification-tier{border-top:1px solid #00000014;margin-top:2rem;padding-top:2rem}.notification-tier:first-of-type{margin-top:1.5rem;padding-top:1.5rem}.notification-description{color:var(--color-text-secondary);margin-bottom:1rem;margin-top:.5rem}.notification-list{list-style-type:disc!important;margin:1rem 0;padding-left:2.8rem!important}.notification-list li{color:var(--color-text-secondary);margin-bottom:.5rem}.advanced-tier{background:#d32f2f0a;border-radius:.8rem;border-top:none;padding:1.5rem}.advanced-warning{background:#d32f2f14;border-left:3px solid #d32f2f;border-radius:.6rem;margin-top:1rem;padding:1rem}.warning-text{color:#d32f2f!important;font-weight:var(--weight-semibold)}.test-notification-btn{background:#111;border:none;border-radius:.8rem;color:#fff;cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:var(--text-base);font-weight:var(--weight-semibold);margin-top:2rem;padding:1.2rem;transition:all .15s ease;width:100%}.test-notification-btn:hover{background:#000;box-shadow:0 .4rem .8rem #00000026;transform:translateY(-1px)}.test-notification-btn:active{transform:translateY(0)}.advanced-warning-modal{max-width:450px;padding:0}.modal-header{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.modal-body{padding:0 2rem 2rem}.modal-body .body-text{margin-bottom:1rem}.modal-body .body-text:last-child{margin-bottom:0}.modal-actions{display:flex;gap:1rem;padding:0 2rem 2rem}.modal-btn{border:none;border-radius:.8rem;cursor:pointer;flex:1 1;font-family:Nunito Sans,sans-serif;font-size:var(--text-base);font-weight:var(--weight-semibold);padding:1.2rem;transition:all .15s ease}.cancel-btn{background:#0000000f;color:#242424}.cancel-btn:hover{background:#0000001a}.confirm-btn{background:#d32f2f;color:#fff}.confirm-btn:hover{background:#b71c1c;box-shadow:0 .4rem .8rem #d32f2f4d;transform:translateY(-1px)}.cancel-btn:active,.confirm-btn:active{transform:translateY(0)}@media (max-width:480px){.settings-content{padding:1.5rem 1rem}.settings-section{padding:2rem}.settings-title{font-size:var(--text-base)}.modal-actions{flex-direction:column}.modal-btn{width:100%}}.detection-indicator{align-items:center;animation:fadeIn .3s ease-out;background:#4caf5014;border:1px solid #4caf5033;border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:1rem;margin-top:.5rem;padding:.75rem 1rem}.detection-icon-small{color:#4caf50e6;flex-shrink:0}.detection-text{color:#4caf50e6;flex:1 1;font-family:Nunito Sans,sans-serif;font-size:var(--text-xs);font-weight:500}.dismiss-small{align-items:center;background:none;border:none;border-radius:.25rem;color:#4caf50b3;cursor:pointer;display:flex;font-size:1.2rem;font-weight:300;height:1.5rem;justify-content:center;line-height:1;padding:.25rem;transition:all .2s ease;width:1.5rem}.dismiss-small:hover{background:#4caf501a;color:#4caf50}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.help-page{background:#fff2dd;min-height:100vh;padding-top:max(1.2rem,env(safe-area-inset-top))}.back-button{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#242424;cursor:pointer;display:flex;height:40px;justify-content:center;left:1.5rem;position:absolute;transition:all .2s ease;width:40px}.back-button:hover{background-color:#0000000d}.back-button:active{transform:scale(.95)}.header-spacer{position:absolute;right:1.5rem;width:40px}.section-icon{color:#666}.help-item{margin-bottom:1.5rem}.help-item:last-child{margin-bottom:0}.contact-link{align-items:center;background:#111;border-radius:.5rem;color:#fff;display:inline-flex;font-family:Nunito Sans,sans-serif;font-size:var(--text-xs);font-weight:600;gap:.5rem;margin:.5rem auto 0;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.contact-link:hover{background:#000;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.contact-link:active{transform:translateY(0)}.linear-link{align-items:center;background:#5e6ad2;border-radius:.5rem;color:#fff;display:flex;font-family:Nunito Sans,sans-serif;font-size:var(--text-sm);font-weight:600;gap:.5rem;justify-content:center;margin:1rem auto 1.5rem;padding:1rem 2rem;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.linear-link:hover{background:#4f5bc2;box-shadow:0 4px 12px #5e6ad24d;transform:translateY(-1px)}.linear-link:active{transform:translateY(0)}.linear-icon{flex-shrink:0}.upgrade-page{background:#fff2dd;font-family:var(--font-ui);min-height:100vh;padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-top:max(1.2rem,env(safe-area-inset-top))}.upgrade-hero{padding:1rem 0 4rem;text-align:center}.hero-title{color:#242424;font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:1rem}.hero-subtitle-wrapper{align-items:center;display:flex;gap:.75rem;justify-content:center;margin:0 auto;max-width:400px}.hero-subtitle{color:#666;font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0}.hero-subtitle-wrapper svg{color:orange;flex-shrink:0}.plan-selection{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.plan-btn{background:gold;border:none;border-radius:1rem;box-shadow:0 2px 8px #ffd7004d;color:#242424;cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-bold);padding:.9rem 1.2rem;text-align:center;transition:all .2s ease}.plan-btn:hover{background:#ffc700;box-shadow:0 4px 12px #ffd70066;transform:translateY(-1px)}.plan-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.plan-name{align-items:center;display:flex;font-size:var(--text-base);font-weight:var(--weight-semibold);gap:.5rem;justify-content:center;margin-bottom:.5rem}.plan-name,.plan-price{font-weight:var(--weight-bold)}.plan-name,.plan-period,.plan-price{color:#242424;font-size:var(--text-lg)}.plan-period{font-weight:var(--weight-normal);opacity:.7}.savings-badge{background:#242424;border-radius:.25rem;color:gold;font-size:.7rem;font-weight:var(--weight-bold);margin-left:.5rem;padding:.25rem .5rem;white-space:nowrap}.pricing-card{background:#fff;border-radius:1rem;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem;padding:2rem}.pricing-header{border-bottom:1px solid #0000001a;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.price{align-items:baseline;display:flex;gap:.5rem;justify-content:center}.price-amount{color:#242424;font-size:3rem;font-weight:var(--weight-bold)}.price-period{color:#666;font-size:var(--text-base)}.price-savings{color:#22c55e;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.features-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.feature-item{align-items:center;color:#242424;display:flex;font-size:var(--text-base);gap:.75rem}.feature-check{color:#22c55e;flex-shrink:0}.upgrade-cta-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:.75rem;box-shadow:0 4px 12px #ffd7004d;color:#242424;cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-bold);padding:1.25rem 1.5rem;transition:all .2s ease;width:100%}.upgrade-cta-btn:hover{box-shadow:0 6px 16px #ffd70066;transform:translateY(-2px)}.upgrade-cta-btn:active{transform:translateY(0)}.upgrade-cta-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.billing-note{color:#666;font-size:var(--text-sm);margin-top:1rem;text-align:center}.subscription-status{background:#fff;border-radius:1.8rem;box-shadow:0 0 3rem 0 #00000026,0 0 .4rem 0 #00000026;padding:2rem}.subscription-pro{display:flex;flex-direction:column;gap:1.5rem}.plan-details{align-items:baseline;display:flex;gap:.5rem}.plan-type{color:#242424;font-size:var(--text-lg);font-weight:var(--weight-bold)}.subscription-status .plan-price{color:#666;font-size:var(--text-base);font-weight:var(--weight-normal)}.billing-info,.subscription-status-text{color:#666;font-size:var(--text-sm)}.status-active{color:#22c55e;font-weight:var(--weight-semibold)}.manage-subscription-btn{background:#242424;border:none;border-radius:.75rem;color:#fff2dd;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:1rem 1.5rem;transition:all .2s ease}.manage-subscription-btn:hover{background:#000;transform:translateY(-1px)}.manage-subscription-btn:active{transform:translateY(0)}.comparison-section{background:#fff;border-radius:1.8rem;box-shadow:0 0 3rem 0 #00000026,0 0 .4rem 0 #00000026;margin-top:2rem;overflow:clip;padding:2rem 1rem}.comparison-section .plan-selection{margin-top:2rem}.comparison-title{color:#242424;font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:1.5rem;text-align:center}.comparison-grid-wrapper{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}.comparison-column{display:flex;flex-direction:column;gap:1.5rem}.comparison-row-1,.comparison-row-3{background-color:#00000005;border-radius:.5rem;margin:0 -.5rem;padding:1.2rem 1rem}.highlighted-column .comparison-row-1,.highlighted-column .comparison-row-3{margin:0 -1rem;padding-left:1rem;padding-right:1rem}.highlighted-column{background:#fff;border:3px solid #242424;border-radius:1rem;box-shadow:0 4px 12px #0ea5e926;margin-top:-1.3rem;padding:1rem}.highlighted-column .comparison-row-1,.highlighted-column .comparison-row-3{background-color:initial}.highlighted-column .plan-selection{gap:1rem;margin-bottom:0;margin-top:1rem;padding:0}.highlighted-column .plan-btn{width:100%}.comparison-header{align-items:center;border-bottom:none;color:#242424;display:flex;font-size:var(--text-lg);font-weight:var(--weight-bold);gap:.15rem;justify-content:center;padding:.75rem 0;text-align:center}.highlighted-column .comparison-header span,.highlighted-column .comparison-header>svg{left:-8px;position:relative}.comparison-header svg{color:gold}.comparison-data-row:nth-child(2n){background-color:#00000005;border-radius:.5rem;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.comparison-data-row{padding:1.2rem 0}.comparison-data-row .comparison-item{padding:0 1rem}.comparison-item{color:#242424;font-size:var(--text-base);text-align:center}.comparison-item.positive{color:#242424}.comparison-item.negative{color:#999}.current-plan-badge{color:#666;font-size:var(--text-sm);font-weight:var(--weight-normal)}@media (min-width:768px){.upgrade-page .page-content{margin:0 auto;max-width:600px}.hero-icon{height:100px;width:100px}.hero-icon svg{height:60px;width:60px}.hero-title{font-size:2.5rem}}@media (max-width:480px){.price-amount{font-size:2.5rem}.comparison-grid{gap:.5rem;padding:1rem}}.debug-btn{background:#666;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.debug-btn:hover{background:#444}.debug-btn:active{transform:scale(.98)}:root{--nav-font:500 1.4rem/0 "Nunito Sans",sans-serif;--body-font:500 1.4rem/0 "Nunito Sans",sans-serif;--callout-font:900 3rem/0 "Nunito Sans",sans-serif;--team-font:oswald 500 1.4rem/0 "Oswald",sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff2dd;box-sizing:border-box;font-size:62.5%}*,:after,:before{border:0;box-sizing:inherit;margin:0;padding:0}body,html{-webkit-overflow-scrolling:touch;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}body{-webkit-tap-highlight-color:transparent;background-color:#fff2dd;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-size:1.6rem;line-height:1.5}h1{font:500 1.4rem/0 Nunito Sans,sans-serif;font:var(--nav-font)}.landing-ui{font-family:Nunito Sans,sans-serif}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{-webkit-appearance:none;appearance:none;background:none;border:none;font:inherit;outline:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}#logo{margin:1.6rem;width:6rem}
/*# sourceMappingURL=main.be2e59df.css.map*/