:root{--hq-ink:#213e38;--hq-green:#285c4b}body{background:#faf9f5;color:var(--hq-ink)}h1,h2,h3{color:var(--hq-ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid #315aca;outline-offset:4px}.btn-primary{background:var(--hq-green);border-color:var(--hq-green);color:white}.btn-primary:hover{background:#173c30;color:white}.btn-outline{border-color:#b7c4bb;color:var(--hq-ink)}.nav{background:#faf9f5}.nav-links{gap:16px}.nav-links a{font-size:.85rem}.hq-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding-top:85px;padding-bottom:85px}.hq-hero h1{font-size:clamp(3rem,5vw,5rem);line-height:1.06;letter-spacing:-.055em;margin:22px 0}.hq-hero h1 span{color:#54806a}.eyebrow{font-size:.7rem;letter-spacing:.17em;font-weight:800}.hq-note{font-size:.8rem;margin-top:25px;color:#6a786e}.hq-art{height:440px;position:relative;background:#e9eee5;border-radius:120px 120px 30px 30px;padding:28px}.art-label{font-size:.58rem;letter-spacing:.15em;display:block;text-align:center;margin-top:12px}.art-card{position:absolute;display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #fff9;box-shadow:0 15px 25px #213e3812;border-radius:20px;width:230px}.art-card span{font-size:2rem}.art-card small{font-size:.55rem;letter-spacing:.15em}.art-talk{top:80px;left:-15px;background:#f5ddce;transform:rotate(-7deg)}.art-time{right:-10px;top:145px;background:#d1e3d3;transform:rotate(6deg)}.art-picture{bottom:10px;left:20px;background:#f4eabe;transform:rotate(-3deg)}.mini-clock{border:9px solid #74977d;border-left-color:#ecf2e8;border-radius:100%;width:80px;height:80px;display:grid;place-items:center;font-weight:bold}.hq-band{padding:23px 20px;border-block:1px solid #dce2d8;display:flex;gap:40px;justify-content:center;flex-wrap:wrap;font-size:.85rem}.hq-band span{color:#9aab94}.hq-section{padding-block:75px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.section-heading h2{font-size:2.6rem}.section-heading p{font-size:.9rem}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.product-tile{padding:32px;border-radius:20px;border:1px solid #213e3810}.peach{background:#f4e3d8}.lavender{background:#e9e5f2}.mint{background:#dfebdf}.butter{background:#f3edce}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}.product-symbol{font-size:2.2rem}.tag{font-size:.6rem;letter-spacing:.1em;border:1px solid #213e3830;padding:7px 10px;border-radius:30px}.product-tile h3{font-size:1.8rem}.product-tile p{max-width:45ch;min-height:55px}.product-tile a{display:flex;justify-content:space-between;border-top:1px solid #213e3820;padding-top:20px;margin-top:28px;font-weight:700}.mission{background:#e9eee5;border-radius:25px;padding:55px;margin-bottom:75px}.mission h2{font-size:2.9rem}.mission>p:not(.eyebrow){max-width:65ch}.tool-page{padding-block:45px 65px}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.tool-heading h1{font-size:2.6rem}.timer-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:25px}.timer-stage{background:#e1ecdf;border-radius:24px;text-align:center;padding:35px;--timer-color:#5b8b69}.timer-stage>p{font-size:1.4rem;color:var(--hq-ink)}.timer-ring{--progress:100%;background:conic-gradient(var(--timer-color) var(--progress),#ffffff70 0);width:min(320px,100%);aspect-ratio:1;border-radius:50%;padding:15px;margin:25px auto;display:grid;place-items:center}.timer-ring>div{background:#faf9f5;border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-ring output{font-size:clamp(2.5rem,6vw,4.6rem);font-variant-numeric:tabular-nums;line-height:1.2}.timer-ring p{font-size:.85rem;margin-top:12px}.timer-actions,.preset-row,.board-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.settings{background:white;border:1px solid #dce2d8;border-radius:20px;padding:28px}.settings h2{font-size:1.4rem}label{display:block;font-size:.85rem;font-weight:600;margin:16px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;padding:11px;border:1px solid #bac8bd;border-radius:9px;background:white;color:#213e38}input[type=checkbox]{width:20px;height:20px;accent-color:#285c4b}.check{display:flex;align-items:center;gap:10px}.preset-row{margin-top:12px}.preset-row button,.card-remove{background:#f1f4ee;border:1px solid #cad5c8;border-radius:8px;min-height:40px;padding:6px 10px}.small{font-size:.8rem;margin-top:15px}.timer-stage:fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:0;width:100vw;height:100vh}.timer-stage:fullscreen .timer-ring{width:min(55vh,500px)}.board-toolbar{display:flex;align-items:end;gap:25px;margin-bottom:25px;flex-wrap:wrap}.board-toolbar>label{flex:1;min-width:160px}.board-sheet{border:1px solid #dce2d8;background:white;border-radius:20px;padding:25px;min-height:200px}.picture-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.picture-card{border:1px solid #d5dece;border-radius:14px;background:#f6f7ef;padding:12px;text-align:center;min-width:0}.picture-card>button:first-of-type{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;border:0;background:transparent;color:#213e38;padding:8px;min-height:125px;font-size:1.1rem}.picture-card img{width:100px;height:100px;object-fit:contain}.picture-card .symbol{font-size:3rem}.picture-card strong{overflow-wrap:anywhere}.card-remove{font-size:.7rem;margin:3px}.card-step{font-size:.8rem;font-weight:bold;display:block}.board-controls{justify-content:start;margin-top:18px}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-button:focus-within{outline:3px solid #315aca}.card-library{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-top:35px;align-items:start}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:20px}.library-card{background:white;border:1px solid #d5dece;border-radius:12px;min-height:100px;padding:12px;color:#213e38;overflow-wrap:anywhere}.library-card span{display:block;font-size:2rem}.library-card img{width:60px;height:60px;object-fit:contain;margin:auto}.library-card:hover{background:#e8efdf}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.demo-layout textarea{min-height:110px;margin-bottom:15px}.demo-layout li{padding:8px 0}.footer{margin-top:0}#card-status,#timer-error{color:#6b3b24}body:has(.tool-page) .footer{margin-top:20px}@media(max-width:850px){.hq-hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hq-art{max-width:430px;width:90%;margin:auto}.timer-layout,.card-library,.demo-layout{grid-template-columns:1fr}.tool-heading,.section-heading{align-items:start;flex-direction:column}.hq-band{gap:16px}.hq-band span{display:none}}@media(max-width:550px){.product-grid{grid-template-columns:1fr}.hq-hero h1{font-size:3rem}.hq-art{height:400px}.art-card{width:200px}.art-time{right:-15px}.mission{padding:30px;margin-inline:20px}.mission h2{font-size:2rem}.tag{font-size:.55rem}.tool-heading h1{font-size:2rem}.timer-stage{padding:20px}.board-sheet{padding:15px}.picture-board{grid-template-columns:repeat(2,minmax(0,1fr))}.board-toolbar{gap:10px}.section-heading h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.nav,.footer,.tool-heading,.board-toolbar,.board-controls,.card-library,.small,#card-status,.skip-link,.card-remove{display:none!important}.tool-page{padding:0}.container{max-width:none}.board-sheet{border:0}.picture-card{break-inside:avoid}.picture-board{grid-template-columns:repeat(3,1fr)}.picture-card{print-color-adjust:exact}}