:root{--paper: #f6efe4;--paper-2: #efe4d2;--card: #fffaf2;--ink: #2a1f1a;--ink-2: #6e5c4f;--line: rgba(42, 31, 26, .12);--accent: #8e2b3a;--accent-2: #a8384a;--gold: #c2913a;--radius: 18px;--ui: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Reem Kufi", "Tajawal", sans-serif;--script: "Aref Ruqaa", "Amiri", serif;--serif: "Amiri", "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--ui);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gift{position:relative;width:var(--size);height:calc(var(--size) * 1.25);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-shrink:0}.gift.is-interactive{cursor:pointer}.gift:focus-visible{outline:none}.gift:focus-visible .gift-body{outline:3px solid color-mix(in oklab,var(--ribbon) 80%,white);outline-offset:6px}.gift-float{position:absolute;left:0;right:0;bottom:calc(var(--size) * .08);display:flex;justify-content:center;animation:gift-float 3.4s ease-in-out infinite}.gift.is-opening .gift-float{animation-play-state:paused}.gift-wiggle{transform-origin:50% 100%}.gift-inner{position:relative;width:var(--size);height:var(--size);transform-origin:50% 100%}.gift.is-interactive:hover .gift-inner{filter:brightness(1.06)}.gift-body{position:absolute;bottom:0;left:6%;width:88%;height:72%;border-radius:calc(var(--size) * .035);overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.1) 1.4px,transparent 2px) 0 0 / calc(var(--size) * .09) calc(var(--size) * .09),linear-gradient(160deg,color-mix(in oklab,var(--box) 78%,white) 0%,var(--box) 42%,color-mix(in oklab,var(--box) 68%,black) 100%);box-shadow:inset 0 calc(var(--size) * .07) calc(var(--size) * .05) calc(var(--size) * -.03) #00000061,inset calc(var(--size) * -.05) 0 calc(var(--size) * .08) #00000024,0 calc(var(--size) * .03) calc(var(--size) * .06) #0000002e}.ribbon-v,.ribbon-h{position:absolute;--r1: color-mix(in oklab, var(--ribbon) 70%, black);--r2: color-mix(in oklab, var(--ribbon) 75%, white)}.ribbon-v{top:0;bottom:0;left:42%;width:16%;background:linear-gradient(90deg,var(--r1),var(--ribbon) 25%,var(--r2) 50%,var(--ribbon) 75%,var(--r1));box-shadow:0 0 calc(var(--size) * .02) #00000040}.ribbon-h{left:0;right:0;top:44%;height:14%;background:linear-gradient(180deg,var(--r1),var(--ribbon) 25%,var(--r2) 50%,var(--ribbon) 75%,var(--r1));box-shadow:0 0 calc(var(--size) * .02) #00000040}.gift-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 47%,transparent 58%);background-size:250% 100%;animation:gift-shine 5s ease-in-out infinite;mix-blend-mode:soft-light}.gift-lid{position:absolute;top:10%;left:0;width:100%;height:22%;z-index:2;border-radius:calc(var(--size) * .03);background:linear-gradient(175deg,color-mix(in oklab,var(--box) 70%,white),color-mix(in oklab,var(--box) 92%,white) 40%,color-mix(in oklab,var(--box) 80%,black));box-shadow:0 calc(var(--size) * .025) calc(var(--size) * .04) #0000004d,inset 0 2px #ffffff40}.gift-bow{position:absolute;left:17%;width:66%;bottom:calc(100% - var(--size) * .13);filter:drop-shadow(0 calc(var(--size) * .015) calc(var(--size) * .02) rgba(0,0,0,.3));overflow:visible}.gift-shadow{position:absolute;bottom:calc(var(--size) * .02);left:15%;width:70%;height:calc(var(--size) * .1);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.32),transparent 70%);animation:gift-shadow 3.4s ease-in-out infinite}.gift.is-opening .gift-shadow{animation:none;opacity:0;transition:opacity 1s 1s}.gift-glow{position:absolute;z-index:3;width:calc(var(--size) * 1.1);height:calc(var(--size) * 1.1);left:calc(50% - var(--size) * .55);top:calc(var(--size) * -.05);border-radius:50%;background:radial-gradient(circle,#fffbe8 0%,rgba(255,236,170,.75) 22%,rgba(255,210,140,.25) 45%,transparent 68%);opacity:0;pointer-events:none;mix-blend-mode:screen}.gift-lock{position:absolute;z-index:3;width:26%;aspect-ratio:48 / 56;left:37%;top:30%;color:#e9c46a;--lock-hole: #6b4a12;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.gift-lock svg{width:100%;height:100%}.gift-sparkles span{position:absolute;color:color-mix(in oklab,var(--ribbon) 60%,white);font-size:calc(var(--size) * .07);opacity:0;animation:twinkle 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .45s);pointer-events:none;text-shadow:0 0 8px rgba(255,240,200,.8)}.gift-sparkles span:nth-child(1){top:8%;left:-6%}.gift-sparkles span:nth-child(2){top:24%;right:-10%;font-size:calc(var(--size) * .05)}.gift-sparkles span:nth-child(3){top:62%;left:-12%;font-size:calc(var(--size) * .045)}.gift-sparkles span:nth-child(4){top:2%;right:4%}.gift-sparkles span:nth-child(5){top:78%;right:-8%}.gift-sparkles span:nth-child(6){top:-4%;left:30%;font-size:calc(var(--size) * .04)}@keyframes gift-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--size) * -.05))}}@keyframes gift-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.7}}@keyframes gift-shine{0%,60%{background-position:120% 0}to{background-position:-120% 0}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-contained{position:absolute}.bg-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply}.bg-calm{background:radial-gradient(ellipse at 50% 30%,#fbf5ec,#f3e8d9 55%,#ead9c4)}.blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.6;animation:drift 18s ease-in-out infinite alternate}.blob.b1{width:45vmax;height:45vmax;background:#f4c8a6;top:-12%;right:-10%}.blob.b2{width:40vmax;height:40vmax;background:#c5d7bd;bottom:-15%;left:-12%;animation-duration:22s}.blob.b3{width:28vmax;height:28vmax;background:#e3d2ec;top:40%;left:40%;animation-duration:26s;opacity:.45}.bg-contained .blob{filter:blur(30px)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(6%,8%) scale(1.12)}}.bg-night{background:radial-gradient(ellipse at 50% 115%,#2d3478,#151a46 42%,#080a1c)}.bg-night .bg-grain{mix-blend-mode:screen;opacity:.04}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px #fffc;animation:star 4s ease-in-out infinite}@keyframes star{0%,to{opacity:.25}50%{opacity:1}}.night-moon{position:absolute;top:9%;left:12%;width:clamp(40px,9vmin,80px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbea,#f2e3ae 70%);box-shadow:0 0 40px 10px #fdf0be59,0 0 120px 40px #b4beff26}.night-moon:after{content:"";position:absolute;top:-4%;right:-4%;bottom:10%;left:22%;border-radius:50%;background:#121741;opacity:0}.shooting{position:absolute;top:18%;right:-10%;width:120px;height:2px;background:linear-gradient(90deg,#fff,transparent);transform:rotate(-20deg);opacity:0;animation:shoot 9s ease-in 3s infinite}@keyframes shoot{0%{transform:translate(0) rotate(-20deg);opacity:0}2%{opacity:1}8%{transform:translate(-70vw,26vw) rotate(-20deg);opacity:0}to{opacity:0}}.bg-classic{background:radial-gradient(ellipse at 50% 38%,#5c1824,#3c0e17 55%,#21060c)}.bg-classic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='72'><g fill='none' stroke='%23e2b857' stroke-opacity='.16' stroke-width='1'><rect x='20' y='20' width='32' height='32'/><rect x='20' y='20' width='32' height='32' transform='rotate(45 36 36)'/><circle cx='36' cy='36' r='5'/><path d='M0 0 L8 8 M72 0 L64 8 M0 72 L8 64 M72 72 L64 64'/></g></svg>");background-size:72px 72px}.bg-classic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(10,0,3,.7) 100%)}.bg-classic .bg-grain{mix-blend-mode:screen;opacity:.05}.dust{position:absolute;width:3px;height:3px;border-radius:50%;background:#f0cf7a;box-shadow:0 0 6px #f0cf7a;z-index:1;animation:dust 10s ease-in-out infinite}@keyframes dust{0%,to{transform:translateY(0);opacity:0}30%,70%{opacity:.8}50%{transform:translateY(-40px)}}.bg-rose{background:linear-gradient(170deg,#fdecef,#f9d6de,#f2bfcd)}.petal{position:absolute;top:-5%;border-radius:80% 0;background:linear-gradient(135deg,#ffd1dc,#f08aa6);opacity:.75;animation:petal 16s linear infinite}@keyframes petal{0%{transform:translateY(-5vh) rotate(0)}50%{transform:translate(var(--sway),50vh) rotate(200deg)}to{transform:translateY(110vh) rotate(420deg)}}.bg-contained .petal{animation-name:petal-small}@keyframes petal-small{0%{transform:translateY(-20px) rotate(0)}to{transform:translate(calc(var(--sway) / 3),420px) rotate(380deg)}}.theme-calm{--fg: #3a2a20;--fg-2: #806b5a;--card-bg: #fffaf3;--card-fg: #3a2a20;--card-accent: #b0703f;--card-line: rgba(176, 112, 63, .25);--chip-bg: rgba(255, 255, 255, .65);--chip-fg: #3a2a20}.theme-night{--fg: #eef0ff;--fg-2: #aab2e6;--card-bg: rgba(22, 27, 66, .78);--card-fg: #f4f2ff;--card-accent: #f2df9b;--card-line: rgba(242, 223, 155, .25);--chip-bg: rgba(255, 255, 255, .1);--chip-fg: #eef0ff}.theme-classic{--fg: #f6e7c8;--fg-2: #d6b97f;--card-bg: #fbf3e2;--card-fg: #3b0d14;--card-accent: #a07a2c;--card-line: rgba(160, 122, 44, .45);--chip-bg: rgba(246, 231, 200, .12);--chip-fg: #f6e7c8}.theme-rose{--fg: #5a2236;--fg-2: #9a5a70;--card-bg: #fffafb;--card-fg: #5a2236;--card-accent: #d0507a;--card-line: rgba(208, 80, 122, .25);--chip-bg: rgba(255, 255, 255, .6);--chip-fg: #5a2236}.experience{position:relative;min-height:100vh;min-height:100dvh;color:var(--fg);display:flex;flex-direction:column;overflow:hidden}.exp-top{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:max(16px,env(safe-area-inset-top)) 18px 0}.exp-brand{font-family:var(--display);font-weight:700;font-size:1.3rem;text-decoration:none;color:var(--fg);opacity:.85}.chip-btn{border:1px solid color-mix(in oklab,var(--fg) 20%,transparent);background:var(--chip-bg);color:var(--chip-fg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 14px;border-radius:999px;font-size:.95rem}.exp-stage{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:16px 16px max(28px,env(safe-area-inset-bottom));perspective:1200px}.exp-box{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.exp-kicker{font-size:1.15rem;color:var(--fg-2);margin:0 0 6px}.exp-kicker b{font-family:var(--script);color:var(--fg);font-size:1.6rem;font-weight:700;margin-inline-start:4px}.exp-hint{margin:8px 0 0;color:var(--fg-2);font-size:1.02rem}.exp-hint.tap{font-weight:700;color:var(--fg)}.exp-locked{display:flex;flex-direction:column;align-items:center;gap:14px}.countdown{display:flex;gap:10px;direction:rtl}.cd-unit{min-width:66px;padding:10px 6px 8px;border-radius:14px;background:var(--chip-bg);border:1px solid color-mix(in oklab,var(--fg) 15%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.cd-num{font-family:var(--display);font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;direction:ltr}.cd-lbl{font-size:.8rem;color:var(--fg-2)}.card{position:relative;width:min(92vw,560px);padding:44px 34px 30px;border-radius:26px;background:var(--card-bg);color:var(--card-fg);border:1px solid var(--card-line);box-shadow:0 30px 80px -20px #00000059,0 10px 30px -10px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:center;transform-origin:50% 100%}.card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--card-line);border-radius:18px;pointer-events:none}.theme-classic .card:before{border:3px double var(--card-line)}.card-ornament{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--card-accent);font-size:.9rem}.card-ornament span{width:54px;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent)}.card-to{font-family:var(--script);font-weight:700;font-size:clamp(1.7rem,6vw,2.3rem);color:var(--card-accent);margin:10px 0 14px;line-height:1.4}.card-msg{font-family:var(--serif);font-size:clamp(1.15rem,4.4vw,1.4rem);line-height:2;max-height:52vh;overflow-y:auto;padding:0 4px}.card-msg p{margin:0;overflow-wrap:anywhere}.card-from{font-family:var(--script);font-size:1.35rem;text-align:end;margin:18px 6px 4px;color:var(--card-accent)}.card .player{margin-top:16px}.card-actions{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:12px}.card-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}.link-btn{background:none;border:0;padding:6px 4px;font-size:.95rem;color:inherit;opacity:.75;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.link-btn:hover{opacity:1}.wallet-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.wallet-btn{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border:1px solid #333;border-radius:12px;padding:11px 20px;font-weight:700;font-size:1rem;transition:transform .15s}.wallet-btn:active{transform:scale(.97)}.wallet-btn.is-disabled{opacity:.55}.wallet-icon{width:26px;height:20px}.wallet-hint{max-width:320px;font-size:.85rem;opacity:.75;margin:0}.player{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:color-mix(in oklab,currentColor 7%,transparent);border:1px solid color-mix(in oklab,currentColor 12%,transparent);text-align:start;min-width:0;flex:1}.player-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:0;background:var(--card-accent, var(--accent));display:grid;place-items:center}.player-btn svg{width:20px;height:20px;fill:#fff}.player-main{flex:1;min-width:0}.player-label{font-size:.82rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.player-wave{height:26px;display:flex;align-items:center;gap:2px;cursor:pointer}.player-wave i{flex:1;min-width:2px;border-radius:2px;background:currentColor;opacity:.22;transition:opacity .2s}.player-wave i.on{opacity:.85;background:var(--card-accent, var(--accent))}.player-time{font-variant-numeric:tabular-nums;font-size:.85rem;opacity:.7;direction:ltr}.status-card{text-align:center;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:1.1rem}.status-emoji{font-size:3rem}.loader{display:flex;gap:8px}.loader span{width:12px;height:12px;border-radius:50%;background:var(--fg);animation:bounce 1s infinite ease-in-out}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-10px);opacity:1}}.create{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 85% -10%,rgba(232,160,180,.25),transparent),radial-gradient(ellipse 70% 50% at 0% 10%,rgba(226,184,87,.18),transparent),var(--paper);padding:0 16px 40px}.hero{text-align:center;padding:44px 0 26px}.brand{font-family:var(--display);font-weight:700;font-size:clamp(2.8rem,9vw,4.2rem);margin:0;color:var(--accent);letter-spacing:0;line-height:1.2}.tagline{margin:6px 0 0;font-size:clamp(1.05rem,3.6vw,1.25rem);color:var(--ink-2)}.create-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.create-form{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:16px}.create-preview{grid-column:2;grid-row:1;position:sticky;top:20px;display:flex;flex-direction:column;gap:12px}.preview-stage{position:relative;height:430px;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px -30px #3c1e1473;color:var(--fg)}.preview-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.preview-caption{margin:0;color:var(--fg-2)}.preview-caption b{color:var(--fg);font-family:var(--script);font-size:1.25rem}.fsec{background:color-mix(in oklab,var(--card) 80%,transparent);border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px}.fsec-head{display:flex;align-items:flex-start;gap:12px}.fsec-n{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-family:var(--display);font-weight:700}.fsec h2{margin:2px 0 0;font-family:var(--display);font-weight:700;font-size:1.2rem}.fsec-head p{margin:2px 0 0;color:var(--ink-2);font-size:.92rem}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field>span:first-child{font-weight:700;font-size:.92rem;color:var(--ink-2)}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#fffdf8;border-radius:14px;padding:12px 14px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #8e2b3a1f}.msg-input{font-family:var(--serif)!important;font-size:1.2rem!important;line-height:1.9;resize:vertical;min-height:170px}.counter{position:absolute;bottom:8px;left:12px;font-size:.78rem;color:var(--ink-2);opacity:.7;direction:ltr}.templates,.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fffdf8;border-radius:999px;padding:8px 14px;font-size:.93rem;transition:all .15s}.chip:hover{border-color:color-mix(in oklab,var(--accent) 45%,transparent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.music-chip{display:inline-flex;align-items:center;padding:0;overflow:hidden}.music-chip button{background:none;border:0;padding:8px 14px;color:inherit}.music-chip .listen{padding:8px 12px;border-inline-start:1px solid color-mix(in oklab,currentColor 20%,transparent);font-size:.75rem}.pick-row{display:flex;flex-direction:column;gap:8px}.pick-label{font-weight:700;font-size:.92rem;color:var(--ink-2)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:38px;height:38px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--c) 70%,white),var(--c) 60%);box-shadow:inset 0 0 0 1px #0000001f;transition:transform .15s,box-shadow .15s}.swatch:hover{transform:scale(1.08)}.swatch.on{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 3px var(--paper),0 0 0 5px var(--ink)}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-card{position:relative;height:96px;border-radius:16px;overflow:hidden;border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:start;color:var(--fg);background:none;transition:transform .15s,box-shadow .15s}.theme-card:hover{transform:translateY(-2px)}.theme-card.on{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink)}.theme-card .night-moon{width:22px;top:10px;left:10px;box-shadow:0 0 14px 4px #fdf0be4d}.theme-card .theme-name,.theme-card .theme-desc{position:relative;z-index:2}.theme-name{font-weight:800;font-size:1rem}.theme-desc{font-size:.72rem;color:var(--fg-2);line-height:1.3}.voice{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.voice .player{--card-accent: var(--accent)}.voice-actions{display:flex;flex-wrap:wrap;gap:10px}.rec-live{flex:1;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:#fff3f3;border:1px solid rgba(200,50,60,.25)}.rec-dot{width:12px;height:12px;border-radius:50%;background:#d22f3f;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.rec-bars{flex:1;height:28px;display:flex;align-items:center;gap:3px}.rec-bars i{flex:1;height:100%;border-radius:3px;background:#d22f3f;transform:scaleY(.15);transition:transform .08s}.rec-time{font-variant-numeric:tabular-nums;font-size:.9rem}.field-note{width:100%;margin:0;font-size:.85rem;color:var(--ink-2)}.field-error,.form-error{width:100%;margin:0;color:#b3261e;font-weight:700}.form-error{text-align:center;background:#fdecea;padding:10px;border-radius:12px}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:46px;height:28px;border-radius:999px;background:#d8cfc2;position:relative;transition:background .2s;flex-shrink:0}.toggle-ui:after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.toggle input:checked+.toggle-ui{background:var(--accent)}.toggle input:checked+.toggle-ui:after{transform:translate(-18px)}.toggle input:focus-visible+.toggle-ui{outline:2px solid var(--accent);outline-offset:3px}.schedule{display:flex;flex-direction:column;gap:12px;overflow:hidden}.solid-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 20px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .12s,background .2s,box-shadow .2s}.solid-btn{border:0;background:var(--accent);color:#fff;box-shadow:0 10px 24px -12px #8e2b3acc}.solid-btn:hover{background:var(--accent-2)}.solid-btn:active,.ghost-btn:active{transform:scale(.97)}.solid-btn:disabled{opacity:.7;cursor:progress}.solid-btn.big{padding:16px 28px;font-size:1.15rem;flex:1}.solid-btn.small{padding:8px 14px;font-size:.9rem}.ghost-btn{border:1px solid var(--line);background:#fffdf8;color:var(--ink)}.ghost-btn:hover{border-color:color-mix(in oklab,var(--accent) 45%,transparent)}.ghost-btn.wide{width:100%}.ghost-btn.danger{color:#b3261e}.form-cta{position:sticky;bottom:12px;z-index:5;display:flex;gap:10px;padding:10px;border-radius:20px;background:color-mix(in oklab,var(--paper) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line)}.foot{max-width:640px;margin:32px auto 0;text-align:center;font-size:.9rem;color:var(--ink-2);line-height:1.8}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1e120e73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}.modal-card{width:min(100%,480px);background:var(--card);border-radius:26px;padding:26px 22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 40px 80px -30px #00000080;--fg: var(--ink)}.modal-card h2{font-family:var(--display);margin:0;font-size:1.6rem}.muted{margin:0;color:var(--ink-2)}.link-field{width:100%;display:flex;gap:8px}.link-field input{flex:1;min-width:0;border:1px solid var(--line);background:#fffdf8;border-radius:12px;padding:10px 12px;font-size:.85rem;font-family:ui-monospace,monospace}.share-row{width:100%;display:flex;flex-wrap:wrap;gap:8px}.share-btn{flex:1;min-width:120px;text-align:center;text-decoration:none;border:1px solid var(--line);background:#fffdf8;border-radius:12px;padding:11px 12px;font-weight:700;font-size:.95rem}.share-btn.wa{background:#1f9d55;border-color:#1f9d55;color:#fff}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto}@media (max-width: 860px){.create-grid{grid-template-columns:1fr;gap:16px}.create-form,.create-preview{grid-column:1;grid-row:auto}.create-preview{position:relative;top:0}.preview-stage{height:320px}.create-preview .ghost-btn.wide{display:none}}@media (max-width: 560px){.hero{padding:28px 0 18px}.row2{grid-template-columns:1fr}.themes{grid-template-columns:repeat(2,1fr)}.fsec{padding:16px}.card{padding:36px 20px 24px}.cd-unit{min-width:58px}.cd-num{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.gift-float,.gift-shadow,.gift-shine,.blob,.petal,.dust,.shooting,.star{animation:none!important}}