:root{--color-bg:#faf6f0;--color-bg-muted:#f0ebe3;--color-surface:#fff;--color-surface-alt:#fdf8f2;--color-border:rgba(0,0,0,.1);--color-border-strong:rgba(0,0,0,.18);--color-text:#1c2127;--color-text-secondary:#4a5568;--color-text-dim:#8896a6;--brand-primary:#0d9488;--brand-primary-hover:#0f766e;--brand-primary-light:#ccfbf1;--brand-accent:#fb923c;--brand-accent-hover:#f97316;--brand-secondary:#d946ef;--brand-tertiary:#facc15;--brand-success:#22c55e;--brand-cta-bg:#0d9488;--brand-cta-hover:#0f766e;--brand-cta-shadow:0 4px 0 #115e59;--brand-nav-active:#0d9488;--panel-bg:#fff;--panel-border:rgba(0,0,0,.1);--panel-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);--app-shell-bg:#faf6f0;--color-success:#22c55e;--color-warn:#f59e0b;--color-error:#ef4444;--color-info:#0ea5e9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 3px 8px rgba(0,0,0,.08);--shadow-lg:0 6px 16px rgba(0,0,0,.1);--shadow-xl:0 10px 24px rgba(0,0,0,.12);--shadow-sticker:3px 3px 0 rgba(0,0,0,.08);--shadow-sticker-lg:5px 5px 0 rgba(0,0,0,.1);--shadow-focus:0 0 0 3px rgba(13,148,136,.4);--shadow-button:0 4px 0 #115e59}html.dark{--color-bg:#111827;--color-bg-muted:#1f2937;--color-surface:#1f2937;--color-surface-alt:#283548;--color-border:hsla(0,0%,100%,.1);--color-border-strong:hsla(0,0%,100%,.2);--color-text:#f3f0e8;--color-text-secondary:#9ca3af;--color-text-dim:#6b7280;--brand-primary:#14b8a6;--brand-primary-hover:#2dd4bf;--brand-primary-light:rgba(20,184,166,.15);--brand-accent:#fdba74;--brand-accent-hover:#fb923c;--brand-secondary:#e879f9;--brand-tertiary:#fde047;--brand-cta-bg:#14b8a6;--brand-cta-hover:#2dd4bf;--brand-cta-shadow:0 4px 0 #0f766e;--panel-bg:#1f2937;--panel-border:hsla(0,0%,100%,.1);--panel-shadow:0 2px 8px rgba(0,0,0,.25);--app-shell-bg:#111827;--color-success:#4ade80;--color-warn:#fbbf24;--color-error:#f87171;--color-info:#38bdf8;--shadow-sm:0 1px 3px rgba(0,0,0,.2);--shadow-md:0 3px 8px rgba(0,0,0,.3);--shadow-lg:0 6px 16px rgba(0,0,0,.35);--shadow-xl:0 10px 24px rgba(0,0,0,.4);--shadow-sticker:3px 3px 0 rgba(0,0,0,.25);--shadow-sticker-lg:5px 5px 0 rgba(0,0,0,.3);--shadow-focus:0 0 0 3px rgba(20,184,166,.4);--shadow-button:0 4px 0 #0f766e}.panel{background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:var(--panel-shadow)}.card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-notebook{position:relative;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticker);overflow:hidden}.card-notebook:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--brand-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.badge-sticker{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:.75rem;letter-spacing:.03em;text-transform:uppercase;background:var(--brand-primary-light);color:var(--brand-primary);border:2px solid var(--brand-primary);box-shadow:2px 2px 0 rgba(0,0,0,.06)}.badge-sticker,.btn-primary{font-weight:800;font-family:Baloo\ 2,sans-serif}.btn-primary{background:var(--brand-cta-bg);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:1rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:var(--shadow-button);letter-spacing:.01em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #115e59}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 #115e59}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-weight:700;font-family:Baloo\ 2,sans-serif;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.text-gradient-creative{background:linear-gradient(135deg,#0d9488,#fb923c,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.craft-paper-bg{position:relative}.craft-paper-bg:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E")}.washi-tape{display:inline-block;padding:4px 16px;background:rgba(250,204,21,.6);transform:rotate(-2deg);font-size:.75rem;font-weight:700;letter-spacing:.05em;box-shadow:0 1px 2px rgba(0,0,0,.08)}:focus-visible{outline:3px dashed var(--brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}