:root{--tq-purple:#6b5a86;--tq-purple-bg:#f5eef6;--tq-charcoal:#2a2a2a;--tq-gold:#c8a96e;--tq-white:#fff;--tq-acai:#f0e8f5;--tq-cupuacu:#f5efe0;--tq-manga:#edf2e8;--tq-border:#e3dced;--tq-muted:#8a82a0;--tq-ink:#1b1f1b;--tq-sage:#e4e9e3;--tq-surface:#fcfcfb;--tq-mint:#a7e8a0;--tq-mint-soft:#cdf2c8;--tq-violet:#b9a7f5;--tq-violet-soft:#ded4fb;--tq-shadow:0 12px 34px #28372817;color:var(--tq-ink);background:var(--tq-sage);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--tq-purple);text-decoration:none}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#f3f5f3;background:#1c1c1c;border-radius:26px;margin:14px 0 14px 14px;padding:22px 14px}.sidebar .brand{letter-spacing:.04em;padding:6px 12px 4px;font-size:20px;font-weight:800}.sidebar .brand small{letter-spacing:.22em;opacity:.6;font-size:10px;font-weight:400;display:block}.sidebar nav{flex-direction:column;gap:4px;margin-top:22px;display:flex}.sidebar nav a{color:#cfd4cf;opacity:.9;border-radius:14px;padding:11px 14px;font-size:14px}.sidebar nav a:hover{opacity:1;background:#ffffff12}.sidebar nav a.active{opacity:1;color:#14331a;background:var(--tq-mint);font-weight:700}.main{min-width:0;padding:32px 40px;overflow-x:hidden}.main h1{letter-spacing:.02em;margin:0 0 4px;font-size:26px;font-weight:400}.main .sub{color:var(--tq-muted);margin-bottom:28px;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.card{background:var(--tq-surface);box-shadow:var(--tq-shadow);border:none;border-radius:22px;padding:20px}.card .num{letter-spacing:-.02em;color:var(--tq-ink);font-size:32px;font-weight:800}.card .label{color:var(--tq-muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px}table{border-collapse:separate;border-spacing:0;background:var(--tq-surface);width:100%;box-shadow:var(--tq-shadow);border-radius:20px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #eef0ee;padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:none}th{color:var(--tq-ink);letter-spacing:.03em;background:#f3f5f2;font-weight:700}tbody tr:hover{cursor:pointer;background:#f7f9f6}.italic-val{color:var(--tq-purple);font-weight:600}.panel{background:var(--tq-surface);box-shadow:var(--tq-shadow);border:none;border-radius:26px;padding:24px}.muted{color:var(--tq-muted)}.badge{background:var(--tq-mint-soft);color:#14331a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.coming{text-align:center;color:var(--tq-muted);background:var(--tq-surface);border:1px dashed #cdd3cc;border-radius:26px;padding:44px}input,select{background:var(--tq-white);color:var(--tq-ink);border:1px solid #e7eae6;border-radius:12px;width:100%;padding:9px 11px;font-family:inherit;font-size:13px}input[type=range]{border:none;padding:0}input:focus,select:focus{border-color:var(--tq-purple);outline:none}button{background:var(--tq-ink);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600}button:hover{opacity:.92}button:disabled{cursor:default;opacity:.5}h1{letter-spacing:-.02em;font-weight:800}h3{font-size:16px}.mcard{background:var(--tq-surface);box-shadow:var(--tq-shadow);border:none;border-radius:26px;padding:24px}.mcard.dark{color:#fff;background:#1c1c1c}.mcard.dark .muted{color:#9aa39a}.mcard-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.mcard-head h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.small{font-size:11.5px}.chip-ico{background:var(--tq-mint);color:#14331a;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;display:flex}.accent{border-radius:20px;margin:6px 0 12px;padding:16px 18px}.accent-green{background:var(--tq-mint);color:#143318}.accent-violet{background:var(--tq-violet);color:#25184d}.acc-label{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:11px}.acc-big{letter-spacing:-.02em;margin-top:2px;font-size:30px;font-weight:800;line-height:1.05}.steps{margin:6px 0 0;padding:0;list-style:none}.steps li{border-bottom:1px solid #eef0ee;align-items:center;gap:12px;padding:11px 0;display:flex}.steps li:last-child{border-bottom:none}.step-n{color:#1b1f1b;background:#f0f2ef;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.step-body{flex:1}.step-zutat{font-size:14px;font-weight:600}.step-menge{white-space:nowrap;font-size:16px;font-weight:800}.pill{color:#1b1f1b;background:#f0f2ef;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill.green{background:var(--tq-mint);color:#143318}.pill.violet{background:var(--tq-violet);color:#25184d}.mcard input,.mcard select{border-color:#e7eae6;border-radius:12px;padding:9px 11px}