:root{color-scheme:light;--lf-bg: #f4f6fb;--lf-bg-elevated: rgba(241, 245, 251, .9);--lf-bg-card: rgba(255, 255, 255, .88);--lf-bg-hover: rgba(241, 245, 251, 1);--lf-border: rgba(15, 23, 42, .07);--lf-border-strong: rgba(15, 23, 42, .13);--lf-text: #0b1120;--lf-text-muted: #526075;--lf-text-dim: #94a3b8;--lf-accent: #0284c7;--lf-accent-hover: #0369a1;--lf-accent-soft: #f0f7ff;--lf-accent-glow: rgba(2, 132, 199, .14);--lf-ink: #0f172a;--lf-green: #059669;--lf-green-soft: #ecfdf5;--lf-amber: #b45309;--lf-amber-soft: #fffbeb;--lf-red: #dc2626;--lf-red-soft: #fef2f2;--lf-radius: 18px;--lf-radius-sm: 11px;--lf-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px -2px rgba(15, 23, 42, .04);--lf-shadow: 0 0 0 1px rgba(15, 23, 42, .05), 0 8px 24px -6px rgba(15, 23, 42, .07), 0 20px 44px -14px rgba(15, 23, 42, .08);--lf-shadow-lg: 0 24px 64px -12px rgba(15, 23, 42, .16);--lf-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lf-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--lf-bg);color:var(--lf-text);font-family:var(--lf-font);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4{color:var(--lf-text);letter-spacing:-.025em}.lf-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1000px 600px at 8% -5%,rgba(186,230,253,.55),transparent 60%),radial-gradient(900px 550px at 92% 4%,rgba(199,210,254,.42),transparent 58%),radial-gradient(750px 500px at 50% 48%,rgba(224,242,254,.35),transparent 65%),linear-gradient(180deg,#f8faff,#f2f5fb 48%,#eef2f8)}.lf-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 28px;background:#ffffffb8;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 4px 20px -6px #0f172a0d}.lf-topbar-left{display:flex;align-items:center;gap:12px}.lf-app-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0f172a,#1e293b 55%,#0284c7 140%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;letter-spacing:-.02em;color:#fff;box-shadow:0 6px 16px -4px #0f172a4d,inset 0 1px #ffffff40}.lf-topbar-title{font-size:15.5px;font-weight:700;letter-spacing:-.02em}.lf-topbar-sub{font-size:12px;color:var(--lf-text-muted)}.lf-topbar-right{display:flex;align-items:center;gap:10px}.lf-main{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:32px 24px 72px}.lf-card{background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:var(--lf-radius);padding:22px;box-shadow:0 0 0 1px #0f172a0d,0 6px 16px -4px #0f172a0d,0 18px 36px -12px #0f172a12,inset 0 1px #fffffff2}.lf-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.lf-label{display:block;font-size:12px;font-weight:550;color:var(--lf-text-muted);margin-bottom:5px}.lf-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;border:1px solid rgba(15,23,42,.07);background:#ffffffd9;color:var(--lf-text-muted);box-shadow:0 1px 2px #0f172a08}.lf-badge-pro{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-color:#0284c733;color:#0369a1}.lf-badge-free{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#05966938;color:#047857}.lf-badge-warn{background:var(--lf-amber-soft);border-color:#b4530938;color:var(--lf-amber)}.lf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--lf-radius-sm);border:1px solid rgba(15,23,42,.1);background:#ffffffeb;color:var(--lf-text);font-size:13px;font-weight:550;cursor:pointer;box-shadow:0 1px 2px #0f172a0a,inset 0 1px #fff;transition:all .18s cubic-bezier(.22,1,.36,1)}.lf-btn:hover:not(:disabled){background:#fff;border-color:#0f172a33;transform:translateY(-1px);box-shadow:0 4px 12px -2px #0f172a14}.lf-btn:disabled{opacity:.45;cursor:not-allowed}.lf-btn-primary{background:linear-gradient(180deg,#1e293b,#0b1120);border-color:#0f172a;color:#fff;box-shadow:0 4px 14px -2px #0f172a42,inset 0 1px #ffffff2e}.lf-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#0f172a,#020617);border-color:#020617;box-shadow:0 8px 20px -4px #0f172a59,inset 0 1px #ffffff38}.lf-btn-secondary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0284c733;color:#0369a1}.lf-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#0284c759}.lf-btn-danger{background:var(--lf-red-soft);border-color:#dc262633;color:var(--lf-red)}.lf-btn-sm{padding:6.5px 12px;font-size:12px;border-radius:9px}.lf-input,.lf-select,.lf-textarea{width:100%;padding:9px 13px;border-radius:var(--lf-radius-sm);border:1px solid rgba(15,23,42,.1);background:#ffffffeb;color:var(--lf-text);font-size:13px;outline:none;box-shadow:inset 0 1px 2px #0f172a08;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.lf-textarea{resize:vertical}.lf-input:focus,.lf-select:focus,.lf-textarea:focus{background:#fff;border-color:#0284c78c;box-shadow:0 0 0 3.5px #0284c724}input[type=range],input[type=checkbox],input[type=radio]{accent-color:#0f172a}.lf-dropzone{border:1.5px dashed rgba(2,132,199,.35);border-radius:var(--lf-radius);padding:36px 24px;text-align:center;background:#f8fbffcc;cursor:pointer;transition:all .18s ease}.lf-dropzone:hover,.lf-dropzone.dragging{border-color:#0284c7;background:#f0f9ff}.lf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.lf-modal{width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:26px;box-shadow:var(--lf-shadow-lg)}.lf-mono{font-family:var(--lf-mono)}.lf-muted{color:var(--lf-text-muted)}table{border-collapse:collapse}.lf-shell{background:radial-gradient(1100px 640px at 8% -10%,rgba(186,230,253,.62),transparent 58%),radial-gradient(960px 580px at 94% -4%,rgba(199,210,254,.52),transparent 56%),radial-gradient(800px 520px at 50% 42%,rgba(224,242,254,.4),transparent 62%),radial-gradient(900px 600px at 15% 88%,rgba(209,250,229,.32),transparent 60%),linear-gradient(180deg,#f9fbff,#f2f5fb 52%,#edf1f8)}.lf-topbar{background:#ffffffb8;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.85);box-shadow:0 1px #0f172a0d,0 8px 28px -8px #0f172a12}.lf-nav-pill{padding:7.5px 15px;border-radius:999px;font-size:13px;font-weight:550;color:#475569;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.22,1,.36,1)}.lf-nav-pill:hover{color:#0b1120;background:#0f172a0d}.lf-nav-pill.active{color:#fff;background:linear-gradient(180deg,#1e293b,#0b1120);border-color:#0b1120;font-weight:600;box-shadow:0 4px 12px -2px #0f172a40,inset 0 1px #ffffff2e}.lf-hero{position:relative;overflow:hidden;padding:48px 40px;margin-bottom:20px;border-radius:24px;background:radial-gradient(640px 360px at 96% 8%,rgba(125,211,252,.36),transparent 62%),radial-gradient(520px 340px at 4% 96%,rgba(165,180,252,.26),transparent 60%),linear-gradient(145deg,#fffffff0,#f6faffe6 55%,#eef6ffe0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px #0f172a0d,0 12px 30px -8px #0f172a0f,0 28px 60px -18px #0e749024,inset 0 1px #fff}.lf-hero h1{margin:0 0 12px;font-size:clamp(28px,4.2vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.08;background:linear-gradient(135deg,#0b1120 15%,#1e293b 55%,#0369a1);-webkit-background-clip:text;background-clip:text;color:transparent}.lf-brains-banner{position:relative;overflow:hidden;margin-bottom:22px;padding:20px 24px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:radial-gradient(480px 220px at 85% 20%,rgba(56,189,248,.18),transparent 65%),linear-gradient(125deg,#ffffffeb,#f0f9ffe6 55%,#eef2ffe0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px #0284c71f,0 10px 28px -8px #0284c724,inset 0 1px #fff}.lf-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 14px;margin-bottom:26px;border-radius:18px;background:#ffffffc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #0f172a0d,0 8px 24px -8px #0f172a12,inset 0 1px #fff}.lf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}.lf-program-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#fffffff0,#ffffffd1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.95);border-radius:20px;padding:20px 22px 22px;box-shadow:0 0 0 1px #0f172a0e,0 4px 10px -2px #0f172a0a,0 18px 36px -12px #0f172a17,inset 0 1px #fff;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1),background .24s ease}.lf-program-card:hover{transform:translateY(-7px) scale(1.007);background:#fffffffa;box-shadow:0 0 0 1px #0284c72e,0 12px 24px -6px #0f172a12,0 32px 64px -16px #0f172a29,inset 0 1px #fff}.lf-program-card.is-pro-card{background:radial-gradient(280px 160px at 100% 0%,rgba(186,230,253,.28),transparent 70%),linear-gradient(180deg,#fffffff7,#f8fbffe0);box-shadow:0 0 0 1px #0284c724,0 6px 14px -4px #0284c714,0 20px 42px -12px #0f172a1c,inset 0 1px #fff}.lf-program-card.is-brain-card{background:radial-gradient(280px 160px at 95% 0%,rgba(165,243,252,.32),transparent 70%),linear-gradient(180deg,#fffffff5,#f4faffe0)}.lf-card-top-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.lf-created-by{display:inline-flex;align-items:center;gap:7px;padding:3.5px 10px 3.5px 4px;border-radius:999px;font-size:11px;color:#64748b;background:#f1f5f9d9;border:1px solid rgba(15,23,42,.06)}.lf-created-by strong{color:#0f172a;font-weight:650}.lf-created-avatar{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#64748b,#475569)}.lf-created-by.is-own{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0284c72e;color:#0369a1}.lf-created-by.is-own strong{color:#0c4a6e}.lf-created-by.is-own .lf-created-avatar{background:linear-gradient(135deg,#0f172a,#0284c7)}.lf-created-check{font-size:10px;font-weight:700;color:#0284c7}.lf-icon-box{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#f8fafc,#e2e8f0 130%);border:1px solid rgba(15,23,42,.08);color:#0f172a;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px -2px #0f172a14,inset 0 1px #fff}.lf-program-card.is-pro-card .lf-icon-box{background:linear-gradient(145deg,#0f172a,#1e293b 55%,#0284c7 140%);border-color:transparent;color:#fff;box-shadow:0 8px 18px -4px #0f172a59,inset 0 1px #ffffff40}.lf-program-card.is-brain-card .lf-icon-box{background:linear-gradient(145deg,#0284c7,#0ea5e9);border-color:transparent;color:#fff;box-shadow:0 8px 18px -4px #0284c752,inset 0 1px #ffffff59}.lf-save-icon-btn{width:30px;height:30px;border-radius:999px;border:1px solid rgba(15,23,42,.09);background:#ffffffe6;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;flex-shrink:0;box-shadow:0 2px 6px #0f172a0d;transition:all .16s ease}.lf-save-icon-btn:hover{color:#0b1120;border-color:#0f172a40;transform:scale(1.06)}.lf-save-icon-btn.saved{color:#fff;background:linear-gradient(180deg,#1e293b,#0b1120);border-color:#0b1120;font-size:12px;font-weight:700}.lf-card-footer{padding-top:14px;border-top:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:12px}.lf-price-pill{display:inline-flex;align-items:center;gap:5px;padding:3.5px 10px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.02em}.lf-price-pill.free{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid rgba(5,150,105,.18)}.lf-price-pill.pro{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;border:1px solid rgba(2,132,199,.22)}
