@font-face{font-family:DM;src:local('Georgia')}*{box-sizing:border-box} :root{--paper:#fff9f0;--ink:#33182f;--muted:#716777;--coral:#e75f4f;--peach:#fff0e7;--teal:#276965;--yellow:#fff0bc;--line:#eaddd1}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{transition:transform .16s,box-shadow .16s,background .16s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px) scale(.985)}button:disabled{cursor:wait;opacity:.7;transform:none}h1,h2,h3,p{margin:0}h1,h2,h3,.brand strong{font-family:Georgia,serif;letter-spacing:-.045em}h1{font-size:clamp(38px,4.4vw,64px);line-height:1.06;font-weight:700}h2{font-size:30px;line-height:1.15}h3{font-size:23px;line-height:1.2}.topbar{max-width:1200px;margin:auto;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.brand strong{font-size:29px;line-height:1.15}.brand small{display:block;font-size:11px;margin-top:5px;letter-spacing:.02em;color:var(--muted)}.brand-icon{color:var(--coral);font-size:32px;background:#ffede0;border-radius:16px;width:49px;height:49px;text-align:center;line-height:49px}.dot{color:var(--coral)}.icon-button{border:0;background:transparent;color:var(--ink);width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}#app{max-width:1136px;margin:24px auto 0;padding:0 24px;min-height:65vh}.home-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:start}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}.hero{position:relative;padding:14px 0 0}.hero h1{max-width:510px;position:relative;z-index:1}.hero>p:not(.eyebrow){color:var(--muted);max-width:310px;margin-top:20px;font-size:16px}.mascot-wrap{height:225px;position:relative;margin-top:-12px;text-align:right}.mascot{height:270px;width:270px;object-fit:contain;position:relative;margin-top:-25px;filter:drop-shadow(0 12px 16px #9c562518);transform-origin:50% 90%}.mascot.greet{animation:greet 1.3s ease-in-out 1}.hello-note{position:absolute;left:9px;top:80px;font:italic 21px Georgia,serif;color:var(--teal);transform:rotate(-6deg);max-width:140px;line-height:1.4}.hello-note:after{content:'↗';display:block;font-size:32px;margin-left:64px;color:#df8b65}.choice{background:var(--peach);border:1px solid #f7e2d4;padding:26px;border-radius:28px}.choice h2{font-size:29px;margin-bottom:20px}.label{font-size:12px;font-weight:700;letter-spacing:.025em;color:var(--muted);display:block;margin:0 0 10px}.pills{display:flex;gap:9px;flex-wrap:wrap}.pill{border:1px solid transparent;background:#fffaf5;color:var(--ink);min-height:46px;padding:10px 19px;border-radius:25px;flex:1;white-space:nowrap}.pill[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 3px 8px #33182f12}.intents{margin-top:18px}.intents .pill{font-size:12px;padding:8px 13px;min-height:39px;background:transparent;border-color:#decbbf;flex:0 auto}.intents .pill[aria-pressed=true]{background:#dceddf;color:#194d46;border-color:#94bca9}.primary{width:100%;min-height:54px;background:var(--coral);color:white;border:0;border-radius:18px;font-weight:700;padding:14px 20px;box-shadow:0 5px 0 #bb4b3920;margin-top:24px}.primary:hover{background:#d95143;box-shadow:0 8px 19px #d9514325}.primary .star{margin-right:8px;font-size:22px;vertical-align:middle}.quiet{font-size:12px;text-align:center;color:var(--muted);margin-top:15px}.favorites{padding-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2{font-size:31px}.tag{font-size:10px;letter-spacing:.1em;color:var(--teal);font-weight:700;border:1px solid #bed6c7;border-radius:10px;padding:4px 8px}.section-intro{font-size:14px;color:var(--muted);margin-bottom:24px}.joy-card{border:0;border-radius:23px;width:100%;text-align:left;display:flex;align-items:center;gap:20px;min-height:135px;padding:20px;margin-bottom:15px;overflow:hidden;color:var(--ink)}.joy-card:hover{box-shadow:0 8px 20px #3c2c1610}.joy-card .art{width:90px;height:90px;flex-shrink:0;display:grid;place-items:center}.art svg{width:100%;height:100%;overflow:visible}.joy-card .meta{font-size:12px;margin-top:7px;display:block;color:#646675}.joy-card .chevron{margin-left:auto;font-size:28px;font-weight:400;color:var(--teal)}.mint{background:#e0f0e9}.butter{background:#fff0bb}.peach{background:#f8e9de}.lavender{background:#ede7f4}.note{display:flex;gap:15px;align-items:center;padding:24px 10px;color:var(--muted);font-size:13px}.note span{font-size:26px;color:var(--coral)}.page-footer{text-align:center;font-size:12px;color:var(--muted);margin:40px 0 24px}.page-footer span{color:var(--coral);margin-left:8px}.back{border:0;background:none;color:var(--teal);padding:10px 0;margin-bottom:22px;font-weight:700;font-size:13px}.activity-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.activity-picture{border-radius:34px;min-height:410px;display:grid;place-items:center;position:relative;overflow:hidden}.activity-picture .art{width:215px;height:215px;filter:drop-shadow(0 15px 18px #75412515)}.activity-picture .caption{position:absolute;bottom:35px;font:italic 23px Georgia,serif;color:var(--teal)}.activity-content{padding:12px 0}.activity-content h1{font-size:46px}.activity-content .description{font-size:18px;line-height:1.65;margin-top:20px;color:var(--muted)}.match{font-size:12px;color:var(--teal);background:#e8f1e7;padding:10px 14px;border-radius:14px;margin:20px 0;display:inline-block}.actions{display:flex;gap:10px;margin-top:14px}.secondary{border:1px solid var(--line);background:#fffdf7;color:var(--ink);padding:13px 17px;border-radius:16px;min-height:48px;flex:1;font-weight:600;font-size:13px}.text-button{border:0;background:none;color:var(--teal);text-decoration:underline;text-underline-offset:4px;padding:13px 8px;min-height:44px}.timer{text-align:center;background:#fff0e5;border-radius:25px;padding:25px;margin-top:24px}.time{font:64px Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.timer p{font-size:13px;color:var(--muted)}.timer .primary{margin-top:14px}.feedback{text-align:center;max-width:550px;margin:0 auto}.feedback .mascot{position:static;margin:0;width:220px;height:220px}.feedback h1{font-size:42px}.feedback p{margin-top:18px;color:var(--muted)}.feedback .actions{flex-direction:column;margin-top:25px}.arrival{animation:arrive .35s ease-out}.feedback .primary{max-width:300px}dialog{border:1px solid var(--line);border-radius:28px;background:var(--paper);color:var(--ink);padding:28px;max-width:480px;width:calc(100% - 32px);max-height:90dvh}dialog::backdrop{background:#24142365;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:start;gap:12px}.dialog-heading h2{font-size:28px}dialog p{font-size:13px;margin:15px 0;color:var(--muted)}.setting{display:flex;justify-content:space-between;align-items:center;min-height:60px;gap:20px;border-bottom:1px solid var(--line);font-size:14px}input{accent-color:var(--teal)}input[type=checkbox]{width:22px;height:22px}.muted{color:var(--muted);font-size:12px}hr{border:0;border-top:1px solid var(--line)}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:16px;padding:12px 22px;z-index:10;max-width:calc(100% - 30px);font-size:13px;display:none}#notice.show{display:block}.resume{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e6eee1;padding:14px 20px;border-radius:20px;margin-bottom:24px;font-size:13px}.resume button{background:var(--teal);color:white;border:0;padding:10px 14px;border-radius:12px} @keyframes greet{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg) translateY(-5px)}65%{transform:rotate(5deg)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body.reduce *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1400px){#app{margin-top:40px}.topbar{padding-top:40px}}@media(max-width:760px){.topbar{padding:20px;gap:5px}.brand{gap:9px}.brand strong{font-size:24px}.brand small{font-size:9px}.brand-icon{width:38px;height:38px;font-size:25px;line-height:38px;border-radius:12px}#app{margin:5px auto 0;padding:0 20px}.home-grid{display:block}.hero{padding-top:15px}.hero h1{font-size:40px;max-width:65%;letter-spacing:-.055em}.hero>p:not(.eyebrow){font-size:13px;margin-top:16px;max-width:65%}.eyebrow{font-size:9px;margin-bottom:14px}.mascot-wrap{position:absolute;right:-10px;top:42px;width:40%;height:160px;margin:0}.mascot{width:100%;height:100%;margin:0;object-fit:contain}.hello-note{display:none}.choice{margin-top:25px;padding:20px;border-radius:24px}.choice h2{font-size:26px;margin-bottom:15px}.pill{padding:8px 10px;font-size:14px;min-height:43px}.intents{margin-top:14px}.intents .pill{font-size:11px;min-height:35px;padding:7px 12px}.primary{margin-top:18px;min-height:51px}.favorites{margin-top:30px;padding:0}.section-head h2{font-size:28px}.section-intro{font-size:12px;margin-bottom:18px}.joy-card{min-height:107px;padding:12px 15px;gap:13px;border-radius:20px;margin-bottom:12px}.joy-card .art{width:70px;height:70px}.joy-card h3{font-size:21px}.joy-card .meta{font-size:11px}.note{padding:15px 5px}.page-footer{margin:20px 0 25px;font-size:11px}.activity-layout{display:flex;flex-direction:column;gap:20px}.activity-picture{width:100%;min-height:180px;max-height:180px;border-radius:25px}.activity-picture .art{width:130px;height:130px}.activity-picture .caption{bottom:12px;font-size:15px}.activity-content{width:100%;padding:0}.activity-content h1{font-size:35px}.activity-content .description{font-size:15px;margin-top:14px}.back{margin-bottom:12px}.match{margin:14px 0 0;font-size:11px}.timer{padding:18px;margin-top:18px}.time{font-size:52px}.feedback .mascot{width:170px;height:170px}.feedback h1{font-size:34px}.feedback p{font-size:14px}}@media(max-width:360px){.hero h1{font-size:35px}.brand strong{font-size:21px}.brand small{font-size:8px}#app{padding:0 16px}.choice{padding:16px}.joy-card h3{font-size:19px}.hero>p:not(.eyebrow){max-width:62%}.mascot-wrap{top:50px}}@media(max-height:700px) and (max-width:760px){.activity-picture{min-height:115px;max-height:115px}.activity-picture .art{width:95px;height:95px}.activity-picture .caption{display:none}.activity-layout{gap:15px}.activity-content h1{font-size:30px}.activity-content .description{font-size:14px}.back{margin-bottom:4px}.timer{margin-top:14px;padding:12px}.time{font-size:44px}}

@font-face{font-family:Nunito;src:url('assets/Nunito.ttf') format('truetype');font-display:swap}body{font-family:Nunito,Arial,sans-serif}.primary{font-size:16px}

@media(max-width:760px){.hero h1{font-size:36px;max-width:72%}.mascot-wrap{right:-14px;top:47px;width:37%;height:140px}.choice>.pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.choice>.pills .pill{padding:8px 2px;font-size:12px}.hero>p:not(.eyebrow){max-width:68%}.intents .pills{gap:6px}.intents .pill{padding:7px 10px}.activity-content .primary{margin-top:15px}}
@media(max-width:360px){.hero h1{font-size:32px;max-width:75%}.mascot-wrap{width:34%;right:-10px;top:40px}.hero>p:not(.eyebrow){max-width:72%}}

@media(min-width:761px){.hero h1{font-size:54px}.mascot-wrap{height:160px}.mascot{width:210px;height:210px;margin-top:-22px}.hello-note{top:35px}.hero>p:not(.eyebrow){margin-top:16px}.topbar{padding-bottom:22px}#app{margin-top:12px}.choice{padding:23px}.choice h2{margin-bottom:16px}}
@media(max-height:700px) and (max-width:760px){.hero{padding-top:5px}.hero .eyebrow{margin-bottom:9px}.hero h1{font-size:30px}.hero>p:not(.eyebrow){margin-top:10px}.choice{margin-top:18px;padding:16px}.choice h2{margin-bottom:12px}.intents{margin-top:10px}.primary{margin-top:13px}.quiet{margin-top:10px}.topbar{padding-top:12px;padding-bottom:12px}}

.art.painted{background-image:url('assets/joys.png');background-size:300% 100%;border-radius:15px}.art.music{background-position:0% 50%}.art.window{background-position:50% 50%}.art.book{background-position:100% 50%}.joy-card .art.painted{width:104px;height:104px;margin:-9px 0 -9px -9px}.activity-picture .art.painted{width:280px;height:280px;border-radius:24px}@media(max-width:760px){.joy-card .art.painted{width:82px;height:82px;margin:-4px 0 -4px -6px}.activity-picture .art.painted{width:145px;height:145px}}@media(max-height:700px) and (max-width:760px){.activity-picture .art.painted{width:105px;height:105px}.hero .eyebrow{margin-bottom:4px}.choice .label{margin-bottom:7px}.choice{margin-top:14px}}

@media(min-width:761px) and (max-width:1100px){.home-grid{gap:36px}.hero h1{font-size:43px}.mascot-wrap{height:125px}.mascot{width:175px;height:175px}.hello-note{font-size:17px;top:24px}.hero>p:not(.eyebrow){font-size:14px;margin-top:12px}.eyebrow{margin-bottom:12px}.choice{padding:20px}.choice h2{font-size:26px}.primary{margin-top:18px}}