@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");:root{--color-bg:#f7f3ee;--color-surface:#fff;--color-surface-warm:#faf9f7;--color-surface-raised:#fefefe;--color-text:#262422;--color-text-muted:#64615c;--color-text-subtle:#9b9890;--color-border:#e7e0d8;--color-border-light:#efe8e0;--color-border-strong:#cfc6bc;--color-discover-bg:#f5f3f0;--color-discover-header-bg:#fff;--color-primary:#d06a4e;--color-primary-hover:#b95c44;--color-primary-dark:#a6523e;--color-primary-soft:#fcede6;--color-primary-soft-hover:#f8dfd4;--color-primary-glow:rgba(208,106,78,.18);--color-success:#059669;--color-success-bg:#ecfdf5;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-warning:#d97706;--color-warning-bg:#fffbeb;--radius-xs:6px;--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(26,24,22,.05);--shadow-sm:0 1px 3px rgba(26,24,22,.06),0 1px 2px rgba(26,24,22,.04);--shadow:0 4px 14px rgba(26,24,22,.08),0 1px 4px rgba(26,24,22,.04);--shadow-md:0 8px 24px rgba(26,24,22,.1),0 2px 8px rgba(26,24,22,.05);--shadow-lg:0 14px 36px rgba(26,24,22,.12),0 4px 12px rgba(26,24,22,.06);--shadow-btn:0 4px 12px rgba(94,140,101,.3);--shadow-btn-hover:0 6px 20px rgba(94,140,101,.45);--transition-fast:120ms ease;--transition:200ms ease;--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--font-body:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Fraunces",Georgia,"Times New Roman",serif}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#__next,body{min-height:100vh}#__next{width:100%}canvas,iframe,img,svg,video{max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.25;letter-spacing:-.02em}a{color:var(--color-primary);transition:color var(--transition-fast),opacity var(--transition-fast)}a,a:hover{text-decoration:none}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font:inherit}button{cursor:pointer}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-soft)!important}input,select,textarea{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.nav-link{transition:background var(--transition-fast),color var(--transition-fast)!important}.nav-link:hover{background:var(--color-primary-soft)!important;color:var(--color-primary)!important;text-decoration:none!important}.btn-primary{transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)!important}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)!important;box-shadow:var(--shadow-btn-hover)!important;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)!important}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{transition:background var(--transition-fast),color var(--transition-fast)!important}.btn-ghost:hover{background:var(--color-primary-soft)!important;color:var(--color-primary)!important}.card-hover{transition:box-shadow var(--transition),transform var(--transition)}.card-hover:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.role-card{transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.role-card:hover{border-color:var(--color-primary)!important;background:var(--color-primary-soft)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.app-shell,.app-shell-content,.app-shell-page{width:100%}.app-shell-page__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-shell-page__tabs::-webkit-scrollbar{display:none}.app-shell-page__tab-strip{min-width:max-content}.app-shell-page__search,.app-shell-page__search input{width:100%}.app-shell-page__message-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.94);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid var(--color-border-light)}.app-nav__bar{gap:12px;min-height:64px;padding:12px 24px}.app-nav__bar,.app-nav__brand{display:flex;align-items:center}.app-nav__brand{gap:8px;margin-right:8px;min-width:0}.app-nav__toggle{display:none}.app-nav__groups{display:contents}.app-nav__links,.app-nav__right{display:flex;align-items:center;gap:4px}.app-nav__right{margin-left:auto}.app-nav__backdrop,.app-nav__menu,.app-nav__panel{display:none}.app-nav__mobile-link{width:100%}.app-nav__scroll{overflow-x:auto}.builder-editor,.builder-gallery-card,.builder-gallery-modal,.builder-layout,.builder-preview,.builder-preview-frame,.builder-shell,.builder-sidebar,.builder-topbar,.builder-topbar__left,.builder-topbar__right,.filter-row,.form-actions,.form-page,.form-split,.form-two-col,.mobile-calendar-board,.mobile-calendar-board__grid,.mobile-stack-2,.mobile-stack-hero,.mobile-stack-main,.mobile-stack-side,.mobile-stack-stats,.modal-card,.modal-two-col,.onboarding-btn-row,.onboarding-card,.onboarding-date-grid,.onboarding-name-row,.thumb-row{width:100%}@media (max-width:900px){.app-shell-content{padding:16px 14px 28px!important}.app-shell-page{padding-left:0!important;padding-right:0!important;padding-bottom:32px!important}.app-nav__bar{min-height:62px;padding:10px 14px}.app-nav__toggle{display:inline-flex;margin-left:auto;align-items:center;justify-content:center}.app-nav__bar>.app-nav__right,.app-nav__bar>.app-nav__scroll{display:none}.app-nav__groups{display:block}.app-nav__menu{display:block;position:fixed;inset:0;z-index:120;pointer-events:none}.app-nav__menu[data-open=true]{pointer-events:auto}.app-nav__backdrop{display:block;position:absolute;inset:0;background:rgba(15,23,42,.34);opacity:0;transition:opacity .16s ease}.app-nav__menu[data-open=true] .app-nav__backdrop{opacity:1}.app-nav__panel{display:grid;grid-gap:12px;gap:12px;position:absolute;top:10px;right:10px;left:10px;padding:14px;border-radius:22px;background:hsla(0,0%,100%,.98);border:1px solid var(--color-border);box-shadow:0 24px 64px rgba(15,23,42,.16);transform:translateY(-8px);opacity:0;transition:transform .16s ease,opacity .16s ease}.app-nav__menu[data-open=true] .app-nav__panel{transform:translateY(0);opacity:1}.app-nav__links,.app-nav__right{display:grid;grid-gap:8px;gap:8px;margin:0}.app-nav__right{padding-top:10px;margin-left:0;border-top:1px solid var(--color-border-light)}.app-nav__links .nav-link,.app-nav__mobile-link,.app-nav__right .btn-ghost,.app-nav__right button{width:100%;justify-content:flex-start;text-align:left}.mobile-stack-2{grid-template-columns:1fr!important}.mobile-stack-hero{gap:18px!important}.mobile-stack-main,.mobile-stack-side{grid-template-columns:1fr!important;gap:16px!important}.mobile-stack-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-calendar-board{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-calendar-board__grid{min-width:700px}.onboarding-card{padding:28px 18px 20px!important}.onboarding-date-grid,.onboarding-name-row{grid-template-columns:1fr!important}.onboarding-btn-row{flex-wrap:wrap;gap:10px!important}.onboarding-btn-row>*{width:100%}.builder-shell{height:auto!important;min-height:calc(100vh - 60px);overflow:visible!important}.builder-topbar{padding:12px 14px!important;flex-wrap:wrap;align-items:flex-start!important;gap:12px!important}.builder-topbar__left,.builder-topbar__right{display:flex;flex-wrap:wrap;gap:8px!important;align-items:center}.builder-layout{display:grid!important;flex:none!important;overflow:visible!important}.builder-sidebar{width:100%!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px!important;gap:10px;border-right:none!important;border-bottom:1px solid #e5e7eb}.builder-sidebar>*{flex-shrink:0}.builder-editor{width:100%!important;border-right:none!important;padding:18px 14px!important}.builder-preview{min-height:65vh}.builder-preview-frame{padding:12px!important;min-height:60vh}.builder-preview-frame iframe{width:100%!important;max-width:375px;min-height:56vh}.builder-gallery-modal{padding:12px!important}.builder-gallery-card{height:min(92vh,960px)!important}.form-page{padding-bottom:24px!important}.form-split,.form-two-col,.modal-two-col{grid-template-columns:1fr!important}.filter-row,.form-actions{flex-wrap:wrap;gap:10px!important}.filter-row>*,.form-actions>*{width:100%}.thumb-row{gap:8px!important}.modal-card{padding:20px 16px!important}}@media (max-width:640px){.onboarding-card{padding:24px 14px 18px!important}.builder-topbar__right>div:first-child{width:100%;justify-content:center}.builder-preview{min-height:58vh}.builder-preview-frame iframe{max-width:100%;border-width:6px!important;border-radius:18px!important}.app-shell-content{padding-left:12px!important;padding-right:12px!important}.app-nav__brand img:last-child{height:24px!important}.app-shell-page__message-preview{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-stack-stats{grid-template-columns:1fr!important}}