@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(../media/atkinson-hyperlegible-latin-ext-400-normal.2-qiblqvy4tin.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-ext-400-normal.0ui-kbwrql7nn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(../media/atkinson-hyperlegible-latin-400-normal.2_4quiuxbm00_.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-400-normal.1814tdl5ng145.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(../media/atkinson-hyperlegible-latin-ext-700-normal.39fx4g5252mtj.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-ext-700-normal.1jgehju1n4bgu.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(../media/atkinson-hyperlegible-latin-700-normal.3ij26zqblfe95.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-700-normal.0kr4d1tyihlyu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--cream:#fff8ef;--ink:#3b2a20;--ink-soft:#7a6558;--coral:#ff7a59;--coral-dark:#e85d3c;--line:#f0e2d2;--white:#fff;--peach:#ffe0cf;--mint:#d4f3e3;--sky:#d8ecff;--lemon:#fff1b8;--lilac:#ece0ff;--rose:#ffdbe6;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}a{color:inherit}.top{justify-content:space-between;align-items:center;gap:16px;max-width:760px;margin:0 auto;padding:20px 16px;display:flex}.logo{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:800;text-decoration:none}.logo-paw{display:inline-block;transform:rotate(-12deg)}.top-nav{align-items:center;gap:16px;font-weight:700;display:flex}.top-nav a:not(.btn){text-decoration:none}.top-nav a:not(.btn):hover{color:var(--coral-dark)}.page{max-width:760px;margin:0 auto;padding:0 16px 48px}.hero{background:var(--white);border:2px solid var(--line);background-image:radial-gradient(circle at 92% 18%, var(--lemon) 0 70px, transparent 71px), radial-gradient(circle at 80% 90%, var(--mint) 0 44px, transparent 45px);border-radius:28px;margin-bottom:24px;padding:32px}.hero h1{font-family:var(--display);letter-spacing:-.03em;max-width:14ch;margin:0 0 12px;font-size:clamp(32px,7vw,48px);line-height:1.05}.hero p{color:var(--ink-soft);max-width:40ch;margin:0 0 20px}.hero-small{padding:24px 28px}.hero-small h1{font-size:clamp(28px,6vw,40px)}.btn{background:var(--coral);color:var(--white);font:700 16px var(--body);cursor:pointer;box-shadow:0 3px 0 var(--coral-dark);border:0;border-radius:999px;padding:12px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{box-shadow:0 4px 0 var(--coral-dark);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--coral-dark);transform:translateY(2px)}.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.btn-small{padding:8px 16px;font-size:15px}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--ink-soft)}.feed{gap:14px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--white);border:2px solid var(--line);border-radius:22px;gap:16px;padding:18px;transition:transform .15s,border-color .15s;display:flex}.feed .card:hover{border-color:var(--peach);animation:.65s ease-out forwards card-wiggle}.feed .card:hover .avatar{animation:.7s ease-in-out avatar-wiggle}@keyframes card-wiggle{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-4px)rotate(-1.2deg)}40%{transform:translateY(-4px)rotate(1deg)}60%{transform:translateY(-3px)rotate(-.6deg)}80%{transform:translateY(-3px)rotate(.3deg)}to{transform:translateY(-3px)rotate(0)}}@keyframes avatar-wiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-12deg)scale(1.08)}40%{transform:rotate(10deg)scale(1.08)}60%{transform:rotate(-6deg)scale(1.04)}80%{transform:rotate(3deg)}}.avatar{border-radius:18px;flex:none;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.tint-peach{background:var(--peach)}.tint-mint{background:var(--mint)}.tint-sky{background:var(--sky)}.tint-lemon{background:var(--lemon)}.tint-lilac{background:var(--lilac)}.tint-rose{background:var(--rose)}.card-body{flex:1;min-width:0}.card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card h2{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:20px}.when{color:var(--ink-soft);white-space:nowrap;font-size:14px}.company{color:var(--ink-soft);margin:2px 0 6px}.pay{margin:0 0 10px;font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--cream);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.chip-species{background:var(--sky)}.chip-pounce{background:var(--coral);color:var(--white)}.form{flex-direction:column;gap:16px;padding:24px}.form label{flex-direction:column;flex:1;gap:6px;min-width:0;font-weight:700;display:flex}.form input,.form textarea{font:16px var(--body);color:var(--ink);background:var(--cream);border:2px solid var(--line);border-radius:14px;width:100%;padding:10px 14px}.form input::placeholder,.form textarea::placeholder{color:#b9a596}.form .btn{align-self:flex-start}.row{flex-wrap:wrap;gap:16px;display:flex}.done .row{gap:10px;margin-top:12px}.splash{background:var(--cream);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.corgi{--w:min(270px, 60vw);--h:calc(var(--w) * 5 / 6);width:var(--w);height:var(--h);cursor:pointer;background:0 0;border:0;padding:0;animation:1.92s ease-out both corgi-enter;position:relative}.corgi:focus-visible{outline:3px solid var(--ink);outline-offset:8px;border-radius:24px}.corgi-bob{width:100%;height:100%;animation:.24s ease-in-out 8 corgi-bounce;display:block}.corgi-sprite{background:url(/corgi-sprite.svg) calc(var(--w) * -3) 0 / calc(var(--w) * 5) 100% no-repeat;width:100%;height:100%;animation:.24s step-end 8 corgi-gallop;display:block}.corgi[data-playing]{animation:1.9s ease-in .6s forwards corgi-exit}.corgi[data-playing] .corgi-bob{animation:.24s ease-in-out .6s 8 corgi-bounce-out}.corgi[data-playing] .corgi-sprite{animation:.6s step-end corgi-bow,.24s step-end .6s 8 corgi-gallop-out;transform:scaleX(-1)}@keyframes corgi-enter{0%{transform:translateX(calc(-50vw - var(--w)))}to{transform:translate(0)}}@keyframes corgi-exit{0%{transform:translate(0)}to{transform:translateX(calc(-50vw - var(--w)))}}@keyframes corgi-gallop{0%{background-position:0 0}50%{background-position:calc(var(--w) * -1) 0}}@keyframes corgi-gallop-out{0%{background-position:0 0}50%{background-position:calc(var(--w) * -1) 0}}@keyframes corgi-bow{0%{background-position:calc(var(--w) * -4) 0}}@keyframes corgi-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes corgi-bounce-out{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.foot{text-align:center;color:var(--ink-soft);padding:24px 16px 40px;font-size:14px}@media (max-width:520px){.hero{background-image:radial-gradient(circle at 100% 0, var(--lemon) 0 44px, transparent 45px), radial-gradient(circle at 92% 100%, var(--mint) 0 28px, transparent 29px);padding:24px 20px}.card{gap:12px;padding:14px}.avatar{border-radius:14px;width:48px;height:48px;font-size:26px}.card-top{flex-direction:column;gap:0}.row{flex-direction:column}}@media (prefers-reduced-motion:reduce){.btn,.card{transition:none}.feed .card:hover,.btn:hover,.btn:active{transform:none}.feed .card:hover,.feed .card:hover .avatar,.corgi,.corgi-bob,.corgi-sprite,.corgi[data-playing],.corgi[data-playing] .corgi-bob,.corgi[data-playing] .corgi-sprite{animation:none}.corgi[data-playing] .corgi-sprite{background-position:calc(var(--w) * -4) 0}}