*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050507;color:#f7f1f1}body{font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #fac0d5;outline-offset:6px}#sky{position:fixed;inset:0;width:100%;height:100%}main{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px 80px;text-align:center;background:radial-gradient(ellipse at 50% 48%,#280f236b,transparent 65%)}.eyebrow{font-size:10px;letter-spacing:3px;color:#b9a9af;display:flex;align-items:center;gap:10px}.eyebrow span{height:5px;width:5px;border-radius:50%;background:#e9a6c1;box-shadow:0 0 14px #ea92bb}.heart-mark{font-family:Georgia,serif;font-size:76px;color:#e8a5c1;margin:24px 0 8px;text-shadow:0 0 40px #de6fa96b;animation:breathe 3s ease-in-out infinite}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,6vw,72px);line-height:1.13;letter-spacing:-2px;margin:10px 0 23px}h1 em{font-weight:400;color:#edb4cc}p{font-size:14px;line-height:1.9;color:#a69ca3;margin:0 0 34px}.primary{border:1px solid #d5a2b86b;border-radius:40px;background:#efbdd2;color:#301c25;padding:18px 26px;font-size:13px;box-shadow:0 8px 45px #d97aa52b;transition:transform .2s,background .2s}.primary:hover{background:#ffd4e6;transform:translateY(-2px)}.primary span{margin-left:30px}.note{font-size:10px;color:#776c75;margin-top:19px;letter-spacing:.4px}.bottom{position:absolute;bottom:29px;font-size:8px;letter-spacing:2px;color:#746772}.bottom span{color:#ca8eaa;margin-left:30px}#experience{position:absolute;inset:0;z-index:2}.topline{position:absolute;top:max(22px,env(safe-area-inset-top));left:26px;right:26px;display:flex;justify-content:space-between;align-items:center}.topline>span{font-size:9px;color:#ad8b9c;letter-spacing:3px}.topline button,.end-actions button{background:#ffffff08;border:1px solid #ffffff1c;color:#d5c5cf;border-radius:30px;padding:10px 16px;font-size:11px;backdrop-filter:blur(10px)}.caption{position:absolute;bottom:17%;left:20px;right:20px;text-align:center;font-family:Georgia,serif;font-size:14px;letter-spacing:1px;color:#d7adc1}.end-actions{position:absolute;bottom:7%;width:100%;display:flex;justify-content:center;gap:12px}.end-actions[hidden],section[hidden],main[hidden]{display:none}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff09}#bar{height:100%;width:0;background:#c381a3;box-shadow:0 0 10px #d788b3}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:9;font-size:12px;color:#ffdfed;background:#291b25;border-radius:24px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}@keyframes breathe{50%{transform:scale(1.08);opacity:.7}}@media(orientation:landscape) and (max-height:550px){main{padding:25px}.heart-mark{font-size:40px;margin:8px}h1{font-size:38px;margin:5px 0 12px}p{font-size:12px;margin-bottom:15px}.bottom,.note{display:none}.primary{padding:13px 23px}}@media(prefers-reduced-motion:reduce){.heart-mark{animation:none}}
body{font-family:'Be Vietnam Pro','Segoe UI',Arial,sans-serif;font-synthesis:none}h1{font-family:inherit;font-weight:600;font-size:clamp(32px,5.4vw,60px);line-height:1.45;letter-spacing:-1.2px;white-space:pre-line}h1 em{font-style:normal;font-weight:600}.caption{font-family:inherit;font-weight:400;font-size:clamp(12px,2.8vw,15px);letter-spacing:0;line-height:1.9;bottom:18%;max-width:560px;margin:auto;text-wrap:balance;overflow-wrap:anywhere}.edit-button{display:inline-block;border:0;background:none;color:#bd9dab;font-size:11px;padding:12px;margin-top:10px}.topline .edit-button{margin-top:0}.note{letter-spacing:0}.eyebrow{letter-spacing:1.6px;line-height:1.8}.bottom{letter-spacing:1.2px}.primary{line-height:1.7}dialog{border:1px solid #76546355;border-radius:24px;background:#151017;color:#f7f1f1;width:min(620px,calc(100% - 24px));max-height:90svh;padding:28px;overflow:auto;box-shadow:0 20px 120px #000a}dialog::backdrop{background:#030205d9;backdrop-filter:blur(8px)}.editor-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.editor-heading h2{font-size:24px;line-height:1.5;font-weight:600;margin:12px 0}.editor-heading .eyebrow{font-size:8px}.editor-heading button{background:none;border:0;color:#c9b8c2;font-size:28px;padding:0 5px}.editor-intro,dialog p{font-size:12px;line-height:1.9;color:#bca9b6;margin:0 0 20px}fieldset{border:0;border-top:1px solid #ffffff12;padding:22px 0;margin-top:20px;min-width:0}legend{font-size:11px;letter-spacing:1px;color:#edb4cc;padding-right:16px}dialog label{display:block;font-size:12px;line-height:1.8;color:#e4d6df;margin:17px 0 8px}dialog textarea,dialog input[type=url],dialog select{width:100%;background:#ffffff06;color:#f5e9f1;border:1px solid #ffffff20;border-radius:10px;padding:12px 14px;font:inherit;font-size:13px;line-height:1.8;resize:vertical}dialog select option{background:#211723}dialog textarea:focus,dialog input:focus,dialog select:focus{outline:1px solid #d5a0b8}dialog small{display:block;color:#9e8d99;font-size:11px;line-height:1.9;margin:10px 0 14px}input[type=range]{width:100%;accent-color:#e8aac6}output{float:right;color:#bda7b5}.editor-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.editor-buttons .primary{font-size:12px;padding:13px 20px}.secondary{display:inline-block;border:1px solid #ffffff29;border-radius:30px;background:#ffffff05;color:#e5ccdc;text-decoration:none;padding:13px 18px;font-size:12px;line-height:1.7;cursor:pointer}#formError{color:#f9a5b5;margin:0;white-space:pre-line}#musicStatus{font-size:11px;margin:12px 0 0;color:#e5bacf}#shareResult{margin-top:26px;padding:20px;border-radius:16px;background:#ffffff04;border:1px solid #d4a0b033}#shareResult h3{font-size:16px;line-height:1.7;margin:0 0 12px}#customQR{background:#fff;width:248px;max-width:100%;padding:16px;margin:22px auto;border-radius:8px}#customQR canvas,#customQR img{max-width:100%;height:auto}#shareUrl{font-size:10px;overflow-wrap:anywhere}.editor-help{font-size:10px!important;color:#9c8a97!important;margin:24px 0 0!important}.caption[hidden],#musicUrlGroup[hidden]{display:none}#welcome>p{white-space:pre-line;max-width:420px;text-wrap:balance}@media(max-width:400px){dialog{padding:20px}h1{font-size:30px;letter-spacing:-.8px}.eyebrow{font-size:8px;letter-spacing:1.1px}}@media(orientation:landscape) and (max-height:550px){h1{font-size:30px;line-height:1.4}.caption{bottom:16%;font-size:12px;line-height:1.65;max-width:72vw}.end-actions{bottom:4%}.topline{top:12px}.topline button{padding:8px 14px}main{padding:20px}.edit-button{margin:0;padding:8px}.heart-mark{font-size:30px}#welcome>p{font-size:11px;line-height:1.7}}
[hidden]{display:none!important}
#customQR canvas,#customQR img{width:216px;height:auto}
.music-credit{font-size:10px!important;line-height:1.8!important;margin:24px 0 0!important}.music-credit a{color:#deb0c8}
.caption{font-size:clamp(20px,4.6vw,28px);font-weight:600;line-height:1.55;color:#f6d8e8;white-space:pre-line;bottom:13%;max-width:680px;text-shadow:0 2px 18px #d87aa544}@media(orientation:landscape) and (max-height:550px){.caption{font-size:20px;line-height:1.5;bottom:15%;max-width:80vw}}

.countdown{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-family:"Be Vietnam Pro","Segoe UI",sans-serif;font-size:clamp(100px,26vmin,180px);font-weight:600;line-height:1.2;color:#fff4fb;text-align:center;text-shadow:0 0 26px #e5b8d177;pointer-events:none}