@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";input,select,textarea{font-size:16px}:root{--bg: #F8FAFC;--text: #0F172A;--container: #FFFFFF;--heading: #0F172A;--subtext: #475569;--border: #E2E8F0;--btn-bg: #F1F5F9;--btn-text: #0F172A;--btn-hover: #E2E8F0;--input-bg: #F8FAFC;--accent: #10B981;--accent-glow: rgba(16, 185, 129, .15);--gold: #F59E0B;--bg-grid: radial-gradient(rgba(15, 23, 42, .04) 1px, transparent 1px)}@keyframes pulse-danger{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.98);color:#dc2626}to{opacity:1;transform:scale(1)}}body.dark-mode{--bg: #0F172A;--container: #1E293B;--text: #F1F5F9;--heading: #FFFFFF;--subtext: #94A3B8;--border: rgba(255, 255, 255, .05);--btn-bg: #334155;--btn-text: #F1F5F9;--btn-hover: #475569;--input-bg: #0F172A;--accent: #10B981;--accent-glow: rgba(16, 185, 129, .2);--gold: #F59E0B;--bg-grid: radial-gradient(rgba(241, 245, 249, .03) 1px, transparent 1px)}body.gold-mode{--bg: #1E1A0F;--container: #2A2415;--text: #FEF3C7;--heading: #F59E0B;--subtext: #D97706;--border: rgba(245, 158, 11, .15);--btn-bg: #3A321E;--btn-text: #FBBF24;--btn-hover: #4E4227;--input-bg: #1E1A0F;--accent: #F59E0B;--accent-glow: rgba(245, 158, 11, .2);--gold: #F59E0B;--bg-grid: radial-gradient(rgba(245, 158, 11, .025) 1px, transparent 1px)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;background-color:var(--bg);background-image:var(--bg-grid);background-size:24px 24px;color:var(--text);transition:background-color .8s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);padding:2rem 1rem;box-sizing:border-box;width:100%;position:relative}body:before{content:"";position:fixed;top:-250px;left:50%;transform:translate(-50%);width:650px;height:650px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);z-index:0;pointer-events:none;opacity:.55;transition:background .8s cubic-bezier(.4,0,.2,1)}.toolbar-controls{display:flex;align-items:center;gap:7px}.toolbar-controls button{background:var(--btn-bg);color:var(--text);border:1px solid var(--border);width:34px;height:34px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;padding:0;box-shadow:0 1px 2px #00000005}.toolbar-controls button svg{width:15px;height:15px;stroke-width:2.2px;color:var(--subtext);transition:color .22s ease,transform .22s ease}.toolbar-controls button:hover{background:var(--btn-hover);border-color:var(--accent);transform:translateY(-1.5px);box-shadow:0 5px 12px var(--accent-glow)}.toolbar-controls button:hover svg{color:var(--accent)}.toolbar-controls button:active{transform:translateY(0)}.toolbar-controls #installBtn{width:auto;padding:0 12px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;gap:5px;background:var(--accent);border-color:var(--accent);color:#000;display:none}.toolbar-controls #installBtn svg{color:#000;width:13px;height:13px}.toolbar-controls #installBtn:hover{background:#34d399;border-color:#34d399}.toolbar-controls #installBtn:hover svg{color:#000;transform:translateY(1px)}.container{background-color:var(--container);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;max-width:500px;width:100%;margin:0 auto;text-align:center;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .container{box-shadow:0 20px 40px #0000004d,inset 0 0 1px #ffffff1a}.eyebrow{display:inline-block;background-color:var(--accent-glow);color:var(--accent);border:1px solid var(--accent);padding:.35rem 1rem;border-radius:6px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;box-shadow:0 0 20px #10b9810d;position:relative;overflow:hidden}body.dark-mode .eyebrow{color:var(--accent);border-color:var(--accent)}.eyebrow:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:shimmer 4s infinite}@keyframes shimmer{0%{left:-100%}15%{left:200%}to{left:200%}}h1{margin-top:0;font-size:2.25rem;font-weight:800;color:var(--heading);letter-spacing:-.04em;line-height:1.15;margin-bottom:.75rem}p{color:var(--subtext);margin-bottom:2rem;font-size:.95rem;line-height:1.6}#inputSection{transition:opacity .3s ease}.custom-time-input{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:2.5rem;padding:.5rem;border:2px solid var(--border);background:var(--input-bg);border-radius:12px;margin-bottom:1rem;width:100%;text-align:center;box-sizing:border-box;font-family:inherit;color:var(--heading);transition:all .3s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');background-repeat:no-repeat;background-position:right 15px center;background-size:25px}.custom-time-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.custom-time-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.custom-time-input:invalid::-webkit-datetime-edit{color:transparent}.custom-time-input:invalid:before{content:attr(placeholder);color:var(--subtext);position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.custom-time-input{background-color:var(--container);color:var(--heading);border:1px solid var(--border)}.dark-mode .custom-time-input{color-scheme:dark}#missionLogList{list-style:none;padding:0;margin-bottom:1rem;max-height:250px;overflow-y:auto;text-align:left}.main-btn{background-color:var(--accent);color:#000;border:none;padding:1.1rem;font-size:1.05rem;border-radius:8px;cursor:pointer;width:100%;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--accent-glow);box-sizing:border-box;display:block}body:not(.dark-mode):not(.gold-mode) .main-btn{background-color:#0f172a;color:#fff;box-shadow:0 4px 15px #0f172a26}body.dark-mode .main-btn{background-color:var(--accent);color:#0f172a}.main-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow);filter:brightness(1.1)}#resultSection{display:none;flex-direction:column;align-items:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;width:100%}#timerDisplay{width:180px;height:180px;border-radius:50%;border:8px solid var(--btn-bg);border-top-color:var(--accent);display:flex;align-items:center;justify-content:center;margin:1rem auto 2.5rem;position:relative;font-size:3.25rem;font-weight:800;color:var(--heading);font-variant-numeric:tabular-nums;letter-spacing:-1.5px;box-sizing:border-box;box-shadow:0 0 30px var(--accent-glow);transition:all .3s cubic-bezier(.4,0,.2,1)}#resultText{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:2rem;padding:1.5rem;background-color:var(--input-bg);border-left:6px solid #10b981;border-radius:12px;box-shadow:0 5px 15px #00000014;color:var(--heading);transition:opacity .2s;width:100%;box-sizing:border-box;text-align:left}.reroll-btn{background-color:#f59e0b;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;width:100%}.reroll-btn:hover{background-color:#d97706;transform:translateY(-2px)}.share-btn{background-color:transparent;color:#3b82f6;border:2px solid #3b82f6;padding:.6rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;width:auto;display:inline-block}.share-btn:hover{background-color:#3b82f6;color:#fff}.done-btn{background-color:#10b981;color:#fff;border:none;padding:1.2rem;font-size:1.2rem;border-radius:12px;cursor:pointer;width:100%;font-weight:700;transition:all .2s ease;box-shadow:0 4px 15px #10b9814d}.done-btn:hover{background-color:#059669;transform:translateY(-3px)}.done-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.reset-btn{background:none;border:none;color:var(--subtext);margin-top:1.5rem;font-size:.95rem;text-decoration:underline;cursor:pointer}.reset-btn:hover{color:var(--heading)}#streakCounter{margin-top:1rem;font-size:.9rem;color:#10b981;font-weight:600;background:#10b9811a;padding:.4rem 1rem;border-radius:20px;display:none}@keyframes popIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modal{border:none;border-radius:20px;padding:1.2rem;width:90%;max-width:400px;background:var(--container);color:var(--text);box-shadow:0 25px 50px #0000004d;margin:auto;box-sizing:border-box;overflow-x:hidden}.modal h2{margin-top:0;color:var(--heading)}.modal p{color:var(--subtext);font-size:.9rem}#customTaskList{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto;text-align:left;margin-bottom:1rem}#customTaskList li{display:flex;justify-content:space-between;align-items:center;padding:.6rem;border-bottom:1px solid var(--border);font-size:.9rem}.delete-task-btn{background:#fee2e2;color:#ef4444;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}body.dark-mode .delete-task-btn{background:#7f1d1d;color:#fca5a5}.coffee-container{text-align:center;margin-bottom:3rem}.coffee-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fd0;color:#000;padding:.8rem 1.5rem;border-radius:30px;font-weight:700;text-decoration:none;font-size:.95rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #ffdd004d}.coffee-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #fd06}.seo-section{max-width:600px;color:var(--subtext);line-height:1.6;padding:0 1rem;margin-bottom:2rem}.seo-section h2,.seo-section h3{color:var(--heading)}.btn-primary{background-color:#fd0;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700}.btn-secondary{background-color:var(--btn-bg);color:var(--btn-text);border:1px solid var(--border);padding:10px 20px;border-radius:5px;cursor:pointer}.mission-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.mission-form input,.mission-select{padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);width:100%;box-sizing:border-box;font-family:inherit;font-size:16px}.flex-container{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;box-sizing:border-box}.mission-select{flex:1 1 100%;min-width:0}.add-btn{background:#10b981;color:#fff;border:none;padding:.8rem;border-radius:8px;font-weight:700;cursor:pointer}.close-btn{background:var(--btn-bg);color:var(--heading);border:none;padding:.8rem;width:100%;border-radius:8px;font-weight:700;cursor:pointer;margin-top:1rem;box-sizing:border-box}.settings-tab-btn{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--subtext);padding:10px 4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;border-radius:6px 6px 0 0}.settings-tab-btn:hover{color:var(--heading);background:#00000005}body.dark-mode .settings-tab-btn:hover{background:#ffffff05}.settings-tab-btn.active{color:var(--accent);border-bottom:2px solid var(--accent)}.custom-tag-badge{font-family:inherit;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--subtext);background:var(--btn-bg);border:1px solid var(--border);padding:2px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:3px;box-sizing:border-box}.custom-tasks-scroll-container::-webkit-scrollbar{width:5px}.custom-tasks-scroll-container::-webkit-scrollbar-track{background:transparent}.custom-tasks-scroll-container::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px}.custom-tasks-scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}.custom-mission-item:hover{background-color:#00000006}body.dark-mode .custom-mission-item:hover{background-color:#ffffff05}.custom-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px var(--accent-glow);border-color:var(--accent)!important}.custom-action-btn.delete:hover{box-shadow:0 4px 10px #ef444426;border-color:#fca5a5!important;background:#fee2e2!important}body.dark-mode .custom-action-btn.delete:hover{background:#7f1d1d!important}.pulsing-radar{animation:pulsing-radar-anim 1.6s infinite ease-in-out}@keyframes pulsing-radar-anim{0%{transform:scale(.9);box-shadow:0 0 #10b98166}70%{transform:scale(1.1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.filter-pill{background:var(--btn-bg);border:1px solid var(--border)!important;color:var(--subtext);transition:all .2s cubic-bezier(.16,1,.3,1)!important;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}.filter-pill:hover{color:var(--heading)!important;border-color:var(--accent)!important;background:var(--btn-bg)!important}.filter-pill.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 4px 10px var(--accent-glow)!important}html,body{overflow-x:hidden;width:100%}.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.badge-toast{background:var(--container);color:var(--text);padding:.8rem 1.2rem;border-radius:50px;box-shadow:0 10px 25px #0003;display:flex;align-items:center;border:2px solid #FFDD00;animation:slideUpFade .5s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto;width:auto;min-width:280px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}#goldUnlockModal{background:linear-gradient(145deg,#1e1a0f,#0a0905)!important;border:2px solid #ca8a04!important;box-shadow:0 15px 50px #ca8a044d,inset 0 0 30px #ca8a040d;text-align:center;padding:2.5rem 1.8rem;border-radius:20px;box-sizing:border-box}#goldUnlockModal h2{color:#fbbf24!important;text-shadow:0 2px 15px rgba(251,191,36,.4)}#goldUnlockModal h3{color:#fef3c7!important}#goldUnlockModal p{color:#d1d5db!important}.alarm-modal-content{border:3px solid #ef4444;box-shadow:0 10px 30px #ef44444d;text-align:center;max-width:400px;padding:2rem 1.5rem;border-radius:18px;box-sizing:border-box}h1,h2,h3{margin-bottom:.2rem}h2{font-size:2.2rem}.time-input-wrapper{margin-top:25px;margin-bottom:15px}.custom-time-input{font-size:3rem!important;font-weight:700;padding:1rem!important;border:2px solid var(--border)!important;background:var(--input-bg)!important;border-radius:16px!important;box-shadow:inset 0 2px 4px #0000000d,0 4px 15px #00000008}.custom-time-input:focus{border-color:#10b981!important;box-shadow:0 0 0 4px #10b98126!important}.filters-card{background:var(--input-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:inset 0 1px 2px #00000005}.filter-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--btn-bg);border:1px solid var(--border);color:var(--subtext);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.filter-btn:hover:not(.active){background:var(--btn-hover);color:var(--text);border-color:var(--subtext)}.filter-btn:hover:not(.active) .icon{filter:grayscale(.2);opacity:.85}.filter-btn.active{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 4px 12px var(--accent-glow)}body:not(.dark-mode):not(.gold-mode) .filter-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.filter-btn .icon{font-size:1.1rem;filter:grayscale(1);opacity:.6;transition:all .2s}.filter-btn.active .icon{filter:grayscale(0);opacity:1}.header-icon-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--heading);border-radius:8px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 5px #0000000d}.header-icon-btn:hover{background:var(--btn-hover);border-color:var(--subtext);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.small-btn{background-color:var(--container);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 15px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.small-btn:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-glow);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.small-btn:active{transform:translateY(1px);box-shadow:0 1px 2px var(--accent-glow)}.main-btn.major-action{font-size:1.1rem;text-transform:uppercase;letter-spacing:.08rem;margin-top:25px;font-weight:800}body.gold-mode .filters-card{border-left:6px solid #d4af37!important;box-shadow:0 10px 35px #d4af3726!important}body.gold-mode .eyebrow{background-color:#fdf5e0!important;color:#b8860b!important;border-color:#e8d7b3!important;box-shadow:0 4px 12px #d4af371a!important}body.gold-mode #timerDisplay{color:var(--subtext)!important}body.gold-mode .custom-time-input{color:var(--subtext)!important;font-weight:800!important}body.gold-mode .custom-time-input:focus{border-color:#d4af37!important;box-shadow:0 0 0 4px #d4af3733!important}body.gold-mode .filter-btn.active,body.gold-mode #installBtn{background:linear-gradient(135deg,#f0d588,#cda043)!important;color:#1a1405!important;border-color:#cda043!important;box-shadow:0 6px 20px #cda0434d!important;font-weight:700!important}body.gold-mode .filter-btn.active .icon{filter:grayscale(0)!important;opacity:1!important}body.gold-mode .main-btn.major-action{background:linear-gradient(145deg,#e6c27a,#b8860b)!important;color:#1a1405!important;border:none!important;box-shadow:0 10px 30px #b8860b66!important;text-shadow:none!important;font-weight:800!important;letter-spacing:.08rem!important;transition:all .3s ease!important}body.gold-mode .main-btn.major-action:hover{background:linear-gradient(145deg,#edcd8f,#c99612)!important;box-shadow:0 12px 35px #b8860b80!important;transform:translateY(-2px)}body.gold-mode #streakCounter{color:#b8860b!important;background:#d4af3726!important}body.gold-mode{background:linear-gradient(135deg,#f5ebd5,#ceae6c)!important;background-attachment:fixed!important}body.gold-mode .container{background:linear-gradient(145deg,#fefdfa,#eeddb4)!important;box-shadow:0 25px 60px #9c720540,inset 0 0 20px #fffc!important;border:1px solid rgba(255,255,255,.9)!important}.custom-time-input{cursor:pointer;transition:all .2s ease}.custom-time-input:hover{border-color:var(--accent);box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-2px)}.custom-time-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.action-links-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:50px;position:relative;z-index:1}.secondary-action-link{display:inline-flex;align-items:center;gap:8px;background-color:var(--container);color:var(--text);padding:12px 24px;border-radius:30px;font-weight:600;text-decoration:none;font-size:.95rem;border:1px solid var(--border);box-shadow:0 4px 15px #00000008;transition:all .2s ease}.secondary-action-link:hover{transform:translateY(-2px);border-color:#2ecc71;box-shadow:0 4px 15px #2ecc7126}.coffee-style{background-color:#fd0;color:#000;border-color:#e6c800}.coffee-style:hover{border-color:#cca300;box-shadow:0 4px 15px #ffdd004d}.pro-seo-section{max-width:650px;margin:0 auto 60px;padding:0 20px;text-align:center;color:var(--subtext)}.pro-seo-section h2{color:var(--heading);font-size:1.8rem;margin-bottom:15px;letter-spacing:-.5px}.pro-seo-section h3{color:var(--heading);font-size:1.3rem;margin-top:35px;margin-bottom:10px}.pro-seo-section p{font-size:1.05rem;line-height:1.7;margin-bottom:20px}.pro-seo-section .footer-links{margin-top:50px;padding-top:25px;border-top:1px solid var(--border);display:flex;justify-content:center;flex-wrap:wrap;gap:25px;font-size:.9rem;font-weight:500}.pro-seo-section .footer-links a{color:var(--subtext);text-decoration:none;transition:color .2s}.pro-seo-section .footer-links a:hover{color:var(--heading)}body.dark-mode .modal{background-color:#2a2a2a;border:1px solid #4a4a4a;box-shadow:0 15px 50px #000c}body.dark-mode .modal::backdrop{background-color:#000000bf}body.dark-mode .mission-form input[type=text],body.dark-mode .mission-select{background-color:#1a1a1a;color:#fff;border:1px solid #555555}body.dark-mode .mission-form input[type=text]::placeholder{color:#8b8b8b}body.dark-mode .modal p,body.dark-mode .modal label{color:#e0e0e0!important}#resultText{background:linear-gradient(90deg,rgba(16,185,129,.08) 0%,var(--container) 35%)!important;border:2px solid rgba(16,185,129,.3)!important;border-left:8px solid #10b981!important;border-radius:12px!important;padding:2.5rem!important;margin:2rem 0!important;text-align:left!important;box-shadow:0 15px 35px #10b98114,0 5px 15px #00000008!important;animation:glideUp .4s ease-out forwards!important;position:relative;width:100%}body.dark-mode #resultText{background:linear-gradient(90deg,rgba(16,185,129,.12) 0%,var(--container) 35%)!important;border:2px solid rgba(16,185,129,.3)!important;box-shadow:0 15px 40px #0006,0 5px 15px #10b98126!important}body.gold-mode #resultText{border:2px solid rgba(250,204,21,.4)!important;border-left:8px solid #facc15!important;background:linear-gradient(90deg,rgba(250,204,21,.12) 0%,var(--container) 35%)!important;box-shadow:0 15px 40px #facc1526,0 5px 15px #0000001a!important}body.gold-mode #resultText span,body.gold-mode #resultText small,body.gold-mode #resultText strong{color:#d97706!important}#resultText>div{background:transparent!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important}#resultText,#resultText p,#resultText div{font-size:1.45rem!important;font-weight:700!important;color:var(--heading)!important;line-height:1.5!important}#resultText span,#resultText small,#resultText strong{font-size:.85rem!important;text-transform:uppercase!important;letter-spacing:2px!important;color:var(--accent)!important;font-weight:800!important;display:block!important;margin-bottom:1rem!important}@keyframes glideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.breath-circle-ring{width:105px;height:105px;border-radius:50%;border:3px dashed var(--accent);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background:transparent;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #10b9810d;-webkit-user-select:none;user-select:none}.breath-circle-ring:hover{border-style:solid;box-shadow:0 0 25px var(--accent-glow);transform:scale(1.03)}.breath-circle-inner{position:absolute;width:44px;height:44px;border-radius:50%;background-color:var(--accent);opacity:.15;transition:all 4s cubic-bezier(.4,0,.2,1);transform:scale(1);pointer-events:none}.breath-circle-ring.active-breathing{border-style:solid;animation:spinRing 12s linear infinite;cursor:wait}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 15px #f59e0b66}50%{transform:scale(1.05);box-shadow:0 4px 25px #f59e0bb3}to{transform:scale(1);box-shadow:0 4px 15px #f59e0b66}}#badgesGrid>div{transition:all .22s cubic-bezier(.4,0,.2,1)!important}#badgesGrid>div:hover{transform:translateY(-2px) scale(1.05)!important;border:1px solid var(--accent)!important;background-color:var(--accent-glow)!important;opacity:1!important;filter:none!important;cursor:pointer!important}.datetime-pill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px dashed var(--border);padding-bottom:1.25rem;width:100%;box-sizing:border-box;transition:border-color .8s ease;flex-wrap:wrap;gap:12px}.header-hud{display:flex;align-items:center;gap:8px}.time-hud-date{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,Menlo,monospace;font-size:.72rem;font-weight:700;color:var(--subtext);text-transform:uppercase;letter-spacing:.1em}.time-hud-clock{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,Menlo,monospace;font-size:.72rem;font-weight:800;color:var(--accent);letter-spacing:.05em;background:var(--accent-glow);padding:3px 10px;border-radius:5px;box-shadow:0 0 15px var(--accent-glow);transition:all .8s cubic-bezier(.4,0,.2,1)}@media(max-width:530px){.datetime-pill-header{flex-direction:column;align-items:center;gap:14px;text-align:center;padding-bottom:1.5rem}.header-hud{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}}