@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&family=Parisienne&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#302535;background:#f1efed;font-synthesis:none;scroll-behavior:smooth;--ink:#302535;--muted:#74656e;--rose:#9f4c68;--line:#e6dce0;--panel:rgba(255,252,249,.92)}*{box-sizing:border-box}body{margin:0;overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--rose);outline-offset:4px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;outline:none}.skip-link{position:fixed;top:-80px;left:20px;z-index:40;padding:15px;background:#fff}.skip-link:focus{top:15px}.site-header{position:fixed;inset:0 0 auto;z-index:5;min-height:86px;padding:max(14px,env(safe-area-inset-top)) 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none;background:linear-gradient(#f4f1eecc,#f4f1ee00)}header>*{pointer-events:auto}.wordmark{font-size:23px;font-weight:500;letter-spacing:-1px;line-height:.9;flex-shrink:0}.wordmark>span{font-family:Parisienne,cursive;font-weight:400;margin-left:3px;font-size:30px}.wordmark small{display:block;font-size:7px;letter-spacing:1.6px;margin-top:10px}nav{display:flex;gap:8px}nav a,header button{font-size:10px;letter-spacing:.7px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px}nav a{border-radius:30px}nav a:hover,nav a[aria-current=page]{background:#fff8;color:var(--rose)}header button{background:#fff8;border:1px solid #ffffffb0;border-radius:30px}header button span{margin-left:8px;font-size:18px}main{position:relative;z-index:1;pointer-events:none}.chapter{height:100svh;min-height:560px;position:relative}.chapter a,.chapter button,.chapter input{pointer-events:auto}.hero-title{position:absolute;top:25%;left:50%;transform:translate(-50%);display:flex;align-items:center;height:44%;font-family:Italiana,Georgia,serif;font-size:clamp(120px,21.5vw,330px);line-height:.8;font-weight:400;letter-spacing:-.055em;white-space:nowrap}.mirror-space{width:22vw;max-width:335px;min-width:120px}.script-word{position:absolute;left:3%;top:38%;font:clamp(45px,7vw,105px) "Parisienne",cursive;color:#ca6b89;transform:rotate(-12deg);letter-spacing:-3px}.hero-bottom{position:absolute;top:76%;left:50%;transform:translate(-50%);text-align:center;width:min(90%,480px)}.hero-bottom p{font-size:11px;font-weight:400;letter-spacing:1.5px;margin:0 0 24px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:160px;min-height:48px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:#fff;text-align:center;padding:13px 22px;font-size:11px;letter-spacing:.7px;font-weight:500;transition:background .2s,box-shadow .2s}.button:hover{background:#80415d;border-color:#80415d;box-shadow:0 5px 20px #703d5820}.skip{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:4%;font-size:10px;color:var(--muted);letter-spacing:.6px;min-height:44px;display:flex;align-items:center}.caption{position:absolute;top:16%;left:50%;transform:translate(-50%);width:min(88%,640px);text-align:center;font-size:12px;font-weight:400;line-height:1.9;letter-spacing:1.2px;margin:0}.caption em{font-family:Italiana,Georgia,serif;font-size:30px;font-style:normal;color:#773e55;letter-spacing:1px}.continue{position:absolute;bottom:7%;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1px;white-space:nowrap;padding:16px;background:#fffb;border:1px solid #fff;border-radius:32px}.studio-heading{position:absolute;top:15%;left:6%;max-width:230px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.5px;color:var(--rose)}.studio-heading h1{font-family:Italiana,Georgia,serif;font-size:clamp(38px,4.2vw,68px);font-weight:400;line-height:1.05;margin:16px 0 12px}.studio-heading h1 em{color:var(--rose);font-weight:400}.studio-heading>p:last-child{font-size:12px;color:var(--muted);line-height:1.6}.design-panel{position:absolute;top:50%;right:4%;transform:translateY(-46%);width:280px;padding:20px;background:var(--panel);border:1px solid #fff;border-radius:16px;box-shadow:0 18px 70px #54384214;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading>span{font-size:9px;font-weight:600;letter-spacing:1.4px}.panel-heading button{min-width:44px;min-height:44px;border:0;background:none;color:var(--muted);font-size:11px;padding:5px}.categories{display:flex;border-bottom:1px solid var(--line);margin:2px 0 15px;gap:2px}.categories button{flex:1;min-width:0;min-height:44px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:9px 3px;font-size:11px;letter-spacing:0}.categories button[aria-selected=true]{color:var(--rose);border-bottom-color:var(--rose);font-weight:600}.categories button:hover{background:#f5ecef;border-radius:4px 4px 0 0}#choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{border:1px solid #e9e1e4;border-radius:7px;min-height:65px;padding:8px 3px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;transition:background .2s,border-color .2s}.choice:hover{background:#fcf5f7;border-color:#ceacb8}.choice[aria-pressed=true]{border-color:var(--rose);background:#faf0f4;box-shadow:inset 0 0 0 1px #9f4c6830}.choice[aria-pressed=true]:after{content:"✓";position:absolute;right:5px;top:3px;font-size:10px;color:var(--rose)}.swatch{width:29px;height:27px;clip-path:polygon(50% 97%,8% 59%,0 33%,9% 10%,28% 2%,50% 19%,72% 2%,91% 10%,100% 33%,92% 59%);background:var(--swatch);box-shadow:inset -8px -7px 13px #0003,inset 4px 5px 7px #fff9}.choice-symbol{font-family:Georgia,serif;font-size:27px;line-height:27px;color:#967743}.choice-label{font-size:9px;color:#62545e;line-height:1.2;text-transform:capitalize}.selection-row{display:flex;align-items:center;gap:6px;padding:13px 0;min-height:40px}.selection-dot{width:5px;height:5px;border-radius:50%;background:var(--rose);flex:none}#selection{font-size:10px;color:var(--ink);margin:0;text-transform:capitalize}#savedNote{margin-left:auto;font-size:9px;color:var(--muted)}#finish{width:100%;justify-content:space-between}.studio-bottom{position:absolute;bottom:8%;left:45%;transform:translate(-50%);text-align:center;white-space:nowrap}.studio-bottom p{font-size:10px;letter-spacing:.2px;color:#655760;margin:0 0 4px}#frontView{border:0;background:#fffa;border-radius:22px;min-height:44px;padding:8px 16px;font-size:10px;color:var(--muted)}#customColor:not([hidden]){display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px;font-size:10px;color:var(--muted)}input[type=color]{width:55px;height:44px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px;cursor:pointer}#progress{position:fixed;bottom:0;left:0;right:0;height:2px;background:#21162908;z-index:9}#progress span{display:block;width:0;height:100%;background:#b37389}#loading{position:fixed;inset:0;z-index:20;background:#f3f1ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;font-size:10px;letter-spacing:2px;transition:opacity .7s}#loading small{font-size:12px;color:var(--muted);letter-spacing:0}.loading-heart{font-family:Georgia,serif;font-size:80px;color:#b18797;animation:pulse 1.5s infinite}#loading.ready{opacity:0;pointer-events:none;visibility:hidden}@keyframes pulse{50%{transform:scale(1.1);opacity:.5}}#error{position:fixed;inset:20% max(20px,15%);z-index:30;text-align:center;background:#fff;padding:40px 24px;border-radius:16px;box-shadow:0 20px 80px #30233a33;overflow:auto}#error p{line-height:1.7;color:var(--muted)}#error button{min-height:44px;padding:12px 20px;border:0;background:var(--ink);color:#fff}dialog{border:1px solid #fff;border-radius:18px;padding:42px 30px 20px;background:#f8f5f1;color:var(--ink);width:min(480px,calc(100vw - 32px));max-height:90svh;overflow:auto;text-align:center;box-shadow:0 20px 120px #35263766}dialog::backdrop{background:#33203260;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#closeShare{position:absolute;right:8px;top:6px;min-width:44px;min-height:44px;border:0;background:none;font-size:28px;color:var(--muted)}dialog h2{font:42px/1.08 Italiana,Georgia,serif;font-weight:400;margin:18px 0}dialog h2 em{color:var(--rose)}.description{color:var(--muted);font-size:12px;line-height:1.7;max-width:320px;margin:0 auto 18px}#sharePreview{width:100%;max-height:160px;object-fit:cover;object-position:center 40%;border-radius:10px;background:#eee7e5}.share-actions{display:flex;justify-content:center;gap:8px;margin-top:20px}.share-actions .button{min-width:0;flex:1;font-size:10px;padding:12px 8px}.light{background:transparent;color:var(--ink)}.light:hover{color:#fff}.native-share{margin-top:12px;border:0;background:none;min-height:44px;font-size:11px;color:var(--rose)}#status{min-height:20px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}#linkFallback{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#fff;font:12px Arial}@media(min-width:1600px){.design-panel{right:7%;width:300px}.studio-heading{left:9%}.choice{min-height:74px}.choice-label{font-size:10px}}@media(min-width:701px)and (max-width:1050px){.design-panel{right:3%;width:250px;padding:16px}.studio-heading{left:4%;max-width:190px}.studio-heading h1{font-size:44px}.studio-heading>p:last-child{max-width:140px}.studio-bottom{left:36%;font-size:9px}.wordmark small{letter-spacing:1px}nav{gap:0}nav a{padding:0 9px}}@media(max-width:700px){.site-header{min-height:68px;padding:10px 5%;gap:8px}.wordmark{font-size:19px}.wordmark span{font-size:26px}.wordmark small{font-size:5px;letter-spacing:1px}nav{gap:0}nav a{font-size:9px;min-height:44px;padding:0 8px}nav a:first-child{display:none}#sound{font-size:0;min-width:44px;padding:0;border:0;background:#fff8}#sound span{font-size:18px;margin:0}.chapter{min-height:560px}.studio{min-height:740px}.hero-title{font-size:24vw;top:28%;height:33%;letter-spacing:-.07em}.mirror-space{min-width:0;width:26vw}.script-word{font-size:12vw;top:40%;left:1%}.hero-bottom{top:72%}.hero-bottom p{font-size:9px;letter-spacing:1px;margin-bottom:18px}.caption{font-size:10px;top:16%;width:86%;line-height:1.9}.caption em{font-size:25px}.skip{font-size:9px;bottom:3%;right:50%;transform:translate(50%);white-space:nowrap}.continue{font-size:9px}.studio-heading{top:12%;left:5%;max-width:none}.studio-heading .eyebrow{font-size:8px;margin:0}.studio-heading h1{font-size:34px;margin:8px 0}.studio-heading>p:last-child{font-size:11px;margin:0}.design-panel{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));top:auto;transform:none;width:auto;padding:10px 14px 14px;border-radius:15px;box-shadow:0 10px 50px #54384218}.panel-heading>span{font-size:8px}.panel-heading button{font-size:10px;min-height:32px}.categories{margin:0 0 10px}.categories button{min-height:44px;font-size:11px}#choices{grid-template-columns:repeat(4,1fr);gap:6px}.choice{min-height:58px;padding:5px 2px;gap:4px}.choice-label{font-size:8px}.swatch{width:26px;height:24px}.choice-symbol{font-size:24px;line-height:24px}.selection-row{padding:8px 0;min-height:30px}#finish{min-height:46px;font-size:12px}#customColor:not([hidden]){margin-top:5px}#colorPicker{height:32px}.studio-bottom{left:50%;bottom:335px;white-space:normal;width:90%}.studio-bottom p{font-size:9px;margin:0}#frontView{min-height:36px;padding:6px 12px;font-size:9px;background:none}.studio.color-mode .studio-bottom{bottom:373px}dialog{padding:42px 22px 20px}dialog h2{font-size:36px}#sharePreview{max-height:140px}}@media(max-width:370px){nav a{font-size:8px;padding:0 5px}.wordmark small{display:none}.design-panel{left:8px;right:8px;padding:8px 10px 12px}.choice-label{font-size:7px}.studio-heading h1{font-size:30px}}@media(max-height:650px)and (min-width:701px){.site-header{min-height:62px;padding-top:5px;padding-bottom:5px}.design-panel{top:80px;bottom:15px;transform:none;overflow-y:auto;width:280px;padding:12px}.choice{min-height:53px}.categories{margin-bottom:8px}.studio-heading{top:20%}.studio-heading h1{font-size:43px}.studio-bottom{bottom:5%;left:36%}.panel-heading button{min-height:32px}.caption{top:20%}}@media(max-height:520px)and (orientation:landscape){.chapter{min-height:500px}.studio{min-height:540px}.site-header{min-height:56px}.wordmark small{display:none}.hero-title{font-size:22vw;top:22%;height:44%}.hero-bottom{top:74%}.hero-bottom p{margin-bottom:10px}.studio-heading{left:4%;top:18%;max-width:160px}.studio-heading h1{font-size:31px}.studio-heading>p:last-child{display:none}.design-panel{inset:70px 12px 12px auto;width:245px;transform:none;overflow:auto;padding:10px}.categories button{font-size:10px}#choices{grid-template-columns:repeat(4,1fr);gap:5px}.choice{min-height:51px}.choice-label{font-size:7px}.studio-bottom,.studio.color-mode .studio-bottom{bottom:10%;left:29%;width:45%}.studio-bottom p{font-size:8px}#frontView{min-height:40px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media(prefers-contrast:more){.design-panel{background:#fff}.choice-label,.studio-bottom p{color:#302535}.choice{border-color:#9b8490}}