*{margin:0;padding:0;box-sizing:border-box}[data-theme=midnight]{--bg: #0a0a0a;--bg-card: #161616;--bg-modal: #1a1a1a;--bg-elevated: #1f1f1f;--border: #2a2a2a;--border-soft: #1f1f1f;--text: #e8e8e8;--text-dim: #888;--accent: #f0c040;--accent-hover: #f5d060;--accent-dim: rgba(240, 192, 64, .15);--accent-contrast: #0a0a0a;--danger: #ff6b6b;--success: #51cf66;--radius: 12px;--radius-sm: 8px;--shadow-fab: 0 4px 20px rgba(240, 192, 64, .3);--overlay: rgba(0,0,0,.7);--backdrop-blur: none;--app-bg: var(--bg)}[data-theme=paper]{--bg: #faf7f2;--bg-card: #ffffff;--bg-modal: #ffffff;--bg-elevated: #f4efe7;--border: #e6dfd3;--border-soft: #efe9dd;--text: #2c2a26;--text-dim: #8a857a;--accent: #e07856;--accent-hover: #d86a44;--accent-dim: rgba(224, 120, 86, .12);--accent-contrast: #ffffff;--danger: #d84a4a;--success: #4caf6c;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 6px 24px rgba(224, 120, 86, .35);--overlay: rgba(44, 42, 38, .4);--backdrop-blur: none;--app-bg: var(--bg)}:root,[data-theme=aurora]{--bg: #0d0a1f;--bg-card: rgba(255, 255, 255, .06);--bg-modal: rgba(20, 16, 40, .85);--bg-elevated: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--border-soft: rgba(255, 255, 255, .06);--text: #f0eaff;--text-dim: #9d96b8;--accent: #b794ff;--accent-hover: #c8a8ff;--accent-dim: rgba(183, 148, 255, .18);--accent-contrast: #0d0a1f;--danger: #ff7eb6;--success: #7fffd4;--radius: 16px;--radius-sm: 12px;--shadow-fab: 0 8px 28px rgba(183, 148, 255, .5);--overlay: rgba(13, 10, 31, .6);--backdrop-blur: blur(20px);--app-bg: radial-gradient(ellipse 80% 60% at 80% 0%, rgba(255, 100, 200, .25), transparent 60%), radial-gradient(ellipse 80% 60% at 20% 100%, rgba(100, 180, 255, .25), transparent 60%), radial-gradient(ellipse 60% 50% at 50% 50%, rgba(180, 100, 255, .15), transparent 60%), var(--bg)}[data-theme=forest]{--bg: #0e1f17;--bg-card: #152921;--bg-modal: #1a3128;--bg-elevated: #1f3a30;--border: #2a4537;--border-soft: #1f3327;--text: #e0ebde;--text-dim: #7d9a85;--accent: #8fcc7a;--accent-hover: #a4d890;--accent-dim: rgba(143, 204, 122, .15);--accent-contrast: #0e1f17;--danger: #e57373;--success: #8fcc7a;--radius: 12px;--radius-sm: 8px;--shadow-fab: 0 4px 20px rgba(143, 204, 122, .35);--overlay: rgba(14, 31, 23, .7);--backdrop-blur: none;--app-bg: var(--bg)}[data-theme=ocean]{--bg: #061425;--bg-card: #0d2238;--bg-modal: #112a45;--bg-elevated: #15324f;--border: #1d4063;--border-soft: #102a44;--text: #d6ecff;--text-dim: #7395b8;--accent: #4ed4d4;--accent-hover: #6fe1e1;--accent-dim: rgba(78, 212, 212, .18);--accent-contrast: #061425;--danger: #ff8fa3;--success: #4ed4d4;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 4px 24px rgba(78, 212, 212, .4);--overlay: rgba(6, 20, 37, .7);--backdrop-blur: none;--app-bg: linear-gradient(180deg, #061425 0%, #0a1f35 100%)}[data-theme=sunset]{--bg: #1a0e1c;--bg-card: rgba(255, 220, 200, .06);--bg-modal: rgba(40, 20, 30, .92);--bg-elevated: rgba(255, 220, 200, .09);--border: rgba(255, 180, 140, .18);--border-soft: rgba(255, 180, 140, .08);--text: #ffeae0;--text-dim: #c5998c;--accent: #ff9558;--accent-hover: #ffae7e;--accent-dim: rgba(255, 149, 88, .2);--accent-contrast: #1a0e1c;--danger: #ff5e8a;--success: #ffce6a;--radius: 16px;--radius-sm: 12px;--shadow-fab: 0 8px 28px rgba(255, 149, 88, .45);--overlay: rgba(26, 14, 28, .65);--backdrop-blur: blur(18px);--app-bg: radial-gradient(ellipse 90% 60% at 20% 0%, rgba(255, 150, 80, .3), transparent 60%), radial-gradient(ellipse 80% 60% at 100% 100%, rgba(255, 100, 130, .25), transparent 60%), var(--bg)}[data-theme=mocha]{--bg: #f4ece1;--bg-card: #ffffff;--bg-modal: #fffaf1;--bg-elevated: #ede1cf;--border: #d9c8ad;--border-soft: #e7d9be;--text: #3d2c1f;--text-dim: #8e7355;--accent: #8b5a3c;--accent-hover: #9a6749;--accent-dim: rgba(139, 90, 60, .15);--accent-contrast: #ffffff;--danger: #c44a4a;--success: #6a8a4e;--radius: 12px;--radius-sm: 8px;--shadow-fab: 0 6px 22px rgba(139, 90, 60, .35);--overlay: rgba(61, 44, 31, .4);--backdrop-blur: none;--app-bg: var(--bg)}[data-theme=pastel]{--bg: #fff5fa;--bg-card: #ffffff;--bg-modal: #ffffff;--bg-elevated: #ffe9f3;--border: #ffd4e5;--border-soft: #ffe0eb;--text: #4a2e3d;--text-dim: #b08aa1;--accent: #f490b8;--accent-hover: #ffa3c5;--accent-dim: rgba(244, 144, 184, .18);--accent-contrast: #ffffff;--danger: #ff5e8a;--success: #8fd9b3;--radius: 18px;--radius-sm: 14px;--shadow-fab: 0 8px 28px rgba(244, 144, 184, .4);--overlay: rgba(74, 46, 61, .3);--backdrop-blur: blur(12px);--app-bg: radial-gradient(ellipse 80% 50% at 100% 0%, rgba(244, 144, 184, .2), transparent 60%), radial-gradient(ellipse 80% 50% at 0% 100%, rgba(180, 200, 255, .18), transparent 60%), var(--bg)}[data-theme=cyberpunk]{--bg: #07050f;--bg-card: rgba(255, 0, 180, .04);--bg-modal: #0e0a1a;--bg-elevated: rgba(0, 255, 220, .06);--border: rgba(255, 0, 180, .25);--border-soft: rgba(0, 255, 220, .12);--text: #e8e6f5;--text-dim: #9d8db5;--accent: #ff2eb0;--accent-hover: #ff4ec0;--accent-dim: rgba(255, 46, 176, .2);--accent-contrast: #07050f;--danger: #ff4040;--success: #00ffd4;--radius: 6px;--radius-sm: 4px;--shadow-fab: 0 0 24px rgba(255, 46, 176, .7), 0 0 12px rgba(0, 255, 220, .4);--overlay: rgba(7, 5, 15, .8);--backdrop-blur: blur(8px);--app-bg: linear-gradient(135deg, rgba(255, 0, 180, .08), transparent 50%), linear-gradient(225deg, rgba(0, 255, 220, .08), transparent 50%), var(--bg)}[data-theme=mono]{--bg: #fafafa;--bg-card: #ffffff;--bg-modal: #ffffff;--bg-elevated: #f0f0f0;--border: #e0e0e0;--border-soft: #ececec;--text: #1a1a1a;--text-dim: #909090;--accent: #1a1a1a;--accent-hover: #2e2e2e;--accent-dim: rgba(26, 26, 26, .08);--accent-contrast: #ffffff;--danger: #555555;--success: #1a1a1a;--radius: 6px;--radius-sm: 4px;--shadow-fab: 0 4px 16px rgba(0, 0, 0, .18);--overlay: rgba(26, 26, 26, .4);--backdrop-blur: none;--app-bg: var(--bg)}[data-theme=lemon]{--bg: #fffef6;--bg-card: #ffffff;--bg-modal: #ffffff;--bg-elevated: #fffae0;--border: #f4ed99;--border-soft: #fbf4b9;--text: #2a2a1a;--text-dim: #8a8560;--accent: #f5c518;--accent-hover: #ffd633;--accent-dim: rgba(245, 197, 24, .2);--accent-contrast: #2a2a1a;--danger: #e85a5a;--success: #6abf6a;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 6px 22px rgba(245, 197, 24, .5);--overlay: rgba(42, 42, 26, .3);--backdrop-blur: none;--app-bg: var(--bg)}[data-theme=lavender]{--bg: #faf6ff;--bg-card: #ffffff;--bg-modal: #ffffff;--bg-elevated: #f0e8ff;--border: #d9c8ff;--border-soft: #e6dcff;--text: #2c1f4a;--text-dim: #9b8ab8;--accent: #8a6dff;--accent-hover: #9a82ff;--accent-dim: rgba(138, 109, 255, .15);--accent-contrast: #ffffff;--danger: #ff6e9c;--success: #6ed1a8;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 6px 22px rgba(138, 109, 255, .4);--overlay: rgba(44, 31, 74, .35);--backdrop-blur: none;--app-bg: var(--bg)}[data-theme=carbon]{--bg: #000000;--bg-card: #0f0f0f;--bg-modal: #141414;--bg-elevated: #1c1c1c;--border: #1f1f1f;--border-soft: #161616;--text: #f5f5f5;--text-dim: #7a7a7a;--accent: #00b8ff;--accent-hover: #2bc8ff;--accent-dim: rgba(0, 184, 255, .18);--accent-contrast: #000000;--danger: #ff4040;--success: #00ff9d;--radius: 8px;--radius-sm: 6px;--shadow-fab: 0 0 24px rgba(0, 184, 255, .45);--overlay: rgba(0, 0, 0, .85);--backdrop-blur: none;--app-bg: var(--bg)}html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--app-bg);background-attachment:fixed;color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}#root{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}input,textarea{font:inherit;color:inherit;background:transparent;border:none;outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);display:flex;align-items:flex-end;justify-content:center;z-index:1100;animation:fadeIn .15s ease}.modal-content{background:var(--bg-modal);width:100%;max-width:480px;border-radius:var(--radius) var(--radius) 0 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));animation:slideUp .2s ease;max-height:85dvh;overflow-y:auto;border-top:1px solid var(--border)}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes strikethrough{0%{text-decoration-color:transparent}to{text-decoration-color:var(--text-dim)}}.fab{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0px));right:calc(50% - 220px);width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-fab);transition:transform .15s,background .15s;z-index:1001}.fab:hover{background:var(--accent-hover);transform:scale(1.05)}.fab:active{transform:scale(.95)}@media(max-width:480px){.fab{right:20px}}.check-pop{animation:checkPop .25s ease}[draggable=true]{cursor:grab;touch-action:pan-y}[draggable=true]:active{cursor:grabbing}.todo-done-text{text-decoration:line-through;text-decoration-color:var(--text-dim);animation:strikethrough .3s ease;color:var(--text-dim)}.theme-card{position:relative;cursor:pointer;border:2px solid var(--border);border-radius:var(--radius);padding:12px;transition:border-color .15s,transform .15s;overflow:hidden}.theme-card:hover{transform:translateY(-1px)}.theme-card.active{border-color:var(--accent)}.theme-card-preview{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-sm);margin-bottom:8px;position:relative;overflow:hidden}.theme-card-label{font-size:13px;font-weight:600;color:var(--text)}.theme-card-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.theme-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.bg-effect-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.app-shell{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100dvh}.fab{z-index:1001}[data-theme=dandelion]{--bg: #b8d8e8;--bg-card: rgba(255, 255, 255, .78);--bg-modal: rgba(255, 255, 255, .95);--bg-elevated: rgba(255, 255, 255, .6);--border: rgba(80, 120, 150, .18);--border-soft: rgba(80, 120, 150, .1);--text: #1d3a4a;--text-dim: #6b8898;--accent: #f5d160;--accent-hover: #ffd970;--accent-dim: rgba(245, 209, 96, .22);--accent-contrast: #1d3a4a;--danger: #e57373;--success: #6fc26f;--radius: 16px;--radius-sm: 12px;--shadow-fab: 0 8px 24px rgba(245, 209, 96, .5);--overlay: rgba(29, 58, 74, .4);--backdrop-blur: blur(12px);--app-bg: radial-gradient(ellipse 90% 70% at 50% 0%, #d6ebf4, transparent 70%), linear-gradient(180deg, #b8d8e8 0%, #d4e8f0 100%)}.dandelion-seed{position:absolute;bottom:-40px;opacity:0;animation:dandelion-float linear infinite}@keyframes dandelion-float{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.9}to{transform:translate(var(--drift),-110vh) rotate(360deg);opacity:0}}[data-theme=sakura]{--bg: #fff0f5;--bg-card: rgba(255, 255, 255, .85);--bg-modal: #ffffff;--bg-elevated: rgba(255, 220, 235, .5);--border: rgba(255, 150, 195, .25);--border-soft: rgba(255, 180, 210, .18);--text: #4a2638;--text-dim: #a47a8e;--accent: #ff7eb6;--accent-hover: #ff95c5;--accent-dim: rgba(255, 126, 182, .18);--accent-contrast: #ffffff;--danger: #e55555;--success: #8ed98e;--radius: 18px;--radius-sm: 14px;--shadow-fab: 0 8px 26px rgba(255, 126, 182, .5);--overlay: rgba(74, 38, 56, .3);--backdrop-blur: blur(14px);--app-bg: radial-gradient(ellipse 80% 60% at 90% 0%, rgba(255, 200, 220, .5), transparent 60%), radial-gradient(ellipse 80% 60% at 10% 100%, rgba(255, 220, 200, .4), transparent 60%), #fff0f5}.sakura-petal{position:absolute;top:-40px;opacity:0;animation:sakura-fall linear infinite}@keyframes sakura-fall{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(80px,110vh) rotate(var(--spin));opacity:0}}[data-theme=fireflies]{--bg: #06141a;--bg-card: rgba(255, 220, 100, .04);--bg-modal: rgba(8, 22, 28, .92);--bg-elevated: rgba(255, 220, 100, .06);--border: rgba(255, 220, 100, .15);--border-soft: rgba(255, 220, 100, .08);--text: #e8e2c8;--text-dim: #8a8068;--accent: #ffd96a;--accent-hover: #ffe187;--accent-dim: rgba(255, 217, 106, .18);--accent-contrast: #06141a;--danger: #ff6e6e;--success: #a8e87a;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 0 28px rgba(255, 217, 106, .6), 0 6px 22px rgba(0,0,0,.4);--overlay: rgba(6, 20, 26, .7);--backdrop-blur: blur(12px);--app-bg: radial-gradient(ellipse 100% 80% at 50% 100%, rgba(40, 80, 60, .4), transparent 60%), linear-gradient(180deg, #06141a 0%, #0a1c20 100%)}.firefly{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff9a8 0%,#ffd96a 40%,transparent 70%);box-shadow:0 0 12px 4px #ffd96a99;opacity:0;animation:firefly-drift ease-in-out infinite,firefly-glow 1.6s ease-in-out infinite}@keyframes firefly-drift{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--dx) * .4),calc(var(--dy) * .6))}50%{transform:translate(var(--dx),calc(var(--dy) * .3))}75%{transform:translate(calc(var(--dx) * .2),var(--dy))}}@keyframes firefly-glow{0%,to{opacity:.3}50%{opacity:1}}[data-theme=starry]{--bg: #050615;--bg-card: rgba(255, 255, 255, .05);--bg-modal: rgba(10, 12, 30, .92);--bg-elevated: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--text: #e6e8ff;--text-dim: #8a8db8;--accent: #6db5ff;--accent-hover: #8cc4ff;--accent-dim: rgba(109, 181, 255, .18);--accent-contrast: #050615;--danger: #ff6e9c;--success: #6fffa8;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 8px 28px rgba(109, 181, 255, .5);--overlay: rgba(5, 6, 21, .7);--backdrop-blur: blur(14px);--app-bg: radial-gradient(ellipse 60% 40% at 80% 20%, rgba(70, 90, 160, .4), transparent 60%), radial-gradient(ellipse 60% 40% at 20% 80%, rgba(50, 70, 140, .35), transparent 60%), linear-gradient(180deg, #050615 0%, #0a0d28 100%)}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px #fffc;animation:star-twinkle ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}[data-theme=snow]{--bg: #e8eef5;--bg-card: rgba(255, 255, 255, .92);--bg-modal: #ffffff;--bg-elevated: rgba(255, 255, 255, .7);--border: rgba(120, 145, 175, .18);--border-soft: rgba(120, 145, 175, .1);--text: #2a3a4a;--text-dim: #7a8a9a;--accent: #5b8aaf;--accent-hover: #6f9cc0;--accent-dim: rgba(91, 138, 175, .15);--accent-contrast: #ffffff;--danger: #e55555;--success: #6abf6a;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 6px 20px rgba(91, 138, 175, .35);--overlay: rgba(42, 58, 74, .4);--backdrop-blur: blur(10px);--app-bg: radial-gradient(ellipse 100% 60% at 50% 0%, #f4f8fc, transparent 70%), linear-gradient(180deg, #e8eef5 0%, #d8e3ee 100%)}.snowflake{position:absolute;top:-20px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 4px #fff9;opacity:0;animation:snow-fall linear infinite}@keyframes snow-fall{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--drift),110vh);opacity:.8}}[data-theme=bubbles]{--bg: #d4f0fa;--bg-card: rgba(255, 255, 255, .8);--bg-modal: rgba(255, 255, 255, .97);--bg-elevated: rgba(255, 255, 255, .55);--border: rgba(50, 130, 170, .2);--border-soft: rgba(50, 130, 170, .12);--text: #0e3a4f;--text-dim: #5d8aa0;--accent: #2db5e6;--accent-hover: #4cc3f0;--accent-dim: rgba(45, 181, 230, .18);--accent-contrast: #ffffff;--danger: #e55555;--success: #5ec48a;--radius: 18px;--radius-sm: 14px;--shadow-fab: 0 8px 26px rgba(45, 181, 230, .5);--overlay: rgba(14, 58, 79, .4);--backdrop-blur: blur(16px);--app-bg: radial-gradient(ellipse 90% 60% at 50% 100%, rgba(80, 200, 230, .4), transparent 70%), linear-gradient(180deg, #d4f0fa 0%, #b8e0f0 100%)}.bubble{position:absolute;bottom:-100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffb3,#2db5e62e 60%,#2db5e60d);border:1px solid rgba(255,255,255,.3);opacity:0;animation:bubble-rise ease-in infinite}@keyframes bubble-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}to{transform:translate(40px,-110vh);opacity:0}}[data-theme=rain]{--bg: #1a2530;--bg-card: rgba(255, 255, 255, .08);--bg-modal: rgba(20, 35, 50, .95);--bg-elevated: rgba(255, 255, 255, .06);--border: rgba(150, 180, 210, .18);--border-soft: rgba(150, 180, 210, .1);--text: #e0eaf0;--text-dim: #8a9da8;--accent: #6db5e8;--accent-hover: #87c4f0;--accent-dim: rgba(109, 181, 232, .18);--accent-contrast: #1a2530;--danger: #ff7a7a;--success: #7fd1a8;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 6px 24px rgba(109, 181, 232, .4);--overlay: rgba(26, 37, 48, .7);--backdrop-blur: blur(14px);--app-bg: linear-gradient(180deg, #1a2530 0%, #243443 100%)}.rain-drop{position:absolute;top:-40px;width:1.5px;background:linear-gradient(180deg,transparent,rgba(180,220,255,.7));animation:rain-fall linear infinite}@keyframes rain-fall{0%{transform:translateY(0)}to{transform:translateY(105vh)}}[data-theme=meteor]{--bg: #050315;--bg-card: rgba(255, 255, 255, .05);--bg-modal: rgba(10, 8, 25, .95);--bg-elevated: rgba(255, 255, 255, .07);--border: rgba(180, 200, 255, .15);--border-soft: rgba(180, 200, 255, .08);--text: #e8e6ff;--text-dim: #8a8ab8;--accent: #ffd96a;--accent-hover: #ffe187;--accent-dim: rgba(255, 217, 106, .18);--accent-contrast: #050315;--danger: #ff6e9c;--success: #7fffd4;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 8px 28px rgba(255, 217, 106, .5);--overlay: rgba(5, 3, 21, .75);--backdrop-blur: blur(14px);--app-bg: radial-gradient(ellipse 70% 50% at 30% 30%, rgba(80, 80, 180, .3), transparent 60%), radial-gradient(ellipse 60% 40% at 70% 70%, rgba(120, 60, 180, .25), transparent 60%), linear-gradient(180deg, #050315 0%, #0a0825 100%)}.meteor{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#ffd96a,#ffffff);border-radius:2px;transform:rotate(-30deg);transform-origin:right center;opacity:0;filter:drop-shadow(0 0 6px rgba(255,217,106,.8));animation:meteor-streak ease-out infinite}@keyframes meteor-streak{0%{transform:rotate(-30deg) translate(0);opacity:0}5%{opacity:1}to{transform:rotate(-30deg) translate(-110vw);opacity:0}}[data-theme=confetti]{--bg: #1a1428;--bg-card: rgba(255, 255, 255, .07);--bg-modal: rgba(30, 20, 45, .95);--bg-elevated: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .15);--border-soft: rgba(255, 255, 255, .08);--text: #f8eeff;--text-dim: #a89db8;--accent: #ff6b9d;--accent-hover: #ff85b0;--accent-dim: rgba(255, 107, 157, .2);--accent-contrast: #1a1428;--danger: #ff5e8a;--success: #06d6a0;--radius: 16px;--radius-sm: 12px;--shadow-fab: 0 8px 28px rgba(255, 107, 157, .5);--overlay: rgba(26, 20, 40, .7);--backdrop-blur: blur(16px);--app-bg: radial-gradient(ellipse 80% 60% at 80% 0%, rgba(255, 209, 102, .25), transparent 60%), radial-gradient(ellipse 80% 60% at 20% 100%, rgba(17, 138, 178, .3), transparent 60%), radial-gradient(ellipse 60% 50% at 50% 50%, rgba(255, 107, 157, .18), transparent 60%), #1a1428}.confetti-piece{position:absolute;top:-30px;border-radius:1px;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--sway),110vh) rotate(var(--rotate));opacity:.8}}[data-theme=balloons]{--bg: #e8f4fc;--bg-card: rgba(255, 255, 255, .85);--bg-modal: #ffffff;--bg-elevated: rgba(255, 255, 255, .6);--border: rgba(80, 130, 180, .2);--border-soft: rgba(80, 130, 180, .12);--text: #1a3550;--text-dim: #6a87a8;--accent: #ff7eb6;--accent-hover: #ff95c5;--accent-dim: rgba(255, 126, 182, .18);--accent-contrast: #ffffff;--danger: #e55555;--success: #5ec48a;--radius: 16px;--radius-sm: 12px;--shadow-fab: 0 8px 26px rgba(255, 126, 182, .45);--overlay: rgba(26, 53, 80, .4);--backdrop-blur: blur(12px);--app-bg: radial-gradient(ellipse 100% 60% at 50% 100%, rgba(180, 220, 250, .5), transparent 70%), linear-gradient(180deg, #e8f4fc 0%, #cae5f7 100%)}.balloon{position:absolute;bottom:-120px;border-radius:50% 50% 48% 48%/55% 55% 45% 45%;box-shadow:inset -6px -10px 20px #0000002e;opacity:0;animation:balloon-rise ease-in infinite}.balloon:after{content:"";position:absolute;bottom:-30px;left:50%;width:1.5px;height:30px;background:#00000040;transform:translate(-50%)}@keyframes balloon-rise{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--sway),-120vh);opacity:0}}[data-theme=leaves]{--bg: #2a1a0e;--bg-card: rgba(255, 220, 180, .06);--bg-modal: rgba(50, 28, 18, .95);--bg-elevated: rgba(255, 220, 180, .09);--border: rgba(220, 140, 80, .25);--border-soft: rgba(220, 140, 80, .14);--text: #ffeed8;--text-dim: #c4a585;--accent: #e87a3b;--accent-hover: #f08f55;--accent-dim: rgba(232, 122, 59, .2);--accent-contrast: #2a1a0e;--danger: #ff5e5e;--success: #a8d96a;--radius: 14px;--radius-sm: 10px;--shadow-fab: 0 8px 26px rgba(232, 122, 59, .5);--overlay: rgba(42, 26, 14, .7);--backdrop-blur: blur(14px);--app-bg: radial-gradient(ellipse 80% 60% at 80% 0%, rgba(220, 100, 50, .35), transparent 60%), radial-gradient(ellipse 80% 60% at 20% 100%, rgba(180, 80, 40, .3), transparent 60%), #2a1a0e}.leaf{position:absolute;top:-40px;opacity:0;animation:leaf-fall linear infinite}@keyframes leaf-fall{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--drift),110vh) rotate(var(--spin));opacity:.8}}[data-theme=butterflies]{--bg: #f0f4e8;--bg-card: rgba(255, 255, 255, .85);--bg-modal: #ffffff;--bg-elevated: rgba(255, 255, 255, .55);--border: rgba(120, 160, 100, .22);--border-soft: rgba(120, 160, 100, .12);--text: #2d3a20;--text-dim: #708060;--accent: #b794ff;--accent-hover: #c8a8ff;--accent-dim: rgba(183, 148, 255, .18);--accent-contrast: #ffffff;--danger: #e55555;--success: #6ac26a;--radius: 16px;--radius-sm: 12px;--shadow-fab: 0 8px 24px rgba(183, 148, 255, .45);--overlay: rgba(45, 58, 32, .4);--backdrop-blur: blur(12px);--app-bg: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(180, 220, 150, .4), transparent 70%), linear-gradient(180deg, #f0f4e8 0%, #dde7c8 100%)}.butterfly{position:absolute;left:-50px;animation:butterfly-flight linear infinite}.butterfly.reverse{left:auto;right:-50px;animation:butterfly-flight-rev linear infinite;transform:scaleX(-1)}.butterfly-svg{animation:butterfly-flap .25s ease-in-out infinite alternate;transform-origin:center}@keyframes butterfly-flap{0%{transform:scaleX(1)}to{transform:scaleX(.4)}}@keyframes butterfly-flight{0%{transform:translate(0)}25%{transform:translate(30vw,-20px)}50%{transform:translate(60vw,30px)}75%{transform:translate(80vw,-20px)}to{transform:translate(110vw,20px)}}@keyframes butterfly-flight-rev{0%{transform:scaleX(-1) translate(0)}25%{transform:scaleX(-1) translate(30vw,-20px)}50%{transform:scaleX(-1) translate(60vw,30px)}75%{transform:scaleX(-1) translate(80vw,-20px)}to{transform:scaleX(-1) translate(110vw,20px)}}[data-theme=sparkles]{--bg: #160a28;--bg-card: rgba(255, 220, 100, .06);--bg-modal: rgba(30, 15, 50, .95);--bg-elevated: rgba(255, 220, 100, .09);--border: rgba(255, 220, 100, .18);--border-soft: rgba(255, 220, 100, .1);--text: #fff6dc;--text-dim: #b8a98a;--accent: #ffd96a;--accent-hover: #ffe187;--accent-dim: rgba(255, 217, 106, .2);--accent-contrast: #160a28;--danger: #ff6e9c;--success: #7fffd4;--radius: 16px;--radius-sm: 12px;--shadow-fab: 0 0 32px rgba(255, 217, 106, .7);--overlay: rgba(22, 10, 40, .75);--backdrop-blur: blur(16px);--app-bg: radial-gradient(ellipse 80% 60% at 80% 0%, rgba(255, 217, 106, .25), transparent 60%), radial-gradient(ellipse 80% 60% at 20% 100%, rgba(180, 100, 255, .3), transparent 60%), #160a28}.sparkle{position:absolute;filter:drop-shadow(0 0 4px rgba(255,230,130,.8));animation:sparkle-twinkle ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}[data-theme=clouds]{--bg: #9ccff0;--bg-card: rgba(255, 255, 255, .82);--bg-modal: #ffffff;--bg-elevated: rgba(255, 255, 255, .55);--border: rgba(80, 120, 160, .18);--border-soft: rgba(80, 120, 160, .1);--text: #1a3550;--text-dim: #6f8ba8;--accent: #ff9558;--accent-hover: #ffae7e;--accent-dim: rgba(255, 149, 88, .2);--accent-contrast: #ffffff;--danger: #e55555;--success: #5ec48a;--radius: 18px;--radius-sm: 14px;--shadow-fab: 0 8px 26px rgba(255, 149, 88, .45);--overlay: rgba(26, 53, 80, .35);--backdrop-blur: blur(14px);--app-bg: linear-gradient(180deg, #9ccff0 0%, #c5e3f5 60%, #e8f3fa 100%)}.cloud{position:absolute;left:-250px;border-radius:50%;background:radial-gradient(ellipse at center,#ffffff 30%,rgba(255,255,255,.6) 70%,transparent 100%);filter:blur(1px);animation:cloud-drift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:65%;height:100%;top:-40%;left:15%}.cloud:after{width:50%;height:80%;top:-10%;right:5%}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 250px))}}