@font-face{font-family:Manrope;src:url('./manrope.woff2') format('woff2');font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#202020;background:#f5f3ee;font-synthesis:none;--ink:#202020;--peach:#f3bd93;--paper:#fffefa;--line:#d7d5cf}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a64c1d;outline-offset:4px}button{color:var(--ink)}a{color:inherit}.masthead{max-width:1440px;margin:auto;padding:13px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{width:320px;display:block;line-height:0}.brand img{width:100%;height:auto}.masthead nav{display:flex;gap:24px;align-items:center}.quiet{background:none;border:0;padding:10px 0;font-size:.875rem;font-weight:700}.quiet span{margin-left:8px}#saved-count{border:1px solid var(--line);border-radius:50%;padding:3px 7px;font-size:.75rem}main{max-width:1344px;margin:auto;padding:36px 24px 24px}.setup{margin-bottom:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin-bottom:20px;gap:12px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.13em}h1{font-size:2rem;letter-spacing:-.07em;margin:0;font-weight:750}h2{margin:0}.request-row{display:flex;background:white;border:1.5px solid var(--ink);padding:6px;border-radius:5px;gap:10px;box-shadow:3px 3px 0 #ded9d1}.request-row input{flex:1;min-width:0;border:0;background:transparent;padding:13px 15px;font-size:1.125rem}.primary,.secondary{border:1.5px solid var(--ink);border-radius:4px;padding:13px 20px;font-weight:750;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary{background:var(--ink);color:white}.primary:hover{background:#414141}.secondary{background:transparent}.secondary:hover{background:#eae6de}.setup-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:14px}.quick-picks{display:flex;gap:8px;flex-wrap:wrap}.quick-picks button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:.875rem}.quick-picks button:hover,.quick-picks button.selected{background:var(--peach);border-color:#d0956b}.count-control{display:flex;gap:12px;align-items:center;font-size:.875rem;white-space:nowrap}.count-control select{padding:6px 9px;background:transparent;border:1px solid var(--line);border-radius:4px;font-weight:750}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.paper{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 #ded9d1;min-height:490px;display:flex;flex-direction:column;position:relative}.paper-heading{padding:26px 34px 23px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}.paper-heading .eyebrow{font-size:.7rem}.paper-heading h2{font-family:Georgia,serif;font-size:2.1rem;letter-spacing:-.04em;margin-top:9px;font-weight:700}.edition{font-size:.7rem;line-height:1.7;letter-spacing:.12em;flex:none;text-align:right}.passage{padding:23px 34px 28px;font-family:Georgia,serif;font-size:1.65rem;line-height:2.3;flex:1;overflow-wrap:anywhere}.passage p{margin:0 0 18px}.passage p:last-child{margin:0}.blank{display:inline-flex;position:relative;justify-content:center;min-width:125px;max-width:100%;margin:0 5px 20px;padding:0 8px 2px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:#fff0e3;line-height:1.25;vertical-align:baseline;font:inherit;color:var(--ink)}.blank-label{position:absolute;top:calc(100% + 6px);left:0;width:100%;text-align:center;font:700 .63rem/1.15 Manrope,Arial,sans-serif;letter-spacing:.06em;white-space:nowrap}.answer{font-style:italic;overflow-wrap:anywhere;min-height:1.25em}.blank.filled{background:transparent;color:#954014}.blank.focused{background:var(--peach)}.paper-footer{display:flex;justify-content:space-between;margin:0 34px;padding:18px 0;border-top:1px solid var(--line);font-size:.7rem;letter-spacing:.13em;font-weight:750}.answer-panel{padding:9px 0 0 4px}.panel-heading{display:flex;gap:12px;align-items:baseline}.step-number{font-family:Georgia,serif;font-style:italic;font-size:1.15rem;color:#a75024}.panel-heading h2{font-size:1.4rem;letter-spacing:-.05em}.hint{font-size:.875rem;line-height:1.6;color:#66635e;margin:8px 0 22px}.answer-field{display:block;margin:0 0 18px}.field-label{display:flex;align-items:center;gap:9px;font-size:.8rem;font-weight:750;margin-bottom:8px}.field-number{font-family:Georgia,serif;color:#827a71;font-weight:400;font-style:italic}.answer-field input{width:100%;background:#fffefa;border:1px solid #b5b0a8;border-radius:3px;min-height:46px;padding:10px 12px;font-size:1rem}.answer-field input::placeholder{color:#92908a}.panel-foot{display:flex;justify-content:space-between}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:6px 0;font-size:.8rem;color:#615d58}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:29px}.creative-actions,.finish-actions{display:flex;gap:10px}.finish-actions .primary{background:var(--peach);color:var(--ink)}.finish-actions .primary:hover{background:#edab77}.storage-note{text-align:right;color:#706b63;font-size:.75rem;margin-top:13px}dialog{width:min(680px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:2px solid var(--ink);border-radius:6px;background:var(--paper);padding:30px;color:var(--ink);box-shadow:8px 8px 0 #0004}dialog::backdrop{background:#15130f88;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-heading h2{font-family:Georgia,serif;font-size:2rem;margin-top:8px}.close{border:0;background:transparent;font-size:2rem;line-height:1;min-width:36px}.dialog-heading .eyebrow{font-size:.65rem}dialog label{display:block;font-size:.9rem;font-weight:700;margin-top:18px}dialog input,dialog textarea{display:block;width:100%;padding:12px;border:1px solid #aaa49a;border-radius:4px;margin-top:8px;background:white}dialog textarea{resize:vertical;font-size:1rem;line-height:1.7}dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.error{color:#a6241a;font-size:.9rem}.saved-item{border-top:1px solid var(--line);padding:20px 0}.saved-item h3{margin:0;font-family:Georgia,serif;font-size:1.4rem}.saved-item p{font-size:.85rem;color:#6a655c;line-height:1.6}.saved-actions{display:flex;gap:10px}.saved-actions button{padding:8px 13px;min-height:38px;font-size:.8rem}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:5px;box-shadow:0 4px 30px #0002;z-index:20;max-width:90%;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}.presenting .setup,.presenting .answer-panel,.presenting .action-bar,.presenting .storage-note,.presenting .masthead nav{display:none}.presenting .workspace{display:block}.presenting main{max-width:1500px;padding:30px 40px}.presenting .paper{min-height:65vh}.presenting .passage{font-size:clamp(1.8rem,3vw,3rem);line-height:2.4;padding:30px 50px}.presenting .paper-heading h2{font-size:2.5rem}.presenting .blank-label{font-size:.75rem}.presenting #leave-present{position:fixed;bottom:14px;right:18px;font-size:.8rem;padding:9px 14px;min-height:36px;opacity:.3}.presenting #leave-present:hover,.presenting #leave-present:focus{opacity:1}.presenting .blank{min-width:180px}.inline-entry{display:block;width:100%;padding:12px;border:1px solid #9f958b;font-size:1.2rem;margin:18px 0}
@media(min-width:1600px){main{padding-top:45px}.passage{font-size:1.85rem}.paper{min-height:530px}}
@media(max-width:950px){.masthead{padding:12px 24px}.brand{width:270px}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.paper-heading{padding:22px}.paper-heading h2{font-size:1.7rem}.edition{display:none}.passage{padding:22px;font-size:1.4rem}.paper-footer{margin:0 22px}.section-heading>.eyebrow{display:none}.action-bar{align-items:stretch}.primary,.secondary{font-size:.875rem;padding:12px 14px;gap:10px}.creative-actions,.finish-actions{flex-wrap:wrap}}
@media(max-width:700px){.masthead{padding:8px 18px;gap:12px}.brand{width:215px}.masthead nav{gap:12px}.quiet{font-size:.75rem}#saved-count{display:none}#present-button{display:none}main{padding:25px 18px}h1{font-size:1.7rem}.request-row{flex-wrap:wrap}.request-row input{flex-basis:100%;padding:10px;font-size:1rem}.request-row>.primary{width:100%}.setup-bottom{flex-wrap:wrap}.count-control{margin-top:5px}.quick-picks button{font-size:.8rem;padding:7px 11px}.workspace{grid-template-columns:1fr}.paper{min-height:0}.paper-heading h2{font-size:1.8rem}.passage{font-size:1.4rem;line-height:2.6}.answer-panel{padding-top:20px}#answer-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.action-bar{flex-direction:column}.creative-actions,.finish-actions{display:grid;grid-template-columns:1fr 1fr}.storage-note{text-align:left}dialog{padding:22px}.blank-label{font-size:.58rem}.blank{min-width:115px}.presenting main{padding:18px}.presenting .passage{padding:22px;font-size:1.6rem}.presenting .paper-heading h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.masthead nav,.setup,.answer-panel,.action-bar,.storage-note,#leave-present,.toast,dialog{display:none!important}body{background:white}.workspace{display:block}.paper{box-shadow:none}.masthead{border:0}main{padding:0}.paper{break-inside:avoid}}
.convert-panel{margin-top:34px;padding:28px 30px;border-top:2px solid var(--ink);background:#eae6dd;display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}.convert-panel h2{font:700 1.8rem Georgia,serif;margin-top:10px}.convert-panel .hint{margin-bottom:0}.convert-panel form{display:flex;align-self:center;gap:8px}.convert-panel input{min-width:0;width:100%;padding:12px;background:var(--paper);border:1px solid #aaa49a;border-radius:3px}.convert-panel form button{white-space:nowrap}.format-picks{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.format-picks button,.tag-list button{border:1px solid #b5b0a8;background:var(--paper);border-radius:24px;padding:7px 13px;font-size:.8rem}.format-picks button:hover,.tag-list button:hover{background:var(--peach)}#demo-trail{grid-column:1/-1;border-top:1px solid #c7c0b6;padding-top:18px;display:flex;gap:8px;flex-wrap:wrap}#demo-trail button{background:transparent;border:1px solid #aaa49a;border-radius:3px;padding:9px 13px;text-transform:capitalize}#demo-trail button[aria-current=true]{background:var(--ink);color:white}#library{width:min(1050px,calc(100% - 32px))}.library-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.library-filters label{margin:0}.library-filters input,.library-filters select,dialog select{display:block;width:100%;padding:11px;border:1px solid #aaa49a;background:white;border-radius:4px;margin-top:8px;font-size:.9rem}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.tag-list button{padding:5px 11px}.saved-actions{flex-wrap:wrap;gap:14px}.demo-sequence{text-transform:capitalize}.presenting .convert-panel{display:none}.saved-item{break-inside:avoid}#saved-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.saved-item h3{overflow-wrap:anywhere}
@media(max-width:800px){.convert-panel{grid-template-columns:1fr}.format-picks{grid-column:1}.library-filters{grid-template-columns:1fr 1fr}.library-filters label:first-child{grid-column:1/-1}#saved-list{grid-template-columns:1fr}}
@media(max-width:500px){.convert-panel{padding:22px 18px}.convert-panel form{flex-wrap:wrap}.convert-panel form button{width:100%}}
@media print{.convert-panel{display:none!important}}
.category-picker{border:0;padding:0;margin:0 0 22px}.category-picker legend,.details-label{font-size:.9rem;font-weight:750;margin-bottom:12px;display:block}.details-label span{font-weight:400;color:#67615b}.category-picker .quick-picks{gap:8px}.category-picker button,.format-picks button{text-transform:capitalize}.setup-bottom .hint{margin:0;max-width:760px}.platform-note{font-size:.875rem;line-height:1.65;padding:16px 20px;background:#fff6ed;border-left:3px solid #b86b35;margin-top:22px}.presenting .platform-note{display:none}@media print{.platform-note{display:none}}
