.cg{min-height:100dvh;padding:clamp(18px, 3.4vw, 40px) clamp(14px, 3vw, 36px) calc(92px + env(safe-area-inset-bottom));font-family:var(--font-hand), "Comic Sans MS", cursive;background:#fbf8f2;overflow-x:hidden}.cg-board{grid-template-columns:1fr 1.06fr 1fr;grid-template-areas:"title pen note""proud join note";align-items:stretch;gap:clamp(10px,1.4vw,16px);width:100%;max-width:1160px;margin:0 auto;display:grid}.cg-tile{padding:clamp(16px,2.2vw,26px);transition:transform .18s,box-shadow .18s;position:relative}@media (hover:hover){.cg-tile:hover{transform:translateY(-3px)rotate(-.25deg);box-shadow:0 10px #1c171214}}.cg-tile--title,.cg-tile--proud,.cg-tile--join{--mk-bg:#f26a1e;--mk-ink:#191510;--mk-error:#7c1d0c;background:var(--mk-bg);color:var(--mk-ink)}.cg-tile--title{grid-area:title;justify-content:center;align-items:center;display:flex}.cg-tile--pen{color:#2b3ac2;text-align:center;background:#d8d5cf;grid-area:pen;justify-content:center;align-items:center;display:flex}.cg-tile--join{grid-area:join}.cg-tile--proud{flex-direction:column;grid-area:proud;justify-content:center;display:flex}.cg-tile--note{color:#191512;font-family:var(--font-serif), Georgia, serif;background:#f7f1e4;flex-direction:column;grid-area:note;display:flex}.cg-wordmark{text-align:center;font-family:var(--font-marker), Impact, sans-serif;margin:0;font-size:clamp(34px,5.4vw,52px);font-weight:400;line-height:.96}.cg-line{color:#0000;-webkit-text-stroke:.045em var(--mk-ink);display:block;position:relative}.cg-line:after{content:attr(data-text);color:#0000;-webkit-text-stroke:.02em var(--mk-ink);opacity:.5;pointer-events:none;position:absolute;inset:0;transform:translate(.05em,-.04em)rotate(-.4deg)}.cg-line:first-child{transform:rotate(-1.1deg)}.cg-line:nth-child(2){transform:rotate(.8deg)}.cg-line:nth-child(3){transform:rotate(-.5deg)}@supports not (-webkit-text-stroke:1px black){.cg-line,.cg-line:after,.cg-join,.cg-proud,.cg-done-title{color:var(--mk-ink)}}.cg-pen{margin:0;font-size:clamp(26px,4.4vw,40px);line-height:1.02;transform:rotate(-1.2deg)}.cg-join{font-family:var(--font-marker), Impact, sans-serif;color:#0000;-webkit-text-stroke:.05em var(--mk-ink);margin:0 0 14px;font-size:clamp(20px,3.2vw,28px);font-weight:400;line-height:1.08}.cg-heart{font-family:var(--font-hand), cursive;color:var(--mk-ink);-webkit-text-stroke:0}.cg-tile--join .mk-input{padding:8px 12px 6px;font-size:clamp(15px,2.4vw,18px)}.cg-tile--join .mk-input--area{min-height:86px}.cg-tile--join .mk-btn{padding:7px 30px 5px;font-size:clamp(17px,2.6vw,22px)}.cg-tile--join .mk-counter,.cg-tile--join .mk-err,.cg-tile--join .mk-note{font-size:13.5px}.cg-done-title{font-family:var(--font-marker), Impact, sans-serif;color:#0000;-webkit-text-stroke:.045em var(--mk-ink);margin:0;font-size:clamp(22px,3.6vw,30px)}.cg-done-xo{margin:8px 0 0;font-size:clamp(17px,2.8vw,21px)}.cg-done-email{opacity:.75;word-break:break-all;margin:8px 0 0;font-size:13px}.cg-proud{font-family:var(--font-marker), Impact, sans-serif;color:#0000;-webkit-text-stroke:.05em var(--mk-ink);margin:0;font-size:clamp(30px,6.2vw,46px);font-weight:400;line-height:1;transform:rotate(-.6deg)}.cg-proud-xo{margin:12px 0 0;font-size:clamp(20px,4vw,27px);transform:rotate(-.8deg)}.cg-note-logo{letter-spacing:.06em;color:#a32e27;margin:0 0 10px;font-size:clamp(30px,4.6vw,44px);line-height:.9}.cg-note-meta{letter-spacing:.18em;text-transform:uppercase;color:#a32e27;border-bottom:2px solid #a32e27;justify-content:space-between;gap:12px;padding-bottom:10px;font-size:10.5px;display:flex}.cg-note-body{font-family:var(--font-script), cursive;margin:18px 0 0;font-size:clamp(21px,3.4vw,27px);line-height:1.3}.cg-note-foot{letter-spacing:.22em;text-transform:uppercase;color:#a32e27;align-items:center;gap:10px;margin:auto 0 0;padding-top:18px;font-size:10.5px;display:flex}.cg-note-rule{background:#a32e2780;flex:1;height:1px}.cg-note-one{font-family:var(--font-script), cursive;letter-spacing:.05em;text-transform:lowercase;color:#191512;font-size:17px}@media (max-width:980px){.cg-board{grid-template-columns:1fr;grid-template-areas:"title""pen""join""proud""note"}.cg-tile--title{padding-block:clamp(24px,8vw,40px)}.cg-tile--note{min-height:320px}.cg-wordmark{font-size:clamp(38px,12vw,58px)}.cg-pen{font-size:clamp(30px,9vw,42px)}}@media (max-width:560px){.mk-grid{grid-template-columns:1fr}}