:root{--paper:#f8f8f0;--ink:#232720;--muted:#60665b;--lime:#c1f46b;--border:2px solid var(--ink);--shadow:5px 6px 0 var(--ink);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.55;background-color:var(--paper);background-image:radial-gradient(#a7ac9b66 .65px,transparent .65px);background-size:20px 20px}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a.button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.8vw,72px);letter-spacing:-2.8px;line-height:1.08;font-weight:800;margin-bottom:25px}h2{font-size:28px;line-height:1.2;letter-spacing:-.8px}h3{font-size:22px;line-height:1.3;margin-bottom:12px;overflow-wrap:anywhere}p{margin-bottom:20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #17825d;outline-offset:5px}.shell{max-width:1320px;padding:0 40px;margin:auto}.header{min-height:110px;border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand strong{font-size:36px;font-weight:900;letter-spacing:-1.8px;line-height:1}.logo{width:52px;height:52px;border:var(--border);border-radius:14px;background:var(--lime);box-shadow:3px 3px var(--ink);transform:rotate(-9deg);display:grid;place-items:center}.logo img{width:46px}.by{font-size:13px;border-left:1px solid #a6aa9d;padding-left:16px;white-space:nowrap}.green{color:#16875b}.header nav{display:flex;align-items:center;gap:14px}.header nav form{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 23px;border:var(--border);border-radius:14px;background:#fffefa;box-shadow:3px 4px var(--ink);font-size:16px;font-weight:700;text-decoration:none;line-height:1.3;transition:transform .16s,box-shadow .16s;text-align:center}.button:hover{transform:translate(-1px,-2px);box-shadow:5px 6px var(--ink)}.button:active{transform:translate(2px,2px);box-shadow:1px 2px var(--ink)}.button.lime{background:var(--lime)}.button.small{min-height:44px;padding:9px 16px;font-size:14px}.button.plain{box-shadow:none;background:transparent;border-color:transparent}.button.plain:hover{border-color:var(--ink);transform:none}.full{width:100%;margin-top:22px}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);z-index:10;padding:12px}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;min-height:490px;padding:60px 0 65px}.eyebrow{font:600 11px/1.6 "Courier New",monospace;letter-spacing:2px;margin-bottom:24px}.hero h1{font-size:clamp(54px,5.5vw,80px);letter-spacing:-3.5px;margin-bottom:28px}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:8px;border-bottom:4px solid var(--lime);border-radius:50%;transform:rotate(-2deg)}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.hero-labels{display:flex;gap:24px;font-size:13px;margin-top:26px}.hero-labels span{display:flex;align-items:center;gap:7px}.hero-art{position:relative;min-height:330px;display:grid;place-items:center}.mascot{position:relative;width:275px;height:275px}.mascot>img{width:100%;height:100%;filter:drop-shadow(2px 3px 0 #23272015);transform:rotate(-6deg)}.spark{position:absolute;font-size:42px}.s1{top:30px;right:-4px;transform:rotate(12deg);color:#8875a5}.s2{bottom:50px;left:-20px;font-size:55px}.speech{position:absolute;top:8px;left:-54px;padding:9px 14px;border:var(--border);border-radius:18px 18px 0;background:#fffefa;font-size:12px;font-weight:700;transform:rotate(-8deg);box-shadow:2px 2px var(--ink)}.sticky{display:block;position:absolute;right:0;bottom:0;background:#fff08a;border:var(--border);box-shadow:3px 4px var(--ink);padding:17px 21px;font-size:14px;line-height:1.5;transform:rotate(5deg)}.sticky svg{position:absolute;width:95px;height:38px;right:160px;top:38px;fill:none;stroke:var(--ink);stroke-width:2}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-heading h2{margin:0}.section-heading>p,.section-heading>span{font-size:13px;color:var(--muted);margin:0}.counter{display:inline-grid;place-items:center;min-width:30px;height:30px;border:1px solid var(--ink);border-radius:50%;font-size:14px;vertical-align:middle;font-weight:500;letter-spacing:0;margin-left:6px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-card{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:#fffefa;display:flex;flex-direction:column;height:100%}.cover{min-height:210px;height:210px;border-bottom:var(--border);position:relative;display:grid;place-items:center;overflow:hidden}.cover>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.cover-icon{font-size:60px;position:relative;line-height:1;filter:drop-shadow(2px 3px 0 #23272020)}.cover:has(img:not([hidden])) .cover-icon{background:#fffefaed;border:var(--border);padding:12px;border-radius:20px;font-size:32px}.cover-tag{position:absolute;top:17px;left:20px;font:600 10px/1.5 "Courier New",monospace;letter-spacing:1px;background:#fffefaab;border:1px solid #23272044;border-radius:6px;padding:3px 7px}.closed-tag{position:absolute;bottom:15px;right:15px;padding:4px 10px;border:var(--border);border-radius:9px;background:#fff08a;font-size:12px}.card-content{padding:25px 23px;display:flex;flex-direction:column;flex:1}.card-content h3{font-size:25px;letter-spacing:-.6px}.card-content p{font-size:15px;color:var(--muted);line-height:1.65;flex:1;overflow-wrap:anywhere}.card-bottom{border-top:1px dashed #adb0a6;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:9px}.card-bottom .button{font-size:13px;min-height:44px;padding:10px 12px;gap:10px;border-radius:11px;box-shadow:2px 3px var(--ink)}.caption{font-size:12px;color:var(--muted);line-height:1.6}.dot{display:inline-block;width:6px;height:6px;background:#16875b;border-radius:50%;margin-left:5px;vertical-align:middle}.how{margin:75px 0 65px;padding-top:35px;border-top:var(--border);display:grid;grid-template-columns:1fr 1.7fr;gap:40px}.how .eyebrow{margin-bottom:10px}.how h2{font-size:25px;max-width:240px;line-height:1.4}.how ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.how li>span{font:18px "Courier New",monospace;display:block;margin-bottom:14px;color:#16875b}.how li strong{font-size:15px}.how li p{font-size:13px;color:var(--muted);margin-top:7px}footer{margin-top:60px;min-height:95px;border-top:var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px}footer a{text-decoration:none}footer>span{color:var(--muted)}main{min-height:65vh}.panel{border:var(--border);border-radius:22px;background:#fffefa;padding:28px;box-shadow:3px 4px var(--ink)}.empty{grid-column:1/-1;text-align:center;padding:45px}.empty h3{font-size:28px}.empty p{color:var(--muted)}.mini-bug{font-size:50px;color:#16875b}.breadcrumb{display:flex;gap:12px;padding:32px 0;font-size:13px;flex-wrap:wrap}.breadcrumb a{color:var(--muted)}.wizard-layout{display:grid;grid-template-columns:300px 1fr;gap:70px;padding:15px 0 40px}.wizard-aside{padding-top:20px}.wizard-aside .mascot{width:220px;height:230px;margin:45px auto 16px}.wizard-aside .speech{font-size:10px;left:0;top:-5px}.wizard-aside>p{font-size:14px;color:var(--muted);max-width:255px}.pill{display:inline-flex;border:var(--border);padding:8px 16px;border-radius:30px;background:#dff2ab;font-size:13px;font-weight:700;gap:8px}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px}.progress-label .eyebrow{margin:0}.progress{height:9px;border:var(--border);border-radius:10px;overflow:hidden;margin:13px 0 36px;background:#fffefa}.progress>span{display:block;height:100%;background:var(--lime)}.question-title{font-size:clamp(34px,4vw,52px);letter-spacing:-1.7px}.wizard .lead{font-size:17px;margin-bottom:30px}.wizard{min-width:0}.form-cover{width:100%;height:150px;object-fit:cover;margin-top:24px;border:var(--border);border-radius:16px}label{display:block;font-size:14px;font-weight:700;margin-bottom:9px;margin-top:22px}input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea{width:100%;border:var(--border);border-radius:13px;background:#fffefa;padding:14px 16px;min-height:54px;outline-color:#16875b}textarea{resize:vertical;display:block;line-height:1.65}input::placeholder,textarea::placeholder{color:#898e81}input[type=file]{width:100%;font-size:13px;display:block}input[type=file]::file-selector-button{border:1px solid var(--ink);background:var(--paper);border-radius:8px;padding:9px 12px;margin-right:12px;color:var(--ink);cursor:pointer}input[type=range]{width:100%;accent-color:#16875b;min-height:35px}input[type=checkbox]{width:21px;height:21px;accent-color:#16875b;flex-shrink:0}.required{color:#16875b}.check{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;margin:18px 0}.field-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px;gap:10px}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:9px;padding:26px 20px;border:2px dashed #939d85;border-radius:16px;background:#f5f8ef;cursor:pointer;text-align:center;margin-top:30px}.upload-zone>span{font-size:12px;font-weight:400;color:var(--muted)}.upload-zone .upload-icon{font-size:30px;color:var(--ink);line-height:1}.upload-zone input{max-width:320px}.attachments{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.attachments>div{max-width:150px}.attachments img{width:135px;height:105px;object-fit:cover;border:var(--border);border-radius:12px;background:#f2f2ed}.attachments button{font-size:11px}.text-button{border:0;padding:4px;background:none;text-decoration:underline;color:var(--muted);min-height:36px}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:32px}.save-status{margin-top:18px;min-height:20px;text-align:right}.review{margin-top:28px;padding:22px;box-shadow:none}.review summary{font-size:15px;font-weight:700;cursor:pointer}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}dl{margin:20px 0}dt{font-size:12px;color:var(--muted);margin-top:18px}dd{margin:3px 0 0;font-size:15px;overflow-wrap:anywhere}.notice{padding:16px 22px;border:var(--border);border-radius:14px;background:#fff08a;margin:24px 0}.notice.error{background:#f9d6d7}.notice.ok{background:#dff2ab}.result{text-align:center;padding:45px 0 35px}.result .mascot{margin:0 auto 28px;width:240px;height:240px}.result h1{font-size:clamp(38px,5vw,62px)}.result .eyebrow{margin-bottom:15px}.result .lead{margin:0 auto 24px}.result .actions{justify-content:center;margin-top:30px;flex-wrap:wrap}.actions{display:flex;gap:17px}.ticket{display:inline-block;font:700 24px/1.2 "Courier New",monospace;letter-spacing:1px;background:#fff08a;border:var(--border);padding:18px 28px;border-radius:12px;transform:rotate(-2deg);box-shadow:3px 4px var(--ink)}.result .caption{margin-top:24px}.mascot-error img{transform:rotate(9deg);filter:grayscale(.35)}.mascot-error .speech{background:#fff08a}.mascot-success .speech{background:#c1f46b}.narrow{max-width:660px;margin:65px auto}.login{max-width:550px}.login h1{margin-top:25px;font-size:52px}.login .lead{font-size:17px}.login form{margin-top:35px}.login label:first-of-type{margin-top:0}.tracking{margin-bottom:30px}.status{font-size:12px;display:inline-flex;border:1.5px solid var(--ink);border-radius:30px;padding:6px 13px;background:#f1efe8;white-space:nowrap;font-weight:600}.status.new{background:#fff08a}.status.review{background:#ded2f4;margin:0;box-shadow:none}.status.working{background:#d6e8fa}.status.fixed{background:#dff2ab}.status.rejected{background:#f9d6d7}.admin-nav{display:flex;gap:30px;border-bottom:1px solid #adb0a6;padding:23px 0;font-size:14px}.admin-nav a{text-decoration:none}.admin-nav a[aria-current]{font-weight:700;text-decoration:underline;text-decoration-color:#16875b;text-decoration-thickness:3px;text-underline-offset:10px}.page-heading{padding:45px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-heading h1{font-size:46px;letter-spacing:-1.7px;margin:0}.page-heading .eyebrow{margin-bottom:13px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin:0 0 48px}.metric{border:var(--border);border-radius:18px;padding:19px 16px;box-shadow:3px 4px var(--ink)}.metric strong{font-size:30px;line-height:1.2;display:block;letter-spacing:-1px;margin-bottom:14px}.metric span{font-size:11px}.yellow{background:#fff08a}.lime-bg{background:#dff2ab}.blue{background:#d6e8fa}.pink{background:#f6d6df}.purple{background:#ded2f4}.white{background:#fffefa}.filters{display:flex;align-items:flex-end;gap:14px;margin-bottom:28px;padding:20px;box-shadow:none;flex-wrap:wrap}.filters>div{flex:1;min-width:140px}.filters>div:first-child{flex:1.4;min-width:210px}.filters label{margin:0 0 7px;font-size:12px}.filters input,.filters select{font-size:13px;min-height:48px!important;padding:10px!important}.filters .button{min-height:48px}.filters>a{font-size:12px;padding:12px 0}.report-row{display:flex;justify-content:space-between;align-items:center;gap:22px;text-decoration:none;box-shadow:2px 3px var(--ink);margin-bottom:17px;padding:22px 26px}.report-row:hover{background:#f5f9ed}.report-row>div{flex:1;min-width:0}.report-row .eyebrow{font-size:10px;margin-bottom:10px;letter-spacing:1px}.report-row h3{font-size:18px;line-height:1.4;overflow-wrap:anywhere}.report-row p{margin:0}.report-row>span:last-child{font-size:24px}.pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}.detail-grid aside>.panel{margin-bottom:25px}.detail-grid article h3{margin-top:32px;font-size:18px}.history ol{padding-left:18px}.history li{padding:8px 0}.history li>strong{font-size:14px}.history li>span{display:block}.danger{margin-top:30px;border-color:#9d5c5c;box-shadow:none}.danger summary{font-size:14px;color:#8c4141;cursor:pointer}.danger p{font-size:14px;margin-top:20px}.danger form{max-width:500px}.danger .button{margin-top:20px}.project-admin-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:12px}.editor-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:start}.editor-grid h2{font-size:22px;margin-top:38px}.editor-grid h2:first-of-type{margin-top:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-prefix{display:flex;align-items:center;gap:8px}.input-prefix>span{font-size:12px;white-space:nowrap}.input-prefix input{min-width:50px}.swatches{display:flex;gap:10px;margin-top:20px}.swatch{height:34px;width:34px;min-width:34px;border:var(--border);border-radius:50%}.swatch:hover{box-shadow:2px 2px var(--ink)}.preview-sticky{position:sticky;top:35px}.preview-aside{height:100%;min-width:0}.preview-sticky>.eyebrow{font-size:10px}.preview-sticky>.caption{margin-top:18px}.preview-sticky .card-content p{min-height:55px}.question-builder{margin-top:50px}.question-builder>p{font-size:14px;color:var(--muted)}.question-builder>form{max-width:650px;border-top:1px dashed #adb0a6;padding-top:25px;margin-top:28px}.question-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px dashed #adb0a6;padding:20px 0}.question-row p{margin:5px 0 0}.question-row strong{font-size:16px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:15px 12px;border-bottom:1px solid #d4d8cc;vertical-align:top}th{font-size:12px}td:nth-child(1){white-space:nowrap}summary{min-height:28px}
@media(min-width:1500px){.shell{max-width:1400px}.hero{padding-top:75px;padding-bottom:80px}.cover{height:230px}.hero-art{margin-right:20px}}
@media(max-width:1100px){.shell{padding:0 28px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{transform:scale(.88);transform-origin:right center}.hero{gap:0}.how{grid-template-columns:1fr}.how h2{max-width:none}.wizard-layout{grid-template-columns:220px 1fr;gap:36px}.wizard-aside .mascot{width:185px;height:205px}.metrics{grid-template-columns:repeat(3,1fr)}.editor-grid{gap:28px;grid-template-columns:1.2fr 1fr}.card-bottom{flex-wrap:wrap}.input-prefix{flex-direction:column;align-items:start}.preview-sticky .card-bottom{flex-wrap:wrap}}
@media(max-width:760px){body{font-size:16px}.shell{padding:0 21px}.header{min-height:92px;gap:10px}.brand{gap:11px}.brand strong{font-size:29px}.logo{width:43px;height:43px;border-radius:12px}.logo img{width:39px}.by{display:none}.header nav .button{font-size:11px;padding:9px 11px;min-height:42px}.header nav{gap:6px}.header nav .plain{padding:7px}.hero{padding:40px 0 36px;min-height:0;grid-template-columns:1fr}.hero .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:23px}.hero h1{font-size:57px;letter-spacing:-2.7px}.lead{font-size:17px}.hero-labels{font-size:11px;gap:15px}.hero-art{min-height:255px;transform:none;margin:18px 0 10px}.hero-art .mascot{width:225px;height:225px;margin-left:-30px}.hero-art .speech{left:-30px;top:20px;font-size:10px}.sticky{right:8px;bottom:0;padding:13px 17px;font-size:12px}.sticky svg{width:70px;right:135px;top:30px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:23px;letter-spacing:-.7px}.section-heading>p,.section-heading>span{font-size:10px;padding-top:5px}.counter{height:25px;min-width:25px;font-size:12px;margin-left:3px}.project-grid{grid-template-columns:1fr;gap:27px}.cover{height:210px;min-height:210px}.card-content{padding:24px}.card-bottom{flex-wrap:nowrap}.how{margin:45px 0 30px;padding-top:30px;gap:20px}.how ol{grid-template-columns:1fr;gap:15px}.how li{display:grid;grid-template-columns:35px 1fr;gap:0 10px}.how li>span{grid-row:span 2;margin:0}.how li p{margin:5px 0 0}.how h2{font-size:24px}.eyebrow{font-size:10px}.desktop{display:none}footer{flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 0;gap:9px;margin-top:40px;font-size:11px}.wizard-layout{grid-template-columns:1fr;gap:20px;padding-top:0}.wizard-aside .mascot,.wizard-aside>p,.wizard-aside .form-cover{display:none}.wizard-aside{padding-top:0}.breadcrumb{padding:23px 0;font-size:12px}.question-title{font-size:36px;letter-spacing:-1.5px}.wizard .lead{font-size:16px}.progress{margin-bottom:28px}.progress-label .eyebrow{font-size:10px}.wizard-actions{gap:10px}.wizard-actions .button{font-size:13px;padding:12px 15px}.wizard-actions .plain{padding:12px 7px}.panel{padding:22px;border-radius:18px}.review{padding:18px}.wizard .upload-zone{padding:20px 12px}.result{padding-top:35px}.result .mascot{width:210px;height:210px}.result .actions{flex-direction:column;max-width:350px;margin:28px auto 0}.result h1{font-size:40px;letter-spacing:-1.8px}.result .lead{font-size:16px}.ticket{font-size:21px}.narrow{margin:40px auto}.login h1{font-size:41px}.admin-nav{gap:24px;font-size:12px;padding:20px 0;overflow:auto;white-space:nowrap}.page-heading{align-items:flex-start;flex-direction:column;padding:35px 0 28px;gap:20px}.page-heading h1{font-size:36px;letter-spacing:-1.3px}.page-heading .eyebrow{font-size:9px}.metrics{grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:35px}.metric{padding:16px}.metric strong{font-size:27px}.metric span{font-size:11px}.filters{gap:16px;padding:17px}.filters>div{min-width:120px}.filters>div:first-child{flex-basis:100%}.filters .button{min-width:100px}.report-row{padding:18px;gap:12px;flex-wrap:wrap}.report-row>div{flex-basis:100%}.report-row h3{font-size:17px}.report-row .eyebrow{font-size:9px}.report-row>span:last-child{margin-left:auto}.detail-grid,.editor-grid{grid-template-columns:1fr}.detail-grid{gap:25px}.editor-grid{gap:30px}.preview-aside{grid-row:1}.preview-sticky{position:static;max-width:450px;margin:0 auto}.preview-sticky .cover{height:165px;min-height:165px}.preview-sticky .card-content{padding:20px}.preview-sticky .card-content p{min-height:0}.preview-sticky>.caption{margin-bottom:0}.editor-grid>.panel{padding:22px}.input-prefix{flex-direction:row;align-items:center}.input-prefix>span{font-size:10px}.two-col{gap:12px}.question-row{flex-wrap:wrap}.question-row>div{flex:1;min-width:170px}.question-builder .section-heading{flex-direction:column}.question-builder h2{font-size:25px}.table-scroll{padding:10px}th,td{padding:12px 8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.login-short{display:none}
@media(max-width:440px){.login-long{display:none}.login-short{display:inline}}
@media(max-width:380px){.card-bottom>.caption{display:none}.card-bottom .button{width:100%}.wizard-actions{flex-wrap:wrap}.wizard-actions>[data-submit]{width:100%;order:-1}.hero h1{font-size:51px}.section-heading{flex-wrap:wrap}.input-prefix{flex-direction:column;align-items:flex-start}.two-col{grid-template-columns:1fr;gap:0}}
.mascot-prop{position:absolute;width:102px;height:112px;right:-13px;bottom:24px;transform:rotate(9deg)}
