@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color-scheme:dark;--range-track-h: 8px;--range-thumb-d: 20px}*{box-sizing:border-box}[data-theme=dark] body,body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 15% -10%,rgba(99,102,241,.25),transparent 60%),radial-gradient(1200px 800px at 110% 10%,rgba(168,85,247,.22),transparent 60%),linear-gradient(180deg,#0b1020,#0f1530);min-height:100vh;color:#e7e7ee}.gradient-text{background:-webkit-linear-gradient(45deg,#333,#555);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.input-field.pl-10{padding-left:2.5rem!important}[data-theme=rainbow] body{background:radial-gradient(1200px 800px at 0% 0%,rgba(255,99,132,.35),transparent 60%),radial-gradient(1200px 800px at 100% 0%,rgba(54,162,235,.35),transparent 60%),radial-gradient(1200px 800px at 0% 100%,rgba(255,206,86,.35),transparent 60%),radial-gradient(1200px 800px at 100% 100%,rgba(75,192,192,.35),transparent 60%),linear-gradient(180deg,#101018,#121226)}[data-theme=rainbow] .controls.glass,[data-theme=rainbow] .tabs.glass,[data-theme=rainbow] .select-trigger,[data-theme=rainbow] .control input,[data-theme=rainbow] .control select,[data-theme=rainbow] .sound{border-radius:14px;border:1px solid transparent;background:linear-gradient(135deg,#ffffff29,#ffffff14) padding-box,linear-gradient(90deg,#ff6384,#36a2eb,#ffce56,#4bc0c0,#96f) border-box;background-clip:padding-box,border-box}[data-theme=rainbow] .sound,[data-theme=rainbow] .select-trigger,[data-theme=rainbow] .control input,[data-theme=rainbow] .control select{border-radius:14px}[data-theme=rainbow] .tab{border-radius:999px}[data-theme=rainbow] .tab.active{background:linear-gradient(90deg,#ff6384aa,#36a2ebaa,#ffce56aa,#4bc0c0aa,#96fa)}[data-theme=rainbow] .tabs.glass{border:none;background:transparent;box-shadow:none}@keyframes rainbow-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[data-theme=rainbow] body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:rainbow-bg 15s ease infinite}[data-theme=rainbow] .control-panel{background-color:#1e1e1ebf;border:1px solid #3a3a3c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=rainbow] .tag-btn{padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;background:#2c2c2ccc;color:#a0a0a0;border:1px solid transparent;transition:transform .3s;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5)}[data-theme=rainbow] .tag-btn:hover{background:#3a3a3ae6;color:#fff;transform:scale(1.1)}[data-theme=rainbow] .tag-btn.active{background:linear-gradient(45deg,#f0f,#0ff);color:#fff;font-weight:700;border:1px solid #fff;box-shadow:0 0 15px #ff00ffb3,0 0 15px #00ffffb3}[data-theme=rainbow] .input-field{width:100%;background:#2c2c2ccc;border:1px solid #3a3a3c;border-radius:.5rem;padding:.5rem 1rem;color:#e0e0e0;outline:none}[data-theme=rainbow] .input-field:focus{box-shadow:0 0 10px #23a6d5,0 0 5px #e73c7e;border-color:#fff}[data-theme=rainbow] .sound-btn{background:#1e1e1ebf;border:1px solid #3a3a3c;box-shadow:0 1px 2px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s}[data-theme=rainbow] .sound-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #00000080;border-color:#fff}[data-theme=rainbow] .gradient-text{background:-webkit-linear-gradient(45deg,#ff8a00,#e52e71,#9c27b0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(255,255,255,.2)}[data-theme="420"] body{background:radial-gradient(1200px 800px at 20% -20%,rgba(34,197,94,.4),transparent 60%),radial-gradient(1200px 800px at 80% 20%,rgba(74,222,128,.3),transparent 60%),radial-gradient(1200px 800px at 40% 80%,rgba(22,163,74,.3),transparent 60%),linear-gradient(135deg,#22c55e,#16a34a,#15803d);background-size:400% 400%;animation:cannabis-bg 20s ease infinite;color:#f0fdf4;font-family:Poppins,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;position:relative;overflow-x:hidden}[data-theme="420"]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}[data-theme="420"] .broccoli{position:fixed;font-size:2rem;opacity:.6;z-index:1;pointer-events:none;animation:float-broccoli 15s linear infinite}[data-theme="420"] .broccoli:nth-child(1){top:10%;left:10%;animation-delay:0s;animation-duration:18s}[data-theme="420"] .broccoli:nth-child(2){top:20%;right:15%;animation-delay:0s;animation-duration:22s}[data-theme="420"] .broccoli:nth-child(3){bottom:25%;left:20%;animation-delay:0s;animation-duration:20s}[data-theme="420"] .broccoli:nth-child(4){bottom:15%;right:10%;animation-delay:0s;animation-duration:25s}[data-theme="420"] .broccoli:nth-child(5){top:50%;left:5%;animation-delay:0s;animation-duration:16s}[data-theme="420"] .broccoli:nth-child(6){top:30%;right:5%;animation-delay:0s;animation-duration:19s}@keyframes float-broccoli{0%{transform:translate(0) rotate(0)}25%{transform:translate(100px,-50px) rotate(90deg)}50%{transform:translate(200px) rotate(180deg)}75%{transform:translate(100px,50px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}[data-theme="420"] .container{position:relative;z-index:10}@keyframes cannabis-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[data-theme="420"] .control-panel{background-color:#11182799;border:1px solid #4ade80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme="420"] .tag-btn{padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;background:#111827b3;color:#d1fae5;border:1px solid #4ade80;transition:all .3s ease;cursor:pointer}[data-theme="420"] .tag-btn:hover{background:#22c55e33;color:#f0fdf4;transform:scale(1.05)}[data-theme="420"] .tag-btn.active{background:#22c55e;color:#fff;font-weight:600;border-color:#22c55e;box-shadow:0 0 15px #22c55e80}[data-theme="420"] .input-field{width:100%;background:#1e293bb3;border:2px solid transparent;border-radius:.5rem;padding:.5rem 1rem;color:#d1fae5;outline:none;transition:all .3s ease}[data-theme="420"] .input-field:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8040}[data-theme="420"] .sound-btn{background:#111827b3;border:1px solid #4ade80;box-shadow:0 1px 2px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:#d1fae5}[data-theme="420"] .sound-btn:hover{background:#22c55e;color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #22c55e66}[data-theme="420"] .gradient-text{background:-webkit-linear-gradient(45deg,#22c55e,#4ade80,#16a34a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(34,197,94,.3)}[data-theme="420"] header{background:#11182799;border:1px solid #4ade80;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#f0fdf4}[data-theme="420"] .volume-slider{--range-accent: #22c55e;--range-track-bg: rgba(30, 41, 59, .7);accent-color:#22c55e;border-radius:5px;height:8px;border:1px solid #4ade80}[data-theme="420"] .volume-slider::-webkit-slider-thumb{background:linear-gradient(45deg,#22c55e,#4ade80);box-shadow:0 0 10px #22c55e80}[data-theme="420"] .volume-slider::-moz-range-thumb{background:linear-gradient(45deg,#22c55e,#4ade80);box-shadow:0 0 10px #22c55e80}[data-theme="420"] input[type=checkbox]{accent-color:#22c55e;width:16px;height:16px;border-radius:3px;border:2px solid #4ade80;background:#111827b3;cursor:pointer}[data-theme="420"] input[type=checkbox]:checked{background:#22c55e;border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}[data-theme=dark] .control-panel{background-color:#1e1e1e;border:1px solid #3a3a3c}[data-theme=dark] .tag-btn{padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;background:#2c2c2c;color:#a0a0a0;border:1px solid transparent}[data-theme=dark] .tag-btn:hover{background:#3a3a3a;color:#e0e0e0}[data-theme=dark] .tag-btn.active{background:#0a84ff;color:#fff;font-weight:600}[data-theme=dark] .input-field{width:100%;background:#2c2c2c;border:1px solid #3a3a3c;border-radius:.5rem;padding:.5rem 1rem;color:#e0e0e0}[data-theme=dark] .sound-btn{background:#1e1e1e;border:1px solid #3a3a3c;box-shadow:0 1px 2px #0003}[data-theme=dark] .sound-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006;border-color:#0a84ff}[data-theme=dark] .gradient-text{background:-webkit-linear-gradient(45deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container,.page-container{width:90vw;max-width:none;margin:0 auto;padding:28px}[data-build=nightly] .container{width:90vw;max-width:none}.chaos-rainbow{background:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080);background-size:400% 400%;animation:chaos-rainbow-animation 2s ease-in-out infinite}@keyframes chaos-rainbow-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}header{display:flex;align-items:center;justify-content:space-between;padding:24px;margin-bottom:18px;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}[data-theme=rainbow] header{background:#1e1e1e66;border:1px solid transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d) padding-box,linear-gradient(90deg,#ff6384,#36a2eb,#ffce56,#4bc0c0,#96f) border-box;background-clip:padding-box,border-box;color:#fff}[data-theme=rainbow] header .text-gray-400{color:#fff!important;opacity:1!important}header h1{margin:0;font-weight:800;letter-spacing:.3px;color:inherit}[data-theme=rainbow] .site-title{background:linear-gradient(45deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:400% 400%;animation:chaos-rainbow-animation 2s ease-in-out infinite}[data-theme="420"] .site-title{color:#22c55e}.nightly-badge{color:#ff4d4f}header p{margin:0;opacity:.9;color:inherit}.clock{font-size:48px;font-weight:800;letter-spacing:1px;line-height:1}.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#ffffff24,#ffffff0f);color:#e7e7ee;font-size:.875rem;font-weight:600;line-height:1}.controls{display:grid;grid-template-columns:1fr minmax(240px,320px) 260px 200px;gap:12px;align-items:center;margin-bottom:12px}.controls.row1{z-index:5000}.controls.row2{grid-template-columns:minmax(400px,1fr);z-index:3000}.controls.row3{grid-template-columns:auto auto;justify-content:flex-start;z-index:2000;gap:8px}.controls.glass{padding:18px;position:relative;z-index:inherit;overflow:visible}.controls.glass{-webkit-backdrop-filter:saturate(140%) blur(20px);backdrop-filter:saturate(140%) blur(20px);background:linear-gradient(135deg,#ffffff24,#ffffff0f);border:1px solid rgba(255,255,255,.28);border-right-color:#ffffff2e;border-bottom-color:#ffffff2e;padding:14px;border-radius:18px;box-shadow:0 20px 40px #00000059,inset 0 1px #ffffff40}.control input,.control select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#ffffff24,#ffffff0f);color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #fff3}.control select option{background-color:#0f1530;color:#e7e7ee}.control select optgroup{background-color:#0f1530;color:#c8c8d8}.custom-select{position:relative;z-index:10000}.select-trigger{width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.32);background:linear-gradient(180deg,#ffffff38,#ffffff1f);color:#e7e7ee;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #fff3}.select-trigger .chev{float:right;opacity:.8}.select-menu{position:absolute;inset:auto 0 auto 0;top:calc(100% + 6px);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:#0f1530;box-shadow:0 24px 48px #00000080;max-height:280px;overflow-y:auto;z-index:20000}.emoji-picker button:hover{filter:brightness(1.2)}.select-item{width:100%;text-align:left;padding:10px 12px;color:#e7e7ee;background:transparent;border:0}.select-item:hover{background:#ffffff14;color:#fff}.select-item.active{background:#ffffff24;color:#fff}.control.theme select{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.32);background:linear-gradient(180deg,#ffffff38,#ffffff1f);color:#e7e7ee;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #fff3}.with-left-icon{padding-left:40px!important}.control.theme select option{background:#0f1530;color:#e7e7ee}.control input::placeholder{color:#c8c8d8}.control.volume{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.control.volume label{font-weight:700;opacity:.9}.control.volume input[type=range],.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--range-track-h, 8px);border-radius:5px;outline:none;cursor:pointer;background:linear-gradient(var(--range-accent),var(--range-accent)) 0/var(--_fill, 0%) 100% no-repeat,var(--range-track-bg, #2c2c2c);vertical-align:middle}.control.volume input[type=range]::-webkit-slider-runnable-track,.volume-slider::-webkit-slider-runnable-track{height:8px;background:transparent;border-radius:5px}.control.volume input[type=range]::-moz-range-track,.volume-slider::-moz-range-track{height:8px;background:transparent;border-radius:5px}.control.volume input[type=range]::-moz-range-progress,.volume-slider::-moz-range-progress{background:transparent}.control.volume input[type=range]::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--range-thumb-d, 20px);height:var(--range-thumb-d, 20px);margin-top:calc((var(--range-track-h, 8px) - var(--range-thumb-d, 20px)) / 2);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.control.volume input[type=range]::-moz-range-thumb,.volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}[data-theme=dark] .control.volume input[type=range],[data-theme=dark] .volume-slider{--range-accent: #0a84ff;--range-track-bg: #2c2c2c;accent-color:#0a84ff;border-radius:5px;height:var(--range-track-h, 8px)}[data-theme=dark] .control.volume input[type=range]::-webkit-slider-thumb,[data-theme=dark] .volume-slider::-webkit-slider-thumb{background:#0a84ff}[data-theme=dark] .control.volume input[type=range]::-moz-range-thumb,[data-theme=dark] .volume-slider::-moz-range-thumb{background:#0a84ff}[data-theme=rainbow] .control.volume input[type=range],[data-theme=rainbow] .volume-slider{--range-accent: #23a6d5;--range-track-bg: rgba(44,44,44,.8);accent-color:#23a6d5;border-radius:5px;height:var(--range-track-h, 8px);border:1px solid #3a3a3c}[data-theme=rainbow] .control.volume input[type=range]::-webkit-slider-thumb,[data-theme=rainbow] .volume-slider::-webkit-slider-thumb{background:linear-gradient(45deg,#23a6d5,#e73c7e)}[data-theme=rainbow] .control.volume input[type=range]::-moz-range-thumb,[data-theme=rainbow] .volume-slider::-moz-range-thumb{background:linear-gradient(45deg,#23a6d5,#e73c7e)}.error{background:#ff63631f;color:#ffd1d1;border:1px solid rgba(255,99,99,.3);padding:10px 12px;border-radius:10px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.sounds-flow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.sounds-flow .sound-wrap{position:relative;flex:0 0 auto}.sounds-flow .sound-btn{display:inline-flex;width:auto;max-width:260px;white-space:nowrap;padding:12px 16px;justify-content:center}.sounds-flow .sound-btn>span{font-weight:501!important}.input-field.pl-10.with-left-icon{padding-right:100px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sound-wrap{position:relative;display:block}.sound-wrap.row .sound{width:100%}.row-check{width:18px;height:18px;accent-color:#60a5fa}.select-check{position:absolute;left:8px;top:8px;z-index:5;width:18px;height:18px;accent-color:#60a5fa}.sound{padding:18px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.2px;box-shadow:0 10px 30px #00000040}.sound:hover{filter:brightness(1.06);background:#ffffff1a}.sound:disabled{opacity:.6;cursor:not-allowed}.fav{position:absolute;top:8px;right:10px;background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer}.fav.active{background:#eab308;color:#111;border-color:transparent}.hint{opacity:.7;padding:24px 0}.footer-info{opacity:.7;font-size:12px;padding:16px 0 8px}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#ffffff24,#ffffff0f);color:#e7e7ee}.tab:hover{background:#ffffff1f}.tab.active{background:linear-gradient(135deg,#a855f78c,#3b82f68c);color:#fff;border-color:transparent}.back-to-top{position:fixed;right:24px;bottom:24px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#ffffff24,#ffffff0f);color:#e7e7ee;box-shadow:0 10px 30px #00000059;z-index:40000}.back-to-top:hover{filter:brightness(1.1)}[data-theme] .tag-btn{padding:12px 24px;border-radius:.5rem;background:#374151;color:#fff;font-size:.875rem;font-weight:700;border:none;transition:background-color .2s ease,transform .2s ease}[data-theme] .tag-btn:hover{background:#4b5563}[data-theme] .tag-btn.active{background:#4b5563;box-shadow:0 0 0 2px #ffffff14 inset}[data-theme=dark] .tag-btn.active{background:#0a84ff!important;color:#fff!important}[data-theme=rainbow] .tag-btn.active{background:linear-gradient(90deg,#ff6384,#36a2eb,#ffce56,#4bc0c0,#96f)!important;color:#fff!important;border:1px solid transparent!important}[data-theme="420"] .tag-btn.active{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important;box-shadow:0 0 15px #22c55e80}