:root{--lab-navy:#071426;--lab-blue:#1677ff;--lab-cyan:#19c5d2;--lab-paper:#f4f7fb;--lab-ink:#12233d;--lab-muted:#607089;--lab-line:#dce5f1;--lab-green:#157a52;--lab-amber:#a95f00;--lab-red:#b42c3d;--lab-purple:#6d45c7}
*{box-sizing:border-box}.narrative-lab-page{margin:0;background:var(--lab-paper);color:var(--lab-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hidden{display:none!important}.lab-hero{background:radial-gradient(circle at 85% 10%,rgba(25,197,210,.2),transparent 30%),linear-gradient(135deg,#071426,#102d50);color:#fff;padding:64px 22px}.lab-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:48px}.lab-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:900;color:#1677ff;margin:0 0 8px}.lab-hero .lab-kicker{color:#72e4ed}.lab-hero h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.045em;max-width:850px;margin:0}.lab-hero h1 em{font-style:normal;color:#72e4ed}.lab-hero p:not(.lab-kicker){font-size:1.12rem;line-height:1.7;color:#d8e5f5;max-width:760px}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-pills span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800}.hero-score{width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:9px solid rgba(114,228,237,.26);box-shadow:inset 0 0 0 2px #72e4ed;background:#0d213a}.hero-score strong{font-size:4rem;line-height:1;color:#72e4ed}.hero-score span,.hero-score small{font-weight:800}.hero-score small{max-width:130px;margin-top:8px;color:#cbd9eb}.lab-shell{max-width:1180px;margin:auto;padding:32px 22px 70px}.privacy-alert{display:grid;grid-template-columns:210px 1fr;gap:18px;background:#fff7e8;border:1px solid #f3d7a5;border-left:5px solid #e59a22;padding:18px 20px;border-radius:12px;line-height:1.55}.privacy-alert strong{color:#7f4500}.privacy-alert span{color:#624f37}.lab-step{margin-top:36px}.step-heading{display:flex;align-items:center;gap:14px}.step-heading>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1677ff;color:#fff;font-size:1.2rem;font-weight:900}.step-heading h2,.writer-head h2,.case-title-row h2,.feedback h2,.rubric-section h2,.next-tool h2{margin:0}.level-tabs{display:inline-flex;gap:4px;margin:22px 0 16px;padding:4px;border:1px solid var(--lab-line);background:#fff;border-radius:12px}.level-tabs button{border:0;background:transparent;border-radius:9px;padding:10px 18px;font-weight:850;color:var(--lab-muted);cursor:pointer}.level-tabs button.active{background:var(--lab-navy);color:#fff}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.scenario-button{text-align:left;border:1px solid var(--lab-line);background:#fff;border-radius:16px;padding:18px;cursor:pointer;min-height:145px;transition:transform .15s,border-color .15s,box-shadow .15s}.scenario-button:hover,.scenario-button:focus-visible{transform:translateY(-2px);border-color:#1677ff;box-shadow:0 12px 30px rgba(25,60,100,.1)}.scenario-button.active{border:2px solid #1677ff;background:#f6faff}.scenario-button span{display:inline-block;color:#1677ff;background:#e9f3ff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900}.scenario-button strong{display:block;font-size:1.07rem;margin:12px 0 6px}.scenario-button small{color:var(--lab-muted);line-height:1.45}.lab-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start;margin-top:26px}.case-card,.writer-card,.feedback,.rubric-section,.next-tool{background:#fff;border:1px solid var(--lab-line);border-radius:18px;box-shadow:0 10px 35px rgba(20,45,78,.06)}.case-card,.writer-card{padding:22px}.case-title-row,.writer-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.text-btn{border:0;background:#edf5ff;color:#075db4;font-weight:850;border-radius:9px;padding:9px 11px;cursor:pointer}.case-facts{display:grid;gap:14px;margin-top:20px}.fact-block{border-top:1px solid var(--lab-line);padding-top:13px}.fact-block:first-child{border-top:0;padding-top:0}.fact-block h3{margin:0 0 7px;font-size:.83rem;text-transform:uppercase;letter-spacing:.06em;color:#5e6f88}.fact-block p,.fact-block ul{margin:0;line-height:1.55}.fact-block ul{padding-left:19px}.vital-chip{display:block;margin:7px 0;padding:9px 11px;background:#eef5fb;border-radius:9px;font-weight:750;font-variant-numeric:tabular-nums}.beginner-guide{margin-top:20px;background:#f2edff;border:1px solid #d9cdf8;border-radius:12px;padding:12px 14px}.beginner-guide summary{cursor:pointer;color:#5b37aa;font-weight:900}.beginner-guide li{margin:7px 0}.writer-head label{font-size:.76rem;font-weight:850;color:var(--lab-muted)}.writer-head select{display:block;margin-top:5px;padding:9px 30px 9px 10px;border:1px solid var(--lab-line);border-radius:8px;background:#fff;color:var(--lab-ink);font-weight:750}.format-guide{margin:16px 0;padding:11px 13px;border-left:4px solid #19c5d2;background:#effcfd;color:#365d65;font-size:.88rem;line-height:1.45}.narrative-label{display:block;font-size:.86rem;font-weight:900;margin-bottom:7px}.writer-card textarea{width:100%;min-height:410px;resize:vertical;border:1px solid #bac8da;border-radius:12px;padding:16px;color:#102139;background:#fbfdff;font:1rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.writer-card textarea:focus{outline:3px solid rgba(22,119,255,.18);border-color:#1677ff}.writing-meta{display:flex;justify-content:space-between;gap:12px;color:var(--lab-muted);font-size:.8rem;margin-top:7px}.preflight{margin-top:12px}.preflight-item{padding:8px 10px;border-radius:8px;margin-top:6px;font-size:.84rem;font-weight:700}.preflight-item.warn{background:#fff1df;color:#80500d}.preflight-item.danger{background:#ffecef;color:#8b2433}.writer-actions{display:flex;gap:10px;margin-top:18px}.lab-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 17px;font-weight:900;text-decoration:none;cursor:pointer;border:1px solid transparent}.lab-btn.primary{background:#1677ff;color:#fff}.lab-btn.primary:hover{background:#0868e8}.lab-btn.primary:disabled{opacity:.55;cursor:wait}.lab-btn.ghost{background:#fff;color:#16466f;border-color:#bfcfe1}.ai-note{font-size:.76rem!important;color:var(--lab-muted);line-height:1.45;margin:13px 0 0}.grading-state{margin:24px 0;display:flex;gap:14px;align-items:center;background:#eaf5ff;border:1px solid #b9dcfb;border-radius:14px;padding:18px}.grading-state span{display:block;color:#536b84;margin-top:4px}.spinner{width:30px;height:30px;border-radius:50%;border:4px solid #bbd9f5;border-top-color:#1677ff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feedback{margin-top:28px;padding:24px}.feedback-top{display:grid;grid-template-columns:118px 1fr;gap:20px;align-items:center}.score-ring{width:112px;height:112px;border-radius:50%;border:9px solid #19c5d2;display:grid;place-content:center;text-align:center;background:#f4fdfe}.score-ring strong{font-size:2.7rem;line-height:1}.score-ring span{font-size:.78rem;color:var(--lab-muted);font-weight:850}.feedback-top p{margin:8px 0;color:var(--lab-muted);line-height:1.5}.attempt-badge{display:inline-block;background:#eef3fa;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:900}.category-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:24px 0}.category-row{display:grid;grid-template-columns:145px 1fr 36px;gap:9px;align-items:center;font-size:.82rem;font-weight:800}.score-track{height:9px;border-radius:999px;background:#e7edf4;overflow:hidden}.score-track span{display:block;height:100%;background:linear-gradient(90deg,#1677ff,#19c5d2)}.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feedback-card{border:1px solid var(--lab-line);border-radius:13px;padding:17px}.feedback-card h3{font-size:1rem;margin:0 0 10px}.feedback-card ul{margin:0;padding-left:20px}.feedback-card li{margin:7px 0;line-height:1.45}.feedback-card.good{border-top:4px solid var(--lab-green)}.feedback-card.improve{border-top:4px solid var(--lab-blue)}.feedback-card.missing{border-top:4px solid var(--lab-amber)}.feedback-card.caution{border-top:4px solid var(--lab-red)}.line-feedback{margin-top:12px;border-top:4px solid var(--lab-purple)}.line-note{padding:11px 0;border-top:1px solid var(--lab-line)}.line-note:first-child{border-top:0}.line-note q{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#314761}.line-note p{margin:6px 0 0;color:var(--lab-muted)}.example-card{margin-top:14px;border:1px solid #c8d6e8;border-radius:13px;padding:15px}.example-card summary{cursor:pointer;font-weight:900}.example-card p{color:var(--lab-muted);font-size:.84rem}.example-card div{white-space:pre-wrap;background:#f5f8fc;border-radius:10px;padding:14px;line-height:1.6}.revision-bar{margin-top:18px;background:#0d213a;color:#fff;border-radius:13px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:16px}.revision-bar span{display:block;color:#cbd9e8;font-size:.85rem;margin-top:4px}.rubric-section{margin-top:28px;padding:24px}.rubric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0}.rubric-grid span{background:#edf4fb;border-radius:9px;padding:12px;text-align:center;font-size:.84rem;font-weight:850}.rubric-section>p:last-child{color:var(--lab-muted);line-height:1.6}.next-tool{margin-top:20px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:22px}.next-tool p:not(.eyebrow){margin:7px 0 0;color:var(--lab-muted)}
@media(max-width:860px){.lab-hero-inner{grid-template-columns:1fr}.hero-score{display:none}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-workspace{grid-template-columns:1fr}.category-scores,.feedback-grid{grid-template-columns:1fr}.rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-alert{grid-template-columns:1fr}.writer-card textarea{min-height:340px}}
@media(max-width:560px){.lab-hero{padding:45px 18px}.lab-shell{padding:22px 14px 55px}.scenario-grid{grid-template-columns:1fr}.scenario-button{min-height:0}.level-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.level-tabs button{padding:9px 7px}.case-title-row,.writer-head,.next-tool,.revision-bar{align-items:stretch;flex-direction:column}.writer-head{display:flex}.feedback{padding:18px 14px}.feedback-top{grid-template-columns:82px 1fr}.score-ring{width:78px;height:78px;border-width:6px}.score-ring strong{font-size:2rem}.category-row{grid-template-columns:116px 1fr 30px}.rubric-grid{grid-template-columns:1fr 1fr}.writer-actions{display:grid}.lab-btn{width:100%}}
@media print{.site-header,.lab-hero,.privacy-alert,.lab-step,.writer-actions,.revision-bar,.next-tool,.site-footer{display:none!important}.lab-shell{max-width:none;padding:0}.lab-workspace,.feedback{display:block!important}.writer-card{box-shadow:none}.feedback{box-shadow:none;margin-top:20px}}