:root{--bg:#f5eee4;--ink:#493127;--muted:#846f60;--accent:#a64f3c;--line:#d8c9b9;--pink:#ead2cb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23897053' opacity='.27' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header,main,footer{width:min(1180px,calc(100% - 88px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:25px;font-style:italic;color:var(--ink);text-decoration:none}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:1.2px;margin-top:6px}.date-tag{font-size:11px;letter-spacing:1.6px;border:1px solid var(--line);border-radius:30px;padding:13px 18px}.progress{display:flex;gap:20px;align-items:center;margin:30px 0 14px;color:#978575;font-size:11px;letter-spacing:1px}.progress span{display:flex;gap:8px}.progress i{font-style:normal}.progress b{font-weight:normal;opacity:.4}.progress .active{color:var(--accent)}.screen{animation:arrive .55s ease both}.hidden{display:none!important}.intro{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;color:var(--accent);margin:20px 0}.hero-copy h1{font:normal clamp(52px,5.5vw,79px)/1.04 Georgia,serif;letter-spacing:-3px;margin:0 0 24px}h1 em,h2 em{font-weight:normal;color:var(--accent)}.lead{font-size:15px;line-height:1.8;color:var(--muted)}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1:focus,h2:focus{outline:none}.answers{display:flex;align-items:center;gap:30px;margin-top:30px;min-height:60px}.primary{border:0;background:var(--ink);color:#fff8ee;padding:20px 25px;border-radius:5px;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.primary:hover{background:#683f30;transform:translateY(-2px)}.primary span{font-size:20px}.no{border:1px solid var(--line);background:transparent;border-radius:5px;padding:18px 26px;color:var(--muted)}#no-wrap{position:relative;min-width:150px}#no-result{display:none;font:italic 23px Georgia,serif;color:var(--accent);transform:rotate(-8deg)}#no-wrap.boom #no{visibility:hidden}#no-wrap.boom #no-result{display:block;position:absolute;top:12px;animation:dust-in .9s ease both}.particle{position:absolute;left:36px;top:26px;width:8px;height:8px;border-radius:50%;background:#a98b70;pointer-events:none;animation:burst 1.1s ease-out forwards;filter:blur(.8px)}.tiny{font-size:10px;letter-spacing:1px;color:var(--muted);margin:30px 0}.hero-art{height:510px;position:relative;isolation:isolate}.halo{position:absolute;left:7%;top:12%;width:88%;height:82%;background:#eaded0;border-radius:50%;transform:rotate(-13deg)}.saucer{position:absolute;left:14%;top:57%;width:77%;height:26%;border-radius:50%;background:#e8cdb8;box-shadow:inset 0 -10px 0 #d8b79f,0 24px 30px #6740251c;transform:rotate(-12deg)}.cup{position:absolute;left:27%;top:36%;width:52%;height:38%;border-radius:20% 20% 45% 45%;background:linear-gradient(105deg,#fff9ee,#ead9c4 60%,#cfb49b);transform:rotate(-12deg);box-shadow:inset 8px 0 12px #fff5}.cup:after{content:'';position:absolute;right:-28%;top:12%;width:39%;height:54%;border:18px solid #dfc6ae;border-left-width:12px;border-radius:50%;z-index:-1}.coffee{position:absolute;inset:-7% 2% auto;height:40%;border:10px solid #f4e5d2;border-radius:50%;background:radial-gradient(ellipse,#d5a777 0%,#b68151 65%,#6f412a 100%);display:grid;place-items:center;box-shadow:inset 0 3px 7px #54301a50}.coffee span{font:66px Georgia,serif;color:#f9e9d2;transform:scaleX(1.2) rotate(9deg);line-height:.8}.steam{position:absolute;top:20%;width:18px;height:70px;border-left:3px solid #a58a7150;border-radius:50%;animation:steam 4s ease-in-out infinite}.s1{left:43%}.s2{left:54%;top:15%;animation-delay:1s}.s3{left:64%;animation-delay:2s}.scribble{font:italic 21px/1.25 Georgia,serif;color:var(--accent);display:block}.note-top{position:absolute;top:4%;right:0;transform:rotate(9deg)}.note-bottom{position:absolute;bottom:1%;left:16%;transform:rotate(-9deg)}.spark{position:absolute;color:var(--accent)}.spark1{font-size:46px;left:9%;top:29%}.spark2{font-size:31px;right:3%;top:49%}.stamp{position:absolute;right:-1%;bottom:4%;width:112px;height:112px;border:1px solid var(--accent);border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--accent);font:28px Georgia,serif;transform:rotate(13deg)}.stamp small{font:10px/1.4 Arial,sans-serif;margin-top:5px}.bean{position:absolute;width:22px;height:32px;border-radius:50%;background:#7a5038;transform:rotate(35deg)}.bean:after{content:'';position:absolute;left:10px;top:3px;height:26px;border-left:2px solid #c39970;transform:rotate(10deg)}.bean1{bottom:20%;left:7%}.bean2{bottom:15%;left:12%;transform:rotate(85deg)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0;font-size:10px;color:var(--muted);letter-spacing:.3px}.section-head{margin:40px 0 34px}.section-head h2{font:normal clamp(38px,4.5vw,58px)/1.05 Georgia,serif;letter-spacing:-1.6px;margin:12px 0 18px}.section-head>p:last-child{font-size:14px;color:var(--muted);line-height:1.6}#plan{max-width:840px;margin:0 auto;padding-bottom:45px}fieldset{border:0;padding:0;margin:28px 0}legend{font-size:15px;margin-bottom:14px;font-weight:600;line-height:1.5}legend>span{color:var(--accent);font:italic 15px Georgia,serif;margin-right:10px}.choices{display:grid;gap:12px}.two{grid-template-columns:1fr 1fr}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices label>span{display:block;border:1px solid var(--line);border-radius:5px;padding:21px;background:#fff9f040;transition:.2s;font:22px Georgia,serif}.choices small{display:block;font:11px/1.5 Arial,sans-serif;color:var(--muted);margin-top:8px}.choices input:checked+span{border-color:var(--accent);background:#ead2cb65;box-shadow:inset 0 0 0 1px var(--accent)}.choices input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.times{grid-template-columns:repeat(3,1fr);text-align:center}.input-label{display:block;font-size:12px;margin:18px 0 8px}#custom-place{width:100%;padding:16px;border:1px solid var(--line);border-radius:5px;background:#fffaf2;color:var(--ink);font:16px Arial,sans-serif}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px}.text-button{border:0;background:none;padding:12px 0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:var(--accent)}#ticket-screen{padding-bottom:55px}#ticket-screen .section-head{text-align:center}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;max-width:900px;margin:auto}.ticket-frame{transform:rotate(-3deg);padding:10px;background:#fff8ef;box-shadow:0 15px 50px #4931271c}.ticket-frame canvas{display:block;width:100%;height:auto}.result-actions h3{font:normal 30px/1.15 Georgia,serif}.result-actions>.scribble{transform:rotate(4deg);margin-bottom:30px}.result-actions>p{font-size:14px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.result-actions .primary,.secondary{width:100%}.result-actions .help{font-size:11px;line-height:1.6}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:5px;padding:18px;font-size:13px}.result-actions>.text-button{display:block}#copy-status{font-size:12px}#copy-fallback{width:100%;height:120px;padding:10px;color:var(--ink);background:var(--bg);border:1px solid var(--line)}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes steam{50%{transform:translateY(-12px) rotate(10deg);opacity:.3}}@keyframes burst{to{transform:translate(var(--x),var(--y)) scale(2.8);opacity:0}}@keyframes dust-in{0%,30%{opacity:0;filter:blur(10px)}100%{opacity:1;filter:blur(0)}}@keyframes shake{25%{transform:translate(-3px,2px) rotate(-4deg)}75%{transform:translate(3px,-2px) rotate(4deg)}}.shaking{animation:shake .1s linear 4}@media(max-width:760px){header,main,footer{width:calc(100% - 40px)}header{padding:22px 0}.brand{font-size:21px}.brand span{font-size:8px}.date-tag{font-size:9px;padding:10px;letter-spacing:.7px}.progress{gap:12px;font-size:9px;margin:24px 0}.progress span{gap:5px}.intro{grid-template-columns:1fr;min-height:0}.hero-copy{padding-top:12px}.hero-copy h1{font-size:clamp(40px,12.3vw,54px);letter-spacing:-2px}.lead{font-size:13px}.hero-art{height:365px;width:min(100%,410px);margin:0 auto 25px}.hero-copy .tiny{margin:24px 0 0}.answers{gap:20px}.primary{padding:18px 21px;gap:20px}.scribble{font-size:18px}.note-top{top:2%}.stamp{width:90px;height:90px;font-size:24px}.stamp small{font-size:8px}.coffee span{font-size:48px}.cup:after{border-width:13px}.section-head{margin-top:32px}.two{grid-template-columns:1fr}.choices label>span{font-size:20px;padding:17px}.times{gap:9px}.times label>span{padding:18px 8px}.form-bottom{flex-direction:column-reverse;align-items:stretch}.form-bottom .text-button{text-align:left}.result-grid{grid-template-columns:1fr;gap:35px;max-width:420px}.ticket-frame{margin:0 8px}.result-actions>.scribble{display:none}.result-actions h3{font-size:28px}.result-actions{padding:0 5px}footer{line-height:1.6;gap:15px;font-size:9px}footer span{max-width:55%}footer span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#no-wrap.boom #no-result{opacity:1}}