:root{--bg-primary:#0d0d12;--bg-surface:#12121abf;--bg-surface-elevated:#1a1a26d9;--bg-surface-hover:#232334e6;--bg-input:#0f0f17cc;--bg-glass-card:#14141ea6;--crimson:#f43f5e;--crimson-glow:#f43f5e66;--crimson-light:#fb7185;--violet:#a855f7;--violet-glow:#a855f759;--purple:#c084fc;--purple-glow:#c084fc66;--neon-cyan:#67e8f9;--neon-cyan-glow:#67e8f94d;--accent-gradient:linear-gradient(135deg, #fb7185 0%, #c084fc 100%);--accent-gradient-hover:linear-gradient(135deg, #fda4af 0%, #d8b4fe 100%);--accent-gradient-subtle:linear-gradient(135deg, #fb718526 0%, #c084fc26 100%);--brand-crimson-light:#fb7185;--brand-purple-light:#c084fc;--logo-gradient:linear-gradient(135deg, #fb7185 0%, #e879a8 48%, #c084fc 100%);--logo-gradient-hover:linear-gradient(135deg, #fda4af 0%, #f0abfc 55%, #d8b4fe 100%);--wordmark-gradient:linear-gradient(120deg, #fda4af 0%, #f0abfc 60%, #d8b4fe 100%);--border-glass:#c084fc40;--border-glass-hover:#fb7185a6;--border-subtle:#ffffff14;--border-glow:0 0 15px #c084fc4d, 0 0 30px #fb718526;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--font-main:"Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Red Hat Mono", "JetBrains Mono", Consolas, Monaco, monospace;--shadow-card:0 10px 30px -10px #0009, 0 0 1px 1px #ffffff0d;--shadow-card-hover:0 20px 40px -10px #000c, 0 0 25px #c084fc59;--shadow-modal:0 25px 60px -15px #000000d9, 0 0 40px #c084fc40;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.ambient-mesh{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-orb{filter:blur(100px);opacity:.35;will-change:transform;border-radius:50%;position:absolute}.ambient-orb-1{background:radial-gradient(circle, var(--crimson) 0%, transparent 70%);width:600px;height:600px;animation:22s ease-in-out infinite alternate orbFloat1;top:-150px;left:-150px}.ambient-orb-2{background:radial-gradient(circle, var(--violet) 0%, transparent 70%);width:700px;height:700px;animation:28s ease-in-out infinite alternate orbFloat2;top:30%;right:-200px}.ambient-orb-3{background:radial-gradient(circle, var(--purple) 0%, transparent 70%);width:550px;height:550px;animation:25s ease-in-out infinite alternate orbFloat3;bottom:-150px;left:25%}.ambient-cursor-glow{pointer-events:none;z-index:1;will-change:left, top;background:radial-gradient(circle,#c084fc2e 0%,#fb718514 40%,#0000 70%);border-radius:50%;width:450px;height:450px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.grid-lines-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--crimson) 0%, var(--purple) 100%);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fb7185 0%,#c084fc 100%)}::selection{background:var(--crimson);color:#fff}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}50%{transform:translate(80px,120px)scale(1.15)}to{transform:translate(-40px,80px)scale(.95)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}50%{transform:translate(-100px,-80px)scale(1.2)}to{transform:translate(60px,100px)scale(.9)}}@keyframes orbFloat3{0%{transform:translate(0)scale(1)}50%{transform:translate(-80px,-60px)scale(1.1)}to{transform:translate(100px,-120px)scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #fb718566,0 0 30px #c084fc33}50%{box-shadow:0 0 25px #fb7185a6,0 0 45px #c084fc66}}@keyframes badgeShimmer{0%{background-position:-200%}to{background-position:200%}}.btn{border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff;border:1px solid #fff3;box-shadow:0 4px 20px #fb718566}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 30px #fb718599,0 0 20px #c084fc66}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--purple);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 0 15px #c084fc4d}.btn-outline{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0}.btn-outline:hover{border-color:var(--crimson);color:#fff;background:#fb718514}.btn-sm{border-radius:var(--radius-md);padding:.45rem .9rem;font-size:.825rem}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;padding:0}.search-container{width:100%;max-width:820px;margin:0 auto;position:relative}.search-box-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid var(--border-glass);border-radius:var(--radius-full);transition:all var(--transition-normal);background:#12121cbf;align-items:center;padding:.5rem .75rem .5rem 1.4rem;display:flex;position:relative;box-shadow:0 12px 35px -8px #000000b3,0 0 0 1px #ffffff0a}.search-box-wrapper:focus-within{border-color:var(--purple);background:#181826e6;box-shadow:0 16px 45px -10px #000c,0 0 25px #c084fc59,0 0 15px #fb718540}.search-icon{color:var(--crimson);justify-content:center;align-items:center;margin-right:.85rem;font-size:1.25rem;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1.05rem;font-weight:400}.search-input::placeholder{color:var(--text-dim);font-weight:400;transition:opacity .2s}.search-actions{align-items:center;gap:.6rem;display:flex}.search-shortcut-badge{border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:.2rem;padding:.25rem .6rem;display:inline-flex}.search-clear-btn{color:var(--text-muted);width:28px;height:28px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.search-clear-btn:hover{color:#fff;background:#ffffff1a}.filter-pills-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:2rem 0;display:flex}.filter-pill{border-radius:var(--radius-full);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.88rem;font-weight:500;display:inline-flex}.filter-pill:hover{color:var(--text-primary);background:#ffffff12;border-color:#c084fc4d}.filter-pill.active{color:#fff;background:var(--accent-gradient);border-color:#0000;box-shadow:0 4px 15px #fb718559}.filter-count{border-radius:var(--radius-full);background:#0000004d;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1.75rem;width:100%;display:grid}.tool-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all var(--transition-smooth);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;padding:1.75rem;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--accent-gradient);opacity:.9;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:var(--purple);box-shadow:var(--shadow-card-hover);background:#1c1c2ad9;transform:translateY(-6px)}.tool-card:hover:before{opacity:1}.tool-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;display:flex}.tool-icon-wrapper{background:var(--accent-gradient);color:#fff;width:52px;height:52px;transition:transform var(--transition-fast);border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;font-size:1.6rem;display:flex;box-shadow:inset 0 1px #ffffff59,0 4px 16px #fb718559}.tool-card:hover .tool-icon-wrapper{transform:scale(1.08)rotate(-3deg)}.tool-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;color:#d8b4fe;background:#c084fc26;border:1px solid #c084fc4d;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.tool-badge.pro{color:#fca5a5;background:#fb718526;border-color:#fb718559}.tool-badge.ai{color:#f5d0fe;background:linear-gradient(135deg,#fb718533,#c084fc33);border-color:#fb718566}.tool-card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.tool-card-desc{color:var(--text-muted);flex:1;margin-bottom:1.25rem;font-size:.92rem;line-height:1.55}.tool-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.tool-tag-item{border-radius:var(--radius-sm);color:var(--text-dim);font-size:.72rem;font-family:var(--font-mono);background:#ffffff0a;padding:.2rem .55rem}.tool-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.tool-card-action{color:#f43f5e;transition:gap var(--transition-fast);align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.tool-card:hover .tool-card-action{color:#fb7185;gap:.65rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal);background:#07070cd9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-window{background:var(--bg-surface-elevated);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:960px;max-height:90vh;transition:transform var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden;transform:scale(.95)translateY(15px)}.modal-overlay.active .modal-window{transform:scale(1)translateY(0)}.modal-header{background:#12121cb3;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.modal-header-left{align-items:center;gap:1rem;display:flex}.modal-icon{background:var(--accent-gradient);color:#fff;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex;box-shadow:inset 0 1px #ffffff59}.modal-title{font-size:1.35rem;font-weight:700}.modal-subtitle{color:var(--text-muted);font-size:.85rem}.modal-close-btn{width:38px;height:38px;color:var(--text-muted);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.modal-close-btn:hover{border-color:var(--crimson);color:#fff;background:#fb718533}.modal-body{flex:1;padding:1.75rem;overflow-y:auto}.dropzone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:#14142066;border:2px dashed #c084fc59;padding:2.5rem 1.5rem;position:relative}.dropzone:hover,.dropzone.dragover{border-color:var(--crimson);background:#fb71850f;box-shadow:0 0 25px #fb718533}.dropzone-icon{color:var(--violet);transition:transform var(--transition-fast);margin-bottom:.8rem;font-size:3rem}.dropzone:hover .dropzone-icon{color:var(--crimson);transform:translateY(-4px)}.dropzone-title{margin-bottom:.3rem;font-size:1.15rem;font-weight:600}.dropzone-desc{color:var(--text-muted);font-size:.85rem}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--purple);border-left:4px solid var(--crimson);border-radius:var(--radius-md);min-width:300px;max-width:420px;color:var(--text-primary);opacity:0;background:#161622f2;align-items:center;gap:.8rem;padding:1rem 1.25rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;transform:translateY(100px);box-shadow:0 10px 30px #000c,0 0 20px #c084fc4d}.toast.toast-exit{animation:.3s ease-in forwards toastSlideOut}@keyframes toastSlideIn{to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{to{opacity:0;transform:translateY(50px)}}@media (width>=1800px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}}@media (width<=900px){.modal-window{max-width:94vw}}@media (width<=640px){.tools-grid{grid-template-columns:1fr;gap:1.15rem}.tool-card{padding:1.3rem 1.15rem}.tool-icon-wrapper{width:46px;height:46px}.tool-card-title{font-size:1.12rem}.search-box-wrapper{border-radius:18px;padding:.45rem .6rem .45rem 1.1rem}.search-input{min-width:0;font-size:1rem}.search-shortcut-badge{display:none}.filter-pills-bar{gap:.5rem;margin:1.5rem 0}.filter-pill{padding:.5rem .95rem;font-size:.82rem}.modal-overlay{padding:.7rem}.modal-window{border-radius:18px;max-width:100%;max-height:92dvh}.modal-header{gap:.75rem;padding:.95rem 1.1rem}.modal-icon{flex-shrink:0;width:38px;height:38px}.modal-title{font-size:1.08rem;line-height:1.3}.modal-subtitle{font-size:.78rem}.modal-body{padding:1.1rem .95rem 1.4rem}.dropzone{padding:1.75rem 1rem}.dropzone-title{font-size:1rem}.toast-container{bottom:1rem;left:1rem;right:1rem}.toast{min-width:0;max-width:100%}}@media (width<=400px){.tool-card-footer{flex-direction:column;align-items:flex-start;gap:.6rem}.modal-header-left{gap:.7rem;min-width:0}}.site-wrapper{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.site-header{z-index:100;-webkit-backdrop-filter:blur(20px);transition:background var(--transition-normal);background:#0d0d12bf;border-bottom:1px solid #c084fc26;position:sticky;top:0;left:0;right:0}.navbar{justify-content:space-between;align-items:center;height:74px;display:flex}.site-logo{letter-spacing:-.02em;color:#fff;align-items:center;gap:.85rem;font-size:1.35rem;font-weight:800;display:flex}.logo-icon-badge{background:var(--logo-gradient);width:42px;height:42px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 14px #fb718559,0 1px 3px #00000080,inset 0 1px #ffffff59}.site-logo:hover .logo-icon-badge{transform:translateY(-1px)rotate(-3deg);box-shadow:0 4px 20px #c084fc73,0 1px 3px #00000080,inset 0 1px #ffffff59}.logo-icon-badge:after{content:"";pointer-events:none;background:linear-gradient(#ffffff47 0%,#0000 45%);position:absolute;inset:0}.logo-word-accent{background:var(--wordmark-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.logo-text-gradient{background:linear-gradient(135deg,#fff 40%,#d8b4fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo-accent{color:var(--crimson);-webkit-text-fill-color:var(--crimson)}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.95rem;font-weight:500;position:relative}.nav-link:hover{color:#fff}.nav-link:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:width var(--transition-normal);border-radius:var(--radius-full);position:absolute;bottom:-6px;left:0}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;gap:1.25rem;display:flex}.badge-status-pill{border-radius:var(--radius-full);color:#e9d5ff;background:#c084fc1f;border:1px solid #c084fc4d;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-dot-pulse{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 10px #22c55e}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.mobile-nav-toggle{color:#fff;width:44px;height:44px;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;display:none}.mobile-nav-toggle:hover{background:#ffffff12}.mobile-nav-toggle .icon-close{display:none}.mobile-nav-toggle.open{background:#fb71851f;border-color:#fb718566}.mobile-nav-toggle.open .icon-burger{display:none}.mobile-nav-toggle.open .icon-close{display:block}.hero-section{text-align:center;padding:5rem 0 3.5rem;position:relative}.hero-pill-badge{border-radius:var(--radius-full);color:#fca5a5;background:#fb71851f;border:1px solid #fb71854d;align-items:center;gap:.6rem;margin-bottom:1.75rem;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;animation:4s infinite alternate pulseGlow;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800;line-height:1.15}.hero-title-gradient{background:linear-gradient(135deg,#fff 20%,#f43f5e 60%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-subtitle{color:var(--text-muted);max-width:720px;margin:0 auto 2.75rem;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:400;line-height:1.6}.hero-features-bar{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;font-size:.88rem;display:flex}.hero-feature-item{align-items:center;gap:.5rem;display:flex}.hero-feature-item svg{color:var(--neon-cyan)}.tools-section{padding:3rem 0 6rem}.section-header{text-align:center;margin-bottom:2rem}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--crimson);margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:inline-block}.section-title{margin-bottom:.75rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.section-desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.05rem}.empty-search-state{text-align:center;background:var(--bg-surface);border:1px dashed var(--border-glass);border-radius:var(--radius-lg);margin:2rem 0;padding:4rem 1.5rem;display:none}.empty-search-state.visible{display:block}.empty-search-icon{color:var(--text-dim);justify-content:center;margin-bottom:1rem;display:flex}.community-section{padding:5rem 0;position:relative}.community-card{border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);background:linear-gradient(135deg,#1a1a28d9 0%,#12121cf2 100%);padding:3.5rem 2.5rem;position:relative;overflow:hidden}.community-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#c084fc40 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.community-grid{z-index:2;grid-template-columns:1fr 1.1fr;align-items:center;gap:3rem;display:grid;position:relative}.community-content h2{margin-bottom:1rem;font-size:2.2rem}.community-content p{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.community-form-box{border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d14b3;padding:2rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.45rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border-radius:var(--radius-md);color:#fff;width:100%;transition:all var(--transition-fast);background:#161622cc;border:1px solid #ffffff1f;outline:none;padding:.75rem 1rem;font-size:.95rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--purple);box-shadow:0 0 15px #c084fc59}.community-requests-list{flex-direction:column;gap:.85rem;margin-top:2rem;display:flex}.request-item{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.request-item:hover{background:#ffffff0f;border-color:#c084fc4d}.upvote-btn{border-radius:var(--radius-sm);color:#d8b4fe;transition:all var(--transition-fast);background:#c084fc26;border:1px solid #c084fc4d;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.upvote-btn:hover,.upvote-btn.upvoted{background:var(--crimson);border-color:var(--crimson);color:#fff}.site-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#09090ed9;border-top:1px solid #c084fc26;margin-top:auto;padding:4rem 0 2rem;position:relative}.footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3.5rem;display:grid}.footer-brand p{color:var(--text-muted);max-width:320px;margin-top:1rem;font-size:.92rem;line-height:1.6}.footer-col h4{color:#fff;margin-bottom:1.25rem;font-size:1rem;font-weight:700}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.9rem}.footer-link:hover{color:var(--crimson)}.footer-bottom{color:var(--text-dim);border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.88rem;display:flex}.footer-credits{color:var(--text-secondary);font-weight:500}.footer-credits span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}@media (width>=1800px){.container{max-width:1500px}.hero-section{padding:7rem 0 5rem}.hero-title{font-size:5rem}.hero-subtitle{max-width:820px;font-size:1.45rem}.tools-section{padding:4rem 0 8rem}}@media (width<=1100px){.nav-links{gap:1.25rem}.nav-actions{gap:.85rem}.community-grid{gap:2.25rem}}@media (width<=900px){.navbar{height:66px}.site-logo{gap:.65rem;font-size:1.15rem}.nav-links{display:none}.nav-links.active{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass);z-index:99;background:#0d0d14fa;border-radius:0 0 20px 20px;flex-direction:column;align-items:stretch;gap:.25rem;padding:.9rem 1.1rem 1.2rem;display:flex;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 30px 60px -20px #000c}.nav-links.active .nav-link{min-height:52px;color:var(--text-secondary);border:1px solid #0000;border-radius:12px;align-items:center;padding:.7rem 1rem;font-size:1.02rem;font-weight:600;display:flex}.nav-links.active .nav-link:hover,.nav-links.active .nav-link:focus-visible{color:#fff;background:#fb71851a;border-color:#fb71854d}.nav-links.active .nav-link:after{display:none}.mobile-nav-toggle{display:inline-flex}.community-grid{grid-template-columns:1fr;gap:2.5rem}.footer-top{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=640px){.container{padding:0 1rem}.navbar{height:62px}.nav-actions{gap:.6rem}.badge-status-pill{display:none}.hero-section{padding:3rem 0 2.25rem}.hero-pill-badge{max-width:100%;margin-bottom:1.25rem;padding:.4rem .9rem;font-size:.74rem}.hero-title{font-size:clamp(1.9rem,8.5vw,2.6rem);line-height:1.2}.hero-subtitle{margin-bottom:1.75rem;font-size:1rem}.hero-features-bar{text-align:left;grid-template-columns:1fr 1fr;gap:.8rem 1rem;margin-top:1.75rem;font-size:.78rem;display:grid}.section-desc{font-size:.95rem}.community-section{padding:3rem 0}.community-card{border-radius:20px;padding:2rem 1.25rem}.community-content h2{font-size:1.5rem}.community-form-box{padding:1.35rem 1.1rem}.footer-top{grid-template-columns:1fr;gap:1.75rem;margin-bottom:2.25rem}.site-footer{padding:2.75rem 0 1.5rem}.footer-bottom{text-align:center;flex-direction:column;justify-content:center}}@media (width<=400px){.site-logo{font-size:1.02rem}.logo-icon-badge{border-radius:10px;width:36px;height:36px}#btn-explore-tools{display:none}.hero-features-bar{grid-template-columns:1fr}}@media (height<=520px) and (orientation:landscape){.hero-section{padding:2rem 0 1.5rem}.hero-subtitle{margin-bottom:1.25rem}.hero-features-bar{margin-top:1.25rem}}@media (pointer:coarse){.btn,.filter-pill{min-height:44px}.tool-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.ambient-orb,.ambient-cursor-glow{animation:none;display:none}.hero-pill-badge{animation:none}html{scroll-behavior:auto}}.tool-tabs{border-bottom:1px solid #ffffff14;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tool-tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);white-space:nowrap;background:0 0;padding:.55rem 1rem;font-size:.88rem;font-weight:600}.tool-tab-btn:hover{color:#fff;background:#ffffff0d}.tool-tab-btn.active{color:#fff;background:#c084fc33;border:1px solid #c084fc66;box-shadow:0 0 12px #c084fc40}.tool-controls-row{border-radius:var(--radius-md);background:#0f0f1899;border:1px solid #ffffff0f;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:1.25rem;margin:1.25rem 0;padding:1.25rem;display:grid}.split-panels{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.split-panel{border:1px solid var(--border-glass);border-radius:var(--radius-md);text-align:center;background:#14141eb3;min-width:0;padding:.9rem}.split-panel-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.split-panel-label.ok{color:#86efac}.split-panel-foot{color:var(--text-muted);word-break:break-word;margin-top:.5rem;font-size:.8rem}.split-panel-foot.ok{color:#86efac}.control-item{flex-direction:column;gap:.4rem;display:flex}.control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.control-input,.control-select{border-radius:var(--radius-sm);color:#fff;transition:all var(--transition-fast);background:#191926e6;border:1px solid #ffffff1a;outline:none;padding:.55rem .85rem;font-size:.9rem}.control-input:focus,.control-select:focus{border-color:var(--purple)}.visualizer-card{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#0a0a10d9;margin:1.25rem 0;padding:1.25rem;position:relative;overflow:hidden}.visualizer-canvas{border-radius:var(--radius-sm);background:#08080c;width:100%;height:160px;display:block}.visualizer-overlay-info{color:var(--text-dim);font-size:.8rem;font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}input[type=range]{-webkit-appearance:none;border-radius:var(--radius-full);background:#ffffff1a;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-gradient);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast);border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #fb718599}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.dual-editor-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin:1rem 0;display:grid}@media (width<=768px){.dual-editor-grid{grid-template-columns:1fr}}.editor-box{border-radius:var(--radius-md);background:#0c0c12cc;border:1px solid #ffffff14;flex-direction:column;display:flex;overflow:hidden}.editor-header{color:var(--text-muted);background:#14141e99;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.82rem;font-weight:600;display:flex}.editor-textarea{color:#e2e8f0;width:100%;height:240px;font-family:var(--font-mono);resize:vertical;background:0 0;border:none;outline:none;padding:1rem;font-size:.88rem;line-height:1.5}.file-tree-container{border-radius:var(--radius-md);max-height:280px;font-family:var(--font-mono);background:#0a0a10e6;border:1px solid #ffffff14;padding:1rem;font-size:.85rem;overflow-y:auto}.tree-item{transition:background var(--transition-fast);border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .6rem;display:flex}.tree-item:hover{background:#ffffff0d}.tree-item-name{color:#cbd5e1;align-items:center;gap:.5rem;display:flex}.tree-item-size{color:var(--text-dim);font-size:.75rem}.hash-results-grid{flex-direction:column;gap:.85rem;margin:1.25rem 0;display:flex}.hash-row{border-radius:var(--radius-md);background:#0f0f18cc;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.hash-algorithm{color:var(--crimson-light);text-transform:uppercase;min-width:80px;font-size:.8rem;font-weight:700}.hash-value{font-family:var(--font-mono);color:#93c5fd;word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-size:.85rem}.batch-queue{flex-direction:column;gap:.65rem;max-height:250px;margin:1.25rem 0;display:flex;overflow-y:auto}.batch-queue-item{border-radius:var(--radius-sm);background:#14141e99;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;display:flex}.batch-status-badge{border-radius:var(--radius-full);padding:.2rem .55rem;font-size:.72rem;font-weight:600}.batch-status-ready{color:#93c5fd;background:#3b82f633}.batch-status-done{color:#86efac;background:#22c55e33}.image-preview-wrapper{border-radius:var(--radius-md);background:repeating-conic-gradient(#151520 0% 25%,#101018 0% 50%) 50%/20px 20px;border:1px solid #ffffff14;justify-content:center;align-items:center;max-height:320px;margin:1.25rem 0;padding:1.5rem;display:flex;overflow:hidden}.image-preview-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:280px;box-shadow:0 5px 20px #00000080}.calculator-container{max-width:880px;margin:0 auto}.calculator-layout{grid-template-columns:1.35fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.calculator-layout{grid-template-columns:1fr}}.calculator-main-card{border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#0e0e16f2;padding:1.5rem;box-shadow:0 10px 30px #00000080,0 0 25px #c084fc26}.calc-screen{border-radius:var(--radius-md);text-align:right;background:#08080d;border:1px solid #ffffff14;flex-direction:column;justify-content:flex-end;min-height:95px;margin-bottom:1.25rem;padding:1.25rem 1.4rem;display:flex;box-shadow:inset 0 2px 8px #000c}.calc-history-line{font-family:var(--font-mono);color:var(--text-dim);word-break:break-all;min-height:1.4rem;font-size:.92rem;overflow:hidden}.calc-current-line{font-family:var(--font-mono);color:#fff;letter-spacing:-.02em;word-break:break-all;font-size:2.2rem;font-weight:700;line-height:1.2}.calc-top-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.calc-mode-pill{align-items:center;gap:.5rem;display:flex}.calc-mode-indicator{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.calc-mode-indicator.active{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.calc-memory-actions{gap:.35rem;display:flex}.calc-mem-btn{color:#cbd5e1;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.calc-mem-btn:hover{color:#fff;border-color:var(--purple);background:#c084fc40}.calc-keypad-grid{grid-template-columns:repeat(5,1fr);gap:.55rem;display:grid}.calc-btn{border-radius:var(--radius-sm);height:46px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:600;display:flex}.calc-btn:active{transform:scale(.95)}.calc-btn-num{color:#fff;background:#191926cc;border:1px solid #ffffff12}.calc-btn-num:hover{background:#28283ce6;border-color:#fff3}.calc-btn-op{color:#d8b4fe;background:#c084fc26;border:1px solid #c084fc4d;font-weight:700}.calc-btn-op:hover{border-color:var(--purple);color:#fff;background:#c084fc4d}.calc-btn-fn{color:#93c5fd;font-size:.88rem;font-family:var(--font-mono);background:#1e1e2d99;border:1px solid #ffffff0f}.calc-btn-fn:hover{color:#fff;background:#3b82f633;border-color:#3b82f666}.calc-btn-clear{color:#fca5a5;background:#fb718533;border:1px solid #fb718566;font-weight:700}.calc-btn-clear:hover{color:#fff;background:#fb718559}.calc-btn-del{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.calc-btn-del:hover{color:#fff;background:#ef444440}.calc-btn-eq{background:var(--accent-gradient);color:#fff;border:1px solid #fff3;grid-column:span 3;font-size:1.3rem;font-weight:700;box-shadow:0 4px 15px #fb718566}.calc-btn-eq:hover{background:var(--accent-gradient-hover);box-shadow:0 6px 20px #fb718599}.calc-btn-zero{grid-column:span 1}.calculator-side-panel{border-radius:var(--radius-lg);background:#12121cb3;border:1px solid #ffffff14;flex-direction:column;height:100%;padding:1.25rem;display:flex}.calc-side-header{color:#cbd5e1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:.75rem;font-size:.9rem;font-weight:700;display:flex}.btn-clear-history{color:var(--text-dim);transition:color var(--transition-fast);background:0 0;font-size:.75rem}.btn-clear-history:hover{color:var(--crimson-light)}.calc-history-list{flex-direction:column;flex:1;gap:.5rem;min-height:250px;max-height:340px;padding:.75rem 0;display:flex;overflow-y:auto}.calc-history-empty{color:var(--text-dim);text-align:center;margin-top:3rem;font-size:.85rem}.calc-history-item{border-radius:var(--radius-sm);cursor:pointer;text-align:right;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0a;padding:.55rem .75rem}.calc-history-item:hover{background:#c084fc26;border-color:#c084fc4d}.calc-history-item-eq{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.calc-history-item-ans{font-family:var(--font-mono);color:#93c5fd;font-size:1.05rem;font-weight:700}.calc-keyboard-hint{border-radius:var(--radius-sm);color:var(--text-dim);background:#ffffff08;margin-top:.75rem;padding:.6rem .8rem;font-size:.75rem;line-height:1.5}.web-utils-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.tool-subcard{border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#0f0f18cc;padding:1.5rem}.tool-subcard-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.url-parts-box{border-radius:var(--radius-md);background:#0a0a10cc;border:1px solid #ffffff0f;margin-top:1rem;padding:1rem}.url-parts-table{flex-direction:column;gap:.6rem;display:flex}.url-part-row{font-family:var(--font-mono);background:#ffffff05;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.85rem;display:flex}.url-part-label{color:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.url-part-val{color:#cbd5e1;word-break:break-all}.color-inspector-body{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.color-preview-banner{border-radius:var(--radius-md);border:1px solid #ffffff26;justify-content:center;align-items:center;height:60px;display:flex;box-shadow:inset 0 0 10px #00000080,0 4px 15px #0000004d}.color-preview-text{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 4px #000c;background:#0006;border-radius:4px;padding:.2rem .6rem;font-size:.95rem;font-weight:700}.color-formats-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=600px){.color-formats-grid{grid-template-columns:1fr}}.color-format-row{border-radius:var(--radius-sm);background:#19192699;border:1px solid #ffffff0d;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.color-format-label{font-family:var(--font-mono);color:var(--text-muted);min-width:60px;font-size:.75rem;font-weight:700}.color-format-row input{font-family:var(--font-mono);color:#93c5fd;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.unit-result-row{background:#ffffff08;border-radius:4px;justify-content:space-between;align-items:center;padding:.45rem .75rem;display:flex}.unit-res-val{color:#93c5fd;font-weight:700}.case-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.regex-layout{grid-template-columns:2fr 1fr;gap:1rem;display:grid}@media (width<=640px){.split-panels{grid-template-columns:1fr}.tool-controls-row{gap:1rem;padding:1rem}.dual-editor-grid,.calculator-layout,.regex-layout{grid-template-columns:1fr}.editor-textarea{height:180px}.image-preview-img{max-height:200px}.visualizer-canvas{height:120px}}@media (width<=480px){.calc-keypad-grid{gap:.4rem}.calc-current-line{font-size:1.6rem}.calculator-main-card{padding:1rem}.color-formats-grid{grid-template-columns:1fr}}