:root{color-scheme:light;--bg: #f4efe6;--bg-accent: #f9d8b0;--paper: rgba(255, 252, 247, .92);--ink: #16322d;--muted: #6b7c77;--teal: #0f766e;--teal-soft: #d4f1eb;--coral: #db6d4f;--coral-soft: #fde0d4;--gold: #e1a644;--line: rgba(22, 50, 45, .14);--shadow: 0 22px 50px rgba(90, 70, 43, .14);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(225,166,68,.28),transparent 32%),radial-gradient(circle at right 10%,rgba(15,118,110,.18),transparent 28%),linear-gradient(180deg,#fbf6ee 0%,var(--bg) 54%,#f0e7db 100%)}button,input,textarea{font:inherit}button{border:none;cursor:pointer}code{padding:2px 6px;border-radius:999px;background:#0f766e14}#app{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 44px}ul{margin:0;padding-left:18px}.page-shell{display:grid;gap:20px}.tool-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 16px;width:min(1500px,calc(100% - 32px))}.hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:30px;padding:28px;background:linear-gradient(135deg,#fff3e2f2,#f0fcf8eb),var(--paper);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:auto -60px -80px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(219,109,79,.18),transparent 70%)}.selector-hero:before,.significance-hero:before{content:"";position:absolute;inset:18px auto auto 55%;width:220px;height:220px;border-radius:24px;background:linear-gradient(135deg,#0f766e1f,#e1a64424);transform:rotate(18deg);filter:blur(6px)}.hero-title{max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#0f766e1a;color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:18px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,62px);line-height:.96}.hero p{max-width:820px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.grid-2{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border:1px solid rgba(255,255,255,.62);border-radius:28px;padding:22px;background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card h2,.card h3{margin:0 0 8px;font-family:Georgia,Times New Roman,serif}.tool-card{border:1px solid rgba(255,255,255,.62);border-radius:28px;padding:24px;background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool-card-coral{background:linear-gradient(180deg,#fff4effa,#fffaf5f0),var(--paper)}.tool-card-teal{background:linear-gradient(180deg,#effaf7fa,#fcfcf7f0),var(--paper)}.tool-card-head{display:grid;gap:8px;margin-bottom:12px}.tool-card h2{margin:0;font-family:Georgia,Times New Roman,serif}.tool-badge{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:#16322d14;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tool-points{display:grid;gap:8px;margin:16px 0 22px;color:var(--muted);line-height:1.65}.subtle{margin:0;color:var(--muted);line-height:1.6}.toolbar,.toolbar-compact,.legend,.stats-grid,.chart-grid,.pill-row,.dimension-row,.field-grid{display:flex;flex-wrap:wrap;gap:10px}.toolbar,.dimension-row{margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:14px;background:var(--ink);color:#fffdf9;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #16322d29}.button.secondary{background:#0f766e1a;color:var(--teal)}.button.coral{background:var(--coral)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.field{display:grid;gap:8px}.field label,.legend-item span:first-child{font-size:13px;font-weight:700;letter-spacing:.02em}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:16px;background:#ffffffd9;padding:12px 14px;color:var(--ink)}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid rgba(15,118,110,.22);border-color:#0f766e42}.dimension-row .field{min-width:110px}.field-grid .field{flex:1 1 220px}.plate-shell{margin-top:18px;overflow:auto;border-radius:22px;border:1px solid var(--line);background:#ffffffb3}.plate-table{width:100%;border-collapse:collapse;min-width:980px}.plate-table th,.plate-table td{border-bottom:1px solid rgba(22,50,45,.08);border-right:1px solid rgba(22,50,45,.08);padding:10px;text-align:left;vertical-align:top}.plate-table th:last-child,.plate-table td:last-child{border-right:none}.plate-table tr:last-child td{border-bottom:none}.significance-table{min-width:820px}.plate-index,.cell-type{white-space:nowrap}.dose-cell{min-width:88px}.well{display:grid;gap:8px}.well input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#fffc}.sig-group-cell,.sig-value-cell{border-radius:16px;padding:8px}.sig-group-cell{background:linear-gradient(180deg,#d6efecf2,#f3fbf9f5)}.sig-value-cell{background:linear-gradient(180deg,#fff8ecfa,#fffcf6fa)}.sig-group-cell input,.sig-value-cell input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#ffffffdb}.well.blank{background:linear-gradient(180deg,#e5e9f1f5,#f2f5faf5);border-radius:16px;padding:8px}.well.sample{background:linear-gradient(180deg,#fdefd6fa,#fff8eafa);border-radius:16px;padding:8px}.well.ignore{background:linear-gradient(180deg,#fffffff5,#f6f7f8f5);border-radius:16px;padding:8px}.type-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em}.type-button.blank{background:#d9dee7;color:#3c465a}.type-button.sample{background:var(--coral-soft);color:#7a3219}.type-button.ignore{background:#edf0f2;color:#4e5b5d}.legend-item,.tag,.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0f766e14}.legend-swatch{width:12px;height:12px;border-radius:50%}.legend-item small,.tag small,.status small{color:var(--muted)}.status.warn{background:#e1a6442e}.status.success{background:#0f766e24}.status.error{background:#db6d4f29}.stats-grid{margin-top:18px}.stat-card{flex:1 1 180px;min-width:180px;border-radius:22px;padding:18px;background:linear-gradient(180deg,#fffffff0,#f8f9f5eb);border:1px solid rgba(22,50,45,.08)}.stat-card strong{display:block;margin-top:10px;font-size:28px;font-family:Georgia,Times New Roman,serif}.stat-card small{color:var(--muted)}.message-stack{display:grid;gap:12px}.chart-grid{margin-top:18px}.chart-stack{display:grid;gap:18px;margin-top:18px}.chart-card{flex:1 1 420px;min-width:320px;border:1px solid rgba(22,50,45,.08);border-radius:24px;padding:16px;background:#ffffffc7}.chart-card-tall{width:100%}.chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.chart-frame{width:100%;min-height:420px}.chart-empty{display:grid;place-items:center;min-height:260px;color:var(--muted);text-align:center}.dot-line{stroke-dasharray:4 6}.pill-row{margin-top:12px}.tag{background:#16322d0f}.tag strong{font-size:12px}.footer-note{color:var(--muted);font-size:13px;line-height:1.7}.admin-shell{width:min(1480px,calc(100% - 32px))}.admin-hero{background:linear-gradient(135deg,#e6f5f2f5,#fbf4e6f0),var(--paper)}.admin-login-card{max-width:560px}.admin-login-form{display:grid;gap:14px;margin-top:18px}.admin-header-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.admin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.traffic-chart{display:flex;align-items:end;gap:12px;overflow-x:auto;padding-top:16px;min-height:280px}.traffic-bar-wrap{min-width:56px;display:grid;gap:8px;justify-items:center}.traffic-bar-note,.traffic-bar-meta,.traffic-bar-label{font-size:12px;color:var(--muted)}.traffic-bar-track{width:36px;height:180px;display:flex;align-items:end;border-radius:999px;background:#0f766e14;overflow:hidden}.traffic-bar{width:100%;border-radius:999px;background:linear-gradient(180deg,#db6d4f,#0f766e)}.admin-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.admin-list{display:grid;gap:10px}.admin-list-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(22,50,45,.08);background:#ffffffc2}.admin-list-item span{color:var(--muted);word-break:break-all}.admin-table-wrap{margin-top:18px;overflow:auto;border:1px solid rgba(22,50,45,.08);border-radius:18px}.admin-table{width:100%;min-width:1100px;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid rgba(22,50,45,.08);text-align:left;vertical-align:top}.admin-table th{background:#0f766e12;font-size:12px;letter-spacing:.03em;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:none}@media(max-width:1080px){.grid-2,.tool-grid,.admin-grid,.admin-list-grid{grid-template-columns:1fr}#app{width:min(100% - 20px,1500px)}}@media(max-width:640px){.hero,.card,.tool-card{border-radius:22px;padding:18px}.hero h1{line-height:1.05}.tool-topbar{width:min(100% - 20px,1500px);align-items:flex-start;flex-direction:column}}