.role-modal[data-astro-cid-6w5plzgn]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative}.role-backdrop[data-astro-cid-6w5plzgn]{position:fixed;inset:0;background:linear-gradient(-45deg,var(--cafe-espresso),var(--cafe-brown),var(--cafe-mocha),var(--cafe-espresso));background-size:400% 400%;animation:gradientMove 15s ease infinite;z-index:-1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.role-backdrop[data-astro-cid-6w5plzgn]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(212,165,116,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,165,116,.08) 0%,transparent 50%)}.role-content[data-astro-cid-6w5plzgn]{max-width:580px;width:100%;background:#ffffff0f;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem 2rem;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role-header[data-astro-cid-6w5plzgn]{text-align:center;margin-bottom:1.5rem}.role-logo-icon[data-astro-cid-6w5plzgn]{display:block;margin:0 auto;font-size:3.5rem;color:var(--cafe-latte);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.role-header[data-astro-cid-6w5plzgn] h1[data-astro-cid-6w5plzgn]{font-family:var(--font-display);font-size:2.5rem;color:var(--cafe-cream);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.role-subtitle[data-astro-cid-6w5plzgn]{color:var(--cafe-latte);font-size:.9rem;font-weight:300;letter-spacing:3px;text-transform:uppercase}.demo-notice[data-astro-cid-6w5plzgn]{display:flex;gap:.75rem;background:#d4a5741a;border:1px solid rgba(212,165,116,.25);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.notice-icon[data-astro-cid-6w5plzgn]{flex-shrink:0;width:36px;height:36px;background:var(--cafe-latte);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cafe-dark);font-size:1rem}.notice-text[data-astro-cid-6w5plzgn] strong[data-astro-cid-6w5plzgn]{color:var(--cafe-latte);font-size:.9rem;display:block;margin-bottom:.25rem}.notice-text[data-astro-cid-6w5plzgn] p[data-astro-cid-6w5plzgn]{color:var(--cafe-cream);font-size:.8rem;margin:0;opacity:.85;line-height:1.5}.tech-inline[data-astro-cid-6w5plzgn]{background:#ffffff1a;padding:.1rem .4rem;border-radius:4px;font-size:.75rem}.role-title[data-astro-cid-6w5plzgn]{text-align:center;margin-bottom:1.25rem}.role-title[data-astro-cid-6w5plzgn] h2[data-astro-cid-6w5plzgn]{font-family:var(--font-display);font-size:1.25rem;color:var(--cafe-cream);margin:0 0 .25rem}.role-title[data-astro-cid-6w5plzgn] p[data-astro-cid-6w5plzgn]{color:var(--cafe-latte);font-size:.85rem;margin:0;opacity:.8}.roles-accordion[data-astro-cid-6w5plzgn]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.role-item[data-astro-cid-6w5plzgn]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.role-item[data-astro-cid-6w5plzgn]:hover{border-color:#d4a5744d}.role-item[data-astro-cid-6w5plzgn].active{border-color:var(--cafe-latte);background:#ffffff14}.role-header-btn[data-astro-cid-6w5plzgn]{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.role-header-btn[data-astro-cid-6w5plzgn]:hover{background:#ffffff08}.role-icon[data-astro-cid-6w5plzgn]{width:44px;height:44px;background:linear-gradient(135deg,var(--cafe-brown) 0%,var(--cafe-mocha) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-icon[data-astro-cid-6w5plzgn] img[data-astro-cid-6w5plzgn]{width:28px;height:28px}.role-icon[data-astro-cid-6w5plzgn] i[data-astro-cid-6w5plzgn]{font-size:1.5rem;color:var(--cafe-cream)}.role-icon[data-astro-cid-6w5plzgn].mesero{background:linear-gradient(135deg,#5d4e37,#3e3428)}.role-icon[data-astro-cid-6w5plzgn].cocina{background:linear-gradient(135deg,#4a5568,#2d3748)}.role-icon[data-astro-cid-6w5plzgn].admin{background:linear-gradient(135deg,var(--cafe-latte) 0%,var(--cafe-brown) 100%)}.role-name[data-astro-cid-6w5plzgn]{flex:1;text-align:left;font-family:var(--font-display);font-size:1.1rem;color:var(--cafe-cream)}.toggle-icon[data-astro-cid-6w5plzgn]{color:var(--cafe-latte);font-size:1rem;transition:transform .3s ease}.role-item[data-astro-cid-6w5plzgn].active .toggle-icon[data-astro-cid-6w5plzgn]{transform:rotate(45deg)}.role-details[data-astro-cid-6w5plzgn]{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 1.25rem}.role-item[data-astro-cid-6w5plzgn].active .role-details[data-astro-cid-6w5plzgn]{max-height:300px;padding:0 1.25rem 1.25rem}.role-desc[data-astro-cid-6w5plzgn]{color:var(--cafe-latte);font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.role-features[data-astro-cid-6w5plzgn]{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.role-features[data-astro-cid-6w5plzgn] li[data-astro-cid-6w5plzgn]{color:#fffc;font-size:.8rem;display:flex;align-items:center;gap:.35rem}.role-features[data-astro-cid-6w5plzgn] i[data-astro-cid-6w5plzgn]{color:var(--cafe-latte);font-size:.75rem}.role-enter-btn[data-astro-cid-6w5plzgn]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--cafe-latte) 0%,var(--cafe-brown) 100%);color:var(--cafe-dark);font-size:.85rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.role-enter-btn[data-astro-cid-6w5plzgn]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a5744d}.role-enter-btn[data-astro-cid-6w5plzgn] i[data-astro-cid-6w5plzgn]{transition:transform .3s ease}.role-enter-btn[data-astro-cid-6w5plzgn]:hover i[data-astro-cid-6w5plzgn]{transform:translate(4px)}.role-footer[data-astro-cid-6w5plzgn]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.back-link[data-astro-cid-6w5plzgn]{display:flex;align-items:center;gap:.5rem;color:var(--cafe-latte);text-decoration:none;font-size:.85rem;transition:color .2s ease}.back-link[data-astro-cid-6w5plzgn]:hover{color:var(--cafe-cream)}.tech-stack[data-astro-cid-6w5plzgn]{display:flex;gap:.4rem;flex-wrap:wrap}.tech-tag[data-astro-cid-6w5plzgn]{background:#ffffff14;color:var(--cafe-cream);padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:500}@media(max-width:600px){.role-content[data-astro-cid-6w5plzgn]{padding:1.5rem 1.25rem}.role-header[data-astro-cid-6w5plzgn] h1[data-astro-cid-6w5plzgn]{font-size:2rem}.demo-notice[data-astro-cid-6w5plzgn]{flex-direction:column;text-align:center;align-items:center}.role-footer[data-astro-cid-6w5plzgn]{flex-direction:column;text-align:center}.tech-stack[data-astro-cid-6w5plzgn]{justify-content:center}}