.sterne-page .blatt{background:#0B0B0C;color:#F4F3EF}.sterne-sheet{max-width:1160px;margin:auto;padding:58px 40px 90px;color:#f4f3ef;font-family:Geist,sans-serif}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;margin-bottom:80px}.providers{display:flex;gap:12px;align-items:center;margin-bottom:24px;color:#b6b3ac}.providers img{width:32px;height:32px;object-fit:contain;background:#f4f3ef;border-radius:6px;padding:3px}h1{font:550 clamp(34px,4.2vw,54px)/1.08 Bricolage,Geist,sans-serif;letter-spacing:-.025em;margin:0 0 25px;max-width:15ch}h1 span{color:#e9d5a1}.lead{font-size:18px;line-height:1.6;color:#cbc7bf;max-width:56ch}.primary{display:inline-flex;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,#f4e2b7,#dcc28a);color:#18150e;text-decoration:none;padding:17px 24px;border-radius:7px;font-weight:550;min-height:52px;box-shadow:0 9px 25px #0004;margin:17px 0}.primary small{font-size:12px;font-weight:400;margin-top:4px}.links{display:flex;flex-wrap:wrap;gap:18px;margin:10px 0 17px}a{color:#e9d5a1;text-underline-offset:4px}.small{font-size:13px;color:#b5b0a7;line-height:1.55}.scene{margin:0;min-height:400px;background:#171719;border:1px solid #343337;border-radius:12px;padding:26px;position:relative;overflow:hidden}.scene-top{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#b5b0a7}.scene button,.phase-buttons button,.copy{background:transparent;border:1px solid #5d594e;color:#e9d5a1;border-radius:5px;padding:9px 12px;cursor:pointer;font:inherit}.scene-stage{min-height:230px;display:grid;place-items:center;margin-top:24px}.scene-state{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s;pointer-events:none;width:100%}.scene[data-phase='0'] .s0,.scene[data-phase='1'] .s1,.scene[data-phase='2'] .s2{opacity:1;transform:none}.scene-state h3{font:500 25px Bricolage;margin:0 0 17px;color:#f4f3ef}.code-lines{display:grid;gap:8px}.code-lines i{display:block;height:9px;background:#5c5a53;border-radius:2px;width:var(--w)}.code-lines i:nth-child(even){background:#9d7c52}.scene pre{font:13px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #5d594e;padding:17px;color:#e9d5a1;background:#0b0b0c}.plan{padding:0;list-style:none}.plan li{padding:10px 0;border-bottom:1px solid #343337}.plan li span{color:#e9d5a1;margin-right:13px}.phase-buttons{display:flex;gap:8px;margin-top:20px}.phase-buttons button{flex:1;font-size:12px}.phase-buttons button[aria-pressed='true']{background:#e9d5a1;color:#18150e}.scene figcaption{margin-top:16px;font-size:11px;color:#b5b0a7}.list-heading{max-width:730px;margin-bottom:32px}.list-heading h2{font:500 31px Bricolage;margin-bottom:14px}.skill{border-top:1px solid #38362f;padding:30px 0;display:grid;grid-template-columns:65px 1fr;gap:18px}.rank{font:400 28px Bricolage;color:#e9d5a1}.skill h2{font:500 26px Bricolage;margin:0 0 8px}.stars{font-size:12px;color:#ada79c}.skill p{font-size:17px;line-height:1.55;max-width:74ch;margin:13px 0}.skill p.problem{color:#aaa59b}.skill summary{cursor:pointer;color:#e9d5a1;padding:14px 0;font-size:16px}.codehead{display:flex;justify-content:space-between;align-items:center;gap:15px}.codehead span{font-size:13px;color:#b5b0a7}.copy{font-size:13px}.skill pre{font:14px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#f4f3ef;background:#202022;padding:18px;border-radius:5px}.skill .repo{font-size:14px}.closing{margin-top:45px;max-width:760px}.closing h2{font:500 29px Bricolage}.closing p{font-size:17px;line-height:1.6}.community{margin-top:30px;padding-top:23px;border-top:1px solid #38362f}.sterne-sheet :focus-visible{outline:2px solid #e9d5a1;outline-offset:5px}::selection{background:#e9d5a1;color:#18150e}#copy-status{min-height:24px;color:#e9d5a1;font-size:14px}@media(max-width:760px){.sterne-sheet{padding:36px 22px 64px}.hero{grid-template-columns:1fr;gap:30px;margin-bottom:48px}h1{font-size:39px;max-width:15ch}.scene{min-height:375px;padding:20px}.skill{grid-template-columns:38px 1fr;gap:12px}.rank{font-size:23px}.skill h2{font-size:24px}.skill pre{font-size:13px;padding:13px}.skill p{font-size:16px}.phase-buttons{gap:5px}.phase-buttons button{padding:9px 5px}}@media(prefers-reduced-motion:reduce){.scene-state{transition:none}}