@font-face{font-family:PT Serif;src:url(../../../fonts/PT-Serif/PTSerif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Serif;src:url(../../../fonts/PT-Serif/PTSerifBold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PT Serif;src:url(../../../fonts/PT-Serif/PTSerifItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:PT Serif;src:url(../../../fonts/PT-Serif/PTSerifBoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--color-bg:#f7a31a;--color-accent:#f5350b;--color-ink:#131313;--color-input-highlight:#10e260;--color-bg-rgb:247, 163, 26;--color-accent-rgb:245, 53, 11;--color-ink-rgb:19, 19, 19;--color-input-highlight-rgb:16, 226, 96;--font-display:"PT Serif", Georgia, "Times New Roman", serif;--text-wordmark:clamp(4.5rem, 18vw, 9rem);--text-heading:clamp(2.5rem, 7vw, 3.5rem);--text-sub-heading:clamp(1.5rem, 3vw, 1.8rem);--text-large:1.4rem;--text-body:1.2rem;--text-small:1rem;--app-header-height:4.75rem;--app-actions-height:4.5rem;--app-max-width:34rem;--app-gutter:1.5rem;--transition-timing:cubic-bezier(.33, 1, .68, 1)}*{box-sizing:border-box;color:inherit;outline:none;margin:0;padding:0}html,body{height:100dvh;overflow:hidden}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-body);-webkit-font-smoothing:antialiased;line-height:1.6}small{font-size:var(--text-small)}hr{border:none;border-top:1px solid rgba(var(--color-ink-rgb), .2);margin:4rem 0}::selection{background-color:rgb(from var(--color-bg) calc(255 - r) calc(255 - g) calc(255 - b));color:rgb(from var(--color-ink) calc(255 - r) calc(255 - g) calc(255 - b))}.playground{width:100%;max-width:var(--app-max-width);padding-inline:var(--app-gutter);flex-direction:column;margin:0 auto;display:flex}.scrollable{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:hidden auto}.scrollable::-webkit-scrollbar{display:none}.scrollable.horizontal{overflow:auto hidden}.button{background:var(--color-ink);color:var(--color-bg);border:1px solid var(--color-ink);font:inherit;font-size:var(--text-body);text-align:center;cursor:pointer;transition:background .6s var(--transition-timing), color .6s var(--transition-timing);border-radius:.5rem;padding:.75rem 2.5rem;font-weight:700;text-decoration:none;display:inline-block}.button:focus,.button:hover{color:var(--color-ink);background:0 0}.panel-main{width:100%;padding-bottom:var(--app-gutter);flex-direction:column;flex:1 0 auto;gap:1.5rem;margin:0 auto;display:flex;position:relative}.panel-header{align-items:center;gap:.75rem;display:flex}.panel-back{align-items:center;gap:.35rem;width:2rem;height:2rem;text-decoration:none;display:inline-flex}.panel-close{width:2rem;height:2rem;margin-left:auto;text-decoration:none;display:inline-flex}.panel-close:focus{outline:2px solid var(--color-ink);outline-offset:.25rem;border-radius:100%}.panel-menu-btn .icon{margin-block:-.5rem}.panel-title{font-size:var(--text-sub-heading);font-weight:700}p.panel-blurb{font-size:var(--text-small);opacity:.85}.panel-search-wrap{position:relative}.panel-search{font:inherit;font-size:var(--text-body);border:1px solid var(--color-ink);color:inherit;background:0 0;border-radius:.5rem;width:100%;padding:.6rem 2.6rem .6rem .9rem}.panel-search-icon{pointer-events:none;display:flex;position:absolute;top:50%;right:.5rem;translate:0 -50%}.panel-search::placeholder{color:var(--color-ink);opacity:.5}.panel-list{flex-direction:column;gap:.85rem;display:flex}.panel-card{border:1px solid var(--color-ink);color:inherit;border-radius:.5rem;padding:.9rem 1rem;text-decoration:none;display:block}.panel-card-title{margin-bottom:.25rem}.panel-card-meta{font-size:var(--text-small);opacity:.75}.panel-card-flag{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.panel-menu-btn{text-align:left;border:1px solid var(--color-ink);width:100%;font:inherit;font-size:var(--text-body);color:inherit;cursor:pointer;transition:background .6s var(--transition-timing), color .6s var(--transition-timing);background:0 0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;text-decoration:none;display:flex}.panel-menu-btn:focus,.panel-menu-btn:hover{background:var(--color-ink);color:var(--color-bg)}.panel-field{font-size:var(--text-small);flex-direction:column;gap:.35rem;display:flex}.panel-field-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.panel-field input[type=text],.panel-field input[type=email],.panel-field input[type=password],.panel-field select,.panel-field textarea{font:inherit;font-size:var(--text-body);border:1px solid var(--color-ink);color:inherit;resize:vertical;transition:border .6s var(--transition-timing);background:0 0;border-radius:.5rem;padding:.6rem .9rem}:is(.panel-field input[type=text],.panel-field input[type=email],.panel-field input[type=password],.panel-field select,.panel-field textarea):focus{border:1px solid var(--color-input-highlight);outline:none}.panel-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:.5rem;padding-right:2rem}.panel-field input[type=color]{border:1px solid var(--color-ink);appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:3rem}.panel-field input[type=color]::-webkit-color-swatch{border-radius:.5rem}.panel-field input[type=time]{font:inherit;border:1px solid var(--color-ink);color:inherit;background:0 0;border-radius:.5rem;padding:.6rem .9rem}.panel-checkbox{font-size:var(--text-small);align-items:center;gap:.5rem;display:flex}.panel-save{width:100%;padding-inline:1rem}.panel-link-btn{font:inherit;font-size:var(--text-small);color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;text-decoration:underline;display:inline-flex}.panel-note{font-size:var(--text-small);max-width:28rem}.panel-error{font-size:var(--text-small);font-weight:700}.panel-nav{font-size:var(--text-small);margin-top:auto}.panel-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:1.25rem;display:grid}.panel-swatch{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;padding:0;text-decoration:none;display:flex}.panel-swatch-preview{aspect-ratio:1;background:linear-gradient(135deg, var(--sw-bg) 0 42%, var(--sw-accent) 42% 58%, var(--sw-bg) 58% 100%);border-radius:.5rem;width:100%;box-shadow:0 0 10px #0000001a}.panel-swatch-name{font-size:var(--text-small);text-align:center}.panel-swatch.active .panel-swatch-preview{border:2px solid var(--color-ink)}.app-header.svelte-12qhfyh{min-height:var(--app-header-height);justify-content:center;align-items:center;display:flex}.logo-home-link.svelte-12qhfyh{opacity:1;transition:opacity .3s var(--transition-timing)}.logo-home-link.svelte-12qhfyh:hover{opacity:.4}.logo-home-link.svelte-12qhfyh:focus{outline:2px solid var(--color-ink);outline-offset:.25rem;border-radius:.1rem}