*{box-sizing:border-box;margin:0;padding:0}html,body,#root{justify-content:center;align-items:center;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .35s;display:flex}.scene{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.scene.light{color:#333}.scene.dark{color:#e0e0e0}body:has(.scene.dark){background-color:#1a1a1a}body:has(.scene.light){background-color:#bebebe}.flip-card{width:320px;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-card.flipped{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden}.flip-front{z-index:2;position:relative}.flip-back{z-index:1;width:100%;position:absolute;top:0;left:0;transform:rotateY(180deg)}.calculator{border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:320px;padding:24px 20px;transition:background .35s,box-shadow .35s;display:flex}.light .calculator{background:#c8c8c8;box-shadow:0 8px 30px #0003}.dark .calculator{background:#2a2a2a;box-shadow:0 8px 30px #00000080}.logo{letter-spacing:2px;text-transform:uppercase;font-size:26px;font-weight:700;transition:color .35s}.light .logo{color:#333}.dark .logo{color:#e0e0e0}.logo-img{object-fit:contain;width:auto;max-width:200px;height:32px}.display{letter-spacing:1px;border-radius:14px;justify-content:flex-end;align-items:center;width:100%;height:56px;padding:0 16px;font-size:30px;font-weight:600;transition:all .35s;display:flex;overflow:hidden}.display-placeholder{letter-spacing:0;opacity:.5;justify-content:center;font-size:15px;font-weight:500}.light .display{color:#333;background:#fff;box-shadow:inset 0 1px 3px #0000001a}.dark .display{color:#e0e0e0;background:#1a1a1a;box-shadow:inset 0 1px 3px #0006}.button-grid{grid-template-rows:repeat(6,50px);grid-template-columns:repeat(4,50px);justify-content:center;gap:12px;display:grid}.btn{cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:all .15s;display:flex}.btn:active{transform:scale(.96);box-shadow:inset 0 2px 4px #0000004d}.btn img{pointer-events:none;width:20px;height:20px}.btn-faded{opacity:.35;pointer-events:none}.btn-round{border-radius:50%;width:50px;height:50px}.light .num-btn{color:#333;background:#fff;font-size:18px}.dark .num-btn{color:#e0e0e0;background:#3a3a3a;font-size:18px}.btn-play{text-transform:uppercase;letter-spacing:1px;border-radius:25px;height:50px;font-size:15px}.light .btn-play{color:#fff;background:#4caf50}.dark .btn-play{color:#e0e0e0;background:#388e3c}.btn-negative{font-size:22px;font-weight:700}.light .btn-negative{color:#333;background:#fff}.dark .btn-negative{color:#e0e0e0;background:#3a3a3a}.light .btn-icon{background:#fff}.dark .btn-icon{background:#3a3a3a}.light .btn img{filter:brightness(0)}.dark .btn img{filter:brightness(0)invert()}.btn-play img,.btn-begin img,.btn-enter img{filter:brightness(0)invert()!important}.btn-enter{text-transform:uppercase;letter-spacing:1px;border-radius:25px;height:50px;font-size:14px}.light .btn-enter{color:#fff;background:#2196f3}.dark .btn-enter{color:#e0e0e0;background:#1976d2}.btn-instructions{letter-spacing:.5px;border-radius:25px;height:50px;font-size:14px}.light .btn-instructions{color:#333;background:#fff}.dark .btn-instructions{color:#e0e0e0;background:#3a3a3a}.remainders-row{justify-content:center;align-items:center;gap:10px;padding:6px 0 2px;display:flex}.remainder-icon{width:24px;height:24px;transition:all .35s}.light .remainder-filled{filter:brightness(0)saturate()}.light .remainder-empty{filter:brightness(0)saturate();opacity:.15}.dark .remainder-filled{filter:brightness(0)invert()}.dark .remainder-empty{filter:brightness(0)invert();opacity:.2}.game-back{justify-content:flex-start;min-height:560px}.game-level{text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:4px;font-size:14px;font-weight:600}.game-viewport{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative}.game-instructions{text-align:left;padding:0 12px;font-size:13px;line-height:1.5}.light .game-instructions{color:#222}.dark .game-instructions{color:#ccc}.game-number{letter-spacing:2px;font-size:120px;font-weight:800;line-height:1}.flash-card{border-radius:18px;justify-content:center;align-items:center;width:250px;height:160px;display:flex}.light .flash-card{color:#f5f5f5;background:#333}.dark .flash-card{color:#222;background:#e0e0e0}.game-pregame-ui{opacity:1;z-index:5;justify-content:center;width:100%;transition:opacity .8s;display:flex;position:absolute;left:0}.game-pregame-top{padding:0 8px;top:0}.game-pregame-bottom{bottom:10px}.game-pregame-ui.faded{opacity:0;pointer-events:none}.seq-flip-container{perspective:800px;justify-content:center;align-items:center;width:260px;height:160px;display:flex}.seq-flip-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.seq-face{backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.seq-face-b{transform:rotateY(180deg)}.btn-begin{text-transform:uppercase;letter-spacing:1px;border-radius:25px;min-width:160px;height:50px;padding:0 24px;font-size:15px}.light .btn-begin{color:#fff;background:#4caf50}.dark .btn-begin{color:#e0e0e0;background:#388e3c}.overlay-wrapper{z-index:100;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fade-in;display:flex;position:absolute;top:0;left:0}.overlay-dim{z-index:101;border-radius:28px;width:100%;height:100%;position:absolute;top:0;left:0}.light .overlay-dim{background:#c8c8c8d9}.dark .overlay-dim{background:#1e1e1ed9}.overlay-content{z-index:102;text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:280px;padding:30px 24px;display:flex;position:relative}.overlay-correct{color:#fff;background:#4caf50f2}.overlay-wrong{color:#fff;background:#f44336f2}.overlay-gameover{color:#fff;background:#3c3c3cf2}.overlay-title{text-transform:uppercase;letter-spacing:2px;font-size:28px;font-weight:700}.overlay-subtitle{opacity:.9;font-size:18px;font-weight:600}.overlay-detail{opacity:.85;font-size:15px}.overlay-detail-sub{opacity:.7;font-size:14px}.overlay-remainders{opacity:.9;margin-top:2px;font-size:14px;font-weight:600}.overlay-highest{opacity:.6;margin-top:4px;font-size:12px}.overlay-content .btn-begin{color:#fff;background:#ffffff40;border:2px solid #ffffff80;margin-top:6px}.overlay-content .btn-begin:active{background:#fff6}.overlay-buttons-stacked{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.overlay-buttons-stacked .btn-begin{width:100%}.overlay-gameover{justify-content:center;min-height:400px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.shake{animation:.5s shake}.fireworks-container{z-index:103;pointer-events:none;border-radius:28px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.firework-particle{background:hsl(var(--hue), 100%, 60%);opacity:0;width:5px;height:5px;animation:1.2s ease-out forwards firework-burst;animation-delay:var(--animation-delay,0s);border-radius:50%;position:absolute}@keyframes firework-burst{0%{opacity:1;transform:translate(0)scale(1)}30%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3)}}.modal-backdrop{z-index:200;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fade-in;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:28px;flex-direction:column;gap:16px;width:320px;min-height:700px;max-height:85vh;padding:24px 20px;animation:.3s modal-slide-up;display:flex;overflow-y:auto}.light .modal-content{color:#333;background:#e8e8e8}.dark .modal-content{color:#e0e0e0;background:#2a2a2a}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.modal-header-icon{width:24px;height:24px}.light .modal-header-icon{filter:brightness(0)}.dark .modal-header-icon{filter:brightness(0)invert()}.modal-body{flex-direction:column;flex:1;gap:14px;display:flex}.modal-section{flex-direction:column;gap:6px;display:flex}.modal-section-title{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:14px;font-weight:700}.modal-section p{margin:0;font-size:13px;line-height:1.6}.inline-icon{vertical-align:middle;width:16px;height:16px;margin:0 2px;display:inline-block}.light .inline-icon{filter:brightness(0)}.dark .inline-icon{filter:brightness(0)invert()}.remainder-example{vertical-align:middle;gap:3px;margin:0 2px;display:inline-flex}.remainder-example img{width:14px;height:14px}.light .remainder-example .re-filled{filter:brightness(0)}.light .remainder-example .re-empty{filter:brightness(0);opacity:.15}.dark .remainder-example .re-filled{filter:brightness(0)invert()}.dark .remainder-example .re-empty{filter:brightness(0)invert();opacity:.2}.modal-tiers{flex-direction:column;gap:4px;padding:8px 0 0;display:flex}.modal-tier{border-radius:8px;padding:4px 10px;font-size:12px;line-height:1.5}.light .modal-tier{background:#0000000d}.dark .modal-tier{background:#ffffff0f}.modal-close-btn{text-transform:uppercase;letter-spacing:1px;align-self:stretch;min-height:50px;margin-top:auto;border-radius:25px!important;height:50px!important;font-size:15px!important}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}.settings-toggles{flex-direction:column;gap:8px;padding-top:6px;display:flex}.settings-toggle{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:relative}.light .settings-toggle{background:#0000000d}.dark .settings-toggle{background:#ffffff0f}.settings-toggle-label{font-size:14px;font-weight:600}.settings-toggle input{display:none}.settings-slider{border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .25s;position:relative}.light .settings-slider{background:#bbb}.dark .settings-slider{background:#555}.settings-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px}.settings-toggle input:checked+.settings-slider{background:#4caf50}.settings-toggle input:checked+.settings-slider:after{transform:translate(18px)}.settings-digit-group{flex-direction:column;gap:6px;display:flex}.settings-mode-group{gap:6px;padding:0 12px 6px;display:flex}.settings-mode-btn{text-transform:capitalize;border-radius:16px;flex:1;height:32px;font-size:12px;font-weight:600}.light .settings-mode-btn{color:#555;background:#00000014}.dark .settings-mode-btn{color:#999;background:#ffffff14}.settings-mode-active{color:#fff!important;background:#4caf50!important}.welcome-message{text-align:center;letter-spacing:.3px;margin:-4px 0;font-size:12px;font-weight:500}.light .welcome-message{color:#222}.dark .welcome-message{color:#ccc}.guest-notice{text-align:center;letter-spacing:.2px;margin:-6px 0 0;padding:0 12px;font-size:10px;line-height:1.4}.light .guest-notice{color:#777}.dark .guest-notice{color:#999}.guest-register-link{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:10px;font-weight:700;text-decoration:underline}.light .guest-register-link{color:#2196f3}.dark .guest-register-link{color:#64b5f6}.upgrade-success{color:#4caf50;text-align:center;padding:40px 0;font-size:16px;font-weight:700}.kofi-btn{width:100%;margin-top:8px;text-decoration:none;color:#fff!important;background:#ff5e5b!important}.kofi-btn img{width:20px;height:20px;filter:brightness(0)invert()!important}.contribute-share-btn{width:100%;margin-top:8px}.contribute-share-btn img{width:16px;height:16px;filter:brightness(0)invert()!important}.footer-row{justify-content:center;gap:4px;width:100%;padding:8px 0 2px;display:flex}.footer-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;opacity:.5;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 3px;font-family:inherit;font-size:7px;font-weight:600;transition:opacity .15s;display:flex}.footer-btn:hover{opacity:.8}.footer-btn img{width:16px;height:16px}.light .footer-btn{color:#333}.dark .footer-btn{color:#e0e0e0}.light .footer-btn img{filter:brightness(0)}.dark .footer-btn img{filter:brightness(0)invert()}.workbook-stats{flex-direction:column;gap:6px;padding-top:6px;display:flex}.workbook-stat{border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.light .workbook-stat{background:#0000000d}.dark .workbook-stat{background:#ffffff0f}.workbook-stat-label{opacity:.7}.workbook-stat-value{font-weight:700}.workbook-history{flex-direction:column;gap:6px;max-height:250px;padding-top:6px;display:flex;overflow-y:auto}.workbook-entry{border-left:3px solid;border-radius:10px;padding:8px 12px;font-size:11px;line-height:1.5}.workbook-correct{border-left-color:#4caf50}.workbook-wrong{border-left-color:#f44336}.light .workbook-entry{background:#0000000a}.dark .workbook-entry{background:#ffffff0a}.workbook-entry-header{margin-bottom:2px;font-size:12px;font-weight:700}.workbook-entry-sequence{opacity:.8;font-family:monospace;font-size:12px}.workbook-entry-answers{opacity:.6;margin-top:2px}.leaderboard{flex-direction:column;gap:4px;padding-top:6px;display:flex}.leaderboard-row{border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.light .leaderboard-row{background:#0000000d}.dark .leaderboard-row{background:#ffffff0f}.leaderboard-rank{text-align:center;min-width:28px;font-size:14px;font-weight:700}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.leaderboard-badge{align-items:center;display:flex}.leaderboard-level{opacity:.7;text-align:right;min-width:36px;font-size:12px;font-weight:700}.leaderboard-you{border:2px solid #4caf50}.leaderboard-empty{opacity:.5;text-align:center;padding:30px 0;font-size:13px}.workbook-badge-display{flex-direction:column;align-items:center;gap:4px;padding:16px 0 12px;display:flex}.workbook-badge-title{text-transform:uppercase;letter-spacing:1.5px;font-size:18px;font-weight:800}.workbook-badge-subtitle{opacity:.5;font-size:12px;font-weight:600}.overlay-badge{flex-direction:column;align-items:center;gap:4px;padding:4px 0;display:flex}.overlay-badge span{text-transform:uppercase;letter-spacing:1px;opacity:.9;font-size:14px;font-weight:700}.faq-item{padding-bottom:10px}.faq-q{margin-bottom:4px;font-size:13px;font-weight:700}.faq-item p{opacity:.8;font-size:12px;line-height:1.5}.help-form{flex-direction:column;gap:8px;padding-top:8px;display:flex}.help-textarea{resize:vertical;border-radius:16px;min-height:80px;padding-top:12px;font-family:inherit}.help-sent{color:#4caf50;text-align:center;padding:16px 0;font-size:14px;font-weight:600}.overlay-buttons-row{gap:10px;width:100%;display:flex}.overlay-buttons-row .btn-begin{flex:1}.btn-share-result img{width:16px;height:16px;filter:brightness(0)invert()!important}.login-overlay{z-index:150;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.login-screen{border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:320px;min-height:700px;padding:40px 24px 32px;display:flex}.light .login-screen{background:#c8c8c8;box-shadow:0 8px 30px #0003}.dark .login-screen{background:#2a2a2a;box-shadow:0 8px 30px #00000080}.login-logo{object-fit:contain;width:auto;max-width:220px;height:40px}.login-description{text-align:center;opacity:.7;padding:0 8px;font-size:14px;line-height:1.6}.login-buttons{flex-direction:column;gap:10px;width:100%;padding-top:8px;display:flex}.login-btn{letter-spacing:.3px;border-radius:24px;gap:10px;width:100%;height:48px;font-size:14px;font-weight:600}.login-btn-icon{width:20px;height:20px}.login-google{color:#333;background:#fff}.login-google .login-btn-icon{filter:none}.dark .login-google{color:#333;background:#fff}.login-email{color:#fff;background:#2196f3}.login-email .login-btn-icon{filter:brightness(0)invert()!important}.dark .login-email{color:#e0e0e0;background:#1976d2}.login-guest{background:0 0;border:2px solid #80808066}.light .login-guest{color:#555}.dark .login-guest{color:#aaa}.light .login-guest .login-btn-icon{filter:brightness(0);opacity:.6}.dark .login-guest .login-btn-icon{filter:brightness(0)invert();opacity:.6}.login-email-form{flex-direction:column;gap:10px;width:100%;padding-top:8px;display:flex}.login-input{border:2px solid #8080804d;border-radius:24px;outline:none;width:100%;height:48px;padding:0 20px;font-family:inherit;font-size:14px;transition:border-color .2s}.light .login-input{color:#333;background:#fff}.dark .login-input{color:#e0e0e0;background:#1a1a1a}.login-input:focus{border-color:#2196f3}.login-error{color:#f44336;text-align:center;padding:0 8px;font-size:12px}.login-loading{opacity:.5;padding:20px 0;font-size:14px}.login-toggle-link{cursor:pointer;text-align:center;opacity:.6;border:none;font-size:12px;background:0 0!important}.light .login-toggle-link{color:#555}.dark .login-toggle-link{color:#aaa}.settings-signout{opacity:.5;margin-top:4px;font-size:13px}.settings-uid{opacity:.3;text-align:center;word-break:break-all;padding:0 12px;font-family:monospace;font-size:9px}.password-field{width:100%;position:relative}.password-field .login-input{padding-right:48px}.password-toggle{cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{opacity:.8}.password-toggle img{width:20px;height:20px}.light .password-toggle img{filter:brightness(0)}.dark .password-toggle img{filter:brightness(0)invert()}.admin-dashboard{border-radius:28px;flex-direction:column;gap:16px;width:600px;max-width:95vw;max-height:90vh;padding:24px 20px;display:flex;overflow-y:auto}.light .admin-dashboard{background:#c8c8c8;box-shadow:0 8px 30px #0003}.dark .admin-dashboard{background:#2a2a2a;box-shadow:0 8px 30px #00000080}.admin-header{flex-direction:column;align-items:center;gap:8px;display:flex}.admin-title{text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:18px;font-weight:700}.admin-stats-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.admin-stat-card{border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.light .admin-stat-card{background:#fff}.dark .admin-stat-card{background:#3a3a3a}.admin-stat-value{font-size:28px;font-weight:800}.admin-stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.6;font-size:10px;font-weight:600}.admin-section-title{text-transform:uppercase;letter-spacing:1px;opacity:.6;padding-top:4px;font-size:14px;font-weight:700}.admin-table{border-radius:14px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.admin-table-header,.admin-table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr;align-items:center;gap:4px;padding:10px 12px;font-size:12px;display:grid}.admin-table-header{text-transform:uppercase;letter-spacing:.5px;opacity:.6;font-size:10px;font-weight:700}.light .admin-table-header{background:#00000014}.dark .admin-table-header{background:#ffffff14}.light .admin-table-row{background:#00000008}.dark .admin-table-row{background:#ffffff08}.light .admin-table-row:nth-child(odd){background:#0000000f}.dark .admin-table-row:nth-child(odd){background:#ffffff0f}.admin-empty{text-align:center;opacity:.5;padding:20px;font-size:13px}.theme-toggle-wrapper{justify-content:center;align-items:center;width:50px;height:112px;display:flex}.theme-toggle-wrapper *,.theme-toggle-wrapper :before,.theme-toggle-wrapper :after{all:unset;display:revert;box-sizing:border-box}.no-animate .tt__label:before{animation:none!important}.tt__checkbox{display:none!important}.tt__label{cursor:pointer;background:linear-gradient(#87ceeb 0%,#98d8e8 50%,#b0e0e6 100%);border:2px solid #72cce3;border-radius:40px;width:40px;height:80px;transition:all .35s ease-in;display:block;position:relative;overflow:hidden;transform:scale(1.4)}.tt__label:before{content:"";z-index:10;background:gold;border:2px solid #ffc200;border-radius:33px;width:33px;height:33px;transition:all .35s ease-in;animation-name:tt-reverse;animation-duration:.35s;animation-fill-mode:forwards;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 0 8px 2px #ffd70080}@keyframes tt-reverse{0%{height:33px;top:42px}60%{height:45px;top:29px}to{top:2px}}@keyframes tt-switch{0%{top:2px}60%{height:45px;top:2px}to{height:33px;top:42px}}.tt__crater{opacity:0;z-index:11;background:#a9a9a9;border-radius:50%;transition:opacity .35s ease-in;position:absolute}.tt__crater1{width:5px;height:5px;bottom:20px;left:14px}.tt__crater2{width:3px;height:3px;bottom:26px;left:22px}.tt__crater3{width:2px;height:2px;bottom:16px;left:20px}.tt__hills{opacity:1;z-index:5;width:100%;height:36px;transition:opacity .35s ease-in;position:absolute;bottom:0;left:0;overflow:hidden}.tt__hill{border-radius:50%;position:absolute;bottom:-8px}.tt__hill-back{background:#2d5016;width:60px;height:40px;left:-18px}.tt__hill-middle{background:#4a7c2e;width:48px;height:32px;bottom:-6px;right:-8px}.tt__hill-front{background:#7cb342;width:40px;height:24px;bottom:-10px;left:8px}.tt__cloud{opacity:.9;z-index:15;background:#ffffffe6;border-radius:40px;transition:all .35s ease-in;position:absolute}.tt__cloud:before,.tt__cloud:after{content:"";background:#ffffffe6;border-radius:40px;transition:all .35s ease-in;position:absolute}.tt__cloud1{width:12px;height:4px;top:26px;left:4px}.tt__cloud1:before{width:7px;height:7px;top:-3px;left:2px}.tt__cloud1:after{width:6px;height:5px;top:-2px;right:2px}.tt__cloud2{width:10px;height:3px;top:30px;right:6px}.tt__cloud2:before{width:5px;height:5px;top:-2px;left:2px}.tt__star{opacity:0;z-index:5;background:#b8d4ff;width:1px;height:1px;transition:opacity .35s ease-in;position:absolute}.tt__star:before,.tt__star:after{content:"";background:#b8d4ff;position:absolute}.tt__star:before{width:4px;height:1px;top:0;left:-1.5px}.tt__star:after{width:1px;height:4px;top:-1.5px;left:0}.tt__star1{top:8px;left:8px;transform:scale(1)rotate(20deg)}.tt__star2{top:16px;left:28px;transform:scale(.7)rotate(45deg)}.tt__star3{top:22px;left:14px;transform:scale(.8)rotate(-20deg)}.tt__star4{top:12px;left:22px;transform:scale(.6)rotate(60deg)}.tt__star5{top:28px;left:30px;transform:scale(.7)rotate(-45deg)}.tt__star6{top:6px;left:16px;transform:scale(.5)rotate(30deg)}.tt__star7{top:34px;left:10px;transform:scale(.6)rotate(-60deg)}.tt__star8{top:18px;left:6px;transform:scale(.4)rotate(90deg)}.tt__checkbox:checked+.tt__label{background:linear-gradient(indigo 0%,#6a5acd 50%,#8b7ab8 100%);border-color:indigo}.tt__checkbox:checked+.tt__label:before{background:linear-gradient(#f5f5f5,#e0e0e0);border-color:#e8e8ea;animation-name:tt-switch;animation-duration:.35s;animation-fill-mode:forwards;box-shadow:0 0 6px 1px #ffffff4d}.tt__checkbox:checked+.tt__label .tt__star{opacity:1;transition-delay:.35s}.tt__checkbox:checked+.tt__label .tt__hills,.tt__checkbox:checked+.tt__label .tt__cloud{opacity:0;transition:opacity .35s ease-in}.tt__checkbox:checked+.tt__label .tt__crater{opacity:.5;transition-delay:.35s}