.dt{--bg: #0A0C0F;--bg2: #11151A;--card: #141920;--line: #242B35;--text: #E9EDF2;--muted: #8C96A3;--accent: #FF7A30;--accent-hi: #FF9152;--blue: #4DA3FF;--red: #FF5050;--white: #F4F6F8;--green: #3BE08A;--amber: #FFC24D;--radius: 14px;--gut: 16px}.dt{margin: 0;background: var(--bg);color: var(--text)}.dt{font: 15px/1.5 Geist,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing: antialiased}.dt .wrap{max-width: 1120px;margin: 0 auto;padding: 0 var(--gut)}.dt .testbar{background: #2A1C10;color: var(--accent-hi);text-align: center;font-size: 12.5px;padding: 6px var(--gut);border-bottom: 1px solid #3A2614}.dt .top{border-bottom: 1px solid var(--line)}.dt .top-in{display: flex;align-items: center;gap: 14px;height: 56px}.dt .logo{color: var(--text);text-decoration: none;font-weight: 700;font-size: 22px;letter-spacing: -0.02em}.dt .dpi{position: relative;display: inline-block}.dt .dpi .dot{position: absolute;left: 50%;top: 0.08em;width: 0.26em;height: 0.26em;margin-left: -0.13em;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 0.06em var(--bg)}.dt .crumb{color: var(--muted);font-size: 14px;border-left: 1px solid var(--line);padding-left: 14px}.dt .hero{padding: 34px 0 10px}.dt h1{font-size: clamp(28px,5vw,42px);line-height: 1.12;letter-spacing: -0.025em;margin: 0 0 12px;font-weight: 700}.dt h2{font-size: 19px;margin: 0;letter-spacing: -0.01em}.dt .lede{color: #C4CBD4;max-width: 760px;margin: 0;font-size: 16px}.dt .card{background: var(--card);border: 1px solid var(--line);border-radius: var(--radius);padding: 20px;margin: 18px 0}.dt .step-h{display: flex;align-items: center;gap: 10px;margin-bottom: 12px}.dt .num{width: 26px;height: 26px;border-radius: 50%;background: var(--accent);color: #140A04;font-weight: 700;display: grid;place-items: center;font-size: 14px;flex: none}.dt .muted{color: var(--muted)}.dt .small-t{font-size: 13px;margin: 4px 0 0}.dt .drop{display: grid;gap: 4px;place-items: center;text-align: center;padding: 30px 16px;border: 1.5px dashed #3A4452;border-radius: 12px;cursor: pointer;background: var(--bg2);transition: border-color .15s,background .15s}.dt .drop:hover,.dt .drop:focus,.dt .drop.over{border-color: var(--accent);background: #18120D;outline: none}.dt .drop-big{font-weight: 600;font-size: 16px}.dt .drop-small{color: var(--muted);font-size: 13.5px}.dt .row{display: flex;align-items: center;flex-wrap: wrap}.dt .gap{gap: 12px;margin-top: 14px}.dt .end{justify-content: flex-end}.dt .field{display: grid;gap: 6px;font-size: 13.5px;color: #C4CBD4}.dt .field-l{font-size: 13.5px;color: #C4CBD4;display: block;margin-bottom: 6px}.dt select,.dt input{font: inherit;color: var(--text);background: var(--bg2);border: 1px solid var(--line);border-radius: 10px;padding: 9px 11px;min-width: 0}.dt input.small{width: 74px;padding: 5px 8px}.dt select:focus,.dt input:focus{outline: 2px solid var(--accent);outline-offset: 1px}.dt .btn{font: inherit;font-weight: 600;border: 0;border-radius: 999px;padding: 11px 20px;background: var(--accent);color: #140A04;cursor: pointer}.dt .btn:hover{background: var(--accent-hi)}.dt .btn:disabled{background: #3A2A20;color: #8A6E5E;cursor: not-allowed}.dt .btn.ghost{background: transparent;color: var(--text);border: 1px solid var(--line)}.dt .btn.ghost:hover{border-color: var(--accent)}.dt .chip{font: inherit;font-size: 13px;border: 1px solid var(--line);background: var(--bg2);color: var(--text);border-radius: 999px;padding: 5px 12px;cursor: pointer}.dt .chip:hover{border-color: var(--accent)}.dt .samples{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-top: 14px;font-size: 13px}.dt .status{margin-top: 14px;padding: 10px 12px;border-radius: 10px;background: var(--bg2);border: 1px solid var(--line);font-size: 14px}.dt .status.bad{border-color: #5A2A2A;color: #FFB3B3}.dt .notice{margin: 10px 0;padding: 10px 12px;border-radius: 10px;background: #1E1A10;border: 1px solid #4A3A14;color: #FFD98A;font-size: 14px}.dt .notice .btn{margin-top: 8px;padding: 7px 14px;font-size: 13.5px}.dt .panes{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 12px}.dt .pane{margin: 0;background: var(--bg2);border: 1px solid var(--line);border-radius: 12px;overflow: hidden;min-width: 0}.dt .pane figcaption{font-size: 13px;padding: 8px 10px;border-bottom: 1px solid var(--line);display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.dt .pane-tools{margin-left: auto;display: flex;gap: 4px}.dt .mini{font: inherit;font-size: 12.5px;min-width: 28px;height: 26px;border-radius: 8px;border: 1px solid var(--line);background: var(--card);color: var(--text);cursor: pointer}.dt .cv-wrap{position: relative;width: 100%}.dt canvas{display: block;width: 100%;touch-action: none}.dt #cvPic,.dt #cvMap{aspect-ratio: 4 / 3}.dt #cvRes{aspect-ratio: 16 / 9}.dt .marks{display: flex;flex-wrap: wrap;gap: 8px;margin: 14px 0 6px}.dt .mk{display: inline-flex;align-items: center;gap: 7px;font: inherit;font-size: 13px;padding: 6px 10px 6px 8px;border-radius: 999px;border: 1px solid var(--line);background: var(--bg2);color: var(--text);cursor: pointer}.dt .mk.on{border-color: var(--accent);box-shadow: 0 0 0 1px var(--accent) inset}.dt .mk .sw{width: 11px;height: 11px;border-radius: 50%;flex: none}.dt .mk .t{color: var(--muted);font-size: 12px}.dt .mk.missing .t{color: var(--amber)}.dt .grid2{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 10px}.dt .field-box{background: var(--bg2);border: 1px solid var(--line);border-radius: 12px;padding: 12px;display: grid;gap: 8px;align-content: start;min-width: 0}.dt .radio{display: flex;align-items: center;gap: 8px;font-size: 14px;flex-wrap: wrap}.dt .tag{font-size: 12px;color: var(--muted)}.dt .tag.warn{color: var(--amber)}.dt .crop{display: grid;gap: 6px;font-size: 12.5px}.dt .crop canvas{width: 100%;max-width: 420px;border-radius: 8px;border: 1px solid var(--line);image-rendering: pixelated}.dt .result .score-row{display: flex;align-items: center;gap: 18px;flex-wrap: wrap}.dt .score{display: flex;align-items: baseline;gap: 6px}.dt .score-n{font-size: 64px;font-weight: 700;letter-spacing: -0.04em;line-height: 1;color: var(--accent);font-variant-numeric: tabular-nums}.dt .score-n.none{font-size: 30px;color: var(--text);letter-spacing: -0.01em}.dt .score-of{color: var(--muted);font-size: 18px}.dt .score-l{font-weight: 600}.dt .sure{display: inline-block;margin-top: 4px;font-size: 13px;padding: 3px 10px;border-radius: 999px;border: 1px solid var(--line)}.dt .sure.High{border-color: #1F5E3D;color: var(--green)}.dt .sure.Medium{border-color: #5E4A1F;color: var(--amber)}.dt .sure.Low{border-color: #5A2A2A;color: #FF9A9A}.dt .lines{display: grid;gap: 10px;margin: 16px 0}.dt .line{background: var(--bg2);border: 1px solid var(--line);border-radius: 12px;padding: 12px 14px}.dt .line h3{margin: 0 0 4px;font-size: 14.5px}.dt .line p{margin: 0;color: #C9D0D8}.dt .result-map{margin-top: 6px}.dt .key{padding: 0 2px;font-weight: 600}.dt .key.white{color: var(--white)}.dt .key.blue{color: var(--blue)}.dt .key.dash{color: var(--green)}.dt .how{margin-top: 14px;background: var(--bg2);border: 1px solid var(--line);border-radius: 12px;padding: 10px 14px}.dt .how summary{cursor: pointer;font-weight: 600}.dt .how table{width: 100%;border-collapse: collapse;font-size: 13px;margin: 10px 0}.dt .how td,.dt .how th{text-align: left;padding: 5px 6px;border-bottom: 1px solid var(--line);vertical-align: top}.dt .how th{color: var(--muted);font-weight: 500}.dt .how .mono{font-family: "Geist Mono",ui-monospace,monospace;font-size: 12.5px}.dt .how h4{margin: 14px 0 4px;font-size: 13.5px}.dt .how p{margin: 4px 0;font-size: 13.5px;color: #C9D0D8}.dt .fair{color: var(--muted);font-size: 13px;margin: 14px 0 0}.dt .method p{color: #C4CBD4;font-size: 14px;margin: 8px 0}.dt .spin{display: inline-block;width: 14px;height: 14px;border: 2px solid #3A4452;border-top-color: var(--accent);border-radius: 50%;animation: sp 0.8s linear infinite;vertical-align: -2px;margin-right: 8px}@keyframes sp{to{transform: rotate(360deg)}}@media (max-width: 760px){.dt .panes,.dt .grid2{grid-template-columns: 1fr}.dt .card{padding: 16px}.dt .score-n{font-size: 54px}.dt .hero{padding-top: 22px}}.dt .kicker{margin: 0 0 6px;font-weight: 600;color: var(--accent-hi);letter-spacing: 0.01em;display: flex;align-items: center;gap: 8px}.dt .free{font-size: 12px;font-weight: 600;color: var(--green);border: 1px solid #1F5E3D;border-radius: 999px;padding: 1px 9px}.dt .pics2{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.dt .pic-h{margin: 0 0 8px;font-size: 14px}.dt .howto{display: grid;grid-template-columns: minmax(0,300px) 1fr;gap: 18px;align-items: center;margin-top: 16px;padding: 14px;background: var(--bg2);border: 1px solid var(--line);border-radius: 12px}.dt .example{margin: 0}.dt .example svg{width: 100%;height: auto;display: block}.dt .example figcaption{font-size: 12.5px;margin-top: 6px}.dt .steps-list{margin: 0;padding-left: 20px;display: grid;gap: 6px;font-size: 14px;color: #C9D0D8}.dt .thumbs{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 14px}.dt .thumbs:empty{display: none}.dt .thumb{display: grid;grid-template-columns: 64px 1fr auto;gap: 10px;align-items: center;background: var(--bg2);border: 1px solid var(--line);border-radius: 10px;padding: 6px 8px 6px 6px;font-size: 12.5px;max-width: 100%;min-width: 0;flex: 1 1 260px}.dt .thumb canvas{width: 64px;height: 44px;border-radius: 6px;object-fit: cover;background: #0D1014}.dt .thumb b{display: block;font-size: 13px}.dt .thumb .st{color: var(--muted);overflow-wrap: anywhere}.dt .thumb .st.ok{color: var(--green)}.dt .thumb .st.warn{color: var(--amber)}.dt .thumb .st.bad{color: #FF9A9A}.dt .thumb .x{font: inherit;border: 1px solid var(--line);background: var(--card);color: var(--muted);border-radius: 8px;width: 28px;height: 28px;cursor: pointer}.dt .pic-tabs{display: inline-flex;flex-wrap: wrap;gap: 4px}.dt .pic-tabs button{font: inherit;font-size: 12px;padding: 3px 9px;border-radius: 999px;border: 1px solid var(--line);background: var(--card);color: var(--text);cursor: pointer}.dt .pic-tabs button.on{border-color: var(--accent);color: var(--accent-hi)}.dt .score-r{font-size: 13px}.dt .line.data p{color: var(--muted);font-size: 13.5px}@media (max-width: 760px){.dt .pics2,.dt .howto{grid-template-columns: 1fr}}.dt .tabs{display: flex;gap: 6px;margin: 16px 0 0;border-bottom: 1px solid var(--line)}.dt .tab{font: inherit;font-weight: 600;font-size: 14px;padding: 9px 16px;border: 1px solid var(--line);border-bottom: 0;border-radius: 10px 10px 0 0;background: var(--bg2);color: var(--muted);cursor: pointer;margin-bottom: -1px;display: inline-flex;align-items: center;gap: 8px}.dt .tab:hover{color: var(--text)}.dt .tab.on{background: var(--card);color: var(--text);border-bottom: 1px solid var(--card);box-shadow: inset 0 2px 0 var(--accent)}.dt .tab:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.dt .count{font-size: 11.5px;font-weight: 600;color: #140A04;background: var(--accent);border-radius: 999px;padding: 1px 8px}.dt [role=tabpanel]{padding-top: 4px}.dt .adv-intro{margin-top: 12px;font-size: 14px;color: #C4CBD4}.dt .adv-intro p{margin: 0 0 6px}.dt .adv-intro ul{margin: 0;padding-left: 20px;display: grid;gap: 3px;color: #C9D0D8}.dt .inline{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}.dt .inline input{flex: 1 1 110px;min-width: 0}.dt .inline select{flex: 1 1 180px;min-width: 0}.dt .btn.sm{padding: 8px 14px;font-size: 13.5px}.dt .mini.wide{padding: 0 10px;white-space: nowrap}.dt .msg{margin: 0;font-size: 12.5px;color: var(--muted)}.dt .msg:empty{display: none}.dt .msg.warn{color: var(--amber)}.dt .msg.bad{color: #FF9A9A}.dt .msg.ok{color: var(--green)}.dt .mk.typed{border-color: #5A3A20}.dt .mk.typed .t{color: var(--accent-hi)}.dt .typed-box{margin: 16px 0;background: var(--bg2);border: 1px solid var(--line);border-radius: 12px;padding: 12px 14px}.dt .typed-box h3{margin: 0 0 8px;font-size: 14.5px}.dt .typed-box ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px}.dt .typed-box li{border-top: 1px solid var(--line);padding-top: 8px;font-size: 13.5px}.dt .typed-box li:first-child{border-top: 0;padding-top: 0}.dt .typed-box .what{display: flex;flex-wrap: wrap;gap: 4px 8px;align-items: baseline}.dt .typed-box .what b{font-size: 14px}.dt .typed-box p{margin: 4px 0 0;color: #C9D0D8}.dt .chip-typed,.dt .chip-skip{font-size: 11.5px;font-weight: 600;border-radius: 999px;padding: 1px 8px;white-space: nowrap}.dt .chip-typed{color: var(--accent-hi);border: 1px solid #5A3A20}.dt .chip-skip{color: var(--amber);border: 1px solid #5E4A1F}@media (max-width: 760px){.dt .tabs .tab{flex: 1 1 0;justify-content: center;padding: 10px 8px}.dt .inline select{flex: 1 1 100%}}@media (max-width: 760px){.dt input,.dt select{font-size: 16px}.dt input:not([type=radio]):not([type=checkbox]),.dt select{min-height: 44px}.dt .btn.sm,.dt .mini.wide{min-height: 44px}.dt input[type=radio]{width: 20px;height: 20px}}.dt [hidden]{display: none !important}html:not(.sw-ready) .dt [data-sw],.dt .sw-off{display: none !important}html:not(.sw-ready) .dt [data-alt]{visibility: hidden}html:not(.sw-ready) .dt ol.steps-list,.sw-nonums .dt ol.steps-list{list-style: disc}.dt .key.theirs{color: #FFB020}.dt .key.ours{color: #3BE08A}.dt .key.theirs::before,.dt .key.ours::before{content: "";display: inline-block;width: 22px;height: 0;margin-right: 6px;vertical-align: middle;border-top: 4px solid #FFB020}.dt .key.ours::before{border-top: 3px dashed #3BE08A}.dt #cvOv{display: block;width: 100%;height: 420px;touch-action: none}.dt .ov-note{margin: 0;padding: 8px 10px;font-size: 12.5px;color: var(--muted,#9aa4b2)}@media (max-width: 600px){.dt #cvOv{height: 340px}}.dt{display: block;padding-bottom: 28px}:where(.dt) section{padding: 0}:where(.dt) section + section{border-top: 0}:where(.dt) p{margin: revert}:where(.dt) h2{font-weight: 700;text-wrap: initial;line-height: 1.2}:where(.dt) h3{font-size: 15px}:where(.dt) .card p{color: inherit;font-size: inherit;line-height: inherit}:where(.dt) .num{margin-bottom: 0}.dt .card{border-radius: var(--radius)}.dt .btn{display: inline-block;text-decoration: none}.dt a.btn:hover{text-decoration: none}.dt .lede{line-height: 1.5}.dt .beta-tag{font-size: 12px;font-weight: 700;color: #140A04;background: var(--amber);border-radius: 999px;padding: 1px 10px;letter-spacing: 0.02em;text-transform: uppercase}.dt .beta-note{margin: 16px 0 0;max-width: 860px;padding: 12px 14px;border-radius: 12px;background: #1E1A10;border: 1px solid #4A3A14;color: #F1E3BF;font-size: 14px}.dt .beta-note p{margin: 0 0 6px;color: inherit;font-size: inherit}.dt .beta-note p:last-child{margin-bottom: 0}.dt .beta-note b{color: #FFD98A}.dt .beta-note.small{margin: 14px 0 0;font-size: 13.5px;max-width: none}.dt .notice.sign p{margin: 0 0 8px;color: inherit}.dt .notice.sign p:last-child{margin-bottom: 0}.dt .locked .pics2,.dt .locked #tapMode{display: none}.dt .notice label{color: inherit}.dt .notice input.small{width: 92px;margin: 6px 6px 0 0}.dt .notice .msg{display: block;margin-top: 4px}html.kid .dt .notice.sign [data-nokid]{display: none}