:root{color-scheme:light;--sky-top: #2e9fe0;--sky-mid: #8fd8ff;--sky-bottom: #eefaff;--glass-bg: rgba(255, 255, 255, .62);--glass-bg-strong: rgba(255, 255, 255, .78);--dim-shadow: 0 1px 1px rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .75);--text: #123047;--text-dim: #0e3347;--accent-blue: #0f93d6;--accent-blue-light: #8fe6ff;--accent-green: #4fbf6b;--accent-green-light: #c7f2b0;--danger: #d8514a;--radius: 22px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:url(/frutiger-bg.webp) center / cover no-repeat fixed,linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 45%,var(--sky-bottom) 100%);position:relative}.page{min-height:100%;display:flex;flex-direction:column}.hero{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.hero__content{position:relative;z-index:1;max-width:640px;text-align:center;padding:2rem 1.5rem;pointer-events:none}.hero__content:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse 70% 60% at center,rgba(4,34,51,.4) 0%,rgba(4,34,51,.18) 55%,transparent 78%);filter:blur(10px)}.hero__content h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:0 0 .75rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(180deg,#fff,#cdf1ff 30%,#5fcbfa,#0f76b0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px rgba(5,40,58,.55);text-shadow:0 3px 0 rgba(5,40,58,.3),0 12px 26px rgba(4,30,45,.55)}.hero__content p{color:#f3fdff;text-shadow:0 1px 3px rgba(4,30,45,.95),0 3px 12px rgba(4,30,45,.7);line-height:1.5;margin:0}.tool-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.tool-card{position:relative;overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 10px 34px #0f5a8c38,inset 0 1px #ffffffb3;padding:1.6rem;display:flex;flex-direction:column;gap:1rem}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:46%;background:linear-gradient(180deg,#ffffffa6,#fff0);pointer-events:none}.tool-card__header{display:flex;align-items:center;gap:.6rem;color:var(--accent-blue)}.tool-card__header h2{font-size:1.08rem;margin:0;color:var(--text)}.tool-card__desc{margin:-.5rem 0 0;color:var(--text-dim);text-shadow:var(--dim-shadow);font-size:.88rem;font-weight:500;line-height:1.45}.tool-card__row{display:flex;flex-wrap:wrap;gap:.75rem}.tool-card__row label{flex:1;min-width:110px;display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-dim);text-shadow:var(--dim-shadow)}.tool-card__hint{color:var(--text-dim);text-shadow:var(--dim-shadow);font-size:.72rem;line-height:1.4;font-weight:400}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-dim);text-shadow:var(--dim-shadow);cursor:pointer}.checkbox-row input{width:auto;accent-color:var(--accent-blue)}.tool-card__error{color:var(--danger);font-size:.85rem;margin:0}input,select{background:#ffffff8c;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 3px #0f5a8c26;border-radius:12px;color:var(--text);padding:.5rem .6rem;font-size:.9rem}input:focus,select:focus,.dropzone:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.dropzone{position:relative;overflow:hidden;border:1.5px dashed rgba(15,90,140,.35);border-radius:var(--radius);padding:1.5rem 1rem;text-align:center;color:var(--text-dim);text-shadow:var(--dim-shadow);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#ffffff6b;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone--active{border-color:var(--accent-blue);background:#ffffff94}.dropzone__preview{max-width:100%;max-height:140px;border-radius:14px;object-fit:cover;box-shadow:0 4px 16px #0f5a8c40,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.8)}.dropzone__filename{color:var(--text);font-size:.85rem;word-break:break-all;margin:0}.dropzone__hint{font-size:.75rem}.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:.7rem 1.2rem;font-size:.92rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .1s ease,box-shadow .15s ease}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):active{transform:scale(.98)}.button--primary{color:#06344a;text-shadow:0 1px 0 rgba(255,255,255,.5);background:linear-gradient(180deg,#fff,#bdeaff 10%,#4fc3f7 48%,#0f93d6);box-shadow:0 6px 18px #0f76b066,inset 0 1px #ffffffe6}.button--primary:after{content:"";position:absolute;top:2px;left:3px;right:3px;height:42%;border-radius:999px/100px;background:linear-gradient(180deg,#ffffffe6,#fff0);pointer-events:none}.result-card{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid rgba(15,90,140,.15);margin-top:.25rem}.result-card__timer{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-dim);text-shadow:var(--dim-shadow);font-size:.8rem}.result-card__expired{color:var(--text-dim);text-shadow:var(--dim-shadow);font-size:.85rem;margin:0}.job-status{display:flex;flex-direction:column;gap:.4rem}.job-status__bar{position:relative;height:8px;border-radius:999px;background:#0f5a8c1f;overflow:hidden;box-shadow:inset 0 1px 3px #0f5a8c33}.job-status__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));transition:width .3s ease}.job-status__fill--indeterminate{position:absolute;top:0;left:0;width:40%;animation:job-indeterminate 1.1s ease-in-out infinite}.job-status__label{font-size:.78rem;color:var(--text-dim);text-shadow:var(--dim-shadow)}.job-status__hint{font-size:.7rem;line-height:1.4;color:var(--text-dim);text-shadow:var(--dim-shadow);opacity:.85}@keyframes job-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.recent-conversions{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem 1rem}.recent-conversions__title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#0a4a6b;margin:0 0 .75rem}.recent-conversions__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.recent-conversions__item{background:var(--glass-bg-strong);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--glass-border);border-radius:16px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 6px 18px #0f5a8c26}.recent-conversions__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.recent-conversions__name{font-size:.8rem;color:var(--text);word-break:break-all}.recent-conversions__dismiss{flex-shrink:0;border:none;background:#0f5a8c1a;color:var(--text-dim);text-shadow:var(--dim-shadow);border-radius:999px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.recent-conversions__status{font-size:.78rem;color:var(--text-dim);text-shadow:var(--dim-shadow)}.footer{text-align:center;color:#f3fdff;font-size:.8rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-shadow:0 1px 3px rgba(4,30,45,.95),0 3px 10px rgba(4,30,45,.7)}.footer__link{background:none;border:none;padding:0;color:#f3fdff;font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-shadow:0 1px 3px rgba(4,30,45,.95),0 3px 10px rgba(4,30,45,.7)}.footer__link:hover{color:var(--accent-blue-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#041e2d73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;background:var(--glass-bg-strong);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 20px 60px #041e2d80,inset 0 1px #ffffffb3;padding:1.75rem}.modal h2{margin:0 0 1rem;color:var(--text);font-size:1.2rem}.modal__close{position:absolute;top:.9rem;right:.9rem;border:none;background:#0f5a8c1a;color:var(--text-dim);border-radius:50%;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.modal__list{margin:0 0 1.1rem;padding-left:1.1rem;display:flex;flex-direction:column;gap:.55rem;color:var(--text-dim);text-shadow:var(--dim-shadow);font-size:.88rem;line-height:1.5}.modal__contact{margin:0;font-size:.85rem;color:var(--text)}.modal__contact a{color:var(--accent-blue)}.music-player{position:fixed;bottom:1.25rem;right:1.25rem;z-index:500;display:flex;align-items:center;gap:.85rem;padding:.65rem 1.3rem .65rem .65rem;background:var(--glass-bg-strong);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 8px 24px #0f5a8c4d,inset 0 1px #ffffffb3;max-width:min(340px,calc(100vw - 2rem))}.music-player__toggle{flex-shrink:0;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:linear-gradient(180deg,#fff,#bdeaff 15%,#4fc3f7 55%,#0f93d6);color:#06344a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #0f76b066}.music-player__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.music-player__label{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player__hint{font-size:.78rem;color:var(--text-dim);text-shadow:var(--dim-shadow)}.music-player__bars{display:flex;align-items:flex-end;gap:3px;height:14px}.music-player__bars span{width:4px;background:var(--accent-blue);border-radius:2px;animation:music-bar 1s ease-in-out infinite}.music-player__bars span:nth-child(1){height:40%;animation-delay:0s}.music-player__bars span:nth-child(2){height:100%;animation-delay:.15s}.music-player__bars span:nth-child(3){height:65%;animation-delay:.3s}.music-player__bars span:nth-child(4){height:85%;animation-delay:.45s}@keyframes music-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.music-player__volume{display:flex;align-items:center;gap:.4rem;color:var(--text-dim);flex-shrink:0}.volume-slider{position:relative;width:90px;height:18px;display:flex;align-items:center}.volume-slider__track{position:relative;width:100%;height:4px;border-radius:999px;background:#0f5a8c33}.volume-slider__fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--accent-blue);pointer-events:none}.volume-slider__thumb{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--accent-blue);box-shadow:0 1px 4px #0f5a8c8c;transform:translate(-50%,-50%);pointer-events:none}.volume-slider__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}@media(max-width:480px){.tool-grid{padding:1.25rem}}