@font-face{font-family:Scandia;src:url(/fonts/Scandia.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Scandia;src:url(/fonts/Scandia_Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Scandia;src:url(/fonts/Scandia_Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--color-accent: #e7411c;--color-accent-light: #ec5a3a;--color-accent-dark: #c93818;--color-black: #000000;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f7;--color-gray-200: #e8e8ed;--color-gray-300: #d2d2d7;--color-gray-400: #86868b;--color-gray-500: #6e6e73;--color-gray-600: #515154;--color-gray-700: #424245;--color-gray-800: #1d1d1f;--color-gray-900: #000000;--bg-page: var(--color-gray-50);--surface-card: var(--color-white);--surface-muted: var(--color-gray-100);--border-subtle: rgba(0, 0, 0, .06);--border-default: var(--color-gray-200);--border-strong: var(--color-gray-300);--text-heading: var(--color-gray-800);--text-body: var(--color-gray-700);--text-muted: var(--color-gray-500);--text-faint: var(--color-gray-400);--text-on-dark: var(--color-white);--accent-fg: var(--color-accent);--accent-bg-soft: rgba(231, 65, 28, .1);--font-sans: "Scandia", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--text-display: clamp(2.5rem, 8vw, 6rem);--text-display-sm: clamp(2rem, 5vw, 4rem);--text-h1: clamp(2.5rem, 6vw, 4rem);--text-h2: clamp(2rem, 4vw, 3rem);--text-h3: clamp(1.5rem, 3vw, 2rem);--text-h4: 1.375rem;--text-h5: 1.25rem;--text-lg: 1.0625rem;--text-md: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-eyebrow: .6875rem;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-display: -.025em;--tracking-tight: -.02em;--tracking-eyebrow: .22em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 56px;--space-9: 80px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 9999px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .04);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .05);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .08);--shadow-glass: 0 4px 30px rgba(0, 0, 0, .06);--shadow-accent: 0 4px 24px rgba(201, 56, 24, .4);--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-fast: .2s;--dur-base: .3s;--dot-color: rgba(0, 0, 0, .05);--dot-size: 1.25px;--dot-gap: 22px}.sambal-dot-grid{background-color:var(--bg-page);background-image:radial-gradient(var(--dot-color) var(--dot-size),transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap);background-position:-1px -1px}.sambal-dot-grid--faded{-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 78%);mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 78%)}body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-dark)}input,textarea,button{font-family:inherit}input:focus,textarea:focus{outline:none}::placeholder{color:var(--color-gray-400)}@keyframes blobDrift{0%{transform:translate(0)}50%{transform:translate(30px,20px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.btn-ghost{border:1px solid var(--border-default);cursor:pointer;background:var(--surface-card);color:var(--text-body);font-weight:500;font-size:var(--text-sm);padding:12px 20px;border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-apple)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-primary{border:none;cursor:pointer;background:var(--color-accent);color:var(--color-white);font-weight:500;font-size:var(--text-md);padding:14px 28px;border-radius:var(--radius-pill);box-shadow:var(--shadow-accent);transition:transform var(--dur-fast) var(--ease-apple),background var(--dur-fast) var(--ease-apple)}.btn-primary:hover{transform:translateY(-1px);background:var(--color-accent-dark)}.btn-primary:active{transform:scale(.98)}.btn-promote{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-muted);border-radius:var(--radius-pill);font-size:var(--text-xs);cursor:pointer;transition:all var(--dur-fast) var(--ease-apple);flex:none}.btn-promote:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-more{border:1px solid transparent;cursor:pointer;background:transparent;color:var(--text-muted);font-weight:500;font-size:var(--text-sm);padding:12px 16px;border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-apple)}.btn-more:hover{background:var(--surface-muted);color:var(--text-body)}.menu-item{border:none;background:transparent;cursor:pointer;text-align:left;color:var(--text-body);font-size:var(--text-sm);padding:9px 12px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-apple),color var(--dur-fast) var(--ease-apple)}.menu-item:hover{background:var(--surface-muted);color:var(--color-accent)}.btn-promote--accent{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-white)}.btn-promote--accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--color-white)}.btn-close{border:none;background:var(--color-accent);color:var(--color-white);border-radius:var(--radius-pill);width:36px;height:36px;font-size:18px;cursor:pointer;transition:background var(--dur-fast) var(--ease-apple),transform var(--dur-fast) var(--ease-apple);display:flex;align-items:center;justify-content:center}.btn-close:hover{background:var(--color-accent-dark);transform:scale(1.05)}.btn-close:active{transform:scale(.95)}.btn-back{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);border-radius:var(--radius-pill);padding:10px 20px;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-apple)}.btn-back:hover{border-color:var(--border-strong);background:var(--surface-muted)}.btn-fwd{border:none;background:var(--color-accent);color:var(--color-white);border-radius:var(--radius-pill);padding:10px 22px;font-size:var(--text-sm);font-weight:500;cursor:pointer;box-shadow:var(--shadow-accent);transition:all var(--dur-fast) var(--ease-apple)}.btn-fwd:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.btn-fwd:active{transform:scale(.98)}.btn-del{border:none;background:none;color:var(--text-faint);font-size:var(--text-sm);cursor:pointer;padding:8px 4px;margin-right:auto;transition:color var(--dur-fast) var(--ease-apple)}.btn-del:hover{color:var(--color-accent)}.btn-ms-remove{border:none;background:none;color:var(--text-faint);cursor:pointer;font-size:13px;padding:2px 4px}.btn-ms-remove:hover{color:var(--color-accent)}.btn-ms-add{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);border-radius:var(--radius-pill);padding:8px 18px;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-apple);flex:none}.btn-ms-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.input-line:focus,.input-box:focus{border-color:var(--color-accent)!important}.card-spinsel{background:var(--surface-card);border:2px solid rgba(231,65,28,.25);border-radius:var(--radius-lg);padding:20px 18px 16px;box-shadow:var(--shadow-subtle);transition:transform var(--dur-base) var(--ease-apple),box-shadow var(--dur-base) var(--ease-apple),border-color var(--dur-base) var(--ease-apple),background var(--dur-base) var(--ease-apple)}.clickable{cursor:pointer}.clickable.card-spinsel:hover{transform:translateY(-3px) rotate(1deg);box-shadow:var(--shadow-elevated);border-color:#e7411c80;background:var(--accent-bg-soft)}.card-concept{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-soft);transition:transform var(--dur-base) var(--ease-apple),box-shadow var(--dur-base) var(--ease-apple),border-color var(--dur-base) var(--ease-apple)}.clickable.card-concept:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);border-color:#e7411c4d}.card-definitief{display:flex;align-items:center;gap:16px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px 20px;box-shadow:var(--shadow-subtle);transition:transform var(--dur-fast) var(--ease-apple),box-shadow var(--dur-fast) var(--ease-apple),border-color var(--dur-fast) var(--ease-apple)}.clickable.card-definitief:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft);border-color:#e7411c4d}