:root,[data-theme=cool]{--bg: #0a0e27;--bg-2: #101540;--bg-3: #161c52;--surface: rgba(255, 255, 255, .045);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #eef2ff;--text-2: #b4bde0;--text-3: #7b85b3;--accent: #22d3ee;--accent-2: #06b6d4;--accent-soft: rgba(34, 211, 238, .14);--indigo: #6366f1;--indigo-soft: rgba(99, 102, 241, .18);--violet: #a78bfa;--success: #34d399;--success-soft: rgba(52, 211, 153, .15);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .15);--danger: #fb7185;--danger-soft: rgba(251, 113, 133, .15);--fire: #fb923c;--radius: 18px;--radius-sm: 12px;--shadow: 0 10px 40px rgba(2, 6, 23, .45);--shadow-sm: 0 4px 16px rgba(2, 6, 23, .35);--nav-h: 68px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--header-bg: rgba(10, 14, 39, .65);--nav-bg: rgba(10, 14, 39, .72);--body-gradient: radial-gradient(1200px 600px at 85% -10%, rgba(99, 102, 241, .28), transparent 60%), radial-gradient(900px 500px at -10% 30%, rgba(34, 211, 238, .16), transparent 60%), radial-gradient(700px 500px at 60% 110%, rgba(167, 139, 250, .16), transparent 60%), linear-gradient(180deg, #0a0e27 0%, #0d1236 60%, #0a0e27 100%);--input-bg: rgba(3, 7, 30, .55);--option-bg: #101540;--tabs-bg: rgba(3, 7, 30, .5);--modal-bg: rgba(16, 21, 64, .92);--backdrop-bg: rgba(3, 7, 30, .6);--toast-bg: rgba(16, 21, 64, .85);--card-sheen: linear-gradient(135deg, rgba(255, 255, 255, .07), transparent 45%);--track: rgba(255, 255, 255, .08);--check-border: rgba(255, 255, 255, .28);--skeleton-gradient: linear-gradient(90deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));--on-accent: #041018;--primary-gradient: linear-gradient(135deg, #22d3ee, #38bdf8 55%, #6366f1);--primary-shadow: rgba(34, 211, 238, .28);--accent-glow: rgba(34, 211, 238, .45);--focus-border: rgba(34, 211, 238, .6);--focus-shadow: rgba(34, 211, 238, .15);--selection: rgba(34, 211, 238, .35);--title-gradient: linear-gradient(90deg, #fff, var(--accent));--login-title-gradient: linear-gradient(90deg, #fff 10%, var(--accent) 60%, var(--indigo));--streak-count: #ffd7b0;--alert-error-text: #fecdd3;--alert-success-text: #a7f3d0;--badge-weekly-text: #a5b4fc;--badge-monthly-text: var(--violet);color-scheme:dark}[data-theme=pastel]{--bg: #fff7f2;--bg-2: #fdeef3;--bg-3: #f3e9fb;--surface: rgba(255, 255, 255, .68);--surface-strong: rgba(255, 255, 255, .92);--border: rgba(120, 90, 140, .13);--border-strong: rgba(120, 90, 140, .24);--text: #3d3450;--text-2: #5f5672;--text-3: #8b8299;--accent: #d4588f;--accent-2: #c04a80;--accent-soft: rgba(247, 161, 196, .24);--indigo: #9b7ee0;--indigo-soft: rgba(183, 156, 240, .26);--violet: #8f6fd6;--success: #2f9a6f;--success-soft: rgba(159, 226, 199, .35);--warn: #c9821c;--warn-soft: rgba(255, 214, 140, .4);--danger: #d94c74;--danger-soft: rgba(247, 161, 196, .3);--fire: #f2925a;--radius: 22px;--radius-sm: 14px;--shadow: 0 14px 40px rgba(180, 140, 190, .22);--shadow-sm: 0 4px 18px rgba(180, 140, 190, .16);--header-bg: rgba(255, 247, 242, .74);--nav-bg: rgba(255, 247, 242, .86);--body-gradient: radial-gradient(1100px 600px at 90% -10%, rgba(247, 161, 196, .45), transparent 60%), radial-gradient(900px 520px at -10% 25%, rgba(183, 156, 240, .35), transparent 60%), radial-gradient(800px 500px at 55% 110%, rgba(159, 226, 199, .4), transparent 60%), linear-gradient(180deg, #fff7f2 0%, #fdf1f5 55%, #f7f0fb 100%);--input-bg: rgba(255, 255, 255, .72);--option-bg: #fffaf8;--tabs-bg: rgba(255, 255, 255, .5);--modal-bg: rgba(255, 250, 248, .96);--backdrop-bg: rgba(90, 70, 110, .35);--toast-bg: rgba(255, 250, 248, .94);--card-sheen: linear-gradient(135deg, rgba(255, 255, 255, .65), transparent 45%);--track: rgba(120, 90, 140, .12);--check-border: rgba(120, 90, 140, .32);--skeleton-gradient: linear-gradient(90deg, rgba(120, 90, 140, .05), rgba(120, 90, 140, .11), rgba(120, 90, 140, .05));--on-accent: #fff;--primary-gradient: linear-gradient(135deg, #f48fb1, #d8a4f2 55%, #b79cf0);--primary-shadow: rgba(215, 140, 190, .38);--accent-glow: rgba(247, 161, 196, .6);--focus-border: rgba(212, 88, 143, .55);--focus-shadow: rgba(247, 161, 196, .32);--selection: rgba(247, 161, 196, .45);--title-gradient: linear-gradient(90deg, #6b4c8a, var(--accent));--login-title-gradient: linear-gradient(90deg, #6b4c8a 10%, var(--accent) 60%, var(--indigo));--streak-count: #b5562a;--alert-error-text: #9f2f52;--alert-success-text: #1f6e4c;--badge-weekly-text: #7a5fc7;--badge-monthly-text: #8f6fd6;color-scheme:light}[data-theme=bunny]{--bg: #fff8ef;--bg-2: #fff0e6;--bg-3: #ffe9dc;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .94);--border: rgba(150, 95, 80, .14);--border-strong: rgba(150, 95, 80, .26);--text: #4a3630;--text-2: #6e5750;--text-3: #987e76;--accent: #e0578c;--accent-2: #c9457a;--accent-soft: rgba(244, 143, 177, .24);--indigo: #ff8a3d;--indigo-soft: rgba(255, 159, 90, .24);--violet: #c86aa8;--success: #3f8f52;--success-soft: rgba(143, 209, 158, .32);--warn: #d0861a;--warn-soft: rgba(255, 205, 120, .4);--danger: #dd5470;--danger-soft: rgba(244, 143, 177, .28);--fire: #ff8a3d;--radius: 24px;--radius-sm: 16px;--shadow: 0 14px 40px rgba(200, 120, 90, .2);--shadow-sm: 0 4px 18px rgba(200, 120, 90, .14);--header-bg: rgba(255, 248, 239, .78);--nav-bg: rgba(255, 248, 239, .88);--body-gradient: radial-gradient(1100px 600px at 90% -10%, rgba(244, 143, 177, .42), transparent 60%), radial-gradient(900px 520px at -10% 30%, rgba(143, 209, 158, .34), transparent 60%), radial-gradient(800px 500px at 55% 110%, rgba(255, 159, 90, .36), transparent 60%), linear-gradient(180deg, #fff8ef 0%, #fff1e8 55%, #fff5ea 100%);--input-bg: rgba(255, 255, 255, .76);--option-bg: #fffaf4;--tabs-bg: rgba(255, 255, 255, .52);--modal-bg: rgba(255, 251, 246, .97);--backdrop-bg: rgba(110, 70, 60, .35);--toast-bg: rgba(255, 251, 246, .95);--card-sheen: linear-gradient(135deg, rgba(255, 255, 255, .7), transparent 45%);--track: rgba(150, 95, 80, .12);--check-border: rgba(150, 95, 80, .34);--skeleton-gradient: linear-gradient(90deg, rgba(150, 95, 80, .05), rgba(150, 95, 80, .11), rgba(150, 95, 80, .05));--on-accent: #fff;--primary-gradient: linear-gradient(135deg, #f48fb1, #ff9f5a);--primary-shadow: rgba(255, 140, 120, .38);--accent-glow: rgba(244, 143, 177, .6);--focus-border: rgba(224, 87, 140, .55);--focus-shadow: rgba(244, 143, 177, .32);--selection: rgba(244, 143, 177, .45);--title-gradient: linear-gradient(90deg, #7a4a3e, var(--accent));--login-title-gradient: linear-gradient(90deg, #7a4a3e 10%, var(--accent) 60%, var(--indigo));--streak-count: #b5562a;--alert-error-text: #a02f4f;--alert-success-text: #23633a;--badge-weekly-text: #c96a1f;--badge-monthly-text: #b0508f;color-scheme:light}[data-theme=bunny2]{--bg: #fff8ef;--bg-2: #fff0e6;--bg-3: #ffe9dc;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .94);--border: rgba(150, 95, 80, .14);--border-strong: rgba(150, 95, 80, .26);--text: #4a3630;--text-2: #6e5750;--text-3: #987e76;--accent: #6aa9e0;--accent-2: #4f92cf;--accent-soft: rgba(154, 206, 240, .28);--indigo: #7bc9a6;--indigo-soft: rgba(143, 209, 178, .28);--violet: #8eb6e8;--success: #3f8f52;--success-soft: rgba(143, 209, 158, .32);--warn: #d0861a;--warn-soft: rgba(255, 205, 120, .4);--danger: #dd5470;--danger-soft: rgba(244, 143, 177, .28);--fire: #ff8a3d;--radius: 24px;--radius-sm: 16px;--shadow: 0 14px 40px rgba(200, 120, 90, .2);--shadow-sm: 0 4px 18px rgba(200, 120, 90, .14);--header-bg: rgba(255, 248, 239, .78);--nav-bg: rgba(255, 248, 239, .88);--body-gradient: radial-gradient(1100px 600px at 90% -10%, rgba(154, 206, 240, .42), transparent 60%), radial-gradient(900px 520px at -10% 30%, rgba(143, 209, 178, .36), transparent 60%), radial-gradient(800px 500px at 55% 110%, rgba(255, 159, 90, .28), transparent 60%), linear-gradient(180deg, #fff8ef 0%, #fff1e8 55%, #fff5ea 100%);--input-bg: rgba(255, 255, 255, .76);--option-bg: #fffaf4;--tabs-bg: rgba(255, 255, 255, .52);--modal-bg: rgba(255, 251, 246, .97);--backdrop-bg: rgba(110, 70, 60, .35);--toast-bg: rgba(255, 251, 246, .95);--card-sheen: linear-gradient(135deg, rgba(255, 255, 255, .7), transparent 45%);--track: rgba(150, 95, 80, .12);--check-border: rgba(150, 95, 80, .34);--skeleton-gradient: linear-gradient(90deg, rgba(150, 95, 80, .05), rgba(150, 95, 80, .11), rgba(150, 95, 80, .05));--on-accent: #fff;--primary-gradient: linear-gradient(135deg, #9acef0, #7bc9a6);--primary-shadow: rgba(106, 169, 224, .38);--accent-glow: rgba(154, 206, 240, .6);--focus-border: rgba(106, 169, 224, .55);--focus-shadow: rgba(154, 206, 240, .32);--selection: rgba(154, 206, 240, .45);--title-gradient: linear-gradient(90deg, #7a4a3e, var(--accent));--login-title-gradient: linear-gradient(90deg, #7a4a3e 10%, var(--accent) 60%, var(--indigo));--streak-count: #b5562a;--alert-error-text: #a02f4f;--alert-success-text: #23633a;--badge-weekly-text: #c96a1f;--badge-monthly-text: #4f92cf;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);background-image:var(--body-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}::selection{background:var(--selection)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;padding:14px 18px 12px;padding-top:calc(14px + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--header-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--border)}.app-header .brand{display:flex;align-items:center;gap:10px}.app-header .brand-title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;background:var(--title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.header-nav{display:none}.header-user{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:14px}.app-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:20px 18px calc(var(--nav-h) + var(--safe-bottom) + 28px);animation:fade-up .35s ease both}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--nav-bg);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-top:1px solid var(--border)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.02em;position:relative;transition:color .2s ease}.bottom-nav a svg{width:24px;height:24px;transition:transform .2s ease}.bottom-nav a.active{color:var(--accent)}.bottom-nav a.active svg{transform:translateY(-2px);filter:drop-shadow(0 0 8px var(--accent-glow))}.bottom-nav a.active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--accent),var(--indigo))}@media (min-width: 820px){.app-header{padding:16px 32px}.header-nav{display:flex;gap:4px}.header-nav a{padding:8px 14px;border-radius:10px;color:var(--text-2);font-weight:600;font-size:14px;transition:background .2s ease,color .2s ease}.header-nav a:hover{background:var(--surface);color:var(--text)}.header-nav a.active{background:var(--accent-soft);color:var(--accent)}.bottom-nav{display:none}.app-main{padding:36px 32px 64px}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:30px;font-weight:700}.page-subtitle{color:var(--text-3);font-size:14px;margin-top:4px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--text-3)}.small{font-size:13px}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--card-sheen)}.card.interactive:hover{border-color:var(--border-strong);background:var(--surface-strong)}.card.done{opacity:.72}.card-list{display:grid;gap:12px}.stack{display:grid;gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:600;font-size:14px;line-height:1;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{color:var(--on-accent);background:var(--primary-gradient);box-shadow:0 8px 24px var(--primary-shadow)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px var(--accent-glow)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-strong);border-color:var(--border-strong)}.btn-success{background:var(--success-soft);border-color:#34d39959;color:var(--success)}.btn-danger{background:var(--danger-soft);border-color:#fb71854d;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fb718540}.btn-sm{padding:8px 12px;font-size:13px;border-radius:10px}.btn-block{width:100%}.btn-icon{width:36px;height:36px;padding:0;border-radius:10px}.btn-icon svg{width:18px;height:18px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--text-2)}.input,.select,.textarea{width:100%;padding:12px 14px;border-radius:12px;background:var(--input-bg);border:1px solid var(--border);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus-border);box-shadow:0 0 0 4px var(--focus-shadow)}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24' stroke='%237b85b3' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.select option{background:var(--option-bg);color:var(--text)}.textarea{min-height:96px;resize:vertical;line-height:1.5}.form-row{display:grid;gap:0 12px}@media (min-width: 560px){.form-row.two{grid-template-columns:1fr 1fr}}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-2);margin-bottom:14px}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}.badge-daily{background:var(--accent-soft);color:var(--accent);border-color:#22d3ee4d}.badge-weekly{background:var(--indigo-soft);color:var(--badge-weekly-text);border-color:#6366f159}.badge-monthly{background:#a78bfa2e;color:var(--badge-monthly-text);border-color:#a78bfa59}.badge-admin{background:var(--warn-soft);color:var(--warn);border-color:#fbbf2459}.badge-muted{background:var(--surface);color:var(--text-3);border-color:var(--border)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:#fb71854d}.badge-success{background:var(--success-soft);color:var(--success);border-color:#34d3994d}.task-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.check{width:28px;height:28px;margin-top:2px;border-radius:9px;border:2px solid var(--check-border);display:grid;place-items:center;transition:background .2s ease,border-color .2s ease,transform .15s ease;flex-shrink:0}.check svg{width:16px;height:16px;color:var(--on-accent);opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .2s ease}.check.checked{background:linear-gradient(135deg,var(--accent),var(--indigo));border-color:transparent;box-shadow:0 0 16px var(--accent-glow)}.check.checked svg{opacity:1;transform:scale(1)}.check:active{transform:scale(.9)}.task-title{font-weight:600;font-size:16px;transition:color .2s ease}.done .task-title{text-decoration:line-through;color:var(--text-3)}.task-notes{color:var(--text-2);font-size:14px;margin-top:4px;white-space:pre-wrap}.task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12.5px;color:var(--text-3);align-items:center}.due-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-weight:600}.due-chip.overdue{background:var(--danger-soft);color:var(--danger);border-color:#fb71854d}.due-chip.soon{background:var(--warn-soft);color:var(--warn);border-color:#fbbf244d}.due-chip svg{width:13px;height:13px}.section-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:8px 0 4px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.habit-card{display:grid;gap:14px}.habit-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.habit-title{font-weight:600;font-size:17px}.habit-notes{color:var(--text-2);font-size:14px;margin-top:4px;white-space:pre-wrap}.habit-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.streak{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,#fb923c29,#fbbf2414);border:1px solid rgba(251,146,60,.3)}.streak.zero{background:var(--surface);border-color:var(--border)}.streak .flame{font-size:20px;line-height:1;filter:drop-shadow(0 0 6px rgba(251,146,60,.6))}.streak.zero .flame{filter:grayscale(1) opacity(.5)}.streak .count{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--streak-count);line-height:1}.streak.zero .count{color:var(--text-3)}.streak .label{font-size:11px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1;margin-top:3px}.habit-stats{display:flex;gap:14px;font-size:12px;color:var(--text-3)}.habit-stats strong{color:var(--text-2)}.habit-done-glow{border-color:#34d39966;background:linear-gradient(135deg,#34d3991a,#22d3ee0f)}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.summary-tile{padding:14px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border);text-align:center}.summary-tile .value{font-family:var(--font-display);font-size:24px;font-weight:700;background:var(--title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.summary-tile .label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:2px}.progress-bar{height:8px;border-radius:999px;background:var(--track);overflow:hidden;margin-bottom:18px}.progress-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--indigo));transition:width .4s ease}.rule-card{display:grid;gap:8px}.rule-index{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-soft),var(--indigo-soft));border:1px solid rgba(34,211,238,.25);font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--accent);flex-shrink:0}.rule-head{display:flex;align-items:center;gap:12px}.rule-title{font-weight:600;font-size:17px}.rule-body{color:var(--text-2);font-size:14.5px;white-space:pre-wrap;line-height:1.6}.tabs{display:flex;gap:6px;padding:5px;border-radius:14px;background:var(--tabs-bg);border:1px solid var(--border);margin-bottom:18px}.tabs button{flex:1;padding:10px 8px;border-radius:10px;font-weight:600;font-size:14px;color:var(--text-3);transition:background .2s ease,color .2s ease}.tabs button.active{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.admin-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-row .body{min-width:0;flex:1}.admin-row .title{font-weight:600;overflow-wrap:anywhere}.admin-row .sub{color:var(--text-3);font-size:13px;margin-top:3px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-row .actions{display:flex;gap:6px;flex-shrink:0}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--indigo));box-shadow:0 10px 30px var(--primary-shadow)}.avatar.sm{width:34px;height:34px;border-radius:11px;font-size:14px;box-shadow:none}.profile-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-head .name{font-family:var(--font-display);font-size:22px;font-weight:700}.profile-head .sub{color:var(--text-3);font-size:14px}.info-grid{display:grid;gap:10px}.info-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--text-3)}.info-row span:last-child{font-weight:600;text-align:right}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 18px;position:relative;overflow:hidden}.login-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;animation:float 12s ease-in-out infinite}.login-orb.one{width:360px;height:360px;background:var(--indigo);top:-120px;right:-80px}.login-orb.two{width:300px;height:300px;background:var(--accent);bottom:-100px;left:-80px;animation-delay:-6s}.login-card{width:100%;max-width:400px;padding:32px 26px;animation:fade-up .5s ease both}.login-logo{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:26px}.login-logo h1{font-size:30px;font-weight:700;background:var(--login-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.login-logo p{color:var(--text-3);font-size:14px;text-align:center}.logo-mark{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee40,#6366f14d);border:1px solid rgba(34,211,238,.35);box-shadow:0 12px 40px #22d3ee40,inset 0 0 20px #ffffff0d}.logo-mark.sm{width:34px;height:34px;border-radius:10px;box-shadow:none}.logo-mark svg{width:60%;height:60%}.login-hint{margin-top:18px;text-align:center;color:var(--text-3);font-size:12.5px}.alert{padding:12px 14px;border-radius:12px;font-size:14px;margin-bottom:14px;border:1px solid transparent}.alert-error{background:var(--danger-soft);color:var(--alert-error-text);border-color:#fb71854d}.alert-success{background:var(--success-soft);color:var(--alert-success-text);border-color:#34d3994d}.empty{text-align:center;padding:44px 20px;display:grid;justify-items:center;gap:10px}.empty .icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-soft),var(--indigo-soft));border:1px solid rgba(34,211,238,.2);font-size:32px;margin-bottom:6px;animation:float 6s ease-in-out infinite}.empty h3{font-size:19px}.empty p{color:var(--text-3);font-size:14px;max-width:320px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--track);border-top-color:var(--accent);animation:spin .8s linear infinite}.spinner.sm{width:16px;height:16px;border-width:2px}.loading-block{display:grid;place-items:center;padding:60px 0;color:var(--text-3);gap:12px;font-size:14px}.splash{min-height:100vh;min-height:100dvh;display:grid;place-items:center}.skeleton{border-radius:var(--radius);height:84px;background:var(--skeleton-gradient);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border:1px solid var(--border)}.toast-stack{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);transform:translate(-50%);z-index:100;display:grid;gap:8px;width:min(92vw,420px);pointer-events:none}@media (min-width: 820px){.toast-stack{bottom:24px}}.toast{pointer-events:auto;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:500;background:var(--toast-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:toast-in .25s ease both;display:flex;align-items:center;gap:10px}.toast.success{border-color:#34d39966}.toast.error{border-color:#fb718573}.toast .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.toast.success .dot{background:var(--success)}.toast.error .dot{background:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--backdrop-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade-in .2s ease both}.modal{width:100%;max-width:560px;max-height:92vh;max-height:92dvh;overflow-y:auto;background:var(--modal-bg);border:1px solid var(--border-strong);border-radius:24px 24px 0 0;padding:22px 20px calc(22px + var(--safe-bottom));box-shadow:var(--shadow);animation:sheet-up .3s cubic-bezier(.2,.8,.2,1) both}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{font-size:20px}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:22px;animation:fade-up .25s ease both}}.theme-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.theme-card{display:grid;gap:12px;padding:14px;text-align:left;color:var(--text);cursor:pointer}.theme-card:disabled{opacity:1;cursor:default}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-sm)}.theme-preview{position:relative;height:92px;border-radius:var(--radius-sm);overflow:hidden;background:var(--tp-bg);border:1px solid var(--tp-border);display:grid;grid-template-rows:auto 1fr}.theme-preview-bar{height:18px;background:var(--tp-bar);border-bottom:1px solid var(--tp-border)}.theme-preview-body{padding:10px 12px;display:grid;align-content:start;gap:7px}.theme-preview-line{display:block;width:45%;height:8px;border-radius:999px;background:var(--tp-line)}.theme-preview-line.long{width:70%;background:var(--tp-text)}.theme-preview-pill{display:block;width:34px;height:10px;border-radius:999px;background:var(--tp-pill)}.theme-card[data-preview=cool]{--tp-bg: linear-gradient(135deg, #0a0e27, #161c52);--tp-border: rgba(255, 255, 255, .12);--tp-bar: rgba(255, 255, 255, .06);--tp-text: rgba(255, 255, 255, .85);--tp-line: rgba(255, 255, 255, .3);--tp-pill: linear-gradient(90deg, #22d3ee, #6366f1)}.theme-card[data-preview=pastel]{--tp-bg: linear-gradient(135deg, #fff7f2, #f3e9fb);--tp-border: rgba(120, 90, 140, .18);--tp-bar: rgba(255, 255, 255, .7);--tp-text: #6b4c8a;--tp-line: rgba(120, 90, 140, .3);--tp-pill: linear-gradient(90deg, #f7a1c4, #b79cf0)}.theme-card[data-preview=bunny]{--tp-bg: linear-gradient(135deg, #fff8ef, #ffe9dc);--tp-border: rgba(150, 95, 80, .18);--tp-bar: rgba(255, 255, 255, .72);--tp-text: #7a4a3e;--tp-line: rgba(150, 95, 80, .3);--tp-pill: linear-gradient(90deg, #f48fb1, #ff9f5a)}.theme-card[data-preview=bunny2]{background:radial-gradient(circle at 20% 20%,rgba(154,206,240,.55),transparent 45%),radial-gradient(circle at 80% 30%,rgba(143,209,178,.45),transparent 50%),linear-gradient(160deg,#fff8ef,#fff0e6);border-color:#6aa9e059}.theme-meta{display:grid;gap:4px}.theme-name{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:16px}.theme-tagline{color:var(--text-3);font-size:13px}.theme-swatches{display:flex;gap:6px;margin-top:6px}.theme-swatches span{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px #ffffff59}[data-theme=pastel] .app-header,[data-theme=pastel] .bottom-nav,[data-theme=bunny] .app-header,[data-theme=bunny] .bottom-nav,[data-theme=bunny2] .app-header,[data-theme=bunny2] .bottom-nav{backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}[data-theme=pastel] .card,[data-theme=bunny] .card,[data-theme=bunny2] .card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=pastel] .btn,[data-theme=pastel] .input,[data-theme=pastel] .select,[data-theme=pastel] .textarea,[data-theme=bunny] .btn,[data-theme=bunny] .input,[data-theme=bunny] .select,[data-theme=bunny] .textarea,[data-theme=bunny2] .btn,[data-theme=bunny2] .input,[data-theme=bunny2] .select,[data-theme=bunny2] .textarea{border-radius:14px}[data-theme=pastel] .badge-monthly,[data-theme=bunny] .badge-monthly,[data-theme=bunny2] .badge-monthly{background:#b79cf038;border-color:#8f6fd659}[data-theme=pastel] .logo-mark,[data-theme=bunny] .logo-mark,[data-theme=bunny2] .logo-mark{background:var(--primary-gradient);border-color:transparent;box-shadow:0 12px 36px var(--primary-shadow)}[data-theme=pastel] .login-orb{opacity:.4}[data-theme=bunny] .brand:after{content:"🐰";font-size:18px;line-height:1}[data-theme=bunny] .login-logo:after{content:"🐰🥕";font-size:20px;letter-spacing:4px;line-height:1}[data-theme=bunny] .login-orb.one{background:#f48fb1}[data-theme=bunny] .login-orb.two{background:#8fd19e}[data-theme=bunny] .empty .icon{background:linear-gradient(135deg,#f48fb14d,#ff9f5a47);border-color:#f48fb166}[data-theme=bunny] .empty h3:after{content:" 🌸"}[data-theme=bunny] .streak{background:linear-gradient(135deg,#ff9f5a42,#f48fb129);border-color:#ff8a3d66}[data-theme=bunny] .rule-index{background:linear-gradient(135deg,#8fd19e59,#f48fb140);border-color:#3f8f5259;color:var(--success)}[data-theme=bunny2] .brand:after{content:"🐰";font-size:18px;line-height:1}[data-theme=bunny2] .login-logo:after{content:"🐰🥕";font-size:20px;letter-spacing:4px;line-height:1}[data-theme=bunny2] .login-orb.one{background:#9acef0}[data-theme=bunny2] .login-orb.two{background:#7bc9a6}[data-theme=bunny2] .empty .icon{background:linear-gradient(135deg,#9acef04d,#8fd1b247);border-color:#6aa9e066}[data-theme=bunny2] .empty h3:after{content:" 🌸"}[data-theme=bunny2] .streak{background:linear-gradient(135deg,#ff9f5a42,#9acef029);border-color:#ff8a3d66}[data-theme=bunny2] .rule-index{background:linear-gradient(135deg,#8fd19e59,#9acef040);border-color:#3f8f5259;color:var(--success)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.pop{animation:pop .35s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}