:root{--ink:#151719;--muted:#70757b;--line:#d7dade;--soft:#f3f3f3;--work:#477c55;--rest:#b94a43;--gutter:clamp(20px,5vw,76px);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.site-header{min-height:76px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;display:flex}.site-header a{color:inherit;font-size:17px;font-weight:650;text-decoration:none}.site-header span{color:var(--muted);font-size:14px}.hero{padding:clamp(72px,9vw,132px) var(--gutter) clamp(62px,8vw,104px);text-align:center;background:var(--soft);border-bottom:1px solid var(--line)}.section-label{color:var(--muted);letter-spacing:.08em;margin:0 0 24px;font-size:14px}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(48px,6.8vw,94px);font-weight:640;line-height:1.05}.hero-copy{max-width:700px;color:var(--muted);margin:30px auto 0;font-size:clamp(17px,1.5vw,22px);line-height:1.7}.workspace{padding:clamp(72px,9vw,130px) var(--gutter)}.workspace-heading{justify-content:space-between;align-items:end;gap:30px;max-width:1120px;margin:0 auto 38px;display:flex}.workspace-heading h2,.method h2{letter-spacing:-.045em;margin:0;font-size:clamp(36px,4.2vw,62px);font-weight:620}.workspace-heading p{color:var(--muted);margin:15px 0 0}.sample-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:12px 18px}.sample-button:hover{border-color:#858b91}.drop-zone{background:#fff;border:1px dashed #9da2a7;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;max-width:1120px;min-height:310px;margin:0 auto;padding:40px;transition:background .18s,border-color .18s;display:flex}.drop-zone.is-dragging{border-color:var(--ink);background:#f7f7f7}.file-icon{color:#60666b;border:2px solid #777d82;border-radius:7px;place-items:center;width:50px;height:58px;margin-bottom:22px;font-size:22px;font-weight:700;display:grid}.drop-zone p{margin:0 0 8px;font-size:20px}.drop-zone>span{color:var(--muted);font-size:14px}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:7px;margin-top:26px;padding:15px 27px;font-weight:650}.primary-button:hover{background:#313438}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;margin:22px 0 0;font-size:14px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error-message{border-left:4px solid var(--rest);background:#faf3f2;max-width:1120px;margin:34px auto 0;padding:24px 26px}.error-message strong{margin-bottom:10px;display:block}.error-message pre{white-space:pre-wrap;color:#6d302c;font:inherit;margin:0;line-height:1.65}.results{max-width:1120px;margin:42px auto 0}.file-status{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.file-status div{flex-direction:column;gap:5px;display:flex}.file-status span{color:var(--muted);font-size:13px}.file-status p{color:var(--work);margin:0;font-size:14px}.file-status p span{background:var(--work);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:7px;display:inline-grid}.metrics{grid-template-columns:repeat(3,1fr);margin:36px 0;display:grid}.metrics article{border-right:1px solid var(--line);flex-direction:column;align-items:center;padding:5px 24px;display:flex}.metrics article:last-child{border:0}.metrics small{color:#4f5459;align-items:center;gap:9px;font-size:15px;display:flex}.metrics strong{letter-spacing:-.04em;margin:9px 0 4px;font-size:clamp(38px,4.2vw,60px);font-weight:600}.metrics span{color:var(--muted);font-size:13px}.dot{border-radius:50%;width:10px;height:10px}.work-dot{background:var(--work)}.rest-dot{background:var(--rest)}.total-dot{background:#4a4e52}.work-text{color:var(--work)}.rest-text{color:var(--rest)}.stacked-chart{color:#fff;border-radius:8px;height:64px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.stacked-chart>div{justify-content:center;align-items:center;min-width:0;display:flex}.work-segment{background:var(--work)}.rest-segment{background:var(--rest)}.table-wrap{border:1px solid var(--line);border-radius:8px;margin-top:32px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:right;padding:17px 20px}thead th{color:#4d5257;background:#f5f5f5;font-size:13px;font-weight:600}th:first-child,td:first-child{text-align:left}tbody th{font-weight:600}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.method{padding:clamp(72px,9vw,130px) var(--gutter);background:var(--soft);border-top:1px solid var(--line)}.method>h2{max-width:1120px;margin:0 auto 48px}.method-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1120px;margin:0 auto;display:grid}.method-grid article{border-right:1px solid var(--line);padding:36px 34px 12px 0}.method-grid article+article{padding-left:34px}.method-grid article:last-child{border-right:0}.method-grid span{color:#9ba0a5;font-size:18px}.method-grid h3{margin:24px 0 14px;font-size:clamp(22px,2vw,30px);font-weight:580}.method-grid p{color:var(--muted);margin:0;line-height:1.75}footer{min-height:104px;padding:0 var(--gutter);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}@media (width<=760px){.site-header{min-height:66px}.site-header span{display:none}.hero{text-align:left}.section-label{margin-bottom:18px}.workspace-heading{flex-direction:column;align-items:flex-start}.drop-zone{min-height:270px;padding:30px 18px}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.metrics article:last-child{border-bottom:0}.stacked-chart{height:56px;font-size:14px}.method-grid{grid-template-columns:1fr}.method-grid article,.method-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:30px 0}.method-grid article:last-child{border-bottom:0}.file-status{flex-direction:column;align-items:flex-start;gap:17px}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}}@media (width<=430px){.hero h1{font-size:45px}.workspace-heading h2,.method h2{font-size:38px}.stacked-chart{height:52px}.stacked-chart>div{font-size:12px}}