:root{--ink:#0e1015;--ink-raised:#151822;--ink-sunk:#0a0b0f;--line:#262b38;--line-strong:#3a4154;--paper:#ece9e1;--muted:#9aa1b3;--faint:#6b7286;--blue:#8ec5f0;--blue-ink:#0b2236;--hit-high:#8ec5f0;--hit-mid:#f0c27a;--hit-low:#9aa1b3;--danger:#ff7b72;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-s:6px;--radius-m:10px;--gutter:clamp(16px, 4vw, 40px);--maxw:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}section[id],#hasilSec{scroll-margin-top:84px}.btn{border-radius:var(--radius-s);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:.95rem;font-weight:650;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--blue);color:var(--blue-ink)}.btn--primary:hover{background:#a6d3f5}.btn--primary:disabled{background:var(--line-strong);color:var(--faint);cursor:not-allowed}.btn--ghost{border-color:var(--line-strong);color:var(--paper);background:0 0}.btn--ghost:hover{border-color:var(--blue)}.btn--small{min-height:36px;padding:0 14px;font-size:.875rem}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0e1015e0;position:sticky;top:0}.site-header .wrap{align-items:center;gap:24px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand__mark-old{color:#fff;background:linear-gradient(135deg,#5b5bd6,#9a9af2);border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.brand__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.brand__tag{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--line-strong);color:var(--muted);border-radius:4px;padding:2px 6px;font-size:.65rem}.site-nav{gap:22px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.site-nav a:hover{color:var(--paper)}.site-header .btn{margin-left:4px}@media (width<=720px){.site-nav{display:none}.site-header .btn{margin-left:auto}}@media (width<=380px){.site-header .wrap{gap:10px;min-height:56px}.brand{gap:7px}.brand__mark-old{width:24px;height:24px}.brand__name{font-size:1.02rem}.brand__tag{display:none}.site-header .btn--small{min-height:34px;padding:0 10px;font-size:.82rem}}.hero{padding-block:clamp(40px,8vw,96px) clamp(28px,5vw,56px)}.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}@media (width<=900px){.hero__grid{grid-template-columns:minmax(0,1fr)}}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 18px;font-size:clamp(2.4rem,5.6vw,4.2rem);font-weight:800;line-height:1}@media (width<=400px){.hero h1{font-size:clamp(1.9rem,10vw,2.4rem)}}.hero__lede{max-width:46ch;color:var(--muted);margin:0 0 24px;font-size:1.08rem}.formats{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.formats li{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:.82rem}.stats{flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none;display:flex}.stats li{color:var(--faint);font-size:.86rem}.stats b{color:var(--paper);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.panel{background:radial-gradient(circle at 1px 1px, #8ec5f033 1px, transparent 1.5px) 0 0 / 11px 11px, var(--ink-raised);border:2px solid var(--paper);border-radius:2px;transition:border-color .2s,background-color .2s;position:relative}.panel:before{content:"";pointer-events:none;background:radial-gradient(ellipse at center, var(--ink-raised) 28%, transparent 78%);position:absolute;inset:0}.panel>*{position:relative}.crop{pointer-events:none;width:18px;height:18px;position:absolute}.crop:before,.crop:after{content:"";background:var(--blue);position:absolute}.crop:before{width:18px;height:1px}.crop:after{width:1px;height:18px}.crop--tl{top:-14px;left:-14px}.crop--tl:before{top:17px;left:0}.crop--tl:after{top:0;left:17px}.crop--tr{top:-14px;right:-14px}.crop--tr:before{top:17px;right:0}.crop--tr:after{top:0;right:17px}.crop--bl{bottom:-14px;left:-14px}.crop--bl:before{bottom:17px;left:0}.crop--bl:after{bottom:0;left:17px}.crop--br{bottom:-14px;right:-14px}.crop--br:before{bottom:17px;right:0}.crop--br:after{bottom:0;right:17px}.dropzone{text-align:center;cursor:pointer;place-items:center;min-height:300px;padding:32px 24px;display:grid}@media (width<=520px){.dropzone{min-height:240px;padding:24px 16px}}.dropzone__icon{width:44px;height:44px;color:var(--blue);margin:0 auto 14px}.dropzone__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 4px;font-size:1.35rem;font-weight:700}.dropzone__or{color:var(--faint);margin:0 0 14px;font-size:.85rem}.dropzone__hint{color:var(--faint);margin:16px 0 0;font-size:.82rem}kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);background:var(--ink-sunk);color:var(--muted);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:.75rem}.panel.is-dragover{border-color:var(--blue);background-color:#17202c}.panel.is-dragover .dropzone__title:after{content:" — release to add";color:var(--blue)}.picked{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:none}.panel.has-file .dropzone{display:none}.panel.has-file .picked{display:grid}@media (width<=520px){.picked{grid-template-columns:minmax(0,1fr)}}.picked__thumb{border:1px solid var(--line-strong);aspect-ratio:4/5;background:var(--ink-sunk);position:relative;overflow:hidden}.picked__thumb img{object-fit:cover;width:100%;height:100%}@media (width<=520px){.picked__thumb{aspect-ratio:16/10;max-height:260px}}.scanline{background:var(--blue);height:2px;display:none;position:absolute;top:0;left:0;right:0;box-shadow:0 0 14px 3px #8ec5f0a6}.panel.is-scanning .scanline{animation:1.6s ease-in-out infinite alternate sweep;display:block}@keyframes sweep{0%{top:0}to{top:calc(100% - 2px)}}.picked__name{overflow-wrap:anywhere;margin:0;font-weight:650}.picked__meta{font-family:var(--font-mono);color:var(--faint);margin:2px 0 16px;font-size:.78rem}.picked__actions{flex-wrap:wrap;gap:10px;display:flex}.picked__status{color:var(--muted);min-height:1.4em;margin:14px 0 0;font-size:.88rem}.picked__status[data-tone=error]{color:var(--danger)}.picked__status b{font-family:var(--font-mono);color:var(--paper);font-variant-numeric:tabular-nums}.picked__progress{background:var(--line);border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.picked__progress>i{background:var(--blue);height:100%;transition:width .2s;display:block}.warn{border-radius:var(--radius-s);color:#f3d894;overflow-wrap:anywhere;background:#2b2111;border:1px solid #6b5426;margin:16px 0 0;padding:13px 16px;font-size:.85rem;line-height:1.6;display:none}.warn.show{display:block}.warn.err{color:#fca5a5;background:#2e1519;border-color:#6e2b33}.section{border-top:1px solid var(--line);padding-block:clamp(40px,7vw,80px)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-bottom:28px;display:flex}.section h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:750;line-height:1.1}.section__sub{color:var(--muted);max-width:52ch;margin:0}.results{border-top:1px solid var(--line);background:var(--ink-sunk);padding-block:clamp(36px,6vw,64px)}.results__list{gap:20px;margin:0;padding:0;list-style:none;display:grid}.match{background:var(--ink-raised);border:1px solid var(--line);border-radius:var(--radius-m);grid-template-columns:168px minmax(0,1fr);gap:22px;padding:16px;display:grid}.match--top{border-color:var(--blue)}@media (width<=640px){.match{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.match__cover{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px}}@media (width<=360px){.match__cover{grid-template-columns:84px minmax(0,1fr)}}.match__cover{align-content:start;gap:12px;min-width:0;display:grid}.cover{aspect-ratio:2/3;background:linear-gradient(160deg, var(--cover-a,#2a3350), var(--cover-b,#12151d));border-radius:4px;place-items:end start;width:100%;padding:10px;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover__fallback{font-family:var(--font-display);letter-spacing:-.02em;color:#ffffffe6;overflow-wrap:anywhere;font-size:.95rem;font-weight:800;line-height:1.05}.chapters{gap:6px;margin:0;padding:0;list-style:none;display:grid}.chapters__label{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 2px;font-size:.7rem}.chapters li{font-family:var(--font-mono);font-variant-numeric:tabular-nums;grid-template-columns:3.4rem minmax(0,1fr) 3.6rem;align-items:center;gap:8px;font-size:.74rem;display:grid}.chapters li>span:first-child,.chapters li>span:last-child{white-space:nowrap}.bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.bar>i{background:var(--hit-color,var(--blue));height:100%;display:block}.chapters li span:last-child{text-align:right;color:var(--hit-color,var(--blue))}@media (width<=640px){.chapters__label{display:none}.chapters li{grid-template-columns:max-content minmax(0,1fr) 3rem;font-size:.68rem}}.match__body{align-content:start;gap:12px;min-width:0;display:grid}.match__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=480px){.match__top{flex-wrap:wrap}.match__top .score{text-align:left}}.match__title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:750;line-height:1.15}.match__alt{color:var(--faint);overflow-wrap:anywhere;margin:4px 0 0;font-size:.82rem}.score{text-align:right;flex:none}.score__num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--hit-color,var(--blue));font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1}.score__label{color:var(--faint);font-size:.72rem}.facts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.facts li{background:var(--ink);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 9px;font-size:.78rem}.facts li.is-format{color:var(--blue);border-color:#8ec5f066}.facts li.is-rating{color:var(--hit-mid)}.tags{color:var(--faint);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.credits{color:var(--muted);margin:0;font-size:.85rem}.credits b{color:var(--paper);font-weight:600}.synopsis{color:var(--muted);max-width:70ch;margin:0;font-size:.9rem}.synopsis.is-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-btn{color:var(--blue);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;font-size:.85rem;text-decoration:underline}.match__links{flex-wrap:wrap;gap:10px;display:flex}.skeleton{border-radius:var(--radius-m);border:1px solid var(--line);background:linear-gradient(100deg, var(--ink-raised) 30%, #1b2030 50%, var(--ink-raised) 70%) 0 0 / 220% 100%;height:220px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-120% 0}}.notice{border:1px dashed var(--line-strong);border-radius:var(--radius-m);text-align:center;color:var(--muted);padding:28px}.notice b{color:var(--paper);font-family:var(--font-display);margin-bottom:4px;font-size:1.1rem;display:block}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,5vw,72px);margin:0;padding:0;list-style:none;display:grid}@media (width<=720px){.features{grid-template-columns:minmax(0,1fr)}}.features li{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:4px 16px;padding-block:22px;display:grid}.features svg{width:24px;height:24px;color:var(--blue);grid-row:span 2;margin-top:2px}.features h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.features p{color:var(--muted);max-width:46ch;margin:0;font-size:.94rem}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=800px){.steps{grid-template-columns:minmax(0,1fr)}}.steps li{counter-increment:step;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--ink-raised);padding:22px;position:relative}.steps li:before{content:counter(step);background:var(--blue);width:28px;height:28px;color:var(--blue-ink);font-family:var(--font-mono);border-radius:50%;place-items:center;margin-bottom:14px;font-size:.85rem;font-weight:700;display:grid}.steps h3{font-family:var(--font-display);margin:0 0 6px;font-size:1.1rem;font-weight:700}.steps p{color:var(--muted);margin:0;font-size:.94rem}.trending{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=960px){.trending{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.trending{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width<=480px){.trending{grid-template-columns:repeat(2,minmax(0,1fr))}}.trend{gap:8px;display:grid}.trend .cover{border-radius:3px;transition:transform .2s}.trend:hover .cover{transform:translateY(-3px)}.trend__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.trend__genres{color:var(--faint);margin:-4px 0 0;font-size:.76rem}.site-footer{border-top:1px solid var(--line);padding-block:28px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.site-footer p{color:var(--faint);margin:0;font-size:.85rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel.is-scanning .scanline{animation:none;top:50%}.skeleton{animation:none}.btn,.trend .cover{transition:none}}