.wkl{--lab-ink:#123654;--lab-blue:#195b95;--lab-line:#cedde8;--lab-pale:#eaf5fc;max-width:1320px;margin:auto;padding:42px 28px 80px;color:var(--lab-ink);font-family:inherit;font-size:16px;line-height:1.55}
.wkl *{box-sizing:border-box}.wkl [hidden]{display:none!important}.wkl h1,.wkl h2,.wkl h3,.wkl p{margin:0 0 14px}.wkl h1{font-size:clamp(32px,4.7vw,62px);line-height:1.05;letter-spacing:-.035em;font-weight:800}.wkl h2{font-size:clamp(22px,2.5vw,29px);line-height:1.15;letter-spacing:-.02em;font-weight:750}.wkl h3{font-size:18px;line-height:1.3;font-weight:700}.wkl p{color:#486078}.wkl a{color:var(--lab-blue);text-underline-offset:4px}.wkl button{font:inherit;font-weight:650;line-height:1.25;min-height:44px;padding:12px 17px;border:1px solid #abc6dc;border-radius:6px;background:white;color:var(--lab-ink);cursor:pointer;white-space:normal}.wkl button:hover{background:#eaf5fc;border-color:var(--lab-blue)}.wkl button:disabled{opacity:.5;cursor:default}.wkl button.wkl-primary{background:var(--lab-blue);color:#fff;border-color:var(--lab-blue);box-shadow:0 3px 0 #123654}.wkl button.wkl-primary:hover{background:#124671}.wkl button.wkl-danger{color:#8d3931;background:transparent;border-color:transparent;text-decoration:underline}.wkl :focus-visible{outline:3px solid #d28b36;outline-offset:3px}.wkl-heading{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:26px}.wkl-heading p:last-child{max-width:630px;margin-bottom:0}.wkl-eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--lab-blue)!important}.wkl-help{flex-shrink:0;padding:14px 0;font-weight:650}.wkl-account{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--lab-pale);border:1px solid #bed6e9;padding:16px 20px;border-radius:8px}.wkl-account p{font-size:13px;margin:3px 0 0;max-width:620px}.wkl-account strong{font-size:14px}.wkl-account button{font-size:13px}.wkl-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.wkl-status{min-height:26px;font-size:14px;margin:10px 0!important}.wkl-status[data-error=true]{color:#983f28;background:#fff3e2;border-left:3px solid #c18a35;padding:10px 14px}.wkl-pond-switch{display:flex;gap:16px;align-items:flex-end;margin:20px 0}.wkl-pond-switch label{flex:1;max-width:350px}.wkl label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:650}.wkl input,.wkl select,.wkl textarea{font:inherit;font-size:16px;line-height:1.4;width:100%;min-width:0;min-height:46px;padding:10px 12px;color:var(--lab-ink);background:#fff;border:1px solid #abc4d6;border-radius:5px;box-shadow:none}.wkl textarea{resize:vertical}.wkl input[type=file]{font-size:13px;max-width:100%;padding:8px;background:#f6f9fb}.wkl-tabs{display:flex;gap:5px;border-bottom:1px solid var(--lab-line);padding-bottom:9px;margin:24px 0;overflow:auto;scrollbar-width:thin}.wkl-tabs button{white-space:nowrap;background:none;border-color:transparent;font-size:14px;flex-shrink:0}.wkl-tabs button[aria-selected=true]{color:#fff;background:var(--lab-ink)}.wkl [role=tabpanel]{scroll-margin-top:190px;outline-offset:5px}.wkl-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;background:var(--lab-pale);border:1px solid var(--lab-line);padding:36px;border-radius:10px}.wkl-welcome p{max-width:520px}.wkl-step{font-size:52px;font-weight:750;line-height:1;color:#699abb;display:block;margin-bottom:20px}.wkl-welcome ol{padding-left:22px;display:flex;flex-direction:column;justify-content:center;gap:20px;line-height:1.6}.wkl-quick{margin-bottom:24px}.wkl-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:24px}.wkl-pond-card,.wkl-card,.wkl-next{border:1px solid var(--lab-line);border-radius:10px;padding:24px;background:#fff;min-width:0}.wkl-card{margin-bottom:24px}.wkl-next{background:#f6fafd}.wkl-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.wkl-card-title h2{margin:0}.wkl-card-title button{flex-shrink:0;font-size:12px;padding:8px}.wkl-diagram{min-height:120px;display:grid;place-items:center}.wkl-diagram svg{display:block;width:100%;max-height:360px}.wkl-diagram svg text{font-family:inherit}.wkl-note{font-size:13px!important;line-height:1.6;color:#506b7b!important}.wkl-pond-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--lab-line);padding-top:18px;margin-top:16px}.wkl-pond-stats strong{font-size:clamp(20px,2vw,28px);line-height:1.2}.wkl-pond-stats span{display:block;font-size:12px;margin-top:5px;color:#597088}.wkl-task{display:block;width:100%;text-align:left;margin-bottom:9px;background:white!important;border-color:var(--lab-line)!important;font-size:14px!important}.wkl-task.is-done{color:#2b665f}.wkl-next>a{display:inline-block;margin-top:15px;font-size:14px}.wkl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.wkl-metric{padding:22px 24px;background:var(--lab-pale);border-top:3px solid #3b78a3;border-radius:3px 3px 8px 8px}.wkl-metric h3{font-size:14px;letter-spacing:.015em;margin-bottom:12px}.wkl-metric strong{font-size:clamp(26px,3vw,37px);line-height:1.15;display:block;overflow-wrap:anywhere}.wkl-metric p{font-size:13px;margin:12px 0 0}.wkl meter{width:100%;height:10px;display:block;margin-top:15px;accent-color:#346f9d}.wkl-alerts:empty{display:none}.wkl-alerts{padding:22px 26px;margin:24px 0;border:1px solid #e3c391;border-radius:8px;background:#fff9eb}.wkl-alerts li{margin-bottom:8px;font-size:14px}.wkl-alerts ul{padding-left:20px}.wkl-alerts h2{font-size:22px}.wkl-latest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.wkl-latest>p{grid-column:1/-1;font-size:13px;margin:0}.wkl-latest strong{font-size:21px;display:block;margin-top:5px}.wkl-latest span{font-size:12px;display:block}.wkl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:30px;align-items:start}.wkl-form{display:grid;gap:18px;margin:0 0 30px;padding:24px;border:1px solid var(--lab-line);border-radius:8px;background:#f9fcfe}.wkl-form h2,.wkl-form p{margin:0}.wkl-form>.wkl-primary{margin-bottom:3px}.wkl-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wkl details>summary{cursor:pointer;font-weight:650;padding:10px 0;min-height:44px;line-height:1.5}.wkl details>label{margin:15px 0}.wkl details>p{margin:12px 0}.wkl-setup-preview{background:#f2f8fc}.wkl-setup-preview>strong{font-size:24px;line-height:1.3;display:block;margin:16px 0}.wkl-record{padding:18px 0;border-bottom:1px solid var(--lab-line)}.wkl-record:last-child{border-bottom:0}.wkl-record h3{margin-bottom:7px;overflow-wrap:anywhere}.wkl-record p{font-size:14px;margin:7px 0;overflow-wrap:anywhere}.wkl-record small{color:#63788b}.wkl-record a{font-size:13px}.wkl-row-actions{display:flex;gap:10px;margin-top:5px}.wkl-row-actions button{font-size:13px;padding:8px 12px}.wkl-reading-values{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px;margin:12px 0}.wkl-reading-values dt{font-weight:500}.wkl-reading-values dd{margin:0;font-weight:650}.wkl-chart{width:100%;padding-top:12px;min-height:110px}.wkl-chart svg{width:100%;display:block}.wkl-chart svg text{font-family:inherit}.wkl [data-lab-photo]{width:100%;height:auto;max-height:400px;object-fit:contain;background:#eaf2f5;border-radius:6px}.wkl [data-lab-id-result]>a,.wkl [data-lab-id-result]>button{display:block;margin:20px 0}.wkl-file-label{border:1px solid #abc6dc;border-radius:6px;padding:10px;font-size:13px}.wkl-method{border-top:1px solid var(--lab-line);padding-top:14px;margin-top:32px}.wkl-method>summary{font-size:16px}.wkl-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:22px}.wkl-method-grid h2{font-size:20px}.wkl-method-grid p,.wkl-method-grid li{font-size:13px;line-height:1.7}.wkl-method-grid li{margin:8px 0}.wkl-method-grid input{max-width:180px}.wkl-method-grid button{margin-top:14px}.wkl-dialog{color:var(--lab-ink);border:1px solid var(--lab-line);border-radius:12px;padding:30px;max-width:min(500px,calc(100% - 32px));box-shadow:0 12px 90px #12365440}.wkl-dialog::backdrop{background:#0b294370;backdrop-filter:blur(3px)}.wkl-dialog h2{font-size:24px}.wkl-dialog p{font-size:15px}
@media(max-width:800px){.wkl{padding:28px 18px 60px}.wkl-heading{display:block}.wkl-help{display:inline-block;margin-top:8px}.wkl-account{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.wkl-dashboard-grid,.wkl-split{grid-template-columns:1fr;gap:18px}.wkl-metrics{gap:12px}.wkl-metric{padding:18px}.wkl-metric strong{font-size:26px}.wkl-welcome{grid-template-columns:1fr;padding:24px;gap:16px}.wkl-welcome ol{gap:12px;margin:0}.wkl-pond-card,.wkl-next,.wkl-card{padding:20px}.wkl-method-grid{grid-template-columns:1fr}.wkl-tabs{margin-inline:-18px;padding-inline:18px}.wkl-setup-preview{order:-1}.wkl-latest{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.wkl h1{font-size:36px}.wkl-heading p{font-size:15px}.wkl-metrics{grid-template-columns:1fr}.wkl-metric{display:grid;grid-template-columns:1fr auto;gap:8px 14px}.wkl-metric h3{align-self:center;margin:0}.wkl-metric strong{text-align:right;font-size:26px}.wkl-metric p,.wkl-metric meter{grid-column:1/-1;margin:0}.wkl-form{padding:18px;gap:16px}.wkl-quick{display:grid;grid-template-columns:1fr 1fr}.wkl-quick .wkl-primary{grid-column:1/-1}.wkl-quick button{font-size:14px}.wkl-pond-switch{gap:10px}.wkl-pond-switch>button{font-size:13px;padding-inline:12px}.wkl-latest{grid-template-columns:1fr 1fr}.wkl-pond-stats{gap:8px}.wkl-pond-stats strong{font-size:21px}.wkl-card-title h2{font-size:23px}.wkl-tabs button{padding:10px 13px}.wkl-diagram svg{max-height:300px}}
@media(max-width:360px){.wkl-pair{grid-template-columns:1fr}.wkl-pond-card,.wkl-card{padding:15px}.wkl-pond-stats strong{font-size:18px}.wkl-metric strong{font-size:23px}}
@media(prefers-reduced-motion:no-preference){.wkl button{transition:background .16s,border-color .16s,transform .16s}.wkl button.wkl-primary:hover{transform:translateY(-1px)}}
@media print{.wk-site-header,.wkl-tabs,.wkl-account,.wkl-quick,.wkl-help,.wkl button,footer{display:none!important}.wkl{max-width:none;padding:0}.wkl-metrics,.wkl-dashboard-grid{break-inside:avoid}.wkl [data-lab-panel]:not([hidden]){display:block}.wkl-diagram{max-height:320px}}
