:root{color-scheme:dark;--bg:#123f32;--ink:#f2f3e9;--muted:#adc0b3;--lime:#d5ef9a;--paper:#f6f5ec;--paper-ink:#263d32;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-width:280px;background-image:linear-gradient(#b9dbbd07 1px,transparent 1px),linear-gradient(90deg,#b9dbbd07 1px,transparent 1px);background-size:88px 88px}button,a,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}a{color:inherit;text-decoration:none}.site{max-width:1320px;margin:auto;min-height:100svh;padding:30px 54px 22px;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid #b9dbbd26}.wordmark{font-family:InterLogo,Arial,Helvetica,sans-serif;font-size:2.25rem;line-height:2.625rem;font-weight:800;letter-spacing:-.03em;font-variant-ligatures:none}.wordmark span{color:var(--lime)}.header-note,.eyebrow,.floor-caption,footer>span{font-family:monospace;font-size:.75rem;letter-spacing:1.3px}.header-note{color:#c5d3c8}main{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;flex:1;padding:40px 30px 32px}.eyebrow{margin:0 0 20px;color:var(--muted)}h1{font-family:Archivo,Arial,Helvetica,sans-serif;font-size:clamp(3.6rem,5.8vw,5.15rem);letter-spacing:-.03em;line-height:1.1;font-weight:500;font-variant-ligatures:none;margin:0 0 calc(30px - .16em)}h1 span{color:var(--lime)}form{margin:0}.paper{background:var(--paper);color:var(--paper-ink);position:relative;box-shadow:0 12px 35px #061d2430;transition:opacity .16s;min-height:270px;color-scheme:light;transform:rotate(-1deg)}.paper::before{content:"";position:absolute;left:0;right:0;top:-6px;height:7px;background:radial-gradient(circle at 6px 0,transparent 4px,var(--paper) 4.3px);background-size:12px 7px}.paper-heading{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #84958360;padding:20px 24px 15px;font-family:monospace;font-size:.75rem;letter-spacing:.5px}.paper-heading>span{color:#788374;font-size:.625rem}textarea{display:block;width:100%;height:177px;padding:19px 24px 10px;background:transparent;color:var(--paper-ink);border:0;outline:none;resize:none;overflow:auto;scrollbar-width:none;min-height:177px;max-height:177px;font-size:1.125rem;line-height:1.65;border-radius:0}textarea::placeholder{color:#8b9184}textarea:focus-visible{box-shadow:none}textarea::-webkit-scrollbar{display:none}.paper-footer{height:calc(1lh + 35px);display:flex;justify-content:space-between;align-items:center;padding:9px 24px 16px;font-size:.625rem;letter-spacing:1px;color:#8b9184;font-family:monospace}.flush-button{margin-top:24px;border:0;display:flex;justify-content:center;align-items:center;width:100%;padding:19px 25px;background:var(--lime);color:var(--bg);font-size:1rem;letter-spacing:2px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s,box-shadow .15s;min-height:58px;border-radius:3px}.flush-button>span{line-height:23px}.flush-button:not(:disabled):hover{background:#e5ffab;box-shadow:0 5px 25px #d5ef9a20}.flush-button:not(:disabled):active{transform:translateY(2px)}.flush-button:disabled{cursor:default;background:#adc888;color:#34573a}.flush-button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:5px}.privacy{display:flex;justify-content:center;align-items:center;gap:7px;font-size:.75rem;color:var(--muted);margin:16px 0 0}.privacy svg{width:14px;height:14px}.destination{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:0}.toilet{position:relative;width:min(100%,390px);aspect-ratio:2/3;filter:drop-shadow(8px 20px 20px #05261938);transition:transform .1s}.toilet img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.toilet canvas{position:absolute;left:30.8%;top:45.4%;width:38.6%;height:33.5%;border-radius:48% 48% 49% 49%;opacity:0;pointer-events:none;transition:opacity .25s}.toilet.is-flushing canvas{opacity:1}.floor-caption{min-height:1lh;color:#9fb7a3;margin-top:16px;font-size:.6875rem;letter-spacing:1.7px}.status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;letter-spacing:-1.5px;color:var(--ink);background:var(--bg);padding:8px 20px;border-radius:5px;opacity:0;transition:opacity .65s ease-in-out;pointer-events:none;z-index:4}.status.visible{opacity:1;transition-duration:.35s}.paper.flying{opacity:0;pointer-events:none}.flying-paper{position:fixed;z-index:10;background:var(--paper);color:var(--paper-ink);overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;padding:30px 24px;box-shadow:0 9px 25px #08261e33;font-size:1.125rem;line-height:1.65;pointer-events:none;transform-origin:center;will-change:transform,opacity;border-top:1px dashed #84958360}footer{border-top:1px solid #b9dbbd26;display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:21px;color:#9bb2a2}footer>span{font-size:.6875rem;letter-spacing:1px}.support{font-size:.75rem;opacity:.8;cursor:default}
@media(min-width:1400px){main{padding-top:56px;padding-bottom:56px}}
@media(max-width:900px){.site{padding:24px 30px 20px}main{gap:30px;padding:35px 0}.toilet{width:340px}.paper-heading{padding-left:20px;padding-right:20px}.paper-heading>span{display:none}}
@media(max-width:640px){body{background-size:64px 64px}.site{padding:18px 23px 18px}header{padding-bottom:14px}.wordmark{font-size:1.9rem;line-height:2.1875rem}.header-note{font-size:.625rem;letter-spacing:1px}main{grid-template-columns:1fr;gap:18px;padding:25px 0 22px;align-items:start}.intro{display:flex;flex-direction:column}.eyebrow{font-size:.625rem;margin-bottom:10px}h1{font-size:3.1rem;line-height:1.1;letter-spacing:-.03em;margin-bottom:calc(23px - .05em)}h1 br{display:none}h1 span{margin-left:.12em}.paper{min-height:218px}.paper-heading{padding:16px 19px 12px;font-size:.6875rem}textarea{height:140px;min-height:140px;max-height:140px;padding:14px 19px 7px;font-size:1rem}.paper-footer{padding:5px 19px 13px;height:calc(1lh + 28px)}.flush-button{margin-top:19px;padding:16px 22px;min-height:54px}.privacy{margin-top:12px;font-size:.6875rem}.destination{min-height:285px}.toilet{width:185px}.floor-caption{font-size:.5625rem;margin-top:7px}.status{font-size:2rem}footer{padding-top:17px;gap:10px;flex-wrap:wrap}footer>span{font-size:.5625rem}.support{font-size:.6875rem}}
@media(max-width:360px){.site{padding-left:18px;padding-right:18px}h1{font-size:2.65rem}.header-note{font-size:.5625rem}footer{justify-content:center}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.flying-paper{will-change:opacity}}

@font-face{font-family:Archivo;src:url("assets/archivo-500.woff2");font-style:normal;font-weight:500;font-display:swap}
.writing-area{position:relative}.paper-guide{position:absolute;top:.25rem;left:24px;margin:0;color:#788374;font-family:monospace;font-size:.625rem;line-height:1.1;letter-spacing:.5px;pointer-events:none}
@media(max-width:640px){.paper-guide{top:.125rem;left:19px;font-size:.5625rem}}

@font-face{font-family:InterLogo;src:url("assets/inter-logo-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}