@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
:root{--paper:#f1e3d2;--ink:#241914;--brown:#895b3e;--muted:#8f7765}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}.page{min-height:100vh;padding:25px 34px;display:flex;flex-direction:column;overflow:hidden;position:relative}.ghost{position:absolute;left:17px;top:-27px;color:#d6c2ab;font-size:clamp(100px,21vw,290px);font-weight:700;letter-spacing:-.09em;line-height:1;white-space:nowrap;user-select:none}main{position:relative;z-index:1;margin:auto;width:min(700px,100%);text-align:center;padding:130px 0 110px}.mug{font-size:52px;filter:saturate(.65);margin-bottom:14px}h1{font-size:clamp(48px,7vw,80px);letter-spacing:-4px;line-height:1;margin:0 0 25px}main p{font-size:20px;max-width:540px;margin:0 auto;color:#5d4739}main p.small{font-size:15px;color:var(--muted);margin-top:12px}main a{display:inline-block;margin-top:30px;color:var(--paper);background:var(--brown);padding:12px 18px;border-radius:4px;font-weight:700;font-size:14px}main a:hover{background:var(--ink)}main b{margin-left:14px;font-size:18px}footer{position:relative;z-index:1;display:flex;justify-content:space-between;border-top:1px solid #cdb9a2;padding-top:17px;color:#866f5e;font-size:12px}footer strong{color:var(--brown);font-weight:700}@media(max-width:600px){.page{padding:18px}.ghost{top:-5px;left:8px;font-size:24vw}main{padding:110px 0 90px}.mug{font-size:44px}h1{font-size:54px;letter-spacing:-3px}main p{font-size:17px}main p.small{font-size:14px}footer{font-size:10px;gap:15px;flex-wrap:wrap}}
 .mug{display:block;width:82px;height:82px;object-fit:contain;margin:0 auto 14px}
.extras{position:relative;z-index:1;width:min(850px,100%);margin:0 auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:35px;border-top:1px solid #4a2d20}.extra-block h2{font-size:25px;letter-spacing:-1px;margin:0 0 14px}.extra-block p{margin:5px 0;color:#b79f8f;font-size:14px}.extra-block details{border-bottom:1px solid #4a2d20;padding:10px 0}.extra-block summary{cursor:pointer;font-size:14px;color:#e1c3a9}.extra-block summary:hover{color:#fff}.invite button{margin-top:12px;background:#c77e50;border:0;border-radius:4px;color:#241711;padding:10px 14px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}.invite button:hover{background:#e3a277}.invite #copyStatus{display:block;margin-top:8px;color:#c77e50;font-size:12px}@media(max-width:600px){.extras{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.extra-block h2{font-size:22px}}
:root{--paper:#241711;--ink:#f3e4d2;--brown:#c77e50;--muted:#b79f8f}body{background:var(--paper)}.ghost{color:#3a261c}main p{color:#c4a997}footer{border-top-color:#4a2d20;color:#a18777}
.ghost{display:none}.extras{width:min(700px,100%);grid-template-columns:1fr;margin-top:0}
footer strong{color:#fff}