:root{--purple:#7c3aed;--pink:#ec4899;--yellow:#facc15;--ink:#33295a;--paper:#fffaf4}
body{background:radial-gradient(circle at top,#fff7ed 0,#fdf2f8 38%,#eef2ff 100%);color:var(--ink);min-height:100vh;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif}.craft-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #eadcff}.navbar-brand{color:var(--purple)!important}.hero{padding:4rem 0 2.5rem}.hero-card{background:linear-gradient(135deg,#fff,#fff7ed);border:3px solid #fff;border-radius:2rem;box-shadow:0 18px 50px rgba(93,63,211,.14)}.bubble{display:inline-block;background:#f3e8ff;border-radius:999px;padding:.5rem .9rem;font-weight:800;color:var(--purple)}.btn-craft{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border:0;border-radius:999px;font-weight:800;padding:.8rem 1.25rem;box-shadow:0 8px 22px rgba(124,58,237,.25)}.btn-craft:hover{color:#fff;transform:translateY(-1px)}.category-chip{border:0;background:white;border-radius:999px;padding:.55rem .9rem;box-shadow:0 4px 14px rgba(50,40,90,.08);text-decoration:none;color:var(--ink);font-weight:700}.craft-card{border:0;border-radius:1.5rem;overflow:hidden;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(67,52,130,.12);transition:.2s}.craft-card:hover{transform:translateY(-4px)}.craft-card img{aspect-ratio:4/3;object-fit:cover;width:100%;background:#fff7ed}.tag{display:inline-block;border-radius:999px;background:#eef2ff;padding:.3rem .6rem;font-size:.78rem;font-weight:800}.step-card{background:#fff;border-radius:1.5rem;padding:1.25rem;box-shadow:0 10px 24px rgba(50,40,90,.08);border:2px solid #f5e8ff}.step-number{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#fb7185);color:#fff;font-size:1.35rem;font-weight:900;flex:0 0 auto}.material{background:#fff;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 6px 16px rgba(50,40,90,.07)}.easy-mode .step-card{font-size:1.35rem;min-height:240px;display:none}.easy-mode .step-card.active{display:flex;align-items:center}.easy-controls{position:sticky;bottom:1rem;z-index:5}.progress{height:1rem;border-radius:999px}.admin-shell{min-height:100vh;background:#f8fafc}.admin-sidebar{background:#251b46;color:#fff;min-height:100vh}.admin-sidebar a{color:#ddd6fe;text-decoration:none;display:block;padding:.75rem 1rem;border-radius:.75rem}.admin-sidebar a:hover{background:#3b2a69;color:#fff}@media(max-width:767px){.hero{padding-top:2rem}.hero h1{font-size:2.3rem}.admin-sidebar{min-height:auto}}