[data-app=web]{--surface-50:#fbf7ef;--surface-100:#f4eee4;--surface-200:#ebe2d2;--surface-300:#d6c9b4;--surface-400:#9c8d78;--surface-500:#7a6a5c;--surface-600:#5c4f3a;--surface-700:#3c3026;--surface-800:#2a2018;--surface-900:#1e1712;--accent-400:#e8894a;--accent-500:#c1552b;--accent-600:#a34423;--accent-glow:rgb(193 85 43/18%);--text-primary:var(--surface-900);--text-secondary:var(--surface-600);--text-muted:var(--surface-400);--border:var(--surface-200);--border-strong:var(--surface-400);--btn-gradient-start:#c1552b;--btn-gradient-end:#a34423;--shadow-accent:0 4px 20px rgb(193 85 43/30%);--bg:var(--surface-50);--bg-2:var(--surface-100);--paper:#ffffff;--ink:var(--surface-900);--ink-2:var(--surface-700);--muted:var(--surface-500);--line:var(--surface-200);--green:#4e6b49;--yellow:#e7b84c;--step-bg-2:#e8e1d1;--step-bg-3:#dfe4d8;--footer-bg:#1e1712;--footer-text:#faf6ee;--accent:var(--accent-500);--accent-2:var(--accent-400)}[data-app=web][data-theme=dark],[data-theme=dark] [data-app=web]{--surface-50:#0c0c0e;--surface-100:#17171a;--surface-200:#28282d;--surface-300:#3e3e45;--surface-400:#7a7a85;--surface-500:#9999a3;--surface-600:#c4c4cc;--surface-700:#d8d8de;--surface-800:#e8e8ec;--surface-900:#f2f2f6;--text-primary:var(--surface-900);--text-secondary:var(--surface-600);--text-muted:var(--surface-400);--border:var(--surface-200);--border-strong:var(--surface-400);--bg:var(--surface-50);--bg-2:var(--surface-100);--paper:var(--surface-100);--ink:var(--surface-900);--ink-2:var(--surface-600);--muted:var(--surface-400);--line:var(--surface-200);--green:#8fc488;--yellow:#f0cc6e;--step-bg-2:#2a2520;--step-bg-3:#1e2420;--footer-bg:#0c0c0e;--footer-text:#e8e8ec;--accent:var(--accent-500);--accent-2:var(--accent-400)}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--surface-50) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar__inner{justify-content:space-between;height:3.5rem;max-width:80rem;margin:0 auto;padding:0 1rem}.navbar__inner,.navbar__logo{display:flex;align-items:center}.navbar__logo{gap:.5rem;font-size:1.125rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.navbar__logo-img{border-radius:var(--radius-sm)}.navbar__controls{display:flex;align-items:center;gap:.5rem}.navbar__cta{cursor:pointer;border-radius:var(--radius-full);background:var(--surface-900);padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--surface-50);transition:background .2s}.navbar__cta:hover{background:var(--surface-600)}.navbar__referral-btn{font-size:.875rem;color:var(--text-muted);cursor:pointer;background:none;border:none;transition:color .2s}.navbar__referral-btn:hover,.navbar__toggle{color:var(--text-secondary)}.navbar__toggle{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-full);background:none;border:none;transition:background .2s}.navbar__toggle:hover{background:var(--surface-100)}.landing-nav{width:100%;position:fixed;top:0;z-index:50;pointer-events:none;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(1.25rem) saturate(180%);-webkit-backdrop-filter:blur(1.25rem) saturate(180%);border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.landing-nav__inner{display:flex;align-items:center;justify-content:space-between;height:3.5rem;position:relative;max-width:77.5rem;margin-inline:auto;padding:0 1.25rem;gap:1.5rem;pointer-events:auto}@media(min-width:640px){.landing-nav__inner{gap:2.5rem;padding:0 2rem}}.landing-nav__logo{display:flex;align-items:center;gap:.625rem;text-decoration:none}.landing-nav__logo-img{width:2rem;height:2rem;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.landing-nav__wordmark{display:none;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}@media(min-width:380px){.landing-nav__wordmark{display:block}}.landing-nav__wordmark em{font-style:italic;background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;letter-spacing:-.01em}.landing-nav__links{display:none;align-items:center;gap:.25rem}@media(min-width:768px){.landing-nav__links{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}.landing-nav__link{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.4375rem 1rem;border-radius:var(--radius-full);transition:background .18s,color .18s,box-shadow .18s}.landing-nav__link:hover{background:var(--surface-200);color:var(--text-primary)}.landing-nav__link--active{background:linear-gradient(135deg,var(--accent-400),var(--accent-500));color:#fff;font-weight:600;box-shadow:0 .25rem .625rem -.125rem var(--accent-glow)}.landing-nav__link--active:hover{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff}.landing-nav__pills{display:block;width:100%;pointer-events:auto;position:relative;overflow:hidden;max-height:3rem;opacity:1;transition:max-height .28s ease,opacity .2s ease}@media(min-width:768px){.landing-nav__pills{display:none}}.landing-nav__pills--hidden{max-height:0;opacity:0;pointer-events:none}.landing-nav__pills-track{display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow-x:auto;padding:.25rem 1.5rem .75rem;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.landing-nav__pills-track::-webkit-scrollbar{display:none}.landing-nav__pill{flex:0 0 auto;position:relative;font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.4375rem .875rem;border-radius:var(--radius-full);background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from var(--pill-angle,0deg),var(--accent-400),var(--accent-500),var(--yellow),var(--accent-400)) border-box;border:1px solid rgba(0,0,0,0);scroll-snap-align:start;transition:color .18s,transform .18s;white-space:nowrap;animation:pill-rotate 6s linear infinite}.landing-nav__pill:hover{color:var(--text-primary);transform:translateY(-1px)}.landing-nav__pill--active{background:linear-gradient(135deg,var(--accent-400),var(--accent-500)) padding-box,linear-gradient(135deg,var(--accent-400),var(--accent-500)) border-box;color:#fff;font-weight:600;animation:pill-rotate 6s linear infinite,pill-glow 2.4s ease-in-out infinite}.landing-nav__ghost{display:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.4375rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:border-color .18s,color .18s,background .18s}.landing-nav__ghost:hover{border-color:var(--text-muted);background:var(--surface-200);color:var(--text-primary)}@media(min-width:640px){.landing-nav__ghost{display:inline-flex}}.landing-nav__primary{font-size:.875rem;font-weight:600;color:#faf6ee;text-decoration:none;padding:.5rem 1.25rem;background:var(--surface-900);border-radius:var(--radius-full);transition:background .18s,transform .18s}.landing-nav__primary:hover{background:var(--accent);transform:translateY(-1px)}@property --pill-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes pill-rotate{to{--pill-angle:360deg}}@keyframes pill-glow{0%,to{box-shadow:0 .25rem .625rem -.125rem var(--accent-glow)}50%{box-shadow:0 .25rem .875rem 0 var(--accent-glow),0 0 0 .1875rem color-mix(in srgb,var(--accent-glow) 50%,transparent)}}.setup-grid__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.setup-grid__filter{border-radius:var(--radius-full);padding:.375rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;background:var(--surface-100);color:var(--text-secondary);transition:background .2s,color .2s}.setup-grid__filter:hover{background:var(--surface-200)}.setup-grid__filter--active{background:var(--surface-800);color:var(--surface-50)}.setup-grid__filter--active:hover{background:var(--surface-700)}.setup-grid__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}@media(min-width:1024px){.setup-grid__grid{grid-template-columns:repeat(4,1fr)}}.setup-grid__empty{color:var(--text-muted);text-align:center;padding:4rem 0}.setup-card{display:block;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-100);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.setup-card:hover{box-shadow:var(--shadow)}.setup-card:hover .setup-card__img{transform:scale(1.05)}.setup-card__thumbnail{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:var(--surface-200)}.setup-card__img{object-fit:cover;transition:transform .3s}.setup-card__no-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.setup-card__body{padding:.75rem}.setup-card__title{font-size:.875rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.setup-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin:.375rem 0 0;padding:0;list-style:none}.setup-card__tag{display:inline-flex;padding:.125rem .5rem;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--accent-500) 10%,transparent);color:var(--accent-500);font-size:.6875rem;font-weight:500}.template-gallery{padding:3rem 0}.template-gallery__title{margin-bottom:2rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.template-gallery__grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media(min-width:640px){.template-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.template-gallery__grid{grid-template-columns:repeat(3,1fr)}}.template-gallery--empty{text-align:center}.template-gallery__empty{color:var(--text-muted)}.template-card{overflow:hidden}.template-card__thumbnail{position:relative;aspect-ratio:16/9;background:var(--surface-100);overflow:hidden}.template-card__img{object-fit:cover}.template-card__placeholder{display:flex;height:100%;align-items:center;justify-content:center;font-size:2.25rem}.template-card__body{padding:1rem}.template-card__title{font-weight:600;color:var(--text-primary)}.template-card__tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.template-card__tag{border-radius:var(--radius-full);background:var(--surface-100);padding:.125rem .5rem;font-size:.75rem;color:var(--text-secondary)}.template-card__meta{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--text-muted)}.bom-panel{position:absolute;bottom:1rem;right:1rem;z-index:40;width:18rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-50) 95%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bom-panel__header{border-bottom:1px solid var(--border);padding:.75rem 1rem}.bom-panel__title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.bom-panel__list{max-height:12rem;overflow-y:auto;list-style:none;margin:0;padding:0}.bom-panel__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-size:.875rem}.bom-panel__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.bom-panel__item-price{margin-left:.5rem;flex-shrink:0;color:var(--text-secondary)}.bom-panel__footer{border-top:1px solid var(--border);padding:.75rem 1rem}.bom-panel__total{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-primary)}.bom-panel__note{margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.product-popup{position:absolute;bottom:5rem;left:50%;z-index:50;width:18rem;transform:translateX(-50%);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-50);padding:1rem;box-shadow:var(--shadow-lg)}.product-popup__close{position:absolute;right:.75rem;top:.75rem;cursor:pointer;color:var(--text-muted);background:none;border:none;font-size:1rem;transition:color .2s}.product-popup__close:hover,.product-popup__title{color:var(--text-primary)}.product-popup__title{padding-right:1.5rem;font-weight:600}.product-popup__price{margin-top:.25rem;font-size:1.125rem;font-weight:700;color:var(--text-secondary)}.product-popup__buy-btn{margin-top:.75rem;display:flex;width:100%;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--surface-900);padding:.5rem;font-size:.875rem;font-weight:500;color:var(--surface-50);transition:background .2s}.product-popup__buy-btn:hover{background:var(--surface-600)}.product-popup__no-link{margin-top:.75rem;font-size:.875rem;color:var(--text-muted)}@layer components{.setup-detail-shell{font-family:Geist,system-ui,sans-serif;background:var(--bg);color:var(--ink)}.setup-page{min-height:100vh;background-color:var(--bg)}.setup-page--with-nav{position:relative;overflow:hidden}.setup-page--with-nav:before{content:"";position:absolute;top:-10rem;left:50%;transform:translateX(-50%);width:min(60rem,100%);height:22rem;background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),radial-gradient(ellipse at 70% 50%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 65%);pointer-events:none;z-index:0;filter:blur(2.5rem)}.setup-page__container{max-width:77.5rem;margin-inline:auto;padding-inline:1.25rem}@media(min-width:640px){.setup-page__container{padding-inline:2rem}}.setup-page__container{padding-block:8rem 5rem}@media(min-width:768px){.setup-page__container{padding-block:5.5rem 5rem}}.setup-page__title{font-size:1.875rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}.setup-page__subtitle{color:var(--muted);margin-bottom:2rem}.setup-detail__hero-section{max-width:77.5rem;margin-inline:auto;padding-inline:1.25rem}@media(min-width:640px){.setup-detail__hero-section{padding-inline:2rem}}.setup-detail__hero-section{position:relative;z-index:1;padding-block:8rem 1rem;isolation:isolate}@media(min-width:768px){.setup-detail__hero-section{padding-block:5.5rem 1rem}}.setup-detail__hero-frame{position:relative;width:100%;max-width:87.5rem;margin-inline:auto}.setup-detail__hero-backdrop{position:absolute;top:-1rem;bottom:-1rem;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;z-index:-1;pointer-events:none;background-image:inherit}.setup-detail__hero-backdrop:before{content:"";position:absolute;inset:-10%;background-image:inherit;background-position:50%;background-size:cover;background-repeat:no-repeat;filter:blur(3.5rem) saturate(140%) brightness(.7);opacity:.85}.setup-detail__hero-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.55) 100%)}.setup-detail__hero-img{display:block;position:relative;width:100%;height:auto;border-radius:.625rem}@media(min-width:768px){.setup-detail__hero-img{aspect-ratio:16/9;height:auto;max-height:36rem;object-fit:cover;object-position:center}}.setup-detail__hero-img{box-shadow:0 .125rem .375rem rgba(0,0,0,.2),0 1rem 1.75rem -.5rem rgba(0,0,0,.45),0 2.5rem 4.5rem -1rem rgba(0,0,0,.6);transition:transform var(--duration-normal,.3s) var(--ease-out,ease-out),box-shadow var(--duration-normal,.3s) var(--ease-out,ease-out)}.setup-detail__hero-img:hover{transform:translateY(-.25rem);box-shadow:0 .25rem .5rem rgba(0,0,0,.22),0 1.5rem 2.5rem -.5rem rgba(0,0,0,.5),0 3.5rem 6rem -1rem rgba(0,0,0,.65)}.setup-detail__container{position:relative;z-index:1;margin-inline:auto;max-width:42rem;padding-inline:1.25rem;padding-block:2rem}@media(min-width:640px){.setup-detail__container{padding-inline:2rem}}.setup-detail__title{font-size:1.5rem;font-weight:700;color:var(--ink);margin-bottom:1.5rem}.setup-detail__related-title{font-size:1.125rem;font-weight:700;color:var(--ink);margin-bottom:1rem}.product-item{display:flex;align-items:center;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--line)}.product-item:last-child{border-bottom:none}.product-item__thumb{position:relative;flex-shrink:0;height:4rem;width:4rem;overflow:hidden;border-radius:var(--radius);background-color:var(--surface-100)}.product-item__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.product-item__thumb-placeholder{position:absolute;inset:0;background-color:var(--surface-200)}.product-item__body{flex:1 1;min-width:0}.product-item__title{font-size:.875rem;font-weight:500;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-item__meta{font-size:.75rem;color:var(--muted);margin-top:.125rem}.product-item__actions{flex-shrink:0;text-align:right}.product-item__price{font-size:.875rem;font-weight:700;color:var(--ink);margin-bottom:.25rem}.product-item__buy-btn{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;background:linear-gradient(135deg,var(--accent-400),var(--accent-500));padding:.5rem 1.125rem;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:#fff;white-space:nowrap;border:none;cursor:pointer;box-shadow:0 .25rem .625rem -.125rem var(--accent-glow),0 .0625rem .125rem rgba(0,0,0,.08);transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.product-item__buy-btn:hover{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));box-shadow:0 .5rem 1rem -.25rem var(--accent-glow),0 .125rem .25rem rgba(0,0,0,.1);transform:translateY(-1px)}.product-item__buy-btn:active{transform:translateY(0);box-shadow:0 .125rem .375rem -.0625rem var(--accent-glow)}.setup-detail__related{margin-top:3rem}.setup-detail__related-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}@media(min-width:640px){.setup-detail__related-grid{grid-template-columns:repeat(3,1fr)}}.shop-this-look__title{font-size:1.125rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}.setup-detail__tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none}.setup-detail__tag-chip{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;background:var(--accent);color:#fff;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.setup-detail__tag-chip:hover{background:var(--accent-600);transform:translateY(-1px)}.setup-detail__browse-tags{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line)}.setup-detail__browse-tags-title{font-size:1.25rem;font-weight:700;color:var(--ink);margin:0 0 .375rem;letter-spacing:-.01em}.setup-detail__browse-tags-title em{font-style:italic;color:var(--accent)}.setup-detail__browse-tags-subtitle{font-size:.9375rem;color:var(--muted);line-height:1.55;margin:0 0 1.5rem}.setup-detail__browse-tags-list{display:flex;flex-wrap:wrap;gap:.625rem;margin:0;padding:0;list-style:none}.setup-detail__browse-tag-chip{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;background:rgba(0,0,0,0);color:var(--ink);font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid var(--line);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.setup-detail__browse-tag-chip:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-1px)}}.landing-page{font-family:Geist,system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:clip}.wrap{max-width:77.5rem;margin-inline:auto;padding-inline:1.25rem}@media(min-width:640px){.wrap{padding-inline:2rem}}.reveal{opacity:0;transform:translateY(1.75rem);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}.how-it-works__step{opacity:0;transform:translateY(2.5rem) scale(.97);transition:opacity .5s ease,transform .5s ease}.how-it-works__step.in{opacity:1;transform:none}.how-it-works__step:nth-child(2){transition-delay:.1s}.how-it-works__step:nth-child(3){transition-delay:.2s}.community-gallery__card{opacity:0;transform:translateY(1.875rem) scale(.96);transition:opacity .45s ease,transform .45s ease}.community-gallery__card.in{opacity:1;transform:none}.community-gallery__card:nth-child(2){transition-delay:.08s}.community-gallery__card:nth-child(3){transition-delay:.16s}.community-gallery__card:nth-child(4){transition-delay:.24s}.creator-block__inner{opacity:0;transform:translateY(2.5rem);transition:opacity .6s ease,transform .6s ease}.creator-block__inner.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.community-gallery__card,.creator-block__inner,.how-it-works__step,.reveal{transition:none;opacity:1;transform:none}}.section-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.section-h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink);margin:0 0 1rem}.section-h2 em{font-style:italic;color:var(--accent)}.section-sub{font-size:1.0625rem;color:var(--muted);max-width:35rem;line-height:1.55;margin:0 0 3.5rem}.macos-dots{display:flex;gap:.3125rem}.macos-dot{width:.625rem;height:.625rem;border-radius:50%}.macos-dot--red{background:#ff5f57}.macos-dot--yellow{background:#febc2e}.macos-dot--green{background:#28c840}.landing-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;font-size:1rem;border-radius:var(--radius-full);border:none;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,transform .15s}.landing-btn--primary{background:var(--accent);color:#fff}.landing-btn--primary:hover{background:var(--accent-600);transform:translateY(-1px)}.landing-btn--outline{background:rgba(0,0,0,0);color:var(--ink);border:2px solid var(--line)}.landing-btn--outline:hover{border-color:var(--ink-2);transform:translateY(-1px)}.landing-btn--lg{padding:1rem 2rem;font-size:1rem;font-weight:700;background:var(--accent-2);color:var(--ink)}.landing-btn--lg:hover{background:#d4773a;transform:translateY(-1px)}@keyframes landing-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero{padding:8rem 0 2.5rem;background:var(--bg)}@media(min-width:768px){.hero{padding:5.5rem 0 2.5rem}}.hero__grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:center}.hero__grid>*{min-width:0}@media(min-width:960px){.hero__grid{grid-template-columns:1.05fr 1fr;gap:4rem}}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--ink-2);margin-bottom:1.5rem;background:rgba(78,107,73,.12);padding:.375rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(78,107,73,.25)}.hero__dot{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--green);animation:landing-pulse 2s infinite}.hero__title{font-size:clamp(2.75rem,6.4vw,5.125rem);font-weight:800;line-height:.98;letter-spacing:-.04em;color:var(--ink);margin:0 0 1.5rem}.hero__title em{font-style:italic;color:var(--accent)}.hero__underline{position:relative;display:inline-block;text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:.375rem;text-decoration-thickness:4px}.hero__subtitle{font-size:1.1875rem;color:var(--ink-2);line-height:1.55;max-width:32.5rem;margin:0 0 2.25rem}.hero__ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:3rem}.hero__stats{display:flex;gap:2rem}.hero__stat-number{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1}.hero__stat-label{font-size:.8125rem;color:var(--muted);margin-top:.25rem}.hero__room-wrap{position:relative;width:100%}.hero__room-card{aspect-ratio:1/1.05;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--bg-2);overflow:hidden;position:relative;will-change:transform;transform:translateZ(0)}.hero__room-titlebar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:rgba(30,23,18,.55);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem)}.hero__room-filename{font-size:.75rem;color:rgba(250,246,238,.7);background:rgba(250,246,238,.1);padding:.125rem .5rem;border-radius:.375rem;margin-left:.5rem}.hero__ai-chip{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:rgba(30,23,18,.82);backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem);border:1px solid rgba(217,164,65,.3);border-radius:var(--radius-full);white-space:nowrap;color:rgba(250,246,238,.9);font-size:.8125rem;font-weight:500;animation:hero-float 3s ease-in-out infinite}.hero__ai-sparkle{color:var(--yellow);font-size:1rem}.hero-slideshow{position:absolute;inset:0;overflow:hidden;background:var(--bg-2)}.hero-slideshow__slide{object-fit:cover;opacity:0;transition:opacity .8s ease-in-out;pointer-events:none}.hero-slideshow__slide--active{opacity:1}.hero-slideshow__dots{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:.5rem}.hero-slideshow__dot{width:.5rem;height:.5rem;border-radius:50%;border:0;padding:0;background:rgba(250,246,238,.45);cursor:pointer;transition:background .2s,transform .2s}.hero-slideshow__dot:hover{background:rgba(250,246,238,.75)}.hero-slideshow__dot--active{background:rgba(250,246,238,.95);transform:scale(1.25)}@keyframes hero-float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-.375rem)}}.creator-block{padding:3.75rem 0}.creator-block__inner{background:var(--ink);border-radius:var(--radius-lg);padding:3rem 2rem;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:center}.creator-block__inner:before{content:"";position:absolute;bottom:-60px;right:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(232,137,74,.2) 0,transparent 70%);pointer-events:none}@media(min-width:900px){.creator-block__inner{grid-template-columns:1fr 1fr;padding:5rem 4rem;gap:3.75rem}}.creator-block__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.creator-block__title{font-size:clamp(1.75rem,3.5vw,2.875rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--paper);margin:0 0 .5rem}.creator-block__title em{font-style:normal;color:var(--accent-2)}.creator-block__subtitle{font-size:1rem;color:rgba(250,246,238,.55);line-height:1.65;margin:1rem 0 2rem;max-width:27.5rem}.creator-block__bullets{list-style:none;padding:0;margin:0 0 2.25rem;display:flex;flex-direction:column;gap:.75rem}.creator-block__bullet{display:flex;gap:.75rem;align-items:flex-start;font-size:.9375rem;color:rgba(250,246,238,.8);line-height:1.5}.creator-block__bullet strong{color:#faf6ee}.creator-block__check{width:1.25rem;height:1.25rem;border-radius:.375rem;background:rgba(78,107,73,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem;color:#8fc488;font-size:.75rem}.creator-block__upload{background:#2b231d;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2rem 4rem rgba(0,0,0,.4)}.creator-block__upload-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.06)}.creator-block__upload-title{font-size:.6875rem;font-weight:600;letter-spacing:.06em;color:rgba(250,246,238,.4);text-transform:uppercase}.creator-block__upload-slots{display:flex;align-items:center;gap:.75rem;padding:1.5rem}.creator-block__upload-slot{flex:1 1;aspect-ratio:1;border-radius:.75rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:.6875rem;color:rgba(250,246,238,.4);font-weight:600;letter-spacing:.05em}.creator-block__upload-slot svg{opacity:.6}.creator-block__upload-arrow{font-size:1.375rem;color:rgba(250,246,238,.25);flex-shrink:0}.creator-block__progress{padding:0 1.5rem 1.25rem}.creator-block__progress-label{display:flex;justify-content:space-between;font-size:.6875rem;color:rgba(250,246,238,.4);margin-bottom:.375rem}.creator-block__progress-bar{height:4px;background:hsla(0,0%,100%,.08);border-radius:var(--radius-full);overflow:hidden}.creator-block__progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:creator-progress 2.5s ease-in-out infinite alternate}@keyframes creator-progress{0%{width:45%}to{width:95%}}.how-it-works{padding:3rem 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-it-works__grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem}@media(min-width:720px){.how-it-works__grid{grid-template-columns:repeat(3,1fr)}}.how-it-works__step{border-radius:var(--radius-lg);padding:2.25rem 2rem;position:relative;overflow:hidden}.how-it-works__step-num{position:absolute;top:1rem;right:1.25rem;font-size:4rem;font-weight:900;color:var(--ink);opacity:.07;line-height:1;letter-spacing:-.05em}.how-it-works__step-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;background:rgba(193,85,43,.15);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.25rem}.how-it-works__step-title{font-size:1.25rem;font-weight:700;color:var(--ink);margin:0 0 .625rem;letter-spacing:-.02em}.how-it-works__step-para{font-size:.9375rem;color:var(--ink-2);line-height:1.6;margin:0}.vibe-themes{padding:2.5rem 0 3rem;background:var(--bg)}.vibe-themes__header{max-width:40rem;margin-bottom:3rem}.vibe-themes__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink);margin:0 0 1rem}.vibe-themes__sub{font-size:1.0625rem;color:var(--muted);line-height:1.55;margin:0}.vibe-themes__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}@media(min-width:480px){.vibe-themes__grid{gap:.625rem}}@media(min-width:900px){.vibe-themes__grid{grid-template-columns:repeat(4,1fr);gap:.75rem}}.vibe-themes__card{position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;opacity:0;transform:translateY(2.5rem) scale(.97);transition:opacity .5s ease,transform .5s ease}.vibe-themes__card.in{opacity:1;transform:none}.vibe-themes__card:nth-child(2){transition-delay:.08s}.vibe-themes__card:nth-child(3){transition-delay:.16s}.vibe-themes__card:nth-child(4){transition-delay:.24s}.vibe-themes__card:hover .vibe-themes__card-img{transform:scale(1.05)}.vibe-themes__card:hover .vibe-themes__card-cta{background:var(--accent);color:#fff}.vibe-themes__card-img{transition:transform .5s ease}.vibe-themes__card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem .75rem;background:linear-gradient(0deg,rgba(20,15,10,.78) 0,rgba(20,15,10,.1) 55%,transparent)}@media(min-width:480px){.vibe-themes__card-overlay{padding:1.5rem 1.25rem}}.vibe-themes__card-tag{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,246,238,.6);margin-bottom:.375rem;display:block}.vibe-themes__card-title{font-size:clamp(.95rem,3.4vw,1.4rem);font-weight:800;letter-spacing:-.02em;color:#faf6ee;line-height:1.15;margin:0 0 .5rem;text-wrap:balance}.vibe-themes__card-sub{display:none;font-size:.8125rem;color:rgba(250,246,238,.7);line-height:1.45;margin:0 0 1rem}@media(min-width:480px){.vibe-themes__card-sub{display:block}}.vibe-themes__card-cta{display:inline-flex;align-items:center;align-self:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#1e1712;background:rgba(250,246,238,.92);border-radius:var(--radius-full);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}@media(prefers-reduced-motion:reduce){.vibe-themes__card{transition:none;opacity:1;transform:none}.vibe-themes__card-img{transition:none}}.community-gallery{padding:3rem 0;background:var(--bg)}.community-gallery__grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-bottom:4rem}@media(min-width:480px){.community-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.community-gallery__grid{grid-template-columns:repeat(4,1fr)}}.community-gallery__card-inner{aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;box-shadow:var(--shadow)}.community-gallery__card-bg{position:absolute;inset:0;object-fit:cover}.community-gallery__share-preview{position:relative;width:70%;height:70%;border-radius:1rem;overflow:hidden;flex-shrink:0}.community-gallery__card-meta{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem 1rem;background:linear-gradient(0deg,rgba(30,23,18,.7) 0,transparent 60%)}.community-gallery__card-title{font-size:.9375rem;font-weight:700;color:#faf6ee;line-height:1.2}.community-gallery__card-author{font-size:.75rem;color:rgba(250,246,238,.7);margin-top:.1875rem}.community-gallery__card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.375rem;opacity:0;transition:opacity .2s}.community-gallery__card-inner:hover .community-gallery__card-actions{opacity:1}.community-gallery__action-btn{width:2rem;height:2rem;border-radius:.5rem;background:rgba(250,246,238,.18);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:1px solid rgba(250,246,238,.25);display:flex;align-items:center;justify-content:center;color:#faf6ee;font-size:.875rem;cursor:pointer;transition:background .2s}.community-gallery__action-btn:hover{background:rgba(250,246,238,.3)}.community-gallery__share{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:center}@media(min-width:720px){.community-gallery__share{grid-template-columns:1fr 1fr}}.community-gallery__share-visual{position:relative;background:var(--bg-2);border-radius:var(--radius-lg);aspect-ratio:4/3;overflow:visible;display:flex;align-items:center;justify-content:center}.community-gallery__share-fab{position:absolute;bottom:-1rem;right:1.5rem;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--accent);box-shadow:0 4px 1rem rgba(193,85,43,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:#fff;font-size:1.25rem;transition:transform .2s,box-shadow .2s}.community-gallery__share-fab:hover{transform:scale(1.08);box-shadow:0 .375rem 1.5rem rgba(193,85,43,.5)}.community-gallery__share-watermark{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:rgba(30,23,18,.6);border-radius:var(--radius-full);color:rgba(250,246,238,.8);font-size:.6875rem;font-weight:500;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.community-gallery__share-sheet{position:absolute;bottom:-.75rem;left:0;right:0;background:var(--paper);border-radius:1.25rem 1.25rem 0 0;padding:1.25rem;box-shadow:0 -.5rem 2rem rgba(30,23,18,.12);transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.68,0,1.2);z-index:5}.community-gallery__share-sheet--open{transform:translateY(0)}.community-gallery__share-title{font-size:.9375rem;font-weight:600;color:var(--ink);margin-bottom:1rem}.community-gallery__share-platforms{display:flex;gap:.75rem;flex-wrap:wrap}.community-gallery__share-platform{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .2s}.community-gallery__share-platform:hover{border-color:var(--muted)}.community-gallery__share-copy{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--paper);cursor:pointer;transition:opacity .2s}.community-gallery__share-copy:hover{opacity:.85}.community-gallery__share-info h3{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:.75rem 0 .875rem;line-height:1.15}.community-gallery__share-info p{font-size:1rem;color:var(--muted);line-height:1.6;margin:0}.final-cta{padding:3.75rem 0;text-align:center;position:relative;overflow:hidden}.final-cta:before{inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,var(--bg-2),var(--bg))}.final-cta:after,.final-cta:before{content:"";position:absolute;z-index:0}.final-cta:after{top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(193,85,43,.12) 0,transparent 70%);pointer-events:none}.final-cta__content{max-width:77.5rem;margin-inline:auto;padding-inline:1.25rem}@media(min-width:640px){.final-cta__content{padding-inline:2rem}}.final-cta__content{position:relative;z-index:1}.final-cta__eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--muted);background:var(--paper);border:1px solid var(--line);padding:.375rem 1rem;border-radius:var(--radius-full);margin-bottom:2rem}.final-cta__title{font-size:clamp(3.25rem,7.5vw,7rem);font-weight:900;letter-spacing:-.05em;line-height:.95;color:var(--ink);margin:0 0 2.5rem}.final-cta__title em{font-style:italic;color:var(--accent)}.landing-footer{background:var(--footer-bg);padding-block:5rem 2.5rem;position:relative;overflow:hidden}.landing-footer:before{top:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(193,85,43,.1) 0,transparent 70%)}.landing-footer:after,.landing-footer:before{content:"";position:absolute;pointer-events:none}.landing-footer:after{bottom:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(232,137,74,.08) 0,transparent 70%)}.landing-footer__content{max-width:77.5rem;margin-inline:auto;padding-inline:1.25rem}@media(min-width:640px){.landing-footer__content{padding-inline:2rem}}.landing-footer__content{position:relative;z-index:1}.landing-footer__wordmark{font-size:clamp(5.5rem,13vw,11.25rem);font-weight:900;letter-spacing:-.05em;line-height:.9;padding-bottom:.15em;background:linear-gradient(180deg,var(--footer-text) 0,color-mix(in srgb,var(--footer-text) 20%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:3rem;width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;text-align:left}.landing-footer__wordmark em{font-style:italic;background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.landing-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--footer-text) 8%,transparent);flex-wrap:wrap;gap:1rem}.landing-footer__city{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:color-mix(in srgb,var(--footer-text) 50%,transparent)}.landing-footer__city-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--green);animation:landing-pulse 2s infinite}.landing-footer__links{display:flex;align-items:center;gap:.375rem}.landing-footer__social{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--footer-text) 6%,transparent);border:1px solid color-mix(in srgb,var(--footer-text) 12%,transparent);color:color-mix(in srgb,var(--footer-text) 55%,transparent);text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}.landing-footer__social:hover{background:color-mix(in srgb,var(--footer-text) 12%,transparent);border-color:color-mix(in srgb,var(--footer-text) 24%,transparent);color:var(--footer-text);transform:translateY(-1px)}.landing-footer__copy{font-size:.8125rem;color:color-mix(in srgb,var(--footer-text) 30%,transparent)}.landing-footer__controls{display:flex;align-items:center;gap:.375rem}.landing-footer__icon-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:color-mix(in srgb,var(--footer-text) 6%,transparent);border:1px solid color-mix(in srgb,var(--footer-text) 12%,transparent);border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;font-weight:600;color:color-mix(in srgb,var(--footer-text) 70%,transparent);line-height:1;transition:background .18s,border-color .18s,color .18s}.landing-footer__icon-btn:hover{background:color-mix(in srgb,var(--footer-text) 12%,transparent);border-color:color-mix(in srgb,var(--footer-text) 24%,transparent);color:var(--footer-text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-50)}.login-page__card{width:100%;max-width:28rem;padding:3rem 2rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.login{display:flex;flex-direction:column;gap:1rem}.login__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.login__subtitle{color:var(--text-muted);margin-bottom:2rem}.login__divider{position:relative;display:flex;align-items:center;gap:.75rem}.login__divider hr{flex:1 1;border-color:var(--border)}.login__divider span{font-size:.875rem;color:var(--text-muted)}.login__form{display:flex;flex-direction:column;gap:.75rem}.login>button,.login__form button{width:100%}.login__input{width:100%;border-radius:var(--radius);border:1px solid var(--border-strong);background:#fff;padding:.5rem 1rem;color:var(--text-primary);font-size:1rem}.login__input::placeholder{color:var(--text-muted)}.login__input:focus{outline:none;border-color:var(--text-secondary);box-shadow:0 0 0 1px var(--text-secondary)}.login__error{font-size:.875rem;color:var(--color-danger)}.login__success{text-align:center;padding:1.5rem 0;color:var(--text-secondary)}.builder{position:relative;display:flex;height:calc(100vh - 3.5rem);flex-direction:column}.builder__canvas-wrap{flex:1 1}.builder__canvas{height:100%;width:100%}.builder__loading{display:flex;height:100%;align-items:center;justify-content:center;background:var(--surface-100);color:var(--text-muted)}.guest-limit-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface-900);padding:.75rem 1rem;color:var(--surface-50)}.guest-limit-banner__msg{font-size:.875rem}.guest-limit-banner__cta{margin-left:1rem;flex-shrink:0;border-radius:var(--radius);background:var(--surface-50);padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:var(--surface-900);transition:background .2s}.guest-limit-banner__cta:hover{background:var(--surface-200)}.save-btn-wrap{position:absolute;top:1rem;right:1rem;pointer-events:auto}.save-btn{padding:.5rem 1rem;border-radius:var(--radius);background:var(--surface-900);color:#fff;font-size:.875rem;font-weight:500;border:none;cursor:pointer;box-shadow:var(--shadow);transition:background .2s}.save-btn:hover{background:var(--surface-700)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.home-hero{padding:5rem 0;text-align:center}.home-hero__title{font-size:clamp(2.25rem,6vw,3.75rem);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);line-height:1.1}.home-hero__subtitle,.home-hero__title-accent{color:var(--text-secondary)}.home-hero__subtitle{margin:1.5rem auto 0;max-width:42rem;font-size:1.125rem}.home-hero__actions{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width:640px){.home-hero__actions{flex-direction:row;justify-content:center}}.not-found{display:flex;min-height:60vh;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.not-found__code{font-size:2.25rem;font-weight:700;color:var(--text-primary)}.not-found__message{color:var(--text-muted)}.not-found__link{color:var(--accent-500);text-decoration:underline}.not-found__link:hover{color:var(--accent-600)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:w-80{width:20rem}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.py-8{padding-block:2rem}.py-16{padding-block:4rem}.pt-3{padding-top:.75rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-4{padding-left:1rem}.m-0{margin:0}.mx-1{margin-inline:.25rem}.mx-auto{margin-inline:auto}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-px{margin-bottom:1px}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-2>*+*{margin-left:.5rem}.w-2\.5{width:.625rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-64{width:16rem}.w-80{width:20rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-32{min-width:8rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[200px\]{max-width:200px}.h-2\.5{height:.625rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.h-48{height:12rem}.h-80{height:20rem}.h-full{height:100%}.min-h-\[5rem\]{min-height:5rem}.min-h-\[6rem\]{min-height:6rem}.min-h-\[8rem\]{min-height:8rem}.max-h-\[90vh\]{max-height:90vh}.aspect-square{aspect-ratio:1/1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.border{border-width:1px;border-style:solid}.border-0{border-width:0}.border-2{border-width:2px;border-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-dashed{border-style:dashed}.border-transparent{border-color:rgba(0,0,0,0)}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.text-white{color:#fff}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-surface-50{color:var(--surface-50)}.text-surface-300{color:var(--surface-300)}.text-surface-400{color:var(--surface-400)}.text-surface-500{color:var(--surface-500)}.text-surface-600{color:var(--surface-600)}.text-surface-700{color:var(--surface-700)}.text-surface-800{color:var(--surface-800)}.text-surface-900{color:var(--surface-900)}.text-accent-500{color:var(--accent-500)}.text-accent-600{color:var(--accent-600)}.bg-black{background-color:#000}.bg-surface-50{background-color:var(--surface-50)}.bg-surface-100{background-color:var(--surface-100)}.bg-surface-200{background-color:var(--surface-200)}.bg-surface-900{background-color:var(--surface-900)}.bg-accent-500{background-color:var(--accent-500)}.bg-accent-600{background-color:var(--accent-600)}.bg-black\/30{background-color:color-mix(in srgb,#000 30%,transparent)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent)}.bg-surface-200\/30{background-color:color-mix(in srgb,var(--surface-200) 30%,transparent)}.bg-surface-200\/40{background-color:color-mix(in srgb,var(--surface-200) 40%,transparent)}.bg-surface-200\/50{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent)}.bg-accent-600\/5{background-color:color-mix(in srgb,var(--accent-600) 5%,transparent)}.bg-accent-600\/10{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent)}.bg-accent-600\/20{background-color:color-mix(in srgb,var(--accent-600) 20%,transparent)}.border-surface-100{border-color:var(--surface-100)}.border-surface-200{border-color:var(--surface-200)}.border-surface-300{border-color:var(--surface-300)}.border-surface-400{border-color:var(--surface-400)}.border-surface-500{border-color:var(--surface-500)}.border-surface-900{border-color:var(--surface-900)}.border-accent-500{border-color:var(--accent-500)}.border-accent-600{border-color:var(--accent-600)}.border-sidebar{border-color:var(--border)}.ring-surface-400{box-shadow:0 0 0 2px var(--surface-400)}.ring-surface-500{box-shadow:0 0 0 2px var(--surface-500)}.ring-accent-500{box-shadow:0 0 0 2px var(--accent-500)}.divide-x>*+*{border-left-width:1px;border-left-style:solid}.divide-y>*+*{border-top-width:1px;border-top-style:solid}.divide-surface-200>*+*{border-color:var(--surface-200)}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition{transition-property:color,background-color,border-color,opacity,transform;transition-duration:var(--duration-base);transition-timing-function:var(--ease-in-out)}.hover\:bg-surface-200:hover{background-color:var(--surface-200)}.hover\:bg-surface-200\/30:hover{background-color:color-mix(in srgb,var(--surface-200) 30%,transparent)}.hover\:bg-surface-200\/50:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent)}.hover\:bg-accent-500:hover{background-color:var(--accent-500)}.hover\:bg-accent-600:hover{background-color:var(--accent-600)}.hover\:bg-accent-600\/20:hover{background-color:color-mix(in srgb,var(--accent-600) 20%,transparent)}.hover\:text-surface-600:hover{color:var(--surface-600)}.hover\:text-surface-700:hover{color:var(--surface-700)}.hover\:underline:hover{text-decoration:underline}.hover\:border-surface-400:hover{border-color:var(--surface-400)}.focus\:outline-none:focus{outline:none}.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--accent-500)}.focus\:ring-2:focus,.focus\:ring-accent-500:focus{box-shadow:0 0 0 2px var(--accent-500)}.focus\:ring-surface-400:focus{box-shadow:0 0 0 2px var(--surface-400)}.focus\:ring-surface-500:focus{box-shadow:0 0 0 2px var(--surface-500)}.focus\:border-surface-500:focus{border-color:var(--surface-500)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.placeholder\:text-surface-400::placeholder{color:var(--surface-400)}:root{--color-danger:#dc2626;--color-danger-hover:#ef4444;--color-danger-subtle:rgb(239 68 68/15%);--color-danger-border:rgb(239 68 68/30%);--color-success:#16a34a;--color-success-hover:#15803d;--color-success-subtle:rgb(34 197 94/15%);--color-success-border:rgb(34 197 94/30%);--color-warning:#ca8a04;--color-warning-subtle:rgb(234 179 8/15%);--color-warning-border:rgb(234 179 8/30%);--color-pro-bg:#fef3c7;--color-pro-text:#b45309;--radius-sm:6px;--radius:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgb(0 0 0/5%);--shadow:0 1px 3px rgb(0 0 0/8%),0 8px 24px -8px rgb(0 0 0/12%);--shadow-lg:0 4px 16px rgb(0 0 0/12%),0 24px 48px -12px rgb(0 0 0/18%);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms}body,html{margin:0;padding:0}html{text-size-adjust:100%}body{background-color:var(--surface-50);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .2s ease,color .2s ease}a{text-decoration:none}:root{--scrollbar-thumb:rgb(0 0 0/20%);--scrollbar-thumb-hover:rgb(0 0 0/35%);--scrollbar-track:transparent}[data-theme=dark]{--scrollbar-thumb:rgb(255 255 255/15%);--scrollbar-thumb-hover:rgb(255 255 255/28%)}*,:after,:before{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@layer components{.h1{font-size:2.25rem;line-height:2.5rem}.h1,.h2{font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.h2{font-size:1.875rem;line-height:2.25rem}.h3{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--text-primary)}.h4{font-size:1.25rem}.h4,.h5{line-height:1.75rem;font-weight:600;color:var(--text-primary)}.h5{font-size:1.125rem}.h6{font-size:1rem;line-height:1.5rem;font-weight:600;color:var(--text-primary)}.display{font-size:3rem}.display,.display--lg{line-height:1;font-weight:700;letter-spacing:-.05em;color:var(--text-primary)}.display--lg{font-size:3.75rem}.page-title{margin:0;font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--text-primary)}.page-subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.section-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--text-primary)}.section-subtitle{font-size:.875rem;line-height:1.25rem;color:var(--text-secondary)}.body{color:var(--text-primary)}.body,.body--secondary{font-size:1rem;line-height:1.5rem}.body--secondary{color:var(--text-secondary)}.body-sm{color:var(--text-primary)}.body-sm,.body-sm--secondary{font-size:.875rem;line-height:1.25rem}.body-sm--secondary{color:var(--text-secondary)}.caption{color:var(--text-secondary)}.caption,.caption--muted{font-size:.75rem;line-height:1rem}.caption--muted{color:var(--text-muted)}.label{color:var(--text-secondary)}.label,.label--uppercase{display:block;font-size:.75rem;line-height:1rem;font-weight:500}.label--uppercase{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.hint{font-size:.75rem;line-height:1rem;color:var(--text-muted)}.mono{font-size:.875rem;line-height:1.25rem;color:var(--text-primary)}.mono,.mono--sm{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mono--sm{font-size:.75rem;line-height:1rem;color:var(--text-secondary)}.text-error{color:var(--color-danger)}.text-error,.text-success{font-size:.875rem;line-height:1.25rem}.text-success{color:var(--color-success)}.text-warning{font-size:.875rem;line-height:1.25rem;color:var(--color-warning)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}.app-shell{display:flex;align-items:flex-start;min-height:100vh;background-color:var(--surface-50)}.main-content{flex:1 1;min-height:100vh;padding:1rem}}@layer components{@media(min-width:768px){.main-content{padding:1rem 2rem 2rem}}}@layer components{.sidebar{display:flex;position:-webkit-sticky;position:sticky;top:0;height:100vh;width:15rem;flex-shrink:0;flex-direction:column;background-color:rgba(0,0,0,0);border-right:.5px solid var(--border);transition:width .22s cubic-bezier(.4,0,.2,1),background-color var(--duration-base,.25s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-base,.25s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.sidebar--collapsed{width:3.5rem}.sidebar--collapsed .sidebar__brand-name,.sidebar--collapsed .sidebar__user-info{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar--collapsed .sidebar__header{justify-content:center;padding-inline:0}.sidebar--collapsed .sidebar__brand{flex:0 0 auto;justify-content:center;gap:0}.sidebar--collapsed .sidebar__footer{align-items:center;padding-inline:0;justify-content:center}.sidebar--collapsed .sidebar__avatar{margin:0 auto}.sidebar__header{justify-content:space-between;padding:1rem;border-bottom:.5px solid var(--border);min-height:3.5rem;flex-shrink:0}.sidebar__brand,.sidebar__header{display:flex;align-items:center;gap:.5rem}.sidebar__brand{min-width:0;flex:1 1;overflow:hidden}.sidebar__logo{flex-shrink:0;border-radius:.5rem}.sidebar__brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary);transition:opacity .18s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1)}.sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;position:absolute;right:-.75rem;bottom:5rem;z-index:10;width:1.5rem;height:1.5rem;border-radius:9999px;border:1px solid var(--border-strong);background:var(--surface-100);cursor:pointer;color:var(--text-secondary);font-size:.75rem;line-height:1;box-shadow:0 .125rem .5rem -.0625rem rgba(0,0,0,.14);transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.sidebar__collapse-btn:hover{color:var(--text-primary);background:var(--surface-200);border-color:var(--accent-500);box-shadow:0 .125rem .75rem -.0625rem rgba(0,0,0,.2)}.sidebar__body{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:1rem .75rem}.sidebar__footer{display:flex;flex-direction:column;padding:1rem;border-top:.5px solid var(--border);gap:.75rem;transition:padding .22s cubic-bezier(.4,0,.2,1)}.sidebar__footer-actions{display:flex;flex-direction:column;gap:.25rem}.sidebar__avatar{display:flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;flex-shrink:0;border-radius:9999px;background-color:var(--surface-200);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}.sidebar__user-info{min-width:0;flex:1 1;transition:opacity .18s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1)}.sidebar__user-name{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-primary)}.sidebar__user-email,.sidebar__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-email{font-size:.75rem;line-height:1rem;color:var(--text-muted)}.nav-list-groups{display:flex;flex-direction:column;gap:1rem}.nav-list{list-style:none;margin:0;padding:0}.nav-group,.nav-list{display:flex;flex-direction:column;gap:.25rem}.nav-group__label{padding-block:.25rem;padding-inline:.75rem}.nav-group__label,.nav-group__toggle{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;padding:.25rem .75rem;background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.nav-group__toggle:hover{color:var(--text-secondary)}.nav-group__toggle-chevron{display:inline-block;font-size:1.125rem;line-height:1;transition:transform var(--duration-base,.2s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.nav-group__toggle-chevron--collapsed{transform:rotate(-90deg)}.nav-item{position:relative}.nav-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + .5rem);top:50%;transform:translateY(-50%);white-space:nowrap;padding:.3125rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;line-height:1.25rem;color:var(--text-primary);background:var(--surface-100);border:1px solid var(--border);box-shadow:0 .25rem .75rem -.125rem rgba(0,0,0,.12);pointer-events:none;opacity:0;transition:opacity .12s cubic-bezier(.4,0,.2,1);z-index:50}.nav-item[data-tooltip]:hover:after{opacity:1}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem .4rem calc(.75rem - 2px);border-left:2px solid rgba(0,0,0,0);font-size:.8125rem;line-height:1.25rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.nav-link:hover{color:var(--text-secondary);border-left-color:var(--surface-300);background:color-mix(in srgb,var(--surface-200) 30%,transparent)}.nav-link--active{color:var(--accent-400);font-weight:600;border-left-color:var(--accent-500);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-500) 10%,transparent) 0,transparent 80%)}.nav-link__icon{font-size:1rem;line-height:1;flex-shrink:0}.nav-link__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .18s cubic-bezier(.4,0,.2,1)}.sidebar--collapsed .nav-group__label,.sidebar--collapsed .nav-group__toggle{opacity:0;height:0;overflow:hidden;padding:0;margin:0;pointer-events:none}.sidebar--collapsed .nav-list{gap:.125rem}.sidebar--collapsed .nav-link{justify-content:center;padding:.5rem;border-left:none;border-radius:.5rem;gap:0}.sidebar--collapsed .nav-link:hover{border-left-color:rgba(0,0,0,0)}.sidebar--collapsed .nav-link--active{border-left-color:rgba(0,0,0,0);background:color-mix(in srgb,var(--accent-500) 14%,transparent)}.sidebar--collapsed .nav-link__label{opacity:0;width:0;overflow:hidden;pointer-events:none}.sidebar--collapsed .nav-link__icon{font-size:1.125rem}.sidebar--collapsed .nav-list-groups{gap:.5rem}.btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;font-family:inherit;border:none;background:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}}@layer components{}@layer components{.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.btn:disabled{pointer-events:none;opacity:.4}.btn--primary{background-color:var(--accent-600);color:#fff}.btn--primary:hover{background-color:var(--accent-500)}.btn--secondary{border:1px solid var(--border);background-color:var(--surface-100);color:var(--text-primary)}.btn--secondary:hover{background-color:var(--surface-200)}.btn--ghost{color:var(--text-muted)}.btn--ghost:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent);color:var(--text-secondary)}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover{background-color:var(--color-danger-hover)}.btn--accent-ghost{color:var(--accent-500)}.btn--accent-ghost:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent)}.btn--xs{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.btn--sm{padding:.375rem .75rem}.btn--md,.btn--sm{font-size:.875rem;line-height:1.25rem}.btn--md{padding:.5rem 1rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn--min-xs{min-width:4rem}.btn--min-sm{min-width:5rem}.btn--min-md{min-width:6.5rem}.btn--min-lg{min-width:8rem}.btn--full{width:100%}.btn--rounded{border-radius:9999px}.btn--icon{height:2.25rem;width:2.25rem}.btn--icon,.btn--icon-sm{border-radius:9999px;padding:0}.btn--icon-sm{height:1.75rem;width:1.75rem;font-size:.75rem;line-height:1rem}.card{border-radius:.75rem;border:1px solid var(--border);background-color:var(--surface-50);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}.card--hover{cursor:pointer;transition:box-shadow var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),border-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.card--hover:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border-color:var(--border-strong)}.card--padded{padding:1.5rem}.card__header{border-bottom:1px solid var(--border);padding:1.5rem 1.5rem 1rem}.card__body{padding:1.5rem}.card__footer{border-top:1px solid var(--border);padding:1rem 1.5rem}.badge{display:inline-block;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;white-space:nowrap}.badge--surface{background-color:var(--surface-200);color:var(--text-secondary)}.badge--accent{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent);color:var(--accent-600)}.badge--pro{background-color:var(--color-pro-bg);color:var(--color-pro-text)}.badge--free{background-color:var(--surface-100);color:var(--text-muted)}.badge--plan{border-radius:.25rem;padding:.125rem .375rem}.badge--admin{background-color:color-mix(in srgb,var(--accent-500) 12%,transparent);color:var(--accent-400)}.badge--success{background-color:var(--color-success-subtle);color:var(--color-success)}.badge--danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge--warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.modal-overlay{z-index:40;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:0;padding:0;cursor:default;-moz-appearance:none;appearance:none;-webkit-appearance:none}.modal,.modal-overlay{position:fixed;inset:0}.modal{z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal__panel{position:relative;width:100%;max-width:28rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--surface-50);padding:1.5rem;box-shadow:var(--shadow-lg,0 4px 16px rgba(0,0,0,.12),0 24px 48px -12px rgba(0,0,0,.18));animation:popoverIn var(--duration-base,.25s) var(--ease-out,cubic-bezier(.16,1,.3,1)) both}.modal__title{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--text-primary)}.modal__subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.modal__close{display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;cursor:pointer;height:1.75rem;width:1.75rem;border-radius:9999px;padding:0;font-size:.75rem;line-height:1rem;color:var(--text-muted);background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.modal__close:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent);color:var(--text-secondary)}.modal__footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.5rem}.confirm-dialog{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-dialog .modal-overlay{cursor:default;border:0;padding:0}.confirm-dialog__panel{position:relative;z-index:1;width:100%;max-width:24rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--surface-50);padding:1.5rem;box-shadow:var(--shadow-lg,0 4px 16px rgba(0,0,0,.12),0 24px 48px -12px rgba(0,0,0,.18));animation:popoverIn var(--duration-base,.25s) var(--ease-out,cubic-bezier(.16,1,.3,1)) both}.confirm-dialog__title{margin:0;font-size:1.125rem;line-height:1.5rem;font-weight:600;color:var(--text-primary)}.confirm-dialog__message{margin:.5rem 0 0;font-size:.875rem;line-height:1.375rem;color:var(--text-secondary)}.confirm-dialog__footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.5rem}.table-wrap{overflow:hidden;border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface-100)}.table{width:100%;font-size:.875rem;line-height:1.25rem}.table thead{background-color:color-mix(in srgb,var(--surface-200) 40%,transparent);text-align:left;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;color:var(--text-muted)}.table thead tr>*+*{border-left:1px solid var(--border)}.table th{display:table-cell;padding:.75rem 1rem}.table tbody>tr{border-top:1px solid var(--border);transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.table tbody>tr>*+*{border-left:1px solid var(--border)}.table tbody>tr:hover{background-color:color-mix(in srgb,var(--surface-200) 30%,transparent)}.table td{display:table-cell;padding:.75rem 1rem}.table__detail-row td{background-color:color-mix(in srgb,var(--surface-200) 20%,transparent);padding:1rem}.input{border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface-100);color:var(--text-primary);padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-family:inherit;transition:border-color var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.input:focus{outline:none;border-color:var(--accent-500)}.input--sm{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.input--lg{padding:.625rem 1rem;font-size:1rem;line-height:1.5rem}.input--area{resize:none}.input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}.input-group{display:flex;align-items:center;gap:.5rem}.form-field{display:flex;flex-direction:column;gap:.25rem}.pagination{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem}.pagination__info{color:var(--text-muted)}.pagination__controls{display:flex;align-items:center;gap:.25rem}.pagination__btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;min-width:28px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;border-radius:.25rem;color:var(--text-muted);background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pagination__btn:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent);color:var(--text-secondary)}.pagination__btn--active{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent);color:var(--accent-600);font-weight:600}.pagination__ellipsis{padding-inline:.25rem;font-size:.75rem;line-height:1rem;color:var(--surface-300)}.filter-strip{display:flex;gap:.25rem}.filter-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;border-radius:.5rem;text-transform:capitalize;color:var(--text-muted);background:none;border:none;font-family:inherit;transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.filter-btn:hover{background-color:color-mix(in srgb,var(--surface-200) 50%,transparent);color:var(--text-secondary)}.filter-btn--active{background-color:color-mix(in srgb,var(--accent-600) 10%,transparent);color:var(--accent-600);font-weight:600}.popover-trigger{display:flex;align-items:center;justify-content:center;position:fixed;top:1rem;right:1rem;z-index:50;cursor:pointer;height:2.25rem;width:2.25rem;border-radius:9999px;padding:0;border:1px solid var(--border);background-color:color-mix(in srgb,var(--surface-50) 80%,transparent);color:var(--text-secondary);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05));font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1))}.popover-trigger:hover{background-color:var(--surface-100);color:var(--text-primary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.popover-trigger__icon{display:inline-block;transition:transform var(--duration-base,.3s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.popover{position:fixed;top:3.75rem;right:1rem;left:auto;z-index:50;margin:0;flex-direction:column;border-radius:1rem;border:1px solid var(--border);padding:.75rem;background:color-mix(in srgb,var(--surface-50) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:10rem;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06);animation:popoverIn var(--duration-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1)) both}.popover,.popover__row{display:flex;gap:.75rem}.popover__row{align-items:center}.popover__label{width:3.5rem;flex-shrink:0;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--text-muted)}.multi-select-combobox{position:relative;display:inline-flex;flex-direction:column;min-width:14rem}.multi-select-combobox__trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:2.25rem;padding:.25rem .625rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-50);color:var(--text-primary);font-family:inherit;font-size:.875rem;cursor:pointer;transition:border-color var(--duration-fast,.15s) ease,box-shadow var(--duration-fast,.15s) ease}.multi-select-combobox__trigger:hover{border-color:var(--accent-400,var(--accent-500))}.multi-select-combobox--open .multi-select-combobox__trigger{border-color:var(--accent-500);box-shadow:0 0 0 .1875rem var(--accent-glow)}.multi-select-combobox__placeholder{color:var(--text-muted)}.multi-select-combobox__pills{display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center;max-width:100%}.multi-select-combobox__pill{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;background-color:var(--accent-glow);color:var(--text-primary);font-size:.75rem;line-height:1.1}.multi-select-combobox__pill--overflow{background-color:var(--surface-200);color:var(--text-secondary);padding:.125rem .5rem}.multi-select-combobox__pill-label{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-combobox__pill-remove{display:inline-flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;border:none;background:rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;font-size:.875rem;line-height:1;padding:0;border-radius:9999px}.multi-select-combobox__pill-remove:hover{background-color:var(--surface-200);color:var(--text-primary)}.multi-select-combobox__caret{color:var(--text-muted);font-size:.75rem;flex-shrink:0}.multi-select-combobox__panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:40;display:flex;flex-direction:column;max-height:22rem;border:1px solid var(--border);border-radius:.75rem;background-color:var(--surface-50);box-shadow:0 .75rem 2rem -.5rem rgba(0,0,0,.18);overflow:hidden}.multi-select-combobox__search-wrap{padding:.5rem;border-bottom:1px solid var(--border)}.multi-select-combobox__search{width:100%;height:2rem;padding:0 .625rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--surface-100);color:var(--text-primary);font-size:.875rem}.multi-select-combobox__search:focus{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 .1875rem var(--accent-glow)}}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{.multi-select-combobox__search::placeholder{color:var(--text-muted)}.multi-select-combobox__list{flex:1 1 auto;overflow-y:auto;padding:.25rem 0}.multi-select-combobox__empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.multi-select-combobox__group{padding:.25rem 0}.multi-select-combobox__group+.multi-select-combobox__group{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.25rem}.multi-select-combobox__group-label{padding:.25rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.multi-select-combobox__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .75rem;border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;font-family:inherit;transition:background-color var(--duration-fast,.15s) ease}.multi-select-combobox__option:focus-visible,.multi-select-combobox__option:hover{background-color:var(--surface-100)}.multi-select-combobox__option--selected{background-color:var(--accent-glow);color:var(--text-primary)}.multi-select-combobox__option--selected:hover{background-color:var(--accent-glow)}.multi-select-combobox__option-check{width:1rem;flex-shrink:0;color:var(--accent-500);font-weight:600}.multi-select-combobox__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-combobox__footer{display:flex;justify-content:flex-end;padding:.5rem;border-top:1px solid var(--border)}.multi-select-combobox__clear{border:none;background:rgba(0,0,0,0);color:var(--text-secondary);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;font-family:inherit}.multi-select-combobox__clear:hover{background-color:var(--surface-100);color:var(--text-primary)}.icon-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;height:2.25rem;width:2.25rem;border-radius:9999px;padding:0;font-family:inherit;border:1px solid var(--border);background-color:var(--surface-50);color:var(--text-secondary);transition:color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1)),background-color var(--duration-fast,.15s) var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.icon-btn:hover{background-color:var(--surface-100)}.icon-btn--glass{border-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.1);color:#fff}.icon-btn--glass:hover{background-color:hsla(0,0%,100%,.2)}}@layer components{}.stepper{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.stepper__step{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:500;color:var(--text-muted);background-color:color-mix(in srgb,var(--surface-200) 40%,transparent);transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.stepper__step--active{background-color:color-mix(in srgb,var(--accent-500) 12%,transparent);color:var(--accent-500)}.stepper__step--done{background-color:color-mix(in srgb,var(--accent-500) 8%,transparent);color:var(--text-muted)}.stepper__step__number{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;font-size:.6875rem;font-weight:700;background-color:color-mix(in srgb,var(--surface-300) 50%,transparent);color:var(--text-muted);flex-shrink:0}.stepper__step--active .stepper__step__number{background-color:var(--accent-500);color:#fff}.stepper__step--done .stepper__step__number{background-color:color-mix(in srgb,var(--accent-500) 50%,transparent);color:#fff}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tabs__btn{padding:.625rem 1rem;border:none;border-bottom:2px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.tabs__btn:hover{color:var(--text-secondary)}.tabs__btn--active{color:var(--accent-500);border-bottom-color:var(--accent-500)}@layer components{.truncate-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link{color:var(--accent-400);text-decoration:underline;text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-in-out)}.link:hover{color:var(--accent-500)}.error-text{color:var(--color-danger)}.error-text,.success-text{font-size:.875rem;line-height:1.25rem}.success-text{color:var(--color-success)}.warning-text{font-size:.875rem;line-height:1.25rem;color:var(--color-warning)}.alert{border-radius:var(--radius-lg);padding:1rem}.alert--danger{background-color:var(--color-danger-subtle);border:1px solid var(--color-danger-border);color:var(--color-danger)}.alert--success{background-color:var(--color-success-subtle);border:1px solid var(--color-success-border);color:var(--color-success)}.alert--warning{background-color:var(--color-warning-subtle);border:1px solid var(--color-warning-border);color:var(--color-warning)}.stage-dot{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:2px solid;font-size:.875rem;font-weight:700}.stage-dot--running{border-color:var(--color-warning);background-color:var(--color-warning-subtle)}.stage-dot--success{border-color:var(--color-success);background-color:var(--color-success-subtle);color:var(--color-success)}.stage-dot--failed{border-color:var(--color-danger);background-color:var(--color-danger-subtle);color:var(--color-danger)}.stage-dot__ping{width:.75rem;height:.75rem;border-radius:9999px;background-color:var(--color-warning);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.stage-connector{flex:1 1;height:2px;background-color:var(--surface-200)}.stage-connector--done{background-color:var(--color-success)}.stage-label--running{color:var(--color-warning);font-weight:600}.stage-label--success{color:var(--color-success)}.stage-label--failed{color:var(--color-danger);font-weight:600}.empty-state{padding-block:4rem;text-align:center;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.divider{margin-block:.5rem;height:1px;background-color:var(--border)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem}.page-header__info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0;width:100%}@media(min-width:640px){.page-header__actions{width:auto}}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.page-body{display:flex;flex-direction:column;gap:1.25rem}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes popoverIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}