:root{--spacing-card:1.5rem;--spacing-section:1.5rem;--spacing-grid:1rem;--spacing-tight:.5rem;--spacing-normal:1rem;--spacing-loose:2rem;--radius-card:.75rem;--radius-button:.5rem;--radius-input:.375rem;--radius-full:9999px;--shadow-card:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--shadow-card-hover:0 20px 25px -5px rgba(0,0,0,.4),0 0 20px rgba(201,185,155,.2);--shadow-button:0 4px 6px -1px rgba(0,0,0,.3);--shadow-glow-primary:0 0 20px rgba(201,185,155,.4);--shadow-glow-primary-intense:0 0 30px rgba(201,185,155,.6);--backdrop-glass:rgba(36,36,36,.5);--backdrop-blur:12px;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.125rem;--text-h4:1rem;--text-body:.875rem;--text-small:.75rem;--text-tiny:.625rem;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-default:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55)}.card-base{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-card);background:rgba(36,36,36,.5);border:1px solid rgba(242,242,242,.1)}.card-hover{transition:all var(--duration-normal)var(--ease-default)}.card-hover:hover{box-shadow:var(--shadow-card-hover);border-color:rgba(201,185,155,.5);transform:scale(1.02)}.btn-primary{background:linear-gradient(135deg,var(--primary-accent),rgba(201,185,155,.9));color:#fff;border-radius:var(--radius-button);box-shadow:var(--shadow-button);transition:all var(--duration-normal)var(--ease-default);border:2px solid transparent;padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.btn-primary:active{transform:scale(.95)}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--foreground);border-radius:var(--radius-button);transition:all var(--duration-normal)var(--ease-default);background:rgba(36,36,36,.5);border:2px solid rgba(242,242,242,.1);padding:.75rem 1.5rem;font-weight:600}.btn-secondary:hover{background:rgba(36,36,36,.7);border-color:rgba(201,185,155,.5)}.btn-tertiary{color:var(--primary-accent);border-radius:var(--radius-button);transition:all var(--duration-normal)var(--ease-default);background:0 0;padding:.5rem 1rem;font-weight:500}.btn-tertiary:hover{background:rgba(201,185,155,.1)}.btn-destructive{color:#ef4444;border-radius:var(--radius-button);transition:all var(--duration-normal)var(--ease-default);background:0 0;border:2px solid rgba(239,68,68,.5);padding:.5rem 1rem;font-weight:500}.btn-destructive:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.text-h1{font-size:var(--text-h1);font-weight:800;line-height:2.5rem}.text-h2{font-size:var(--text-h2);font-weight:700;line-height:2rem}.text-h3{font-size:var(--text-h3);font-weight:600;line-height:1.75rem}.text-h4{font-size:var(--text-h4);font-weight:600;line-height:1.5rem}.space-section{gap:var(--spacing-section)}.space-element{gap:var(--spacing-normal)}.space-tight{gap:var(--spacing-tight)}.space-loose{gap:var(--spacing-loose)}.blueprint-grid{background-color:var(--background);background-image:linear-gradient(rgba(201,185,155,.15) 2px,transparent 2px),linear-gradient(90deg,rgba(201,185,155,.15) 2px,transparent 2px),linear-gradient(rgba(201,185,155,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(201,185,155,.08) 1px,transparent 1px);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.panel-enter-left{animation:slideInLeft var(--duration-normal)var(--ease-out)}.panel-enter-right{animation:slideInRight var(--duration-normal)var(--ease-out)}.panel-enter-bottom{animation:slideInBottom var(--duration-normal)var(--ease-out)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,rgba(242,242,242,.05) 0%,rgba(242,242,242,.1) 50%,rgba(242,242,242,.05) 100%) 0 0/1000px 100%;animation:2s infinite shimmer}@keyframes pulse-ring{0%,to{box-shadow:0 0 rgba(201,185,155,.7)}50%{box-shadow:0 0 0 8px rgba(201,185,155,0)}}.pulse-active{animation:2s infinite pulse-ring}.touch-target{min-width:44px;min-height:44px}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.badge-beta{color:#fb923c;border-radius:var(--radius-full);font-size:var(--text-tiny);text-transform:uppercase;background:rgba(251,146,60,.2);border:1px solid rgba(251,146,60,.3);padding:.125rem .5rem;font-weight:700}.badge-new{color:#22c55e;border-radius:var(--radius-full);font-size:var(--text-tiny);text-transform:uppercase;background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);padding:.125rem .5rem;font-weight:700}.badge-recommended{color:#3b82f6;border-radius:var(--radius-full);font-size:var(--text-tiny);text-transform:uppercase;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);padding:.125rem .5rem;font-weight:700}.focus-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(201,185,155,.4)}.focus-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(201,185,155,.4)}