:root{--paper:#f6f5ef;--ink:#26302b;--muted:#7a7c71;--green:#d2eb9d;--green-dark:#456343;--line:#dedfd5;--orange:#bc6148;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--green-dark);outline-offset:5px}button svg{pointer-events:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{width:min(1280px,calc(100% - 112px));margin:0 auto;position:relative;z-index:1}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.025;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ambient{position:fixed;z-index:0;border-radius:50%;pointer-events:none;filter:blur(70px);animation:ambient-drift 18s ease-in-out infinite alternate}.ambient-one{width:480px;height:480px;background:#e5edcd;opacity:.3;top:5%;right:-250px}.ambient-two{width:350px;height:350px;background:#e4e9d2;opacity:.3;left:-240px;bottom:-120px;animation-delay:-9s}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.35px;display:flex;align-items:center;white-space:nowrap}.brand-period{color:#81a254}.brand-mark{width:25px;height:29px;display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:4px;align-content:center;margin-right:11px;transform:rotate(-12deg)}.brand-mark i{background:var(--ink);border-radius:50%}.brand-mark i:last-child{background:#88a95b}.header-note{font-size:10px;letter-spacing:2.1px;color:#8b8d80;margin-right:35px}.sound-button{height:38px;display:flex;gap:9px;align-items:center;padding:0;border:0;background:transparent;font-size:12px;color:#777b70;transition:color .2s}.sound-button:hover{color:var(--ink)}.sound-button .icon{width:17px;height:17px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;padding:63px 0 60px;position:relative}.hero-copy{z-index:2;padding-left:34px}.availability{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:650;letter-spacing:1.65px}.status-dot{height:7px;width:7px;background:#72984c;border-radius:100%;box-shadow:0 0 0 4px #88ab5b12;animation:status-pulse 3s ease-out infinite}h1{font-family:Manrope,sans-serif;font-size:95px;font-weight:750;line-height:1.08;letter-spacing:-6px;margin:24px 0 20px}.number-title{display:inline-block;font-size:154px;font-weight:800;line-height:1.05;letter-spacing:-11px}.question-mark{color:#83a15e;display:inline-block;transform:rotate(9deg);margin-left:4px}.hero-description{font-size:16px;line-height:1.8;color:#7b7d72;letter-spacing:-.1px;margin:0 0 27px}.decision-area{display:flex;gap:12px;align-items:center;min-height:58px}.yes-button{display:flex;align-items:center;justify-content:center;gap:27px;border:1px solid #c6df91;background:var(--green);font-size:14px;font-weight:650;min-height:57px;padding:0 25px;border-radius:10px;position:relative;transition:background .2s,box-shadow .25s,transform .25s;white-space:nowrap}.yes-button .icon{width:20px;height:20px;transition:transform .25s}.yes-button:hover{background:#c8e58b;box-shadow:0 6px 20px #4a68231a;transform:translateY(-2px)}.yes-button:hover .icon{transform:translateX(3px)}.yes-button:active{transform:translateY(0) scale(.98)}.no-placeholder{width:108px;height:57px;display:inline-block;flex-shrink:0}.no-button{display:flex;align-items:center;justify-content:center;gap:18px;min-width:108px;height:57px;padding:0 19px;border:1px solid #dcded2;border-radius:10px;background:#f8f7f2;font-size:14px;color:#7b7e72;user-select:none;touch-action:none;transition:transform .2s var(--ease),background .2s,border-color .2s;z-index:30}.no-face{font-family:monospace;font-size:16px;transform:rotate(90deg);opacity:.6}.no-button.is-escaping{position:fixed;left:0;top:0;box-shadow:0 6px 18px #26302b0b;border-color:#c5cfb3;background:#f4f5e9;transition:background .2s,border-color .2s;will-change:transform}.no-button.is-pop{animation:button-wiggle .3s ease}.cheeky-note{display:flex;gap:7px;align-items:center;font-size:10.5px;color:#8a8c80;margin:16px 0 0;min-height:18px}.note-star{font-size:15px;color:#8fa366}.hero-art{height:510px;position:relative;margin-left:-16px;user-select:none;pointer-events:none}.art-parallax{position:relative;width:100%;height:100%;transition:transform 1s var(--ease)}.green-halo{position:absolute;left:50%;top:49%;width:395px;height:395px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 36%,#eaf1d9 0%,#e2eccf 45%,#dde6c950 70%,transparent 74%);animation:halo-breathe 9s ease-in-out infinite}.orbit{position:absolute;left:50%;top:49%;border:1px solid #daddce;border-radius:50%;transform:translate(-50%,-50%)}.orbit-outer{width:480px;height:480px;border-style:dashed;border-color:#d6dccb;animation:orbit-spin 100s linear infinite}.orbit-inner{width:390px;height:390px;border-color:#d1d9bf80}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#bed88d}.orbit-dot-one{left:8%;top:33%;animation:float-dot 7s ease-in-out infinite}.orbit-dot-two{right:15%;bottom:18%;width:6px;height:6px;background:#c78970;animation:float-dot 9s ease-in-out infinite reverse}.art-top-label{position:absolute;top:5%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2.7px;white-space:nowrap;color:#9b9e8d;background:var(--paper);padding:9px 15px;z-index:2}.art-spark{position:absolute;fill:none;stroke:#91aa65;stroke-width:1.1}.spark-one{width:35px;height:35px;left:10%;top:56%;transform:rotate(7deg);animation:spark-spin 12s linear infinite}.spark-two{width:21px;height:21px;right:21%;top:15%;stroke:#bf8469;animation:spark-spin 16s linear infinite reverse}.tile-float{position:absolute;width:137px;height:191px;top:45%;left:50%;z-index:3;animation:tile-float 6s ease-in-out infinite}.tile-float-one{margin-left:-181px;margin-top:-61px;z-index:4;animation-delay:-1.5s;--tile-rotation:-19deg}.tile-float-two{margin-left:-68px;margin-top:-106px;z-index:3;animation-delay:-3.4s;--tile-rotation:-5deg}.tile-float-three{margin-left:42px;margin-top:-47px;z-index:5;animation-delay:-.3s;--tile-rotation:17deg}.okey-tile{height:100%;width:100%;border-radius:13px 14px 15px 14px;background:linear-gradient(115deg,#fffef5 0%,#f5f2e3 65%,#ece7d4 100%);border:1px solid #fffdf2;box-shadow:inset 2px 3px 2px #ffffff,inset -3px -4px 4px #c4bca53b,3px 6px 0 #d4ccb5,4px 7px 0 1px #c5bca1,7px 16px 14px #5a5f4024,12px 27px 27px #4b533021;display:flex;flex-direction:column;align-items:center;position:relative;transform:rotate(var(--tile-rotation));overflow:hidden}.okey-tile:before{content:'';position:absolute;inset:7px;border:1px solid #e7e0c741;border-radius:8px}.tile-number{font-family:Manrope,sans-serif;font-weight:750;font-size:119px;line-height:1.22;letter-spacing:-8px;padding-right:7px;text-shadow:0 1px 1px #ffffffd9,0 -1px 1px #0002}.tile-one{color:#c96349}.tile-two{color:#34433b}.tile-three{color:#769452}.tile-dot{display:block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-top:0;box-shadow:inset 0 1px 2px #0002}.tile-engraving{font-size:8px;color:#bcb7a2;letter-spacing:1px;position:absolute;bottom:13px;left:0;width:100%;text-align:center}.tile-shadow{position:absolute;left:50%;top:76%;width:330px;height:40px;transform:translateX(-50%) rotate(-4deg);background:#52633126;border-radius:50%;filter:blur(16px);animation:shadow-breathe 6s ease-in-out infinite}.handwritten-note{position:absolute;right:-1%;top:23%;color:#ad6d53;transform:rotate(12deg);font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.35;letter-spacing:-.4px}.handwritten-note svg{width:65px;height:40px;display:block;margin:4px 0 0 -20px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.art-caption{position:absolute;bottom:7%;left:50%;transform:translateX(-50%) rotate(-3deg);background:#fcfcf6b3;box-shadow:0 4px 12px #36442c04;border:1px solid #e0e4d3;border-radius:6px;padding:12px 17px;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:#727b63;z-index:6;backdrop-filter:blur(8px)}.caption-dot{width:5px;height:5px;background:#8ea362;border-radius:50%}.floating-word{position:absolute;right:8%;bottom:24%;font-size:9px;color:#969c88;transform:rotate(-7deg);letter-spacing:.7px}.plan-strip{display:grid;grid-template-columns:1.12fr 1fr 1fr 1.12fr;align-items:center;gap:26px;padding:32px 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-heading{display:flex;flex-direction:column;gap:8px}.tiny-label{font-size:8px;letter-spacing:1.45px;color:#8d9080}.plan-heading>span:last-child{font-family:Manrope,sans-serif;font-size:25px;font-weight:750;letter-spacing:-1px}.green-period{color:#8ba659}.plan-item{display:flex;align-items:center;gap:14px}.plan-icon{height:42px;width:42px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e2d6;background:#eff0e6;border-radius:50%;color:#7b886c;flex-shrink:0}.plan-icon .icon{width:19px;height:19px}.plan-item div{display:flex;flex-direction:column;gap:7px}.plan-item strong{font-size:12px;font-weight:600}.plan-item div>span{font-size:10px;color:#8c8f80;white-space:nowrap}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 28px;color:#9c9f91}.site-footer p{font-size:10px;margin:0}.footer-signature{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.25px}.footer-signature>span{color:#829663;font-size:18px}.success-dialog{border:1px solid #e2e5d5;background:var(--paper);color:var(--ink);border-radius:24px;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px 35px 26px;text-align:center;overflow:auto;box-shadow:0 25px 100px #14201433}.success-dialog[open]{animation:modal-in .45s var(--ease)}.success-dialog::backdrop{background:#202b2666;backdrop-filter:blur(9px);animation:fade-in .25s ease}.modal-close{position:absolute;top:17px;right:17px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #dee1d5;border-radius:50%;color:#7f8675}.modal-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.modal-close:hover{background:#e8eddd}.modal-art{position:relative;height:140px;width:220px;margin:0 auto 15px}.modal-orbit{position:absolute;left:50%;top:50%;width:163px;height:135px;background:#e3edcf;border-radius:50%;transform:translate(-50%,-50%);border:1px dashed #cfdcb9}.mini-tile{position:absolute;top:33px;width:56px;height:80px;background:linear-gradient(115deg,#fffef6,#eee9d8);border:1px solid #fffef7;border-radius:7px;box-shadow:2px 4px #d1c8ac,3px 7px 10px #3e4a3320;font-family:Manrope,sans-serif;font-size:48px;line-height:1.35;font-weight:800}.mini-tile i{position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;bottom:10px;left:calc(50% - 2px)}.mini-one{left:38px;transform:rotate(-17deg);color:#bc6148;z-index:2}.mini-two{left:82px;top:18px;transform:rotate(-2deg);color:#34433b}.mini-three{left:128px;transform:rotate(17deg);color:#769452;z-index:3}.modal-spark{position:absolute;color:#8fa463;right:9px;top:16px;font-size:33px}.success-tag{display:inline-flex;gap:6px;align-items:center;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#708c4d;background:#eaf0dd;padding:7px 11px;border-radius:5px}.success-tag .icon{width:13px;height:13px}.success-dialog h2{font-family:Manrope,sans-serif;font-size:60px;line-height:1.06;letter-spacing:-3.6px;margin:19px 0 16px;font-weight:800}.success-dialog h2>span{color:#779353}.success-dialog>p{font-size:13px;line-height:1.8;color:#848776;margin:0 0 24px}.modal-confirm{width:100%;font-size:13px;gap:18px;min-height:54px}.success-dialog .modal-footnote{font-size:10px;margin:14px 0 0;color:#a1a38f}.confirmed .yes-button#yes-button{background:#d2eb9d}.confirmed .yes-button#yes-button .icon{stroke-width:2}body.modal-open{overflow:hidden}#confetti{position:fixed;inset:0;pointer-events:none;z-index:1000;width:100%;height:100%}
@keyframes ambient-drift{to{transform:translate(-60px,70px) scale(1.15)}}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 4px #88ab5b12}50%{box-shadow:0 0 0 7px #88ab5b04}}@keyframes tile-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes halo-breathe{0%,100%{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.07)}}@keyframes shadow-breathe{0%,100%{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:.5;transform:translateX(-50%) scale(.94)}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float-dot{50%{transform:translate(5px,-13px)}}@keyframes spark-spin{to{transform:rotate(360deg)}}@keyframes button-wiggle{25%{rotate:-5deg}75%{rotate:5deg}}@keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}

@media(min-width:1500px){.hero{min-height:700px}.hero-art{height:550px}.site-header{height:120px}}
@media(min-width:1101px) and (max-height:850px){.site-header{height:91px}.hero{min-height:570px;padding:42px 0}.hero-art{height:470px}h1{font-size:83px;margin:19px 0 14px}.number-title{font-size:137px}.hero-description{font-size:15px;margin-bottom:22px}.plan-strip{padding-top:26px;padding-bottom:26px}.site-footer{padding-top:20px;padding-bottom:20px}}
@media(max-width:1100px){.page-shell{width:calc(100% - 72px)}.hero-copy{padding-left:8px}.hero{min-height:600px;grid-template-columns:1fr 1fr}.hero-art{height:440px;margin-left:-25px}.orbit-outer{width:390px;height:390px}.orbit-inner{width:320px;height:320px}.green-halo{width:340px;height:340px}.tile-float{width:113px;height:160px}.tile-float-one{margin-left:-148px;margin-top:-45px}.tile-float-two{margin-left:-57px;margin-top:-83px}.tile-float-three{margin-left:32px;margin-top:-36px}.tile-number{font-size:99px}.tile-dot{width:7px;height:7px}.tile-engraving{bottom:10px;font-size:7px}.handwritten-note{font-size:15px;right:-2%;top:22%}.art-caption{font-size:10px;padding:11px 13px;bottom:8%}.floating-word{right:0}.plan-strip{padding:27px 8px;gap:17px}.plan-item{gap:10px}.plan-icon{width:35px;height:35px}.plan-item div>span{font-size:9px}.header-note{font-size:8px;letter-spacing:1.5px;margin:0}h1{font-size:80px}.number-title{font-size:133px}.hero-description{font-size:14px}.yes-button{padding:0 20px;gap:19px;font-size:13px}.no-placeholder{width:96px}.no-button{min-width:96px;padding:0 17px;gap:13px;font-size:13px}.cheeky-note{font-size:9px}}
@media(max-width:760px){.page-shell{width:calc(100% - 48px);max-width:560px}.site-header{height:83px}.wordmark{font-size:23px;letter-spacing:-1.2px}.brand-mark{margin-right:7px;width:21px}.header-note{display:none}.sound-button{font-size:10px;gap:6px}.sound-button .icon{width:16px;height:16px}.hero{display:flex;flex-direction:column;min-height:0;padding:0 0 33px;gap:0}.hero-art{width:100%;height:305px;order:-1;margin:9px 0 -5px}.art-parallax{width:350px;max-width:100%;margin:auto}.orbit-outer{width:280px;height:280px}.orbit-inner{width:222px;height:222px}.green-halo{width:255px;height:255px}.art-top-label{font-size:6px;letter-spacing:2px;top:2%;padding:7px 10px}.tile-float{width:91px;height:127px;top:46%}.tile-float-one{margin-left:-118px;margin-top:-30px}.tile-float-two{margin-left:-46px;margin-top:-60px}.tile-float-three{margin-left:27px;margin-top:-22px}.okey-tile{border-radius:9px;box-shadow:inset 1px 2px 2px white,inset -2px -3px 3px #c4bca53b,2px 4px 0 #d4ccb5,3px 5px 0 1px #c5bca1,5px 11px 12px #5a5f4024,9px 20px 22px #4b533021}.okey-tile:before{inset:5px;border-radius:5px}.tile-number{font-size:77px;letter-spacing:-5px;padding-right:5px;line-height:1.24}.tile-dot{height:5px;width:5px}.tile-engraving{font-size:5px;bottom:8px}.tile-shadow{top:74%;width:213px;height:22px;filter:blur(12px)}.handwritten-note{right:-1%;top:18%;font-size:12px;line-height:1.25}.handwritten-note svg{width:40px;height:29px;margin:1px 0 0 -8px}.spark-one{width:22px;height:22px;left:5%;top:60%}.spark-two{width:14px;height:14px;right:20%;top:13%}.orbit-dot-one{left:9%;top:31%;height:6px;width:6px}.orbit-dot-two{bottom:15%;right:17%;height:4px;width:4px}.art-caption{bottom:2%;font-size:8px;padding:9px 12px;border-radius:5px;gap:6px}.caption-dot{width:4px;height:4px}.floating-word{display:none}.hero-copy{width:100%;padding:13px 0 0;text-align:center}.availability{justify-content:center;font-size:8px;letter-spacing:1.35px;gap:7px}.status-dot{width:5px;height:5px}h1{font-size:68px;letter-spacing:-3.7px;line-height:1.14;margin:15px 0 15px}h1 br{display:none}.number-title{font-size:79px;letter-spacing:-5.5px;margin-left:7px;line-height:1.14}.question-mark{margin-left:2px}.hero-description{font-size:13px;line-height:1.75;margin:0 0 23px}.decision-area{justify-content:center;gap:11px;min-height:54px}.yes-button{min-height:54px;gap:24px;padding:0 22px;border-radius:9px;font-size:13px}.no-placeholder{height:54px;width:99px}.no-button{height:54px;min-width:99px;border-radius:9px;font-size:13px}.cheeky-note{justify-content:center;font-size:9px;gap:6px;margin-top:14px}.note-star{font-size:14px}.plan-strip{grid-template-columns:1fr 1fr;gap:22px 14px;padding:24px 3px}.plan-heading{gap:5px}.tiny-label{font-size:6px;letter-spacing:1.1px}.plan-heading>span:last-child{font-size:22px}.plan-item{gap:10px}.plan-icon{height:32px;width:32px}.plan-icon .icon{height:16px;width:16px}.plan-item strong{font-size:10px}.plan-item div{gap:5px}.plan-item div>span{font-size:8px}.site-footer{padding:20px 0 22px;gap:10px}.site-footer p{font-size:8px}.footer-signature{font-size:6px;letter-spacing:.7px;gap:5px}.footer-signature>span{font-size:14px}.ambient-one{width:300px;height:300px;right:-200px;top:10%}.ambient-two{width:220px;height:220px}.success-dialog{padding:26px 27px 23px;border-radius:21px}.success-dialog h2{font-size:56px;letter-spacing:-3px}.success-dialog>p{font-size:12px}.success-dialog .modal-footnote{font-size:9px}}
@media(min-width:541px) and (max-width:760px){.hero-art{height:330px}.art-parallax{width:390px}.orbit-outer{height:310px;width:310px}.orbit-inner{height:250px;width:250px}.green-halo{height:280px;width:280px}.tile-float{width:103px;height:143px}.tile-float-one{margin-left:-134px}.tile-float-two{margin-left:-52px}.tile-float-three{margin-left:32px}.tile-number{font-size:87px}h1{font-size:77px}.number-title{font-size:89px}.plan-strip{grid-template-columns:1fr 1fr;gap:24px 45px;padding-left:25px;padding-right:25px}.plan-item strong{font-size:11px}.plan-item div>span{font-size:9px}}
@media(max-width:380px){.page-shell{width:calc(100% - 36px)}.site-header{height:73px}.wordmark{font-size:21px}.hero-art{height:270px;margin-top:10px}.orbit-outer{height:248px;width:248px}.orbit-inner{height:203px;width:203px}.green-halo{height:225px;width:225px}.tile-float{width:82px;height:114px}.tile-float-one{margin-left:-107px;margin-top:-30px}.tile-float-two{margin-left:-42px;margin-top:-57px}.tile-float-three{margin-left:24px;margin-top:-22px}.tile-number{font-size:69px}.tile-engraving{font-size:4px}.handwritten-note{font-size:11px;right:0;top:18%}.art-caption{bottom:1%;font-size:7px}.hero-copy{padding-top:17px}h1{font-size:59px;letter-spacing:-3.5px}.number-title{font-size:67px;letter-spacing:-4.5px}.hero-description{font-size:12px}.yes-button{padding:0 18px;gap:19px}.plan-strip{gap:22px 9px}.plan-item{gap:7px}.plan-item strong{font-size:9px}.plan-item div>span{font-size:7px}.plan-heading>span:last-child{font-size:20px}.tiny-label{font-size:5.5px}.plan-icon{height:29px;width:29px}.footer-signature{font-size:5px}}
@media(min-width:381px) and (max-width:540px){h1{font-size:54px;letter-spacing:-3px}.number-title{font-size:63px;letter-spacing:-4.5px;margin-left:5px}}
@media(max-width:380px){h1{font-size:46px;letter-spacing:-2.8px}.number-title{font-size:54px;letter-spacing:-4px;margin-left:4px}}
/* Small controls stay comfortable to tap, including on narrow phones. */
html{color-scheme:light;transition:background-color .35s,color .35s}
.header-controls{display:flex;align-items:center;gap:15px;flex-shrink:0}
.sound-button{min-height:44px}
.control-divider{height:16px;width:1px;background:var(--line)}
.theme-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#eeeee3;color:#748262;transition:background .25s,transform .3s,box-shadow .3s}
.theme-button .icon{width:17px;height:17px}
.theme-button:hover{background:#e4eacb;transform:rotate(-12deg);box-shadow:0 3px 14px #26302b0c}
.yes-button{color:#26302b}
.no-button{position:relative;background:linear-gradient(120deg,#f7e4d8,#f0d5c6);color:#934c31;border-color:#dbab92;font-weight:700;box-shadow:0 4px 13px #a2603d0a;overflow:visible;-webkit-user-select:none;-webkit-touch-callout:none}
.no-button:after{content:'';position:absolute;width:9px;height:9px;right:-3px;top:-3px;border-radius:50%;background:#c97048;border:2px solid var(--paper);box-shadow:0 0 0 3px #c9704814}
.no-button:not(.is-escaping){animation:no-idle 4.5s ease-in-out infinite}
.no-button.is-escaping{background:linear-gradient(120deg,#f7e4d8,#f0d5c6);border-color:#dbab92;box-shadow:0 8px 22px #5f351b19;transition:background .2s,border-color .2s}
.no-face{font-family:'DM Sans',sans-serif;transform:none;opacity:1;font-size:20px;line-height:1;font-weight:500}
@keyframes no-idle{0%,65%,100%{rotate:0deg;box-shadow:0 4px 13px #a2603d0a}72%{rotate:-2deg}79%{rotate:2deg;box-shadow:0 4px 19px #c9704825}86%{rotate:-1deg}93%{rotate:1deg}}

/* Night mode: the same warm palette, with softly lit ivory game tiles. */
html[data-theme="dark"]{color-scheme:dark;--paper:#171e19;--ink:#f0f1e6;--muted:#a1ab9b;--line:#354034;--green:#d2eb9d;--green-dark:#b5d58d}
[data-theme="dark"] .ambient-one{background:#6f8e39;opacity:.12;filter:blur(85px)}
[data-theme="dark"] .ambient-two{background:#83653b;opacity:.1;filter:blur(85px)}
[data-theme="dark"] .brand-mark i{background:#e3e8d7}
[data-theme="dark"] .brand-mark i:last-child{background:#a5c57e}
[data-theme="dark"] .brand-period,[data-theme="dark"] .green-period{color:#b2d187}
[data-theme="dark"] .header-note{color:#7e8a77}
[data-theme="dark"] .sound-button{color:#a1ac98}
[data-theme="dark"] .sound-button:hover{color:#e0e8d6}
[data-theme="dark"] .theme-button{background:#2d3827;border-color:#4a593a;color:#d1e7a4;box-shadow:0 0 20px #b7d47408}
[data-theme="dark"] .theme-button:hover{background:#39472d}
[data-theme="dark"] .availability{color:#becbb0}
[data-theme="dark"] .status-dot{background:#b8d88e}
[data-theme="dark"] .question-mark{color:#b8d88e}
[data-theme="dark"] .hero-description{color:#a1ab9b}
[data-theme="dark"] .yes-button{border-color:#bcd88b;box-shadow:0 4px 24px #a9cf6111}
[data-theme="dark"] .yes-button:hover{box-shadow:0 7px 27px #a9cf6125;background:#dff5b2}
[data-theme="dark"] .no-button,[data-theme="dark"] .no-button.is-escaping{color:#f0b797;background:linear-gradient(120deg,#493126,#3c2a22);border-color:#ab7353;box-shadow:0 4px 18px #0002}
[data-theme="dark"] .no-button:after{background:#eea37b;box-shadow:0 0 0 3px #eea37b12}
[data-theme="dark"] .cheeky-note{color:#88967d}
[data-theme="dark"] .note-star{color:#b0c783}
[data-theme="dark"] .green-halo{background:radial-gradient(circle at 40% 36%,#40533780 0%,#34462c60 47%,#2a382130 70%,transparent 74%)}
[data-theme="dark"] .orbit-outer{border-color:#4b5b3c}
[data-theme="dark"] .orbit-inner{border-color:#3d4d3180}
[data-theme="dark"] .art-top-label{color:#879b76}
[data-theme="dark"] .orbit-dot-one{background:#9ebc72}
[data-theme="dark"] .orbit-dot-two{background:#c38c69}
[data-theme="dark"] .spark-one{stroke:#b4ca89}
[data-theme="dark"] .spark-two{stroke:#d7a189}
[data-theme="dark"] .handwritten-note{color:#cf9e83}
[data-theme="dark"] .tile-shadow{background:#050c08a0;filter:blur(20px)}
[data-theme="dark"] .art-caption{background:#253123cc;border-color:#48573b;color:#c0ceaf;box-shadow:0 5px 18px #0002}
[data-theme="dark"] .caption-dot{background:#b5d486}
[data-theme="dark"] .floating-word{color:#8d9c7e}
[data-theme="dark"] .tiny-label{color:#85937a}
[data-theme="dark"] .plan-icon{background:#252e22;border-color:#3d4933;color:#a4bb8c}
[data-theme="dark"] .plan-item div>span{color:#8f9d83}
[data-theme="dark"] .site-footer{color:#748368}
[data-theme="dark"] .footer-signature>span{color:#9cb67b}
[data-theme="dark"] .success-dialog{border-color:#425039;box-shadow:0 25px 100px #0008}
[data-theme="dark"] .success-dialog::backdrop{background:#060c09a6}
[data-theme="dark"] .modal-close{border-color:#43513a;color:#a4b294}
[data-theme="dark"] .modal-close:hover{background:#2d3925}
[data-theme="dark"] .modal-orbit{background:#33412a;border-color:#5a6c42}
[data-theme="dark"] .success-tag{background:#2f3e26;color:#bad88c}
[data-theme="dark"] .success-dialog h2>span{color:#b8d88e}
[data-theme="dark"] .success-dialog>p{color:#a6b397}
[data-theme="dark"] .success-dialog .modal-footnote{color:#7f8e70}
@media(max-width:760px){.header-controls{gap:10px}.theme-button{width:36px;height:36px}.theme-button .icon{width:16px;height:16px}}
@media(max-width:380px){.sound-button>span{display:none}.header-controls{gap:9px}.sound-button{width:30px;justify-content:center}.theme-button{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.art-parallax{transform:none!important}}