.chooser-page button:focus-visible,.chooser-page select:focus-visible,.chooser-page input:focus-visible,.chooser-page textarea:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.chooser-intro{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:42px;padding-block:58px 75px;background:var(--yellow)}.chooser-intro h1{margin-bottom:26px}.chooser-intro .lead{max-width:690px}.chooser-intro .small{max-width:680px}.chooser-intro-art{position:relative;min-height:360px;isolation:isolate}.chooser-intro-art::before{content:"";position:absolute;width:290px;height:290px;border-radius:43% 57% 55% 45%;background:var(--blue);left:50%;top:48%;transform:translate(-50%,-50%) rotate(18deg)}.paint-dot{position:absolute;z-index:1;display:block;border-radius:50%;border:5px solid var(--ink);box-shadow:10px 12px 0 #15164830}.dot-one{background:var(--aqua);width:105px;height:105px;top:10%;left:14%}.dot-two{background:#ee91b7;width:145px;height:145px;top:33%;right:5%}.dot-three{background:#fff9e5;width:84px;height:84px;bottom:7%;left:23%}.spark{position:absolute;z-index:1;color:var(--yellow);font-size:43px}.spark-one{left:48%;top:14%}.spark-two{right:14%;bottom:9%}.intro-sticker{position:absolute;z-index:2;left:18%;top:44%;font-size:23px;font-weight:700;line-height:1.15;color:#fff;transform:rotate(-9deg)}
.chooser-work{background:#edecff}.chooser-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);gap:28px;align-items:start}.chooser-form{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:34px;box-shadow:8px 9px 0 #1516481f}.chooser-form fieldset,.custom-card fieldset{border:0;padding:0 0 25px;margin:0 0 28px;border-bottom:1px solid #15164833;min-width:0}.chooser-form legend,.custom-card legend{font-size:23px;font-weight:700;line-height:1.25;margin-bottom:16px}.chooser-form legend span{display:inline-grid;place-items:center;background:var(--yellow);border-radius:50%;width:40px;height:40px;font-size:16px;margin-right:9px}.field-hint{font-size:16px;margin:-4px 0 16px}.field-feedback{color:var(--pink);min-height:1.4em;margin:14px 0 0}.choice-grid{display:flex;gap:10px;flex-wrap:wrap}.choice-grid label{position:relative;cursor:pointer}.choice-grid input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.choice-grid span{display:block;padding:10px 15px;border:2px solid #15164855;border-radius:100px;font-size:16px;line-height:1.25;font-weight:700;background:#fff;transition:background .15s,transform .15s,border-color .15s}.choice-grid label:hover span{transform:translateY(-2px);border-color:var(--ink)}.choice-grid input:focus-visible+span{outline:3px solid var(--pink);outline-offset:3px}.choice-grid input:checked+span{background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.chooser-form .button,.custom-card .button{border:0;cursor:pointer;font-family:inherit}
.match-panel{background:var(--ink);color:#fff;border-radius:24px;padding:32px;position:sticky;top:24px;min-height:420px}.match-panel .eyebrow{color:var(--aqua)}.match-panel h2{font-size:clamp(2rem,3vw,3rem)}.match-panel p{font-size:17px}.preview-stack{position:relative;height:210px;margin-top:10px}.preview-card{position:absolute;display:grid;place-items:center;width:128px;height:170px;border:8px solid #fff;box-shadow:6px 7px 0 #0004;color:var(--ink);font-size:20px;font-weight:700}.card-one{background:var(--aqua);left:4%;top:10px;transform:rotate(-13deg)}.card-two{background:#f0b8d7;left:31%;top:20px;transform:rotate(4deg)}.card-three{background:var(--yellow);left:57%;top:11px;transform:rotate(13deg)}.match-intro{color:#e9e8ff}.match-note{padding:14px 16px;background:#fff2;border-radius:12px;font-size:15px!important}.match-list{display:grid;gap:13px;margin:18px 0}.match-card{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;background:#fff;color:var(--ink);border-radius:12px;padding:11px}.match-card img{width:84px;height:106px;object-fit:contain;background:#f5f1e7;border-radius:7px}.match-card h3{font-size:20px;margin:0 0 5px}.match-card p{font-size:14px;margin:0 0 7px}.match-card a{font-size:14px;font-weight:700;text-underline-offset:3px}.match-empty{background:#fff;color:var(--ink);padding:18px;border-radius:14px}.match-empty p{margin:0}.match-panel .text-link{color:var(--yellow)}.share-panel{margin-top:26px;padding-top:22px;border-top:1px solid #ffffff66}.share-panel label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4}.share-panel input{margin-top:4px;accent-color:var(--yellow)}.share-panel button{margin-top:14px;border:0;background:var(--aqua);color:var(--ink);font:700 14px Source,Arial,sans-serif;border-radius:28px;padding:10px 15px;cursor:pointer}.share-panel p{font-size:13px;margin:10px 0 0}
.custom-band{background:var(--aqua)}.custom-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:68px;align-items:start}.custom-grid>div>p{max-width:510px}.custom-card{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:30px;box-shadow:9px 10px 0 #15164822}.custom-card label{display:block;font-size:18px;font-weight:700;margin-bottom:8px}.custom-card label span{font-size:15px;font-weight:400}.custom-card select,.custom-card input[type=text],.custom-card textarea{display:block;width:100%;border:2px solid var(--ink);border-radius:10px;background:#fff;padding:12px;font:17px/1.4 Source,Arial,sans-serif;color:var(--ink);margin-bottom:20px}.custom-card select{min-height:52px}.custom-hint{background:#fff8db;padding:12px 15px;border-radius:10px}.custom-card fieldset{margin-top:24px}.custom-card legend{font-size:18px}.custom-card .choice-grid span{font-size:15px}.draft-panel{border-top:2px solid #15164835;margin-top:26px;padding-top:22px}.draft-panel h3{font-size:24px}.draft-panel textarea{height:220px;resize:vertical;margin-top:13px}.draft-panel .button{font-size:15px;min-height:45px;padding:9px 17px}.draft-panel #copy-feedback{margin:10px 0 0}.chooser-exit{display:flex;flex-direction:column;align-items:flex-start}.chooser-exit h2{margin-bottom:18px}.chooser-exit p{max-width:720px}.chooser-exit .text-link{margin-top:18px}
.porchlight-card .catalog-cover{background:#bccbbf}.porchlight-card .catalog-cover img{transform:rotate(-2deg)}
@media(max-width:950px){.chooser-grid{grid-template-columns:1fr}.match-panel{position:static}.custom-grid{gap:32px}.chooser-intro-art{min-height:310px}}
@media(max-width:700px){.chooser-intro{grid-template-columns:1fr;padding-block:38px 35px;gap:4px}.chooser-intro h1{font-size:clamp(3.8rem,13vw,5rem)}.chooser-intro-art{min-height:205px;max-width:310px;width:100%;margin:auto}.chooser-intro-art::before{width:190px;height:190px}.dot-one{width:70px;height:70px}.dot-two{width:91px;height:91px}.dot-three{width:58px;height:58px}.intro-sticker{font-size:17px;left:22%;top:42%}.spark{font-size:28px}.chooser-form,.match-panel,.custom-card{padding:22px}.chooser-form legend{font-size:21px}.choice-grid span{font-size:15px;padding:9px 13px}.preview-stack{max-width:350px}.custom-grid{grid-template-columns:1fr;gap:26px}.custom-grid h2{font-size:2.7rem}.match-panel{min-height:0}}
@media(max-width:390px){.match-card{grid-template-columns:70px 1fr}.match-card img{width:70px;height:90px}.preview-card{width:110px;height:145px}.chooser-form,.match-panel,.custom-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.choice-grid span{transition:none}}