@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,400..600&family=Manrope:wght@400;600;700;800&display=swap";:root{--clay-light: rgba(255, 255, 255, .9);--clay-dark: rgba(15, 42, 29, .16);--clay-drop: rgba(15, 42, 29, .1);--ease-clay: cubic-bezier(.22, 1, .36, 1);--font-heading: "Fraunces", ui-serif, Georgia, serif;--font-body: "Manrope", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:#faf7ee;color:#0f2a1d;font-family:var(--font-body);height:100%}#app{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;margin:0}.eyebrow{font-family:var(--font-body);font-weight:800;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.display{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;line-height:1.05}.clay-1{background:linear-gradient(160deg,#ece5d5,#f3eee1);border:1px solid rgba(255,255,255,.55);box-shadow:9px 10px 20px -10px var(--clay-dark) inset,-8px -8px 18px -8px #fffffff2 inset}.clay-2{background:linear-gradient(150deg,#fffdf7,#f3eee1 62%,#ece5d5);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px #fffffff2 inset,-6px -6px 14px #ffffffbf inset,7px 9px 18px -8px var(--clay-dark) inset,0 14px 30px -14px var(--clay-drop),0 3px 8px -4px #0f2a1d12}.clay-3{background:linear-gradient(155deg,#fffefa,#f3eee1 55%,#ece5d5);border:1px solid rgba(255,255,255,.9);box-shadow:-10px -10px 24px #fffc inset,10px 12px 24px -10px var(--clay-dark) inset,0 34px 60px -26px #0f2a1d38,0 10px 22px -12px #0f2a1d1f}.clay-ink{background:linear-gradient(155deg,#1d4130,#0f2a1d 58%,#0a1f15);border:1px solid rgba(255,255,255,.14);color:#e3eed4;box-shadow:-6px -6px 16px #ffffff1f inset,8px 10px 20px -10px #0000008c inset,0 22px 44px -20px #0f2a1d80}.clay-press{transition:transform .28s var(--ease-clay),box-shadow .28s var(--ease-clay);cursor:pointer}.clay-press:hover{transform:translateY(-2px)}.clay-press:active{transform:translateY(1px) scale(.985);box-shadow:10px 12px 22px -10px var(--clay-dark) inset,-8px -8px 16px -8px #ffffffe6 inset}.clay-lift{transition:transform .3s var(--ease-clay),box-shadow .3s var(--ease-clay)}.clay-lift:hover{transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:999px}.badge-live{background:#6b907138;color:#375534}.badge-draft{background:#a2542e29;color:#a2542e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0f2a1d33;border-radius:999px}.shell{display:flex;min-height:100vh}.shell-sidebar{width:240px;flex-shrink:0;border-radius:0 1.5rem 1.5rem 0;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.shell-brand{padding:0 .5rem}.shell-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.shell-nav-item{text-align:left;border:none;border-radius:1rem;padding:.65rem .9rem;font-family:var(--font-body);font-weight:700;font-size:.85rem;background:transparent;color:#375534}.shell-nav-item.active{background:#6b90712e;color:#0f2a1d}.shell-user{padding:0 .5rem}.shell-main{flex:1;padding:1.5rem;display:flex;flex-direction:column;min-width:0}.shell-placeholder{border-radius:1.5rem;padding:2.5rem;text-align:center;color:#375534}.shell-iframe{flex:1;width:100%;border:none;border-radius:1.5rem;min-height:80vh}@media (max-width: 768px){.shell{flex-direction:column}.shell-sidebar{width:100%;border-radius:0 0 1.5rem 1.5rem;flex-direction:row;align-items:center;overflow-x:auto}.shell-nav{flex-direction:row}}