/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#172c2d;--cream:#f6f0e3;--paper:#fffdf6;--lime:#d8f96a;--coral:#ff775f;--sky:#9fddd7;--line:#172c2d33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.page-shell{isolation:isolate;flex-direction:column;min-height:100svh;padding:28px clamp(22px,4vw,64px) 26px;display:flex;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-3;opacity:.34;background-image:radial-gradient(#172c2d38 .7px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.ambient{z-index:-2;filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{aspect-ratio:1;background:var(--sky);opacity:.8;width:clamp(340px,46vw,720px);top:-26%;right:-15%}.ambient-two{aspect-ratio:1;background:var(--coral);opacity:.54;width:clamp(260px,34vw,520px);bottom:-31%;left:-12%}.site-header{z-index:2;justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex;position:relative}.brand{color:inherit;letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:focus-visible,.copy-button:focus-visible,.new-message-button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.brand-mark{border:1.5px solid var(--ink);background:var(--lime);width:34px;height:34px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:1rem;display:grid}.header-note{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:.72rem;font-weight:700;display:flex}.status-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ff775f2b}.hero{flex:1;grid-template-columns:minmax(250px,.78fr) minmax(380px,1.22fr);grid-template-areas:"intro card""controls card";align-items:center;gap:38px clamp(54px,8vw,120px);width:min(1080px,100%);margin:0 auto;padding:clamp(54px,8vh,96px) 0 clamp(44px,7vh,76px);display:grid}.intro{grid-area:intro;align-self:end}.eyebrow{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:.73rem;font-weight:800;display:flex}.eyebrow:before{content:"";background:var(--coral);width:29px;height:2px}h1{letter-spacing:-.055em;max-width:480px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,6vw,5.75rem);font-weight:400;line-height:.92}.intro-copy{max-width:340px;margin:28px 0 0;font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.6}.message-wrap{grid-area:card;justify-self:stretch;position:relative;transform:rotate(1.4deg)}.message-card{z-index:1;border:1.5px solid var(--ink);background:var(--paper);border-radius:10px;flex-direction:column;justify-content:space-between;min-height:428px;padding:clamp(28px,4vw,48px);display:flex;position:relative;box-shadow:0 22px 70px #172c2d24}.message-card:after{content:"";background:#d8f96ab8;border-left:1px solid #172c2d14;border-right:1px solid #172c2d14;width:112px;height:34px;position:absolute;top:-17px;left:50%;transform:translate(-50%)rotate(-3deg)}.card-shadow{z-index:-1;border:1.5px solid var(--ink);background:var(--lime);border-radius:10px;position:absolute;inset:17px -17px -17px 17px}.card-topline,.card-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.card-topline{color:#172c2da6;letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:800}.spark{border:1px solid var(--line);width:35px;height:35px;color:var(--coral);border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.message{letter-spacing:-.04em;margin:48px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.65vw,3.25rem);font-weight:400;line-height:1.08;transition:opacity .18s,transform .18s}.message.changing{opacity:0;transform:translateY(8px)}.card-footer{border-top:1px solid var(--line);padding-top:18px}.message-number{color:#172c2d8c;letter-spacing:.12em;font-family:Courier New,monospace;font-size:.72rem;font-weight:700}.copy-button{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0 8px 12px;font-size:.75rem;font-weight:800;display:flex}.copy-button:hover{color:#d34c39}.controls{grid-area:controls;align-self:start}.new-message-button{appearance:none;border:1.5px solid var(--ink);background:var(--ink);color:#fffdf6;cursor:pointer;letter-spacing:.01em;width:min(100%,300px);box-shadow:5px 5px 0 var(--coral);border-radius:999px;justify-content:space-between;align-items:center;gap:18px;padding:8px 9px 8px 24px;font-size:.83rem;font-weight:800;transition:transform .16s,box-shadow .16s;display:flex}.new-message-button:hover{box-shadow:8px 8px 0 var(--coral);transform:translate(-2px,-2px)}.new-message-button:active{box-shadow:2px 2px 0 var(--coral);transform:translate(3px,3px)}.new-message-button:disabled{cursor:wait}.button-arrow{background:var(--lime);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.controls p{color:#172c2d9e;margin:17px 0 0 20px;font-size:.75rem}footer{color:#172c2d94;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;width:100%;font-size:.65rem;font-weight:700;display:flex}footer p{white-space:nowrap;margin:0}.footer-line{background:var(--line);flex:1;height:1px}@media (width<=820px){.page-shell{min-height:100svh;padding:22px 20px 24px}.hero{grid-template-columns:1fr;grid-template-areas:"intro""card""controls";row-gap:44px;width:min(600px,100%);padding:58px 0 64px}.intro{text-align:center}.eyebrow{justify-content:center}h1,.intro-copy{margin-left:auto;margin-right:auto}.message-wrap{width:calc(100% - 12px);transform:rotate(.8deg)}.message-card{min-height:390px}.controls{text-align:center}.new-message-button{margin:0 auto}.controls p{margin-left:0}}@media (width<=520px){.header-note{gap:0;font-size:0}.header-note .status-dot{width:10px;height:10px}.hero{padding-top:52px}h1{font-size:clamp(3.1rem,16vw,4.5rem)}.message-card{min-height:355px;padding:28px 25px}.message{margin:40px 0;font-size:clamp(1.95rem,8.5vw,2.65rem)}.card-shadow{inset:11px -11px -11px 11px}footer p:first-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}