@font-face{font-family:Daikon;src:url("../../site/fonts/Daikon-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Daikon;src:url("../../site/fonts/Daikon-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Daikon;src:url("../../site/fonts/Daikon-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#111;--surface:#1b1b1f;--surface-2:#24242a;--border:#36363e;--text:#f6f6f4;--muted:#a4a3aa;--accent:#a7ff3f;--accent-text:#10110d;--shadow:0 24px 80px #0008}
:root.light{color-scheme:light;--bg:#f4f3ef;--surface:#fff;--surface-2:#eeece8;--border:#dedbd4;--text:#171717;--muted:#6f6d68;--accent:#5da51d;--accent-text:#fff;--shadow:0 24px 80px #6b67531c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#393940 0,#111 48%);background-color:var(--bg);color:var(--text);font-family:Daikon,system-ui,sans-serif;min-height:100vh}body:has(.light){background:var(--bg)}
.page-shell{width:min(960px,100%);margin:auto;padding:28px 22px 34px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--text);font-size:22px;font-weight:700;text-decoration:none}.brand-mark{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#10110d;font-weight:700}.theme-button,.remove-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.theme-button{width:42px;height:42px;border-radius:50%;font-size:21px}.hero{text-align:center;padding:88px 0 38px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 14px}.hero h1{font-size:clamp(38px,7vw,72px);line-height:1;margin:0;letter-spacing:-.045em}.hero-copy{max-width:560px;margin:22px auto 0;color:var(--muted);font-size:17px;line-height:1.55}.converter-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:30px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.dropzone{min-height:220px;border:1px dashed #777680;border-radius:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.upload-icon{width:52px;height:52px;border-radius:18px;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:29px;font-weight:700;margin-bottom:7px}.dropzone strong{font-size:20px}.dropzone span:not(.upload-icon){color:var(--muted);font-size:14px}.file-row{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border-radius:18px;background:var(--surface-2)}.file-icon{font-size:11px;font-weight:700;color:var(--accent);border:1px solid var(--accent);padding:7px 5px;border-radius:8px}.file-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta span{color:var(--muted);font-size:13px}.remove-button{border-radius:50%;width:32px;height:32px;font-size:23px;line-height:1}.controls{display:flex;align-items:end;gap:14px;margin-top:18px}.field{display:flex;flex-direction:column;gap:8px;flex:1}.field span{font-size:13px;color:var(--muted)}select{width:100%;border:1px solid var(--border);border-radius:14px;padding:14px 16px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:600;outline:none}.arrow{color:var(--accent);font-size:25px;padding-bottom:12px}.primary-button{width:100%;border:0;border-radius:17px;padding:17px;margin-top:22px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:700;font-size:16px;cursor:pointer}.primary-button:disabled{opacity:.35;cursor:not-allowed}.status{min-height:20px;text-align:center;color:var(--muted);font-size:13px;margin:14px 0 0}.privacy-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.5;margin:20px auto;max-width:540px}footer{text-align:center;color:var(--muted);font-size:12px;margin-top:auto;padding-top:30px}.hidden{display:none!important}@media(max-width:600px){.page-shell{padding:20px 14px 24px}.hero{padding:64px 0 28px}.hero-copy{font-size:15px}.converter-card{padding:14px;border-radius:24px}.dropzone{min-height:190px}.controls{gap:8px}.arrow{font-size:20px}.field span{font-size:11px}select{padding:13px 10px;font-size:14px}}