.blox-root{--blox-green:#4a7c59;--blox-green-deep:#3a6147;--blox-green-soft:#7f9f80;--blox-taupe:#6b6358;--blox-sand:#c4a66a;--blox-neutral:#4a4e4a;--blox-clay:#9a6b4e;--blox-clay-deep:#7e563e;--blox-clay-soft:#c9a385;--blox-bg:#eee9df;--blox-band:#e6dfd3;--blox-card:#f7f3ec;--blox-ink:#2b2621;--blox-ink-soft:#5e574e;--blox-footer:#2b241e;background:var(--blox-bg);color:var(--blox-ink);font-family:var(--font-blox-sans), ui-sans-serif, system-ui, sans-serif}.blox-serif{font-family:var(--font-blox-serif), Georgia, "Times New Roman", serif}.blox-grain:before{content:"";z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.3 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@layer components{.blox-clay{border-radius:12px;position:relative;box-shadow:inset 0 -6px 10px #00000038,inset 0 4px 7px #ffffff38,0 10px 16px -6px #462d1961}.blox-clay:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 22% 28%,#ffffff2e,#0000 42%),radial-gradient(circle at 72% 78%,#00000024,#0000 48%);position:absolute;inset:0}.blox-clay--green{background:linear-gradient(145deg,#739d74,#4a7c59 55%,#3d6849)}.blox-clay--clay{background:linear-gradient(145deg,#c38e66,#9a6b4e 55%,#83583f)}.clay{background:var(--blox-card,#f7f3ec);color:var(--blox-ink,#2b2621);border-radius:28px;box-shadow:14px 16px 32px -12px #6e543c57,-10px -10px 24px -8px #ffffffd9,inset 4px 4px 8px #ffffffe6,inset -6px -8px 14px #8c6e5024}.clay-sm{border-radius:18px;box-shadow:8px 10px 20px -10px #6e543c57,-6px -6px 14px -6px #ffffffd9,inset 3px 3px 6px #ffffffe6,inset -4px -5px 10px #8c6e5024}.clay--clay{color:#fff;background:linear-gradient(150deg,#b3805d,#9a6b4e 60%,#8a5e43);box-shadow:14px 16px 30px -12px #6e462880,-8px -8px 20px -8px #ffffffb3,inset 4px 4px 10px #ffffff47,inset -6px -8px 14px #3c1e0a47}.clay--green{color:#fff;background:linear-gradient(150deg,#5f9170,#4a7c59 60%,#3f6d4d);box-shadow:14px 16px 30px -12px #28463280,-8px -8px 20px -8px #ffffffb3,inset 4px 4px 10px #ffffff40,inset -6px -8px 14px #0a281447}.clay--sand{color:var(--blox-ink,#2b2621);background:linear-gradient(150deg,#efe3cc,#e6d6b8)}.clay--dark{color:#fff;background:linear-gradient(150deg,#4a423a,#3b342d 60%,#2f2924);box-shadow:14px 16px 30px -12px #281e1499,-8px -8px 20px -8px #fff9,inset 4px 4px 10px #ffffff1f,inset -6px -8px 14px #0000004d}.clay-inset{color:var(--blox-ink,#2b2621);background:#e8e1d5;border:0;border-radius:16px;box-shadow:inset 4px 4px 8px #8c6e503d,inset -4px -4px 8px #ffffffd9}.clay-inset:focus-visible,.clay-inset:focus-within{outline-offset:2px;outline:2px solid #4a7c598c}.clay-btn{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:6px 8px 16px -6px #6e462880,inset 2px 3px 5px #ffffff59,inset -3px -4px 8px #3c1e0a40}.clay-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.clay-btn:active{transform:translateY(1px);box-shadow:2px 3px 8px -4px #6e462880,inset 3px 4px 8px #3c1e0a40}.clay-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.clay-btn:focus-visible{outline-offset:3px;outline:2px solid #4a7c59}.clay-btn--clay{color:#fff;background:linear-gradient(150deg,#ad7a57,#9a6b4e)}.clay-btn--green{color:#fff;background:linear-gradient(150deg,#5a8a69,#4a7c59)}.clay-btn--dark{color:#fff;background:linear-gradient(150deg,#3d3731,#2b2621)}.clay-btn--cream{background:var(--blox-card,#f7f3ec);color:var(--blox-ink,#2b2621);box-shadow:6px 8px 16px -8px #6e543c66,-4px -4px 10px -4px #ffffffe6,inset 2px 2px 4px #ffffffe6,inset -3px -3px 6px #8c6e5024}.clay-chip{background:var(--blox-card,#f7f3ec);color:var(--blox-ink,#2b2621);border-radius:999px;align-items:center;gap:.375rem;transition:background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:3px 4px 8px -3px #6e543c4d,inset 1px 1px 2px #ffffffe6,inset -2px -2px 4px #8c6e501f}.clay-chip[aria-pressed=true],.clay-chip[aria-selected=true],.clay-chip[aria-checked=true],.clay-chip[data-state=active],.clay-chip--active{color:#fff;background:#9a6b4e;box-shadow:inset 3px 3px 6px #3c1e0a4d,inset -2px -2px 4px #fff3}.clay-chip--green[aria-pressed=true],.clay-chip--green[aria-selected=true],.clay-chip--green[aria-checked=true],.clay-chip--green[data-state=active],.clay-chip--green.clay-chip--active{color:#fff;background:#4a7c59;box-shadow:inset 3px 3px 6px #0a28144d,inset -2px -2px 4px #fff3}}.blox-canvas-grid{background-color:#f4f0e8;background-image:linear-gradient(90deg,#6b63581f 1px,#0000 1px),linear-gradient(#6b63581f 1px,#0000 1px);background-size:10% 16.666%}@keyframes blox-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blox-twinkle{0%,to{opacity:.9;transform:scale(1)rotate(0)}50%{opacity:.45;transform:scale(.8)rotate(12deg)}}@keyframes blox-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.blox-float{animation:7s ease-in-out infinite blox-float}.blox-twinkle{animation:4.5s ease-in-out infinite blox-twinkle}.blox-marquee-track{animation:34s linear infinite blox-marquee}.blox-marquee-track--reverse{animation-direction:reverse}.blox-marquee-row{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 48px calc(100% - 48px),#0000 100%)}@media (prefers-reduced-motion:reduce){.blox-root *,.blox-root :before,.blox-root :after{transition-duration:.01ms!important;animation:none!important}}.blox-root,.blox-tokens{--background:#eee9df;--foreground:#2b2621;--card:#f7f3ec;--card-foreground:#2b2621;--popover:#f7f3ec;--popover-foreground:#2b2621;--primary:#9a6b4e;--primary-foreground:#fff;--secondary:#e6dfd3;--secondary-foreground:#2b2621;--muted:#e6dfd3;--muted-foreground:#5e574e;--accent:#e6dfd3;--accent-foreground:#2b2621;--border:#6b63582e;--input:#6b635840;--ring:#4a7c59}