:root{--accent:#5f32ee;--accent-dark:#4520c8;--ink:#0d1117;--muted:#47505c;--line:#d3d8df;--line-soft:#e4e7ec;--bg:#ffffff;--soft:#f6f7f9;--error:#b42318;--ok:#067647;--header-h:6rem;--toolbar-h:3.5rem;--radius:12px;--shadow:0 1px 2px rgba(16,24,40,.05),0 12px 32px -12px rgba(16,24,40,.14);--disp:Fredoka,ui-rounded,ui-sans-serif,system-ui,sans-serif;--navy:#031531;--spark:#ffae38;--body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-500.woff2) format("woff2");font-weight:500;font-display:optional}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-600.woff2) format("woff2");font-weight:600 700;font-display:optional}html{scroll-padding-top:calc(var(--header-h) + var(--toolbar-h) + .5rem)}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.6;font-size:1.0625rem;-webkit-font-smoothing:antialiased}a{color:var(--accent-dark);text-underline-offset:3px}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 2px #fff}.board-editor{--be-sticky-top:var(--header-h)}.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.75rem 1rem;z-index:30}.skip:focus{left:0}.site-header{top:0;z-index:20;min-height:var(--header-h);flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:.6rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}.brand{display:inline-flex;align-items:center;gap:.6rem;font:700 1.2rem/1 var(--disp);letter-spacing:-.02em;color:var(--ink);text-decoration:none}.site-header .brand img{display:block;width:auto;height:76px;margin:-6px 0}@media (max-width:30rem){.site-header .brand img{height:56px;margin:-4px 0}}.site-nav{display:flex;align-items:center;gap:.25rem .5rem;flex-wrap:wrap}.site-nav .link-button,.site-nav a{color:var(--ink);text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:10px;min-height:2.5rem;display:inline-flex;align-items:center}.site-nav .link-button:hover,.site-nav a:hover{background:var(--soft);text-decoration:none}.site-nav a.btn,.site-nav a.btn:hover{color:#fff;background:var(--accent);margin-left:.5rem;min-height:2.75rem;padding:0 1.1rem}.site-nav .you{display:inline-flex;align-items:center;gap:.5rem}.site-nav .you i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,#fff);color:var(--accent-dark);font:700 .8rem/1 var(--disp);font-style:normal}main{max-width:42rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 1.25rem 4rem}main.wide{max-width:60rem}h1,h2,h3,legend{font-family:var(--disp);letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(1.9rem,3.4vw,2.4rem);line-height:1.12;margin:0 0 1rem}h1,h2{font-weight:700}h2{font-size:1.4rem;line-height:1.25;margin:2rem 0 .6rem}h3{font-weight:500}.lead{font-size:1.25rem;color:var(--muted)}.field{margin:1.25rem 0}.field label{display:block;font-weight:600;margin-bottom:.3rem}.hint{color:var(--muted);margin:0 0 .4rem;font-size:1rem}.field input[type=email],.field input[type=password],.field input[type=text],.field select{width:100%;min-height:3rem;padding:.65rem .9rem;border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}.field select{max-width:24rem}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--muted)}.field.has-error select{border-color:var(--error);border-width:2px}.field textarea{width:100%;min-height:8rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:var(--radius);font:inherit;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}.field.has-error input,.field.has-error textarea{border-color:var(--error);border-width:2px}.field-error{color:var(--error);font-weight:700;margin:0 0 .4rem}.check{display:flex;align-items:center;gap:.6rem;margin:.75rem 0}.check input{width:1.4rem;height:1.4rem;accent-color:var(--accent)}.actions,.board-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:2.875rem;padding:.5rem 1.25rem;border-radius:var(--radius);border:1px solid transparent;background:var(--accent);color:#fff;font:600 .95rem/1.2 var(--body);cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .15s,box-shadow .15s,background .15s}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.btn.secondary:hover{background:#fff;border-color:var(--muted)}.link-button{background:none;border:0;padding:0;font:inherit;color:var(--accent-dark);text-decoration:underline;cursor:pointer}.error-summary{border:2px solid var(--error);border-radius:var(--radius);padding:1rem 1.25rem;margin:0 0 1.5rem}.error-summary h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--error)}.error-summary ul{margin:0;padding-left:1.25rem}.notice{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-left:5px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 6%,#fff);padding:1rem 1.25rem}.links,.notice{margin:1.5rem 0}.links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding:0;list-style:none}.hero{background:var(--soft);border:1px solid var(--line-soft);border-radius:18px;padding:2rem 1.5rem;margin-bottom:2rem}.codes{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.15rem;column-count:2;padding-left:1.25rem}.qr{display:block;width:14rem;height:14rem;border:8px solid #fff;background:#fff;outline:1px solid var(--line)}.secret{font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}main:focus{outline:none}@media (max-width:30rem){.codes{column-count:1}}.boards-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}.boards-head h1{margin:0}.board-section{margin:2rem 0 0}.board-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;margin:0 0 1rem}.board-section-head .hint,.board-section-head h2{margin:0}.board-tools{display:flex;gap:.5rem;flex-wrap:wrap}.board-tools input,.board-tools select{min-height:2.5rem;padding:.35rem .75rem;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.95rem;background:#fff;color:var(--ink)}.board-tools input{width:14rem;max-width:100%}.board-cards,.template-cards{list-style:none;padding:0;margin:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.board-card,.template-card{display:block;width:100%;text-align:left;border:1px solid var(--line-soft,#e4e7ec);border-radius:16px;background:#fff;box-shadow:var(--shadow,0 1px 2px rgba(16,24,40,.05),0 12px 32px -12px rgba(16,24,40,.14));overflow:hidden;color:inherit;text-decoration:none;font:inherit;padding:0;cursor:pointer;transition:transform .15s,border-color .15s}.board-card:hover,.template-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line-soft,#e4e7ec));text-decoration:none}.board-card img,.template-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line-soft,#e4e7ec);background:#fff}.board-card-body{display:block;padding:.75rem 1rem .9rem}.board-card-title,.template-card-title{display:block;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.board-card .hint,.template-card .hint{display:block;margin:.2rem 0 0;font-size:.9rem}.template-card-title{padding:.65rem 1rem 0}.template-card .hint{padding:0 1rem .8rem}.template-cards{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}@media (max-width:40rem){.board-cards,.template-cards{grid-template-columns:1fr 1fr}.board-card-body,.template-card .hint,.template-card-title{padding-inline:.7rem}}.board-list{list-style:none;padding:0;margin:0 0 1.5rem}.board-list li{padding:.75rem 0;border-bottom:1px solid var(--line-soft)}.board-list a{font-weight:700}.board-list .hint{display:block}@media (max-width:40rem){.site-nav .hide-sm{display:none}.site-nav{width:100%;justify-content:flex-end}}@media (max-height:32rem),(max-width:40rem){html{scroll-padding-top:.5rem}.site-header{position:static}.board-editor{--be-sticky-top:0px}}.badge{display:inline-block;margin-left:.5rem;padding:.1rem .6rem;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent-dark);border-radius:99px;font-size:.85rem;font-weight:600}.board-message{min-height:1.5rem;margin:.5rem 0}.fieldset{border:0;padding:0;margin:1.25rem 0;min-width:0}.fieldset legend{font-weight:700;padding:0;margin-bottom:.5rem}.check.radio{align-items:flex-start}.check.radio input{margin-top:.15rem;flex:none}.check.radio label{font-weight:700}.check.radio .hint{margin:0}.field .check{margin:0;align-items:flex-start}.field .check input{flex:none;margin-top:.1rem}.field input[inputmode=numeric]{max-width:10rem}.steps{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;padding:0;margin:0 0 1.5rem;counter-reset:step;color:var(--muted)}.steps li{counter-increment:step}.steps li:before{content:counter(step) ". "}.steps li[aria-current=step]{color:var(--ink);font-weight:600}.site-footer{border-top:1px solid var(--line-soft);background:var(--soft);padding:1.5rem clamp(1rem,3vw,2rem) 2rem;font-size:.95rem;color:var(--muted)}.site-footer ul{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--ink)}.card-box{min-height:3rem;padding:.65rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:28rem}.card-box input{width:100%;border:0;outline-offset:4px;font:inherit;background:transparent;color:var(--ink)}.card-box:focus-within{outline:3px solid var(--accent);outline-offset:2px}.field.has-error .card-box{border-color:var(--error);border-width:2px}.order{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem}.order td,.order th{overflow-wrap:anywhere;text-align:left;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--line,#b1b4b6);vertical-align:top}.order th[scope=row]{width:10rem}.btn.link{background:none;border:0;color:var(--accent-dark);text-decoration:underline;padding-left:0}main{overflow-wrap:anywhere}main.legal{max-width:60rem}.legal-meta{color:var(--muted);margin:0 0 1.5rem}.legal h3{font-size:1.15rem;margin:1.5rem 0 .5rem}.table-wrap{overflow-x:auto;max-width:100%;margin:1rem 0 1.5rem}.legal-table{border-collapse:collapse;width:100%;font-size:1rem}.legal-table caption{text-align:left;font-weight:700;padding:.5rem 0}.legal-table td,.legal-table th{text-align:left;vertical-align:top;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;min-width:9rem}.legal-note{display:block;color:var(--muted);margin-top:.4rem}.legal-dl dt{font-weight:700;margin-top:.75rem}.legal-dl dd{margin:0}.known-issues>li{margin-bottom:1rem}@media (max-width:64rem){.legal-table,.legal-table tbody,.legal-table td,.legal-table th,.legal-table tr{display:block;width:100%;min-width:0}.legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.legal-table tr{border-bottom:2px solid var(--ink);padding:.5rem 0}.legal-table td,.legal-table th{border-bottom:0;padding:.25rem 0}.legal-table td:before{content:attr(data-label) ": ";font-weight:700;display:block}}.board-notice{position:fixed;z-index:1001;left:50%;top:64px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));background:#fff;color:#1a1d29;border:1px solid #767b91;border-radius:12px;padding:8px 16px}.harness .wb{bottom:72px;transform:translateZ(0)}.harness-controls{position:fixed;left:0;right:0;bottom:0;height:72px;overflow:auto;background:#fff;color:#1a1d29;border-top:1px solid #767b91;padding:2px 12px;font-size:14px;display:flex;flex-wrap:wrap;gap:0 16px;align-items:center}.harness-controls h2{font-size:14px;margin:4px 0}.harness-controls p{margin:4px 0}.be-loading{position:fixed;inset:0;display:grid;place-items:center;margin:0}body:has(.wb) .site-header{position:fixed;left:0;right:0;top:0;z-index:1001;transform:translateY(-110%)}body:has(.wb) .site-footer{position:fixed;left:0;right:0;bottom:0;z-index:1001;transform:translateY(110%)}body:has(.wb) .site-footer:focus-within,body:has(.wb) .site-header:focus-within{transform:none}.skip:focus{z-index:1002}.share-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:auto;padding:0;border:1px solid var(--line,#c9cddd);border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 70px -24px rgba(16,24,40,.5);overflow:auto}.share-dialog::-webkit-backdrop{background:rgba(8,9,10,.55)}.share-dialog::backdrop{background:rgba(8,9,10,.55)}.share-dialog-body{position:relative;padding:1.5rem clamp(1rem,4vw,2rem) 2rem}.share-dialog-body h2:first-of-type{margin-top:0;padding-right:3rem}.share-dialog-close{position:absolute;top:.75rem;right:.75rem;width:2.75rem;height:2.75rem;border:1px solid var(--line,#c9cddd);border-radius:50%;background:#fff;color:var(--ink);font:600 1.4rem/1 var(--body,system-ui);cursor:pointer}.share-dialog-close:hover{background:var(--soft,#f3f5fc)}@media (max-width:40rem){.share-dialog{width:100vw;max-height:100vh;height:100vh;max-width:none;border-radius:0;border:0}}.settings-card{margin:1.5rem 0;padding:1.25rem 1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.settings-card>.error-summary+h2,.settings-card>h2:first-child{margin-top:0}.settings-list{list-style:none;margin:0;padding:0}.settings-list li{display:grid;grid-gap:.2rem;gap:.2rem;padding:.75rem 0;border-top:1px solid var(--line)}.settings-list li:first-child{border-top:0;padding-top:0}.settings-list li:last-child{padding-bottom:0}.settings-list span{color:var(--muted)}.site-header{position:-webkit-sticky;position:sticky;isolation:isolate;background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:.85rem clamp(1.4rem,3vw,2.5rem) .55rem}.site-header:before{content:"";position:absolute;inset:.5rem clamp(.5rem,1.5vw,1.25rem) .1rem;z-index:-1;background:#fff;border:2.5px solid var(--navy);border-radius:22px 8px 20px 10px/10px 20px 8px 22px;box-shadow:5px 5px 0 var(--navy);pointer-events:none}.site-header .brand{position:relative}.site-header .brand:after{content:"";position:absolute;right:-28px;top:-2px;width:22px;height:22px;background:url(/brand/doodles/sparks.svg) no-repeat 50%/contain;transform:rotate(25deg);pointer-events:none}.site-nav .link-button,.site-nav a{font-family:var(--disp);font-weight:600;font-size:1.0625rem;color:var(--navy)}.site-nav .link-button,.site-nav a:not(.btn){position:relative}.site-nav .link-button:hover,.site-nav a:not(.btn):hover{background:none}.site-nav .link-button:after,.site-nav a:not(.btn):after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.15rem;height:9px;background:url(/brand/doodles/squiggle-orange.svg) no-repeat 50%/100% 100%;opacity:0;transition:opacity .15s;pointer-events:none}.site-nav .link-button:hover:after,.site-nav a:not(.btn):hover:after{opacity:1}.site-nav a.btn{font-size:1rem;border:2.5px solid var(--navy);border-radius:255px 18px 225px 18px/18px 225px 18px 255px;box-shadow:4px 4px 0 var(--navy);transition:transform .12s,box-shadow .12s}.site-nav a.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}.site-nav a.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--navy)}.site-nav .you i{font-weight:600;border:2px solid var(--navy);color:var(--navy);background:#fde68a}@media (max-height:32rem),(max-width:40rem){.site-header{position:relative}}@media (max-width:30rem){.site-header .brand:after{display:none}.site-nav{justify-content:space-between}.site-nav a.btn{margin-left:0}.site-nav .link-button,.site-nav a{font-size:1rem}}@media (prefers-reduced-motion:reduce){.site-nav a.btn,.site-nav a:not(.btn):after{transition:none}.site-nav a.btn:hover{transform:none}}body:has(main.home) .site-header{margin-bottom:calc(-1 * var(--header-h))}