.mp-page{--serif: var(--font-serif);--sans: var(--font-sans);--mono: var(--font-mono);--warn: #f0825a;--r: 12px;--space-5: 24px;--space-6: 32px;--q-ink: #1a1410;--q-paper: #fdf6ec;--q-chat: #f7ebd5;--q-petrol: #114b5f;--q-orange: #b83d18}.mp-page .sub-hero__h1 .word-aim{color:var(--mustard)}.mp-page .sub-hero__h1 .word-better{color:var(--mint)}.mp-page .sub-h2 em{color:var(--mustard);font-style:italic}.mp-page .sub-lead b,.mp-page .sub-lead strong{color:var(--mustard);font-weight:600}.mp-page .pill{display:inline-block;padding:.04em .5em .08em;border-radius:999px;font-weight:700;font-size:.9em;line-height:1.25;white-space:nowrap;border:1px solid;vertical-align:baseline}.mp-page .pill:before{content:"";display:inline-block;width:.42em;height:.42em;border-radius:50%;margin-right:.42em;vertical-align:.04em}.mp-page .pill-werkstatt{background:#f7ddcd;color:#7c2a10;border-color:#7c2a104d}.mp-page .pill-werkstatt:before{background:var(--orange)}.mp-page .pill-buehne{background:#d4e4e9;color:#0c3744;border-color:#0c37444d}.mp-page .pill-buehne:before{background:var(--q-petrol)}.mp-page .anchor-link{margin-left:.4em;font-family:var(--mono);font-size:.6em;text-decoration:none;color:var(--on-espresso-muted);opacity:0;transition:opacity .15s ease,color .15s ease}.mp-page h2:hover .anchor-link,.mp-page .anchor-link:focus{opacity:.8}.mp-page .anchor-link:hover{color:var(--mustard);opacity:1}.mp-page .anchor-link.copied{color:var(--mint);opacity:1}@media(hover:none){.mp-page .anchor-link{opacity:.55}}.mp-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mp-page .mechanic-wrap{background:var(--espresso-raised);border:1px solid var(--line-card);border-radius:14px;padding:26px 0 18px;position:relative}.mp-page .mechanic-inner{padding:0 var(--space-5)}.mp-page .mech-lead{max-width:none;margin-bottom:4px}.mp-page .mechanic{position:relative;background:var(--espresso);border:1px solid var(--line-card);border-radius:var(--r);padding:20px;margin-top:24px}.mp-page .mechanic.intro{background:transparent;border-color:transparent;border-width:0;min-height:0;margin-top:0;padding-top:0;padding-bottom:0}.mp-page .mechanic.intro.lit{background:var(--espresso);border-color:var(--line-card);border-width:1px;margin-top:24px;padding-top:20px;padding-bottom:20px;transition:background .45s ease,border-color .45s ease,border-width .45s ease,margin .45s ease,padding .45s ease}.mp-page .mechanic.intro .mp-tray,.mp-page .mechanic.intro .chat{display:none}.mp-page .mechanic.intro .mp-tray.shown{display:grid}.mp-page .mechanic.intro .chat.shown{display:flex}@keyframes mp-part-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.mp-page .part-in{animation:mp-part-in .5s cubic-bezier(.2,.7,.2,1) both}.mp-page .kit-card{align-self:stretch;max-width:100%;background:#fff;border:2px solid var(--q-ink);border-radius:10px;padding:10px 12px;box-shadow:0 2px 0 var(--q-ink);color:var(--q-ink)}.mp-page .kit-card .kit-h{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--q-orange);margin-bottom:5px}.mp-page a.kit-h{text-decoration:underline;text-underline-offset:2px}.mp-page a.kit-h:hover{color:var(--q-ink)}.mp-page a.kit-h:focus-visible{outline:3px solid var(--mustard);outline-offset:2px;border-radius:3px}.mp-page .kit-card .kit-l{display:block;font-family:var(--mono);font-size:11px;line-height:1.5;color:#463d34;white-space:pre-line}.mp-page .kit-card.is-prompt .kit-h{color:var(--q-petrol)}.mp-page .mp-tray{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin-bottom:16px}.mp-page .mp-tray .tray-label{grid-column:2;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-espresso-muted)}.mp-page .mp-tray .kit-card{width:100%;min-width:0;transition:opacity .3s ease}.mp-page .mp-slot{grid-column:1;position:relative;background:var(--q-chat);border:2px dashed rgba(26,20,16,.35);border-radius:14px;padding:14px;display:flex;flex-direction:column;min-width:0}.mp-page .mp-head{display:flex;align-items:center;margin-bottom:10px}.mp-page .mp-tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#5a5046}.mp-page .mp-slotbody{padding-right:calc(4px + var(--mp-gutter, 14px))}.mp-page .mp-tray .kit-card.consumed{opacity:.32}.mp-page .mp-tray .kit-card .kit-l{overflow:hidden;max-height:16em;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .3s ease}.mp-page .mp-tray .kit-card.consumed .kit-l{max-height:0;opacity:0}.mp-page .mechanic-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.mp-page .chat{background:var(--q-chat);border:2px solid var(--q-ink);border-radius:14px;padding:14px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .3s ease;color:var(--q-ink);position:relative}.mp-page .chat.spotlight{box-shadow:0 0 0 3px var(--mustard)}.mp-page .chat--workshop{background:#fff5e8}.mp-page .chat--stage{background:#e8f0e9}.mp-page .chat--workshop:before,.mp-page .chat--stage:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:5px;border-radius:0 4px 4px 0;z-index:2}.mp-page .chat--workshop:before{background:var(--orange)}.mp-page .chat--stage:before{background:var(--q-petrol)}.mp-page .chat-head{display:flex;align-items:center;margin-bottom:10px}.mp-page .chat-tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#5a5046}.mp-page .chat-tag .pill{font-size:11px;text-transform:none;letter-spacing:normal}.mp-page .chat-body{position:relative;height:300px;overflow-y:auto;scrollbar-gutter:stable;scroll-behavior:smooth;display:flex;flex-direction:column;gap:10px;padding-right:4px}.mp-page .chat-empty{margin:auto;text-align:center;font-family:var(--mono);font-size:11.5px;color:#5a5046}.mp-page .msg{max-width:94%;font-size:12px;line-height:1.45;border-radius:14px;padding:10px 12px;animation:mp-msgin .3s ease both}@keyframes mp-msgin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mp-page .msg--user{align-self:flex-end;background:var(--q-petrol);color:var(--q-paper);border-bottom-right-radius:4px}.mp-page .msg--bot{align-self:flex-start;background:#fff;color:var(--q-ink);border:2px solid var(--q-ink);border-bottom-left-radius:4px}.mp-page .msg--bot strong{color:var(--q-ink);font-weight:700}.mp-page .typing{align-self:flex-start;display:inline-flex;gap:4px;padding:11px 13px;background:#fff;border:2px solid var(--q-ink);border-radius:14px 14px 14px 4px}.mp-page .typing span{width:6px;height:6px;border-radius:50%;background:#9a8f80;animation:mp-blink 1s infinite}.mp-page .typing span:nth-child(2){animation-delay:.15s}.mp-page .typing span:nth-child(3){animation-delay:.3s}@keyframes mp-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.mp-page .travel-clone{position:absolute;z-index:60;margin:0;pointer-events:none;right:auto;bottom:auto;box-shadow:0 12px 26px #00000073}.mp-page .thought{position:absolute;left:14px;right:14px;z-index:70;background:var(--q-paper);border:2px solid var(--q-ink);border-radius:20px;padding:12px 16px;box-shadow:0 10px 28px #00000073;color:var(--q-ink);animation:mp-thought-pop .35s ease both}.mp-page .thought .thought-label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--q-orange);margin-bottom:4px}.mp-page .thought .thought-text{font-family:var(--serif);font-size:15px;line-height:1.3}.mp-page .thought .thought-text i{font-style:italic}.mp-page .thought .thought-dot{position:absolute;background:var(--q-paper);border:2px solid var(--q-ink);border-radius:50%}.mp-page .thought .dot1{width:15px;height:15px;left:26px;bottom:-12px}.mp-page .thought .dot2{width:10px;height:10px;left:17px;bottom:-26px}.mp-page .thought .dot3{width:6px;height:6px;left:11px;bottom:-36px}@keyframes mp-thought-pop{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}.mp-page .tw-seg{transition:background .25s ease,color .25s ease;border-radius:3px}.mp-page .tw-caret{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:1px;vertical-align:-2px;animation:mp-caret .8s steps(1) infinite}@keyframes mp-caret{50%{opacity:0}}.mp-page .thought .thought-text [data-s],.mp-page .thought .thought-text [data-frist],.mp-page .thought .thought-text [data-hl]{transition:background .25s ease,color .25s ease;border-radius:3px;padding:0 2px}.mp-page .sync{background:#f2b85a52}.mp-page .hl{background:var(--mustard);color:var(--q-ink);padding:0 3px;border-radius:3px;font-style:normal}.mp-page .mech-frame{position:relative}.mp-page .mech-reset{position:absolute;top:12px;right:12px;z-index:30;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line-strong);background:var(--espresso-raised);color:var(--on-espresso);font-size:20px;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.mp-page .mech-reset:hover{background:#f2b85a1f;border-color:#f2b85a73}.mp-page .mech-hud{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mp-page .mech-hud .mechanic-controls{order:-1;margin-top:0;flex:0 0 auto;width:min(260px,100%)}.mp-page .mech-hud .mechanic-controls #mechAction{width:100%}.mp-page .mech-hud .mechanic-caption{flex:1 1 300px}.mp-page .mechanic-caption{margin:0;min-height:76px;background:#ece2d40a;color:var(--on-espresso-body);border-left:3px solid var(--mustard);border-radius:0 8px 8px 0;padding:12px 16px;font-family:var(--sans);font-size:14.5px;line-height:1.45}.mp-page .mechanic-caption b{color:var(--mustard)}.mp-page #mechAction{flex-direction:column;gap:2px;align-items:center;line-height:1.15}.mp-page .btn-step{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;opacity:.8}.mp-page .mechanic-controls{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap;min-height:50px}.mp-page .btn{font-family:var(--sans);font-weight:600;font-size:14px;padding:10px 20px;min-height:44px;border:1px solid var(--line-strong);border-radius:999px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;background:transparent;color:var(--on-espresso);display:inline-flex;align-items:center;gap:8px}.mp-page .btn:hover{border-color:var(--on-espresso-muted)}.mp-page .btn-primary{background:var(--mustard);border-color:var(--mustard);color:var(--espresso)}.mp-page .btn-primary:hover{background:var(--mustard-bright);border-color:var(--mustard-bright)}.mp-page .btn.bonus{background:#f2b85a29;border-color:var(--mustard);color:var(--mustard)}.mp-page .btn.bonus .btn-step{color:inherit}.mp-page .btn.restart{background:var(--mint);border-color:var(--mint);color:var(--espresso)}.mp-page .btn.restart .btn-step{color:inherit}.mp-page .mech-jump-wrap{margin-top:16px}.mp-page .mech-jump{display:inline-flex;align-items:center;gap:6px;color:var(--mustard);font-family:var(--sans);font-weight:600;font-size:14.5px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;min-height:44px}.mp-page .mech-jump:hover{color:var(--mustard-bright)}.mp-page .kit-skel{display:flex;flex-direction:column;gap:6px;padding:3px 0 1px}.mp-page .kit-skel .bar{height:7px;border-radius:999px;background:#114b5f47}.mp-page .kit-skel .bar-add{background:var(--mustard);box-shadow:0 0 0 1px #1a141038}.mp-page .kit-card.is-reuse{border-color:var(--q-petrol);box-shadow:0 2px 0 var(--q-petrol)}.mp-page .kit-card.is-reuse .kit-h{color:var(--q-petrol)}.mp-page .kit-params{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 7px}.mp-page .kit-params .param{font-family:var(--mono);font-size:10.5px;font-weight:700;color:#0c3744;background:#d4e4e9;border:1px solid rgba(12,55,68,.3);border-radius:999px;padding:2px 8px;white-space:nowrap}.mp-page .mp-saved{margin-top:10px;position:relative}.mp-page .kit-saved-badge{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--q-ink);background:var(--mint);border-radius:999px;padding:2px 9px;margin-bottom:6px}.mp-page .callout{position:absolute;z-index:75;left:0;top:0;width:max-content;max-width:min(300px,calc(100% - 24px));background:var(--q-paper);color:var(--q-ink);border:2px solid var(--q-ink);border-radius:18px;padding:11px 15px;box-shadow:0 10px 28px #00000073;animation:mp-thought-pop .3s ease both}.mp-page .callout .callout-label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--q-orange);margin-bottom:4px}.mp-page .callout .callout-text{font-family:var(--serif);font-size:15px;line-height:1.3}.mp-page .callout .callout-dot{position:absolute;background:var(--q-paper);border:2px solid var(--q-ink);border-radius:50%}.mp-page .callout.tail-up .cd1{width:15px;height:15px;left:calc(50% - 8px);top:-12px}.mp-page .callout.tail-up .cd2{width:10px;height:10px;left:calc(50% + 2px);top:-25px}.mp-page .callout.tail-up .cd3{width:6px;height:6px;left:calc(50% + 11px);top:-34px}.mp-page .callout.tail-left .cd1{width:15px;height:15px;left:-12px;top:calc(50% - 8px)}.mp-page .callout.tail-left .cd2{width:10px;height:10px;left:-25px;top:calc(50% - 1px)}.mp-page .callout.tail-left .cd3{width:6px;height:6px;left:-34px;top:calc(50% + 6px)}.mp-page .engine-block{border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;margin-top:24px;background:#0a2e3a}.mp-page .engine-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--espresso-raised);color:var(--on-espresso);padding:12px 16px;flex-wrap:wrap;border-bottom:1px solid var(--line-card)}.mp-page .engine-bar .label{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}.mp-page .copy-btn{font-family:var(--mono);font-weight:700;font-size:12.5px;padding:9px 16px;min-height:44px;min-width:150px;justify-content:center;border:1px solid var(--mustard);border-radius:999px;background:var(--mustard);color:var(--espresso);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background-color .15s ease,border-color .15s ease}.mp-page .copy-btn:hover{background:var(--mustard-bright);border-color:var(--mustard-bright)}.mp-page .copy-btn.copied{background:var(--mint);border-color:var(--mint)}.mp-page .engine-pre{margin:0;padding:22px;max-height:460px;overflow:auto;font-family:var(--mono);font-size:13px;line-height:1.6;color:#eaf3f5;white-space:pre-wrap;word-break:break-word;scrollbar-gutter:stable}.mp-page .loop-callout{background:var(--espresso-raised);border:1px solid var(--line-card);border-left:3px solid var(--mustard);border-radius:0 10px 10px 0;padding:24px;margin-top:20px}.mp-page .loop-callout h3{font-family:var(--serif);font-size:21px;font-weight:560;color:var(--on-espresso-strong);margin:0 0 14px}.mp-page .loop-callout p{font-family:var(--sans);font-size:14.5px;line-height:1.55;color:var(--on-espresso-body);margin:0;max-width:none}.mp-page .loop-callout p+p{margin-top:12px}.mp-page .loop-callout strong{color:var(--on-espresso)}.mp-page .essence{background:var(--espresso-raised);border:1px solid var(--line-card);border-radius:14px;padding:32px 28px}.mp-page .essence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:20px}.mp-page .essence-item .essence-num{font-family:var(--serif);font-size:42px;font-weight:700;font-style:italic;color:var(--mustard);margin:0 0 8px;line-height:1}.mp-page .essence-item p{font-family:var(--sans);font-size:14.5px;line-height:1.5;color:var(--on-espresso-body);margin:0}.mp-page .pattern-link{display:inline-flex;align-items:center;gap:6px;color:var(--mustard);font-family:var(--sans);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;min-height:44px}.mp-page .pattern-link:hover{color:var(--mustard-bright)}.mp-page .faq{margin-top:8px}.mp-page .faq-item{border-top:1px solid var(--line-card)}.mp-page .faq-q{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;padding:13px 2px;min-height:44px;font-family:var(--serif);font-size:16.5px;font-weight:560;color:var(--on-espresso);display:flex;justify-content:space-between;align-items:baseline;gap:14px}.mp-page .faq-q:hover{color:var(--on-espresso-strong)}.mp-page .faq-q .plus{font-family:var(--mono);font-size:18px;color:var(--mustard);transition:transform .25s ease;flex-shrink:0}.mp-page .faq-item.open .faq-q .plus{transform:rotate(45deg)}.mp-page .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.mp-page .faq-item.open .faq-a{grid-template-rows:1fr}.mp-page .faq-a-inner{overflow:hidden}.mp-page .faq-a-inner p{padding:0 2px 16px;margin:0;font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--on-espresso-body);max-width:640px}@media(max-width:820px){.mp-page .mechanic-stage,.mp-page .mp-tray{grid-template-columns:1fr}.mp-page .mp-tray .tray-label{grid-column:1}.mp-page .chat-body{height:240px}.mp-page .mechanic-inner{padding:0 14px}.mp-page .mech-hud.active{position:sticky;bottom:0;z-index:40;margin:0 -8px;padding:10px 8px 8px;background:linear-gradient(to top,var(--espresso-raised) 82%,rgba(34,26,21,0))}}@media(prefers-reduced-motion:reduce){.mp-page *,.mp-page *:before,.mp-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}