:root{--bg:#f5f7f8;--surface:#fff;--surface-2:#eef5f4;--ink:#17202a;--muted:#5d6875;--subtle:#7a8491;--line:#dbe2e7;--line-strong:#bdc9d2;--primary:#0f6b7b;--primary-strong:#0a5360;--primary-soft:#dff1f2;--green:#2f7d55;--green-soft:#e4f4eb;--amber:#a96f16;--amber-soft:#fff3d8;--red:#aa3434;--red-soft:#fde8e8;--steel:#334155;--shadow:0 18px 50px #17202a14;--radius:8px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(180deg, #0f6b7b0f, transparent 340px), var(--bg);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:0}h1{overflow-wrap:break-word;max-width:980px;font-size:clamp(2rem,5vw,4.25rem);font-weight:760;line-height:1}h2{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:730;line-height:1.15}h3{font-size:1.08rem;line-height:1.25}h4{color:var(--steel);text-transform:uppercase;margin:22px 0 12px;font-size:.95rem}p,li{color:var(--muted);line-height:1.65}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.app-shell{grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;flex-direction:column;gap:22px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark,.sheet-card-icon{border-radius:var(--radius);color:#fff;background:var(--primary);flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.brand strong{font-size:.98rem;line-height:1.25;display:block}.brand small{color:var(--subtle);margin-top:3px;font-size:.78rem;display:block}.sheet-list{flex-direction:column;flex:1;gap:7px;padding-right:4px;display:flex;overflow-y:auto}.sheet-link{border-radius:var(--radius);min-height:46px;color:var(--muted);border:1px solid #0000;align-items:center;gap:11px;padding:9px 10px;text-decoration:none;display:flex}.sheet-link:hover,.sheet-link.active{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.sheet-link span{flex-direction:column;gap:1px;font-weight:650;display:flex}.sheet-link small{color:var(--subtle);font-size:.72rem;font-weight:520}.sidebar-footer{gap:12px;display:grid}.overall-progress{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfd;gap:8px;padding:12px;display:grid}.overall-progress span{color:var(--subtle);font-size:.82rem}.overall-progress strong{font-size:1.4rem}.response-tools{gap:8px;display:grid}.response-tools .ghost-button{width:100%}.response-tool-actions{gap:8px;display:grid}.response-tools-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:18px;box-shadow:0 10px 30px #17202a0a}.response-tools-panel .response-tool-actions{grid-template-columns:repeat(2,minmax(140px,1fr))}.response-tools-copy{gap:6px;display:grid}.response-tools-copy p{max-width:720px}.tool-message{color:var(--green);background:var(--green-soft);border-radius:6px;padding:8px 10px;font-size:.82rem;font-weight:700}.tool-message.error{color:var(--red);background:var(--red-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.progress-track{background:#e3e9ed;border-radius:999px;height:7px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--green));height:100%}.mobile-top{display:none}.main-content{min-width:0}.page{width:min(1180px,100vw - 330px);min-width:0;margin:0 auto;padding:34px 30px 64px}.overview-hero{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:center;gap:38px;min-height:420px;padding:26px 0 42px;display:grid}.overview-copy{gap:20px;display:grid}.overview-copy p,.page-intro p{max-width:820px;font-size:1.05rem}.sheet-number,.eyebrow{width:fit-content;color:var(--primary-strong);background:var(--primary-soft);text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:750;display:inline-flex}.hero-stats{flex-wrap:wrap;gap:10px;display:flex}.hero-stats span{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:110px;color:var(--muted);gap:2px;padding:12px 14px;display:inline-grid;box-shadow:0 10px 26px #17202a0d}.hero-stats strong{color:var(--ink);font-size:1.25rem}.ops-visual{border:1px solid var(--line);border-radius:var(--radius);min-height:320px;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f6b7b24,#2f7d551a),#fff;gap:14px;padding:18px;display:grid}.ops-panel{border-radius:var(--radius);background:#ffffffd1;border:1px solid #0f6b7b2e;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.header-line span{color:var(--primary-strong);font-weight:760}.ops-flow{border-radius:var(--radius);background-color:#0000;background-image:linear-gradient(90deg,#33415514 1px,#0000 1px),linear-gradient(#33415514 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:150px;display:grid;position:relative}.machine-row{align-items:end;gap:14px;display:flex}.machine-row span{background:var(--steel);border-radius:6px 6px 2px 2px;width:44px;height:72px;display:block;box-shadow:inset 0 18px #ffffff1a}.machine-row span:nth-child(2){background:var(--primary);height:92px}.machine-row span:nth-child(3){background:var(--green);height:62px}.machine-row span:nth-child(4){background:#b25c36;height:82px}.signal-lines{pointer-events:none;position:absolute;inset:22px}.signal-lines i{background:var(--primary);border-radius:999px;width:92px;height:2px;position:absolute}.signal-lines i:first-child{top:30%;left:11%}.signal-lines i:nth-child(2){background:var(--amber);top:46%;right:8%}.signal-lines i:nth-child(3){background:var(--green);bottom:16%;left:35%}.metrics span{color:var(--muted);gap:3px;font-size:.84rem;display:grid}.metrics strong{color:var(--ink)}.section{border-top:1px solid var(--line);min-width:0;padding:32px 0}.section-accent{border-radius:var(--radius);background:#f0f8f7;border:1px solid #cfe3e4;margin-top:16px;padding:22px}.section-heading{gap:8px;margin-bottom:18px;display:grid}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sheet-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:250px;color:inherit;gap:14px;padding:18px;text-decoration:none;display:grid;box-shadow:0 10px 30px #17202a0a}.sheet-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.sheet-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-card p{min-height:74px}.sheet-card small{color:var(--subtle)}.status-pill{width:fit-content;min-height:28px;color:var(--subtle);white-space:nowrap;background:#edf1f3;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:.78rem;font-weight:720;display:inline-flex}.status-pill.active{color:var(--amber);background:var(--amber-soft)}.status-pill.done{color:var(--green);background:var(--green-soft)}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.principles div{align-items:flex-start;gap:12px;display:flex}.principles svg{color:var(--primary);flex:none;margin-top:4px}.sheet-page{position:relative}.sheet-actions{z-index:3;pointer-events:none;justify-content:flex-end;gap:10px;display:flex;position:sticky;top:18px}.sheet-actions>*{pointer-events:auto}.page-intro{gap:18px;min-width:0;padding:20px 0 34px;display:grid}.page-intro>div:first-child{gap:15px;display:grid}.meta-strip{flex-wrap:wrap;gap:8px;display:flex}.meta-strip span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 10px;font-size:.84rem}.table-scroll{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-width:0;max-width:100%;overflow-x:auto}.reference-table,.worksheet-table{border-collapse:collapse;width:100%;min-width:760px}.reference-table th,.reference-table td,.worksheet-table th,.worksheet-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}.reference-table th,.worksheet-table th{color:var(--steel);text-transform:uppercase;background:#f8fafb;font-size:.82rem}.reference-table tr:last-child td,.worksheet-table tr:last-child td{border-bottom:0}.reference-table td:last-child,.reference-table th:last-child,.worksheet-table td:last-child,.worksheet-table th:last-child{border-right:0}.wide-table{min-width:1200px}.compact-table{min-width:620px}.review-table{min-width:900px}.field{gap:7px;min-width:0;display:grid}.field>span{color:var(--steel);font-size:.86rem;font-weight:710}input,select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:3px solid #0f6b7b29}textarea{resize:vertical;min-height:94px}td textarea{min-height:76px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice,.check-line{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:.86rem;line-height:1.25;display:inline-flex}.choice input,.check-line input{width:auto;accent-color:var(--primary);margin:0}:is(.choice:has(input:checked),.check-line:has(input:checked)){color:var(--primary-strong);background:var(--primary-soft);border-color:#0f6b7b57}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.short-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.question-stack{gap:16px;display:grid}.two-col,.split-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.split-section{margin-top:18px}.mini-panel,.use-case-card,.prompt-block,.details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.mini-panel,.use-case-card{gap:14px;padding:18px;display:grid}.use-case-card+.use-case-card{margin-top:18px}.prompt-block{overflow:hidden}.prompt-head{border-bottom:1px solid var(--line);background:#f8fafb;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.prompt-block pre,.sample-block{color:#eef6f6;background:#101820;padding:15px;font-size:.88rem;line-height:1.55}.sample-block{border-radius:var(--radius)}.weak-prompt{border-left:4px solid var(--amber);background:var(--amber-soft);gap:8px;margin-bottom:12px;padding:12px;display:grid}.details{margin:18px 0;overflow:hidden}.details summary{cursor:pointer;color:var(--steel);background:#f8fafb;padding:14px 16px;font-weight:760}.details>div{gap:14px;padding:16px;display:grid}.plain-list{gap:8px;margin:0;padding-left:20px;display:grid}.icon-button,.nav-button,.ghost-button{border:1px solid var(--line-strong);min-height:38px;color:var(--steel);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-weight:720;text-decoration:none;display:inline-flex}.icon-button:hover,.nav-button:hover,.ghost-button:hover{border-color:var(--primary);color:var(--primary-strong)}.ghost-button.danger{color:var(--red);background:snow;border-color:#efc9c9}.nav-button.primary{color:#fff;border-color:var(--primary);background:var(--primary)}.nav-button.primary:hover{color:#fff;border-color:var(--primary-strong);background:var(--primary-strong)}.page-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:34px;display:flex}.score-table select{min-width:78px}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.sheet-list{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sidebar-footer{grid-template-columns:1fr auto;align-items:center}.page{width:min(100%,1040px)}}@media (width<=820px){.sidebar{display:none}.mobile-top{z-index:4;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;min-height:64px;padding:12px 16px;display:flex;position:sticky;top:0}.brand.compact{gap:10px}.page{width:100vw;max-width:100vw;padding:22px 16px 48px;overflow-x:hidden}.page-intro,.page-intro>div:first-child,.section,.section-heading{max-width:calc(100vw - 32px)}.page-intro h1,.page-intro p,.section h2{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.page-intro h1{font-size:1.82rem;line-height:1.08}.overview-hero,.sheet-grid,.principles,.form-grid,.two-col,.split-section,.response-tools-panel,.short-fields,.response-tools-panel .response-tool-actions{grid-template-columns:1fr}.overview-hero{gap:24px;min-height:0}.ops-visual{min-height:280px}.check-grid{grid-template-columns:1fr}.sheet-actions{justify-content:flex-start;margin-bottom:8px;position:static}.page-nav{flex-wrap:wrap}.page-nav .nav-button{flex:140px}}@media (width<=520px){.page-intro h1,.page-intro p{width:100%;max-width:350px}}@media print{:root{--bg:#fff;--surface:#fff;--line:#cfd8df}body{background:#fff}.sidebar,.mobile-top,.sheet-actions,.page-nav,.response-tools,.icon-button{display:none!important}.app-shell{display:block}.page{width:100%;padding:0}.overview-hero,.ops-visual,.sheet-card,.mini-panel,.use-case-card,.prompt-block,.details,.section-accent{box-shadow:none}.section{break-inside:avoid;padding:20px 0}.table-scroll{overflow:visible}.reference-table,.worksheet-table{min-width:0}input,select,textarea{border-color:#9aa6b2}}