:root{--gold:#10b981}
.phead{padding-top:42px}
.phead .eyebrow{font-size:13px;line-height:1.45;letter-spacing:.12em;margin:0 54px 16px 0}
.phead h2{font-size:clamp(30px,4vw,42px);line-height:1.08;font-weight:900;letter-spacing:-.025em;margin-top:10px;max-width:390px}
:root{--bg:#111313;--surface:#1a1d1d;--text:#f7f6f2;--muted:#aeb5b5;--line:#353a3a;--gold:#10b981}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% -10%,#303329 0,transparent 30%),var(--bg);color:var(--text);font:15px Arial,sans-serif}button,input{font:inherit;color:inherit}.top{position:sticky;top:0;z-index:9;min-height:74px;display:flex;align-items:center;gap:24px;padding:0 5vw;background:#111313f2;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:#111;font-weight:900}.brand small{display:block;color:var(--muted);font-size:10px}.tabs{align-self:stretch;display:flex}.tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:0 18px;color:var(--muted);cursor:pointer}.tabs button.on{color:#fff;border-color:var(--gold)}.mine{border:1px solid #596060;background:#252929;border-radius:99px;padding:10px 14px;cursor:pointer}.mine b{background:var(--gold);color:#111;border-radius:99px;padding:4px 8px}.hero{padding:48px 5vw 32px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold);font-size:11px;font-weight:bold;letter-spacing:.14em}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.05em;margin:15px 0}.hero h1 span{color:var(--gold)}.hero p{color:#c9cece;font-size:18px;line-height:1.5;max-width:820px}.filters{display:flex;gap:8px;padding:16px 5vw;overflow:auto;border-bottom:1px solid var(--line)}.filters button{border:1px solid var(--line);background:#202323;border-radius:99px;padding:9px 13px;white-space:nowrap;cursor:pointer}.filters button.on{background:#f3f1eb;color:#171818}.tools{display:flex;gap:14px;padding:14px 5vw;border-bottom:1px solid var(--line)}.search{border:1px solid var(--line);background:#0f1111;border-radius:9px;padding:10px;width:320px}.wrap{margin:26px 5vw 45px;padding:24px;background:#1a1d1ded;border:1px solid var(--line);border-radius:20px}.wrap h2{margin:5px 0 20px}.grid{display:grid;grid-template-columns:repeat(8,minmax(88px,1fr));gap:10px}.tile{--c:#555;min-height:145px;position:relative;border:1px solid color-mix(in srgb,var(--c) 65%,#dce 35%);border-radius:12px;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 72%,#080b0c));overflow:hidden}.tile:hover{transform:translateY(-3px)}.tile>button.main{border:0;background:none;width:100%;height:145px;text-align:left;padding:40px 11px 12px;cursor:pointer}.tile strong{display:block;font-size:27px}.tile .name{display:block;font-size:12px;font-weight:bold;margin-top:12px}.tile small{display:block;color:#ffffffbf;margin-top:7px}.num{position:absolute;right:10px;top:9px;color:#ffffffb8;font-size:11px}.star{position:absolute;z-index:2;left:8px;top:7px;width:28px;height:28px;border:1px solid #ffffff66;border-radius:50%;background:#0004;cursor:pointer}.star.sel{background:var(--gold);color:#111}.shade{display:none;position:fixed;z-index:20;inset:0;background:#0009}.shade.on{display:block}.panel{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(590px,100vw);background:#1d2020;transform:translateX(102%);transition:.22s;overflow:auto;box-shadow:-20px 0 60px #0008}.panel.on{transform:none}.close{position:absolute;right:15px;top:15px;z-index:2;width:38px;height:38px;border:1px solid #666;border-radius:50%;background:#252929;font-size:24px;cursor:pointer}.phead{padding:40px 32px 24px;border-bottom:5px solid var(--c,#555)}.phead .sym{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:15px;background:var(--c);font-size:24px;font-weight:bold}.phead h2{display:inline-block;vertical-align:top;margin:15px 45px 0 15px;max-width:330px}.body{padding:20px 32px}.body section{padding:19px 0;border-bottom:1px solid var(--line)}.body p{color:#c5caca;line-height:1.6}.body pre{white-space:pre-wrap;font:14px/1.65 Arial;background:#111313;border-left:4px solid var(--gold);border-radius:8px;padding:16px}.copy,.add,.reset{border:1px solid #666;border-radius:8px;background:#292d2d;padding:9px 12px;cursor:pointer}.add{margin-top:12px}.copy{float:right}.selected-row{display:grid;grid-template-columns:54px 1fr 34px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.selected-row>span{height:48px;display:grid;place-items:center;background:#303535;color:var(--gold);border-radius:8px;font-weight:bold}.selected-row button{border:1px solid var(--line);background:none;border-radius:50%;width:32px;height:32px}.actions{position:sticky;bottom:0;display:grid;gap:8px;padding:18px 32px;background:#151717}.actions .copy{float:none;background:var(--gold);color:#111;font-weight:bold}footer{display:flex;justify-content:space-between;margin:0 5vw;padding:25px 0 35px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:1050px){.grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:760px){.top{flex-wrap:wrap;padding:10px 14px}.tabs{order:3;width:100%;height:42px}.tabs button{flex:1;padding:0 4px}.mine{font-size:0}.mine:before{content:'★ Auswahl ';font-size:12px}.mine b{font-size:11px}.tools{display:block}.search{width:100%}.wrap{margin:18px 10px;padding:14px}.grid{grid-template-columns:repeat(3,1fr)}.hero{padding-top:36px}.phead,.body{padding-left:20px;padding-right:20px}}@media(max-width:410px){.grid{grid-template-columns:repeat(2,1fr)}}