/* ════════════════════════════════════════════════════════════
   Startseite1.com - modernisiert, Optik der klassischen Seite
   Farben: Petrol #057179 · Mint #E8F7F6 · Rahmen #7FC8C7
   ════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;line-height:1.5;overflow-x:clip}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit;border:none;background:none}
img{max-width:100%}

/* ── FARB-TOKENS (hell) ── */
:root{
  --t:#057179;
  --tt:#057179;        /* Petrol als Textfarbe (im Dark Mode heller) */          /* Petrol - Hauptfarbe der alten Seite */
  --t2:#03565c;         /* Petrol dunkel (hover) */
  --tl:#7FC8C7;         /* heller Petrol-Rahmen */
  --chip:#E8F7F6;       /* Mint - Button-Hintergrund alt */
  --chip-h:#057179;     /* Button hover = invertiert */
  --bg:#f3f9f9;         /* Seitenhintergrund, sehr hell */
  --hd:#fbfdfd;         /* Header - wie alte Seite */
  --card:#ffffff;       /* Inhaltsfläche weiß */
  --tx:#1d3538;         /* Fließtext */
  --tx2:#46686c;        /* Sekundärtext */
  --tx3:#7da4a6;        /* Tertiärtext */
  --ln:#ddeeee;         /* Linien */
  --ta10:rgba(5,113,121,.10); --ta18:rgba(5,113,121,.18);
  --sh1:0 1px 3px rgba(5,60,65,.08); --sh2:0 3px 14px rgba(5,60,65,.12);
  --r:5px;              /* Eckenradius wie alte Buttons */
  --rl:10px;
  --nav-h:62px;
}
/* ── FARB-TOKENS (dunkel) ── */
body.dk{
  --tt:#ffffff;
  --bg:#000000; --hd:#0a1517; --card:#0e1d20;
  --chip:rgba(5,113,121,.18); --tl:rgba(127,200,199,.35);
  --tx:#ffffff; --tx2:#cfe2e3; --tx3:#7fa3a5; --ln:rgba(127,200,199,.14);
  --ta10:rgba(127,200,199,.10); --ta18:rgba(127,200,199,.20);
  --sh1:0 1px 4px rgba(0,0,0,.5); --sh2:0 4px 16px rgba(0,0,0,.55);
}
body{background:var(--bg);color:var(--tx);transition:background .3s,color .3s}

/* ── NAVIGATION ── */
#nav{
  position:sticky;top:0;z-index:500;height:var(--nav-h);
  background:var(--hd);border-bottom:1px solid var(--ln);
  display:flex;align-items:center;gap:4px;
  padding:0 max(16px,calc((100vw - 1150px)/2));
  box-shadow:var(--sh1);
}
.logo{display:flex;align-items:flex-end;gap:1px;margin-right:auto;flex-shrink:0}
.logo-img{height:48px;width:48px;display:block;flex-shrink:0}
.logo-text{font-size:21px;font-weight:bold;color:var(--tt);letter-spacing:-.3px;line-height:1;margin-left:-9px;margin-bottom:1px}
.nb{font-size:14px;color:var(--tt);padding:7px 12px;border-radius:var(--r);transition:background .15s,color .15s;white-space:nowrap}
.nb:hover{background:var(--ta10)}
.nb.on{background:var(--t);color:#fff}
.nb-sep{width:1px;height:22px;background:var(--ln);margin:0 6px;flex-shrink:0}
.nb-wrap{position:relative}
.nb .caret{font-size:9px;vertical-align:2px;opacity:.7}
.nb-menu{display:none;position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--sh2);min-width:190px;padding:5px;z-index:600}
.nb-wrap:hover .nb-menu,.nb-wrap:focus-within .nb-menu{display:block}
.nb-menu button,.nb-menu a{display:block;width:100%;text-align:left;font-size:13.5px;color:var(--tx2);padding:8px 10px;border-radius:5px;white-space:nowrap}
.nb-menu button:hover,.nb-menu a:hover{background:var(--ta10);color:var(--tt)}
#burger{display:none}
#mmenu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--hd);border-bottom:1px solid var(--ln);box-shadow:var(--sh2);z-index:499;padding:10px 14px;flex-direction:column;gap:2px}
#mmenu.on{display:flex}
#mmenu button,#mmenu a{display:block;text-align:left;font-size:15px;color:var(--tt);padding:11px 10px;border-radius:var(--r)}
#mmenu button:hover,#mmenu a:hover{background:var(--ta10)}
#mmenu .sub{padding-left:30px;font-size:14px;color:var(--tx2)}
@media(max-width:920px){
  .nb,.nb-sep,.nb-wrap{display:none}
  #burger{display:flex}
}
.ib{width:36px;height:36px;background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--tt);transition:all .15s;flex-shrink:0}
.ib:hover{background:var(--t);color:#fff;border-color:var(--tt)}

/* ── SEITEN-CONTAINER ── */
.pg{display:none}
.pg.on{display:block;animation:pgin .25s ease;max-width:1150px;margin:0 auto;padding:0 14px 30px}
@keyframes pgin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── HERO / SUCHE ── */
#hero{position:relative;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);margin-top:16px;box-shadow:var(--sh1)}
.hero-bg{position:absolute;inset:0;border-radius:var(--rl);opacity:0;transition:opacity .4s;pointer-events:none}
.hero-bg.on{opacity:.22}
.hero-in{position:relative;padding:30px 22px 24px;text-align:center}
.hero-tag{font-style:italic;color:var(--tt);font-size:17px;font-weight:normal;margin-bottom:18px}
.sw{max-width:640px;margin:0 auto;position:relative}
.sb{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--tl);border-radius:var(--r);padding:6px 8px 6px 14px;transition:box-shadow .15s,border-color .15s}
.sb:focus-within{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
#selogo{display:flex;align-items:center;flex-shrink:0;border-radius:4px;padding:2px;margin:-2px;transition:background .15s}
#selogo:hover{background:var(--ta10)}
#selogo img{width:18px;height:18px;border-radius:3px;display:block}
#si{flex:1;border:none;outline:none;background:none;font-size:16px;color:var(--tx);font-family:inherit;min-width:0}
#si::placeholder{color:var(--tx3)}
.sx{width:26px;height:26px;border-radius:50%;color:var(--tx3);font-size:14px;display:none;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.sx:hover{background:var(--ta10);color:var(--tt)}
#si:not(:placeholder-shown)~.sx{display:flex}
.sg{background:var(--t);color:#fff;font-size:14px;padding:8px 18px;border-radius:var(--r);transition:background .15s;flex-shrink:0}
.sg:hover{background:var(--t2)}
/* Vorschläge (Autovervollständigung) */
#sgbox{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--tl);border-radius:var(--r);box-shadow:var(--sh2);z-index:300;overflow:hidden;display:none;text-align:left}
#sgbox.on{display:block}
.sgi{padding:8px 14px;font-size:15px;color:var(--tx);cursor:pointer;display:flex;align-items:center;gap:9px}
.sgi svg{width:13px;height:13px;stroke:var(--tx3);fill:none;stroke-width:2;flex-shrink:0}
.sgi:hover,.sgi.act{background:var(--chip);color:var(--tt)}
.eng-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.ep{font-size:12.5px;color:var(--tx2);padding:4px 11px;border:1px solid var(--ln);border-radius:20px;transition:all .15s;background:var(--card)}
.ep:hover{border-color:var(--tl);color:var(--tt)}
.ep.on{background:var(--t);color:#fff;border-color:var(--tt)}

/* ── ANPASSEN-PANEL (Hintergrund + Kategorien, versteckt) ── */
#cust{display:none;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);margin-top:12px;padding:14px 16px;flex-direction:column;gap:14px;box-shadow:var(--sh1)}
#cust.on{display:flex;animation:pgin .2s ease}
.cust-l{display:block;font-size:13.5px;font-weight:bold;color:var(--tt);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--ln)}
.fbrk{flex-basis:100%;width:100%;height:0;padding:0;margin:0}
#ordbar{display:grid;grid-auto-flow:column;gap:5px 26px;justify-content:start}
.ord-row{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--tx2)}
.ord-n{width:24px;text-align:right;font-size:11.5px;line-height:24px;color:var(--tx3);font-weight:bold;flex-shrink:0}
.ord-b{width:26px;height:24px;border:1px solid var(--tl);background:var(--card);border-radius:5px;color:var(--tt);font-size:10px;line-height:1;flex-shrink:0}
.ord-b:hover{background:var(--t);color:#fff}
.ord-b:disabled{opacity:.25;pointer-events:none}
.own-e,.own-x{position:absolute;left:4px;width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--tx3);background:var(--card);border:1px solid var(--ln);border-radius:4px;opacity:0;transition:opacity .15s}
.own-e{top:5px}
.own-x{top:26px}
body.szs .own-e{top:2px}
body.szs .own-x{top:21px}
body.szl .own-e{top:9px}
body.szl .own-x{top:32px}
.chip:hover .own-e,.chip:hover .own-x{opacity:1}
.own-e:hover{color:var(--tt);border-color:var(--tt)}
.own-x:hover{color:#c0392b;border-color:#c0392b}
.own-add{display:flex;align-items:center;justify-content:center;gap:6px;height:50px;align-self:start;width:100%;border:2px dashed var(--tl);border-radius:var(--r);color:var(--tx3);font-size:14px;background:transparent;transition:all .15s;padding:0 10px}
.own-add:hover{color:var(--tt);border-color:var(--tt);background:var(--chip)}
body.szs .own-add{height:42px;font-size:13px}
body.szl .own-add{height:60px;font-size:16px}
#own-ov,#s1d-ov{position:fixed;inset:0;background:rgba(8,20,22,.55);z-index:950;display:none;align-items:center;justify-content:center;padding:16px}
#s1d-ov{z-index:1100}
#own-dlg,#s1d-dlg{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh2);padding:20px;width:100%;max-width:400px}
#own-dlg h3,#s1d-dlg h3{font-size:16px;color:var(--tt);margin-bottom:12px}
#own-dlg label,#s1d-dlg label{display:block;font-size:12px;color:var(--tx3);margin-bottom:10px}
#own-dlg input,#s1d-dlg input{display:block;width:100%;margin-top:4px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:9px 12px;font-size:14px;color:var(--tx);font-family:inherit;outline:none}
#own-dlg input:focus,#s1d-dlg input:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
#own-err,#s1d-err{color:#c0392b;font-size:12.5px;min-height:16px;margin-bottom:6px}
#own-del-t,#s1d-x{font-size:14px;color:var(--tx);margin-bottom:12px;display:none;line-height:1.55}
.own-dlg-b{display:flex;gap:10px;justify-content:flex-end}
.own-dlg-b button{border-radius:var(--r);font-size:14px;padding:9px 18px}
#own-ok,#s1d-ok{background:var(--t);color:#fff;font-weight:bold}
#own-ok:hover,#s1d-ok:hover{background:var(--t2)}
#s1d-ok.dgr{background:#c0392b}
#s1d-ok.dgr:hover{background:#a93226}
#own-cancel,#s1d-cancel{border:1px solid var(--tl);color:var(--tx2);background:var(--card)}
#own-cancel:hover,#s1d-cancel:hover{background:var(--chip)}
#bak-warn{display:none;margin-top:10px;font-size:13px;line-height:1.6;color:var(--tx);background:rgba(214,138,32,.13);border:1px solid rgba(214,138,32,.55);border-radius:var(--r);padding:11px 13px}
#bak-warn b{color:#a86a12}
body.dk #bak-warn b{color:#eebd77}
#bak-warn .ft{margin-top:9px}
#bak-go{background:var(--t);color:#fff;border-color:var(--t);font-weight:bold}
#bak-go:hover{background:var(--t2)}
.ib.on{background:var(--t);color:#fff;border-color:var(--t)}
#fstate{display:none;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:var(--tx2)}
#fstate.on{display:flex}
#fstate button{font-size:12px;color:var(--tt);border:1px solid var(--tl);background:var(--chip);border-radius:20px;padding:3px 10px;transition:all .15s}
#fstate button:hover{background:var(--t);color:#fff}
#bgbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#szbar{display:flex;gap:6px;flex-wrap:wrap}
/* Button-Größen: Kompakt / Groß (Normal = Standard) */
body.szs .chip .cl{min-height:42px;font-size:13.5px;gap:7px;padding:3px 22px 3px 8px}
body.szs .fav{width:14px;height:14px}
body.szs .ac{height:34px;font-size:13px;padding:0 11px}
body.szl .chip .cl{min-height:60px;font-size:16.5px;letter-spacing:-.3px;padding:4px 24px 4px 8px;gap:8px}
body.szl .fav{width:19px;height:19px}
body.szl .ac{height:48px;font-size:16px;padding:0 16px;letter-spacing:-.2px}
body.szl .chips-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
@media(min-width:1150px){body.szl .chips-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sw-s{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s;flex-shrink:0}
.sw-s:hover{transform:scale(1.12)}
.sw-s.on{border-color:var(--tt)}
.sw-x{background:var(--card);border:2px solid var(--ln);display:flex;align-items:center;justify-content:center;color:var(--tx3);font-size:11px}
.sw-x.on{border-color:var(--tt);color:var(--tt)}

/* ── HINWEIS + FAVORITEN ── */
#pinarea{display:none;margin-top:14px;background:var(--card);border:1px dashed var(--tl);border-radius:var(--rl);padding:12px 14px}
#pinarea.on{display:block}
.pin-lbl{font-size:12px;font-weight:bold;color:var(--tt);text-transform:uppercase;letter-spacing:.6px;margin-bottom:9px}
#pinlist{display:flex;gap:8px;flex-wrap:wrap}
.pch{display:inline-flex;align-items:center;gap:7px;background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:7px 12px;font-size:14px;color:var(--tt);transition:all .15s}
.pch:hover{background:var(--t);color:#fff;border-color:var(--tt)}
.xb{font-size:15px;line-height:1;opacity:.55;padding:0 1px}
.xb:hover{opacity:1}

/* ── KATEGORIE-FILTER (im Anpassen-Panel) ── */
#fbar{display:flex;gap:6px;flex-wrap:wrap}
.ft{font-size:13px;color:var(--tx2);padding:5px 12px;border:1px solid var(--ln);border-radius:20px;background:var(--card);transition:all .15s}
.ft:hover{border-color:var(--tl);color:var(--tt)}
.ft.on{background:var(--t);color:#fff;border-color:var(--tt)}

/* ── LINK-ZEILEN (Optik der alten Buttons) ── */
#rows{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);margin-top:12px;padding:18px 18px 22px;box-shadow:var(--sh1)}
.row{display:grid;grid-template-columns:128px 1fr;gap:10px 16px;padding:13px 0;border-bottom:1px solid var(--ln);align-items:stretch}
.row:last-of-type{border-bottom:none}
.row-label{font-style:italic;color:var(--tt);font-size:17px;padding-top:0;line-height:1.3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.rl-ico{font-size:17px;font-style:normal;opacity:.9;order:-1}
.chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:9px}
@media(min-width:1150px){.chips-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.chip{position:relative}
.chip .cl{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:50px;padding:4px 26px 4px 10px;
  background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);
  color:var(--tt);font-size:15px;text-align:center;letter-spacing:-.15px;
  transition:background .15s,color .15s,border-color .15s;
}
.chip .cl:hover{background:var(--chip-h);color:#fff;border-color:var(--chip-h)}
.fav{width:16px;height:16px;flex-shrink:0;border-radius:3px}
.cnm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;overflow-wrap:break-word}
.cpin{position:absolute;top:50%;right:5px;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;border-radius:4px}
.cpin svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;color:var(--tx3)}
.chip:hover .cpin{opacity:1}
.cpin:hover svg{color:#fff}
.chip .cl:hover ~ .cpin svg,.chip:hover .cl:not(:hover) ~ .cpin svg{color:var(--tx3)}
.chip.pnd .cpin{opacity:1}
.chip.pnd .cpin svg{fill:#f5b301;stroke:#f5b301}
.more-b{display:block;margin:20px auto 0;background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);color:var(--tt);font-size:15px;padding:11px 26px;transition:all .15s}
.more-b:hover{background:var(--t);color:#fff;border-color:var(--tt)}

/* ── WEB-TOOLS: POMODORO FOCUS-STUDIO ── */
#fp-studio{position:relative;width:100%;max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh2);padding:20px 22px 26px;display:flex;flex-direction:column;align-items:center;gap:18px}
#fp-studio:fullscreen{max-width:none;height:100%;border:none;border-radius:0;justify-content:center;background:var(--bg);padding:24px}
#fp-studio.running .fp-ring-fg{filter:drop-shadow(0 0 7px var(--ta18))}
.fp-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fp-stats{display:flex;gap:18px}
.fp-stat{display:flex;flex-direction:column;align-items:center;min-width:46px}
.fp-stat-l{font-size:9px;color:var(--tx3);letter-spacing:.15em;text-transform:uppercase;font-weight:bold}
.fp-stat-v{font-size:18px;font-weight:bold;color:var(--tt);font-variant-numeric:tabular-nums;line-height:1.1}
.fp-tools{display:flex;gap:8px}
.fp-ib{width:36px;height:36px;border-radius:var(--r);background:var(--chip);border:1px solid var(--tl);display:flex;align-items:center;justify-content:center;color:var(--tt);transition:all .15s}
.fp-ib:hover{background:var(--t);color:#fff;border-color:var(--tt)}
.fp-ib svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.fp-modes{display:flex;gap:6px;background:var(--chip);border:1px solid var(--tl);border-radius:30px;padding:5px}
.fp-tab{font-size:13px;font-weight:bold;color:var(--tx2);padding:8px 18px;border-radius:24px;transition:all .2s;white-space:nowrap}
.fp-tab:hover:not(.on){color:var(--tt)}
.fp-tab.on{background:var(--t);color:#fff;box-shadow:var(--sh1)}
.fp-ring-wrap{position:relative;width:min(360px,78vw);height:min(360px,78vw);display:flex;align-items:center;justify-content:center}
.fp-ring{position:absolute;inset:0;transform:rotate(-90deg)}
.fp-ring-bg{fill:none;stroke:var(--ln);stroke-width:6}
.fp-ring-fg{fill:none;stroke:url(#fpGrad);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear}
.fp-disp{position:relative;text-align:center;z-index:2;padding:0 10px}
.fp-mode-l{font-size:11px;color:var(--tt);letter-spacing:.25em;text-transform:uppercase;font-weight:bold;margin-bottom:8px}
.fp-time{font-size:clamp(46px,15vw,84px);font-weight:bold;color:var(--tx);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fp-time .fp-colon{color:var(--t);animation:fp-blink 2s ease-in-out infinite}
@keyframes fp-blink{0%,100%{opacity:1}50%{opacity:.35}}
.fp-quote{margin:14px auto 0;color:var(--tx2);font-size:13px;font-style:italic;max-width:260px;min-height:34px;opacity:0;transition:opacity .7s}
.fp-quote.on{opacity:1}
.fp-task-cur{margin-top:6px;font-size:11px;color:var(--tx3);letter-spacing:.08em;text-transform:uppercase;font-weight:bold}
.fp-task-cur span{color:var(--t)}
.fp-ctrl{display:flex;gap:16px;align-items:center}
.fp-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}
.fp-btn-2{width:50px;height:50px;background:var(--chip);border:1px solid var(--tl);color:var(--tt)}
.fp-btn-2:hover{border-color:var(--tt);background:var(--ta10)}
.fp-btn-2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.fp-btn-1{width:78px;height:78px;background:var(--t);color:#fff;box-shadow:var(--sh2)}
.fp-btn-1:hover{background:var(--t2);transform:translateY(-2px)}
.fp-btn-1:active{transform:scale(.97)}
.fp-btn-1 svg{width:26px;height:26px;fill:currentColor}
.fp-task-row{display:flex;gap:10px;align-items:center;width:100%;max-width:520px}
.fp-task-wrap{flex:1;position:relative}
.fp-task-bar{display:flex;gap:6px;align-items:center;background:var(--card);border:1px solid var(--tl);border-radius:30px;padding:5px 5px 5px 16px}
.fp-task-bar:focus-within{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.fp-task-in{flex:1;border:none;outline:none;background:none;font-size:14px;color:var(--tx);font-family:inherit;min-width:0;padding:8px 0}
.fp-task-in::placeholder{color:var(--tx3)}
.fp-save{width:34px;height:34px;border-radius:50%;background:var(--chip);border:1px solid var(--tl);display:flex;align-items:center;justify-content:center;color:var(--tx3);transition:all .15s;flex-shrink:0}
.fp-save svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.fp-save.unsaved{border-color:#e0a106;color:#e0a106}
.fp-save.saved{border-color:var(--t);color:var(--t);background:var(--ta10)}
.fp-sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--tl);border-radius:var(--rl);box-shadow:var(--sh2);overflow:hidden;display:none;z-index:20}
.fp-sugg.on{display:block}
.fp-sugg-h{padding:9px 16px 5px;font-size:9px;color:var(--tx3);letter-spacing:.15em;text-transform:uppercase;font-weight:bold}
.fp-sugg-i{padding:9px 16px;cursor:pointer;font-size:14px;color:var(--tx2);display:flex;justify-content:space-between;gap:10px}
.fp-sugg-i:hover{background:var(--chip);color:var(--tt)}
.fp-sugg-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.fp-sugg-t{font-size:11px;color:var(--t);font-weight:bold;white-space:nowrap}
.fp-hints{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;color:var(--tx3);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:bold}
.fp-kbd{display:inline-block;padding:2px 7px;margin-right:5px;background:var(--chip);border:1px solid var(--tl);border-radius:4px;font-family:monospace;font-size:10px;color:var(--tt)}
.fp-ov{position:fixed;inset:0;background:rgba(5,30,33,.55);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:18px}
.fp-ov.on{display:flex;animation:fp-fade .25s ease}
@keyframes fp-fade{from{opacity:0}to{opacity:1}}
.fp-modal{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh2);padding:26px;width:100%;max-width:500px;max-height:88vh;overflow-y:auto;position:relative}
.fp-modal h2{font-size:21px;color:var(--tt);margin-bottom:4px}
.fp-modal-sub{font-size:12px;color:var(--tx3);margin-bottom:18px}
.fp-x{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--chip);border:1px solid var(--tl);color:var(--tt);display:flex;align-items:center;justify-content:center;transition:all .15s}
.fp-x:hover{background:var(--t);color:#fff}
.fp-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.fp-grp{margin-bottom:20px}
.fp-grp-l{display:block;font-size:10px;color:var(--t);letter-spacing:.15em;text-transform:uppercase;font-weight:bold;margin-bottom:10px}
.fp-row{display:flex;gap:10px}
.fp-num,.fp-sel{background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 12px;color:var(--tx);font-family:inherit;font-size:14px;font-weight:bold;outline:none}
.fp-num{flex:1;width:100%}
.fp-num:focus,.fp-sel:focus{border-color:var(--tt)}
.fp-sel{width:100%;cursor:pointer}
.fp-tg-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--ln)}
.fp-tg-row:last-child{border-bottom:none}
.fp-tg-l{font-size:14px;color:var(--tx)}
.fp-tg{width:42px;height:23px;border-radius:12px;background:var(--ln);position:relative;cursor:pointer;transition:background .25s;flex-shrink:0}
.fp-tg.on{background:var(--t)}
.fp-tg::after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:2px;left:3px;transition:left .25s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.fp-tg.on::after{left:22px}
.fp-mbtn{width:100%;background:var(--t);color:#fff;border-radius:var(--r);padding:12px;font-size:14px;font-weight:bold;margin-top:10px;transition:background .15s}
.fp-mbtn:hover{background:var(--t2)}
.fp-mbtn.ghost{background:transparent;border:1px solid var(--tl);color:var(--tx2)}
.fp-mbtn.ghost:hover{background:var(--ta10);color:var(--tt)}
.fp-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.fp-card{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:16px;text-align:center}
.fp-card-v{font-size:28px;font-weight:bold;color:var(--tt);line-height:1;font-variant-numeric:tabular-nums}
.fp-card-l{font-size:10px;color:var(--tx3);letter-spacing:.1em;text-transform:uppercase;font-weight:bold;margin-top:6px}
.fp-card-s{font-size:9px;color:var(--tx3);font-style:italic;margin-top:3px}
.fp-help{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:14px;margin-bottom:10px}
.fp-help h3{font-size:13px;color:var(--tt);margin-bottom:5px}
.fp-help p{font-size:13px;color:var(--tx2);line-height:1.5}
.fp-canvas{position:fixed;inset:0;pointer-events:none;z-index:999}
@media(max-width:560px){#fp-studio{padding:16px 14px 22px}.fp-bar{justify-content:center}.fp-tab{padding:7px 13px;font-size:12px}.fp-sgrid{grid-template-columns:1fr}}

/* ── WEB-TOOLS: WETTERBLICK ── */
#pg-tool-wetter{--wbgood:#3aa35a;--wbwarn:#e0922f;--wbbad:#d65a4f;--wbrain:#2f86c5}
.wb-top{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px}
.wb-form{width:min(560px,100%);position:relative;margin:0}
.wb-in{flex:1;border:none;outline:none;background:none;font-size:16px;color:var(--tx);font-family:inherit;min-width:0}
.wb-in::placeholder{color:var(--tx3)}
.wb-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--tl);border-radius:var(--r);box-shadow:var(--sh2);overflow:hidden;text-align:left;display:none;z-index:200}
.wb-suggest div{padding:10px 14px;cursor:pointer;font-size:14.5px;border-bottom:1px solid var(--ln)}
.wb-suggest div:last-child{border-bottom:none}
.wb-suggest div:hover{background:var(--chip)}
.wb-suggest small{color:var(--tx3)}
.wb-favs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.wb-favs .lbl{font-size:12.5px;color:var(--tx3);font-style:italic}
.wbc{border:1px solid var(--tl);background:var(--chip);color:var(--tt);border-radius:20px;padding:5px 13px;font-size:13.5px;cursor:pointer;transition:all .15s;white-space:nowrap}
.wbc:hover{background:var(--t);color:#fff}
.wbc.add{border-style:dashed;background:var(--card);color:var(--tx2)}
.wbc.add:hover{background:var(--chip);color:var(--tt)}
.wbc .x{margin-left:7px;opacity:.6;font-weight:bold}
#wb-warn{display:none;margin-top:12px}
.wb-warnbox{display:flex;gap:12px;align-items:flex-start;border-radius:var(--rl);padding:14px 16px;background:#fff4ec;border:1px solid #f1c6a3;color:#8a4b13}
.wb-warnbox.sev{background:#fdeceb;border-color:#f0b3ad;color:#8f2b22}
.wb-warnbox .ic{font-size:22px;line-height:1}
.wb-warnbox b{display:block;font-size:15px;margin-bottom:1px}
.wb-warnbox span{font-size:13.5px}
.wb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:12px}
.wb-card{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:18px 18px 16px;scroll-margin-top:calc(var(--nav-h) + 12px)}
.wb-card.span2{grid-column:1/-1}
.wb-eyebrow{font-size:12px;font-style:italic;color:var(--tt);letter-spacing:.4px;text-transform:uppercase;margin:0 0 2px}
.wb-card h3{margin:0 0 12px;font-size:17.5px;color:var(--tt);display:flex;align-items:center;gap:8px}
.wb-card h3 .ic{font-size:20px}
#pg-tool-wetter .now-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#pg-tool-wetter .now-emoji{font-size:62px;line-height:1}
#pg-tool-wetter .now-temp{font-size:54px;font-weight:bold;color:var(--tx);line-height:1}
#pg-tool-wetter .now-meta{flex:1;min-width:160px}
#pg-tool-wetter .now-meta .cond{font-size:17px;font-weight:bold;color:var(--tt)}
#pg-tool-wetter .now-meta .sub{font-size:13.5px;color:var(--tx2)}
#pg-tool-wetter .now-place{font-size:15px;color:var(--tx);font-weight:bold}
#pg-tool-wetter .now-date{font-size:12.5px;color:var(--tx3);margin:3px 0 1px}
#pg-tool-wetter .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px;margin-top:16px}
#pg-tool-wetter .tile{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:10px;text-align:center}
#pg-tool-wetter .tile .k{font-size:11.5px;color:var(--tx2);display:block}
#pg-tool-wetter .tile .v{font-size:17px;font-weight:bold;color:var(--tx)}
#pg-tool-wetter .tile .u{font-size:11px;color:var(--tx3)}
#pg-tool-wetter .sun-row{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}
#pg-tool-wetter .sun-arc{flex:1;min-width:200px}
#pg-tool-wetter .sun-times{font-size:13px;color:var(--tx2)}
#pg-tool-wetter .sun-times b{color:var(--tx)}
#pg-tool-wetter .rc-head{font-size:18px;font-weight:bold;margin:2px 0 4px;color:var(--tx)}
#pg-tool-wetter .rc-sub{font-size:13.5px;color:var(--tx2);margin-bottom:12px}
#pg-tool-wetter .rc-bars{display:flex;align-items:flex-end;gap:3px;height:84px;padding-top:4px}
#pg-tool-wetter .rc-bars .b{flex:1;background:linear-gradient(var(--wbrain),#7cc0ec);border-radius:3px 3px 0 0;min-height:2px;opacity:.92}
#pg-tool-wetter .rc-bars .b.dry{background:var(--chip)}
#pg-tool-wetter .rc-axis{display:flex;gap:3px;margin-top:5px}
#pg-tool-wetter .rc-axis span{flex:1;text-align:center;font-size:10.5px;color:var(--tx3)}
#pg-tool-wetter .pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:bold}
#pg-tool-wetter .pill.dry{background:#e7f5ec;color:var(--wbgood)}
#pg-tool-wetter .pill.wet{background:#e4f0fa;color:var(--wbrain)}
#pg-tool-wetter .pill.warn{background:#fdf0e2;color:var(--wbwarn)}
#pg-tool-wetter .act-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
#pg-tool-wetter .act{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:6px 13px;font-size:13.5px;cursor:pointer;transition:all .15s;color:var(--tx2)}
#pg-tool-wetter .act:hover{background:var(--chip);color:var(--tt)}
#pg-tool-wetter .act.on{background:var(--t);color:#fff;border-color:var(--t)}
#pg-tool-wetter .act-best{font-size:15px;margin:2px 0 12px;color:var(--tx)}
#pg-tool-wetter .act-best b{color:var(--tt)}
#pg-tool-wetter .act-note{font-size:12px;color:var(--tx2);background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:8px 10px;margin:0 0 12px}
#pg-tool-wetter .act-strip{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px}
#pg-tool-wetter .act-strip .h{flex:1 0 24px;min-width:24px;text-align:center}
#pg-tool-wetter .act-strip .bar{height:30px;border-radius:5px;margin-bottom:3px}
#pg-tool-wetter .act-strip .t{font-size:10px;color:var(--tx3)}
#pg-tool-wetter .act-strip .deg{font-size:10.5px;color:var(--tx);font-weight:bold}
#pg-tool-wetter .wb-legend{display:flex;gap:14px;margin-top:10px;font-size:12px;color:var(--tx2);flex-wrap:wrap}
#pg-tool-wetter .wb-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
#pg-tool-wetter .mchips,#pg-tool-wetter .hchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
#pg-tool-wetter .mchip,#pg-tool-wetter .hchip{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:5px 11px;font-size:12.5px;cursor:pointer;transition:all .15s;color:var(--tx2)}
#pg-tool-wetter .mchip:hover,#pg-tool-wetter .hchip:hover{background:var(--chip);color:var(--tt)}
#pg-tool-wetter .mchip.on{color:#fff;background:var(--mc,#057179);border-color:var(--mc,#057179)}
#pg-tool-wetter .mchip.na{opacity:.4;text-decoration:line-through}
#pg-tool-wetter .hchip.on{background:var(--t);color:#fff;border-color:var(--t)}
#pg-tool-wetter .chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:8px;font-size:12px;color:var(--tx2)}
#pg-tool-wetter .chart-legend .lg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
#pg-tool-wetter .chart-legend .lg b{color:var(--tx)}
#pg-tool-wetter .chart-scroll{overflow-x:auto}
#pg-tool-wetter svg.chart{display:block;width:100%;min-width:660px;height:auto;touch-action:pan-y}
#pg-tool-wetter .chart-cursor{pointer-events:none}
#pg-tool-wetter .hist-sum{font-size:13.5px;color:var(--tx);margin:2px 0 12px}
#pg-tool-wetter .day{display:grid;grid-template-columns:78px 34px 1fr auto;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--ln)}
#pg-tool-wetter .day:last-child{border-bottom:none}
#pg-tool-wetter .day .dn{font-weight:bold;font-size:14px;color:var(--tx)}
#pg-tool-wetter .day .dn small{display:block;color:var(--tx3);font-weight:normal;font-size:11.5px}
#pg-tool-wetter .day .em{font-size:22px;text-align:center}
#pg-tool-wetter .day .bar{height:7px;border-radius:6px;background:linear-gradient(90deg,#9ed0e6,#f2b84a,#e98248);position:relative}
#pg-tool-wetter .day .flags{font-size:11.5px;color:var(--tx2);margin-top:3px}
#pg-tool-wetter .day .flags .fr{color:var(--wbrain)}
#pg-tool-wetter .day .flags .ic{color:#3b7fd0}
#pg-tool-wetter .day .flags .st{color:var(--wbbad)}
#pg-tool-wetter .day .hl{font-size:14px;font-weight:bold;text-align:right;white-space:nowrap;color:var(--tx)}
#pg-tool-wetter .day .hl .lo{color:var(--tx3);font-weight:normal}
#pg-tool-wetter .aqi-big{display:flex;align-items:center;gap:14px;margin-bottom:6px}
#pg-tool-wetter .aqi-dot{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:20px;flex:0 0 auto}
#pg-tool-wetter .aqi-big .lab{font-size:15px;font-weight:bold}
#pg-tool-wetter .aqi-big .sub{font-size:12.5px;color:var(--tx2)}
#pg-tool-wetter .meter{margin:9px 0}
#pg-tool-wetter .meter .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:3px;color:var(--tx)}
#pg-tool-wetter .meter .track{height:8px;background:var(--chip);border-radius:6px;overflow:hidden}
#pg-tool-wetter .meter .fill{height:100%;border-radius:6px}
#pg-tool-wetter .uvbox{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap}
#pg-tool-wetter .uv-num{width:50px;height:50px;border-radius:12px;color:#fff;font-weight:bold;font-size:22px;display:flex;align-items:center;justify-content:center}
#pg-tool-wetter .uv-txt{font-size:13.5px;color:var(--tx2)}
#pg-tool-wetter .uv-txt b{display:block;font-size:14.5px;color:var(--tx)}
#pg-tool-wetter .muted-note{font-size:12px;color:var(--tx3);margin-top:10px}
#pg-tool-wetter .wb-status{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 2px;font-size:12.5px;color:var(--tx3)}
#pg-tool-wetter .wb-status button{background:var(--card);border:1px solid var(--tl);border-radius:var(--r);padding:5px 11px;color:var(--tt);cursor:pointer;font-size:12.5px}
#pg-tool-wetter .wb-status button:hover{background:var(--chip)}
#pg-tool-wetter .loading{padding:30px;text-align:center;color:var(--tx3)}
#pg-tool-wetter .spinner{width:26px;height:26px;border:3px solid var(--tl);border-top-color:var(--t);border-radius:50%;display:inline-block;animation:wbspin .8s linear infinite}
@keyframes wbspin{to{transform:rotate(360deg)}}
#pg-tool-wetter .errbox{background:#fdeceb;border:1px solid #f0b3ad;color:#8f2b22;border-radius:var(--rl);padding:16px;text-align:center}
.wb-attrib{font-size:12px;color:var(--tx3);text-align:center;margin-top:14px}
.wb-attrib a{color:var(--tt);font-weight:bold}
#pg-tool-wetter .wb-datel{font-size:12.5px;color:var(--tx2);display:inline-flex;align-items:center;gap:6px;margin-left:4px}
#pg-tool-wetter .wb-datel input{background:var(--card);border:1px solid var(--tl);border-radius:var(--r);padding:4px 8px;color:var(--tx);font-family:inherit;font-size:12.5px;outline:none;color-scheme:light dark}
@media(max-width:1020px){
  #k-radar{grid-column:1/-1}
}
@media(max-width:560px){
  #pg-tool-wetter .now-temp{font-size:46px}
  #pg-tool-wetter .now-emoji{font-size:50px}
  #pg-tool-wetter .day{grid-template-columns:64px 30px 1fr auto}
}

/* ── WEB-TOOLS: QR-CODE-GENERATOR ── */
#qr-card{max-width:640px;margin:12px auto 0;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.qr-grp label{display:block;font-size:11px;font-weight:bold;color:var(--tt);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.qr-in{width:100%;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:11px 13px;font-size:15px;color:var(--tx);font-family:inherit;outline:none}
.qr-in:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.qr-row{display:flex;gap:14px;flex-wrap:wrap}
.qr-row .qr-grp{flex:1;min-width:130px}
.qr-sel{width:100%;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 12px;font-size:14px;color:var(--tx);font-family:inherit;outline:none;cursor:pointer}
.qr-sw{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:3px}
.qr-dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--ln);cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qr-dot:hover{transform:scale(1.12)}
.qr-dot.on{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.qr-cust{background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#8b5cf6,#f43f5e);position:relative}
.qr-cust input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border-radius:50%}
.qr-drop{position:relative;border:2px dashed var(--tl);border-radius:var(--rl);background:var(--bg);padding:18px 14px;text-align:center;transition:border-color .15s,background .15s}
.qr-drop:hover,.qr-drop.over{border-color:var(--tt);background:var(--chip)}
.qr-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:1}
.qr-drop-in{display:flex;flex-direction:column;gap:3px;align-items:center;font-size:13.5px;color:var(--tx2);pointer-events:none}
.qr-drop-ic{font-size:26px}
.qr-drop-in b{color:var(--tt)}
.qr-drop-sub{font-size:11.5px;color:var(--tx3)}
.qr-drop-done{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13.5px;color:var(--tx2);position:relative;z-index:2;flex-wrap:wrap}
.qr-thumb{width:44px;height:44px;border:1px solid var(--tl);border-radius:var(--r);object-fit:contain;background:#fff;display:none}
.qr-x{font-size:12.5px;color:var(--tt);cursor:pointer;border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:4px 11px;display:none;transition:all .15s}
.qr-x:hover{background:var(--t);color:#fff}
.qr-range{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tx2)}
.qr-range input{flex:1;accent-color:var(--t)}
.qr-actions{display:flex;gap:10px;flex-wrap:wrap}
.qr-btn{background:var(--t);color:#fff;border-radius:var(--r);font-size:14.5px;font-weight:bold;padding:11px 22px;transition:background .15s}
.qr-btn:hover{background:var(--t2)}
.qr-btn.ghost{background:var(--chip);color:var(--tt);border:1px solid var(--tl);font-weight:normal}
.qr-btn.ghost:hover{background:var(--t);color:#fff}
.qr-btn:disabled{opacity:.45;cursor:not-allowed}
#qr-out{display:none;text-align:center;padding:8px 0 2px}
#qr-canvas{max-width:min(320px,80vw);height:auto;border:1px solid var(--ln);border-radius:var(--r);background:#fff}
.qr-note{font-size:12px;color:var(--tx3)}
.qr-err{display:none;background:#fdeceb;border:1px solid #f0b3ad;color:#8f2b22;border-radius:var(--r);padding:10px 14px;font-size:13.5px}

/* ── WEB-TOOLS: PACKLISTE ── */
#pk-card{max-width:640px;margin:12px auto 0;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.pk-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pk-sel{flex:1;min-width:150px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 12px;font-size:14.5px;font-weight:bold;color:var(--tt);font-family:inherit;outline:none;cursor:pointer}
.pk-ib{width:38px;height:38px;border-radius:var(--r);background:var(--chip);border:1px solid var(--tl);color:var(--tt);display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .15s;flex-shrink:0}
.pk-ib:hover{background:var(--t);color:#fff}
.pk-prog-l{display:flex;justify-content:space-between;font-size:13px;color:var(--tx2);margin-bottom:5px}
.pk-prog-l b{color:var(--tt)}
.pk-track{height:9px;background:var(--chip);border:1px solid var(--tl);border-radius:6px;overflow:hidden}
.pk-fill{height:100%;background:var(--t);border-radius:6px;transition:width .3s;width:0}
.pk-add{display:flex;gap:8px}
.pk-add input[type=text]{flex:1;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 13px;font-size:15px;color:var(--tx);font-family:inherit;outline:none;min-width:0}
.pk-add input[type=text]:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.pk-qty{width:64px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 8px;font-size:14px;color:var(--tx);font-family:inherit;outline:none;text-align:center}
.pk-addbtn{background:var(--t);color:#fff;border-radius:var(--r);font-size:15px;font-weight:bold;padding:0 18px;transition:background .15s;flex-shrink:0}
.pk-addbtn:hover{background:var(--t2)}
#pk-items{display:flex;flex-direction:column}
.pk-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--ln)}
.pk-item:last-child{border-bottom:none}
.pk-chk{width:20px;height:20px;accent-color:var(--t);cursor:pointer;flex-shrink:0}
.pk-name{flex:1;font-size:15px;color:var(--tx);cursor:pointer;min-width:0;overflow-wrap:break-word}
.pk-name .q{color:var(--tt);font-weight:bold;margin-right:6px}
.pk-item.done .pk-name{text-decoration:line-through;color:var(--tx3)}
.pk-item.done .pk-name .q{color:var(--tx3)}
.pk-act{border:none;background:none;color:var(--tx3);font-size:14px;cursor:pointer;padding:4px;border-radius:4px;flex-shrink:0}
.pk-act:hover{color:var(--tt);background:var(--ta10)}
.pk-empty{text-align:center;color:var(--tx3);font-size:13.5px;font-style:italic;padding:18px 0}
.pk-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--ln);padding-top:14px}
.pk-btn{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);color:var(--tt);font-size:13px;padding:8px 13px;transition:all .15s}
.pk-btn:hover{background:var(--t);color:#fff}
.pk-tplsel{background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:8px 10px;font-size:13px;color:var(--tx2);font-family:inherit;outline:none;cursor:pointer}
.pk-hint{font-size:12px;color:var(--tx3);text-align:center}
.pk-how{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:11px 14px;font-size:13px;color:var(--tx2);line-height:1.6}
.pk-how b{color:var(--tt)}

/* ── WEB-TOOLS: ZUFALLS-ENTSCHEIDER ── */
#zf-card{max-width:640px;margin:12px auto 0;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.zf-modes{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--ln)}
.zf-m{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:7px 14px;font-size:13.5px;color:var(--tx2);transition:all .15s}
.zf-m:hover{background:var(--chip);color:var(--tt)}
.zf-m.on{background:var(--t);color:#fff;border-color:var(--t)}
.zf-pane{display:none;flex-direction:column;gap:12px}
.zf-pane.on{display:flex}
.zf-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.zf-row:has(.zf-go){justify-content:center;margin:14px 0 10px}
.zf-row:has(.zf-go) .zf-go{align-self:center}
.zf-lbl{font-size:13px;color:var(--tx2)}
.zf-sel,.zf-num{background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:9px 11px;font-size:14px;color:var(--tx);font-family:inherit;outline:none}
.zf-num{width:90px;text-align:center}
.zf-ta{width:100%;min-height:96px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 13px;font-size:14px;color:var(--tx);font-family:inherit;outline:none;resize:vertical}
.zf-ta:focus,.zf-num:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.zf-go{background:var(--t);color:#fff;border-radius:var(--r);font-size:15px;font-weight:bold;padding:11px 24px;transition:background .15s;align-self:flex-start}
.zf-go:hover{background:var(--t2)}
.zf-result{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:var(--chip);border:1px solid var(--tl);border-radius:var(--rl);padding:18px}
.zf-big{font-size:72px;line-height:1.15;letter-spacing:6px}
.zf-coin{font-size:92px;letter-spacing:0}
.zf-sub{font-size:14px;color:var(--tx2)}
.zf-win{font-size:26px;font-weight:bold;color:var(--tt)}
.zf-pop{animation:zf-pop .4s cubic-bezier(.2,1.6,.5,1)}
@keyframes zf-pop{from{transform:scale(.4);opacity:.2}to{transform:scale(1);opacity:1}}
.zf-flip{display:inline-block;animation:zf-flip .9s ease-out}
@keyframes zf-flip{from{transform:rotateX(0) scale(.9)}to{transform:rotateX(1080deg) scale(1)}}
.zf-shake{display:inline-block;animation:zf-shake .3s ease-in-out infinite}
@keyframes zf-shake{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}100%{transform:rotate(-3deg)}}
.zf-coin2{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a3,#f3c53d 60%,#c99a1e);border:4px solid #b8860b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-weight:bold;font-size:44px;color:#7a5410;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.25);text-shadow:0 1px 0 rgba(255,255,255,.4)}
.zf-coin2 .f1{font-family:Georgia,'Times New Roman',serif;font-size:58px}
.zf-coin2 small{font-size:11px;letter-spacing:2px;margin-top:2px}
.zf-mini{background:var(--card);border:1px solid var(--tl);border-radius:20px;color:var(--tt);font-size:12.5px;padding:6px 13px;transition:all .15s;margin-top:4px}
.zf-mini:hover{background:var(--t);color:#fff}

/* ── EMOJI-KOPIERER ── */
#ej-card{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px;margin-top:16px}
.ej-info{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:9px 12px;font-size:13px;color:var(--tx2);line-height:1.5;margin-bottom:12px}
.ej-bar{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 12px;padding:12px;background:var(--chip);border:1px solid var(--tl);border-radius:var(--rl)}
.ej-lupe{position:absolute;left:26px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none;opacity:.75}
#ej-q{flex:1;min-width:220px;background:var(--card);border:2px solid var(--tl);border-radius:var(--r);padding:11px 13px 11px 42px;font-size:15px;color:var(--tx);font-family:inherit;outline:none}
#ej-q:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
#ej-favmode.on{background:var(--t);color:#fff;border-color:var(--t)}
.ej-sec{margin-bottom:10px}
.ej-h{font-size:14px;font-weight:bold;color:var(--tt);margin-bottom:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ej-hint{font-size:12px;font-weight:normal;color:var(--tx3)}
.ej-cats{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.ej-c{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:7px 12px;font-size:13px;color:var(--tx2);transition:all .15s;white-space:nowrap}
.ej-c:hover{background:var(--chip);color:var(--tt)}
.ej-c.on{background:var(--t);color:#fff;border-color:var(--t)}
.ej-count{font-size:12px;color:var(--tx3);margin-bottom:8px}
.ej-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}
.ej-e{font-size:26px;line-height:1;padding:9px 0;background:var(--bg);border:1px solid var(--ln);border-radius:var(--r);transition:transform .1s,background .15s;font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif}
.ej-e:hover{background:var(--chip);border-color:var(--tl);transform:scale(1.15)}
.ej-e:active{transform:scale(.92)}
.ej-sm{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}
.ej-sm .ej-e{font-size:21px;padding:6px 0}
.ej-cath{font-size:14px;font-weight:bold;color:var(--tt);margin:18px 0 8px;scroll-margin-top:76px}
.ej-cath:first-child{margin-top:2px}
.ej-cath small{color:var(--tx3);font-weight:normal;margin-left:4px}
body.ejfav .ej-e.isfav{background:var(--chip);border-color:var(--t);box-shadow:0 0 0 1px var(--t) inset}
body.ejfav .ej-e{position:relative}
.ej-combos{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ej-combo{display:flex;align-items:center;background:var(--bg);border:1px solid var(--tl);border-radius:20px;overflow:hidden}
.ej-combo>button{padding:7px 6px 7px 14px;font-size:19px;line-height:1;letter-spacing:2px;font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif}
.ej-combo>button:hover{background:var(--chip)}
.ej-cx{padding:7px 11px 7px 6px;font-size:12px;color:var(--tx3)}
.ej-cx:hover{color:#c0392b}
.ej-none{font-size:12.5px;color:var(--tx3)}
.ej-grid .ej-none{grid-column:1/-1}
.ej-mini{background:var(--card);border:1px solid var(--tl);border-radius:20px;color:var(--tt);font-size:12.5px;padding:6px 13px;transition:all .15s}
.ej-mini:hover{background:var(--t);color:#fff}
.ej-builder{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
#ej-cin{flex:1;min-width:180px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:9px 12px;font-size:19px;letter-spacing:2px;color:var(--tx);font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;outline:none}
.ej-note{font-size:12px;color:var(--tx3);margin-top:12px}
#ej-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(80px);background:var(--t);color:#fff;font-size:15px;padding:11px 22px;border-radius:24px;box-shadow:var(--sh2);z-index:900;transition:transform .25s ease;pointer-events:none}
#ej-toast.on{transform:translateX(-50%) translateY(0)}

/* ── FARB-STUDIO ── */
#fs-card{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px;margin-top:16px}
.fs-info{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:9px 12px;font-size:13px;color:var(--tx2);line-height:1.5;margin-bottom:14px}
.fs-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
#fs-pick{width:56px;height:44px;border:1px solid var(--tl);border-radius:var(--r);background:var(--bg);padding:3px;cursor:pointer}
#fs-in{flex:1;min-width:220px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 13px;font-size:14px;color:var(--tx);font-family:inherit;outline:none}
#fs-in:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
#fs-in.bad{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.18)}
.fs-mini{background:var(--card);border:1px solid var(--tl);border-radius:20px;color:var(--tt);font-size:12.5px;padding:8px 14px;transition:all .15s}
.fs-mini:hover{background:var(--t);color:#fff}
.fs-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:8px;margin-bottom:6px}
.fs-f{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--ln);border-radius:var(--r);padding:9px 12px}
.fs-fl{font-size:11px;font-weight:bold;color:var(--tx3);width:34px;flex-shrink:0}
.fs-fv{flex:1;font-size:13px;color:var(--tx);font-family:Consolas,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-copy{border:1px solid var(--tl);background:var(--card);border-radius:5px;color:var(--tt);padding:5px 7px;flex-shrink:0;transition:all .15s;display:inline-flex;align-items:center}
.fs-copy:hover{background:var(--t);color:#fff}
.fs-sec{margin-top:16px;padding-top:14px;border-top:1px solid var(--ln)}
.fs-h{font-size:14px;font-weight:bold;color:var(--tt);margin-bottom:10px}
.fs-sw{display:flex;gap:8px;flex-wrap:wrap}
.fs-s{width:64px;cursor:pointer;text-align:center}
.fs-s>div{height:36px;border-radius:5px;border:1px solid var(--ln);transition:transform .1s;position:relative}
.fs-s:hover>div{transform:scale(1.08)}
.fs-s small{display:block;font-size:10px;color:var(--tx3);margin-top:3px;font-family:Consolas,Menlo,monospace}
.fs-s .fs-x{position:absolute;top:-6px;right:-6px;width:16px;height:16px;line-height:14px;border-radius:50%;background:var(--card);border:1px solid var(--tl);color:var(--tx3);font-size:10px;display:none}
.fs-s:hover .fs-x{display:block}
.fs-s .fs-x:hover{color:#c0392b;border-color:#c0392b}
.fs-ct{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.fs-ct-in{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--tx3)}
.fs-ct-in input{width:52px;height:38px;border:1px solid var(--tl);border-radius:var(--r);background:var(--bg);padding:2px;cursor:pointer}
.fs-demos{display:flex;flex-direction:column;gap:6px;min-width:230px}
.fs-ct-demo{padding:10px 22px;border-radius:var(--r);border:1px solid var(--ln)}
.fs-demo-big{font-size:23px;font-weight:bold}
.fs-demo-small{font-size:13.5px}
.fs-s.fs-cur>div{outline:2px solid var(--tt);outline-offset:2px}
.fs-s.fs-cur small{color:var(--tt);font-weight:bold}
.fs-ct-res{font-size:13.5px;color:var(--tx2)}
.fs-ct-res b{font-size:17px;color:var(--tt)}
.fs-badge{display:inline-block;font-size:11px;font-weight:bold;border-radius:10px;padding:2px 9px;margin:8px 6px 0 0;cursor:help}
.fs-badge.ok{background:#d9f2e3;color:#1e7a45;border:1px solid #9ed9b7}
.fs-badge.no{background:#fde4e1;color:#b03a2e;border:1px solid #f0b6ae}
body.dk .fs-badge.ok{background:rgba(30,122,69,.25);color:#8fe0af;border-color:rgba(158,217,183,.4)}
body.dk .fs-badge.no{background:rgba(176,58,46,.25);color:#f0a49b;border-color:rgba(240,182,174,.35)}
.fs-note{font-size:12px;color:var(--tx3);margin-top:10px}
#fs-drop{border:2px dashed var(--tl);border-radius:var(--r);padding:16px;text-align:center;font-size:13px;color:var(--tx3);cursor:pointer;transition:all .15s;max-width:440px}
#fs-drop:hover,#fs-drop.over{border-color:var(--tt);color:var(--tt);background:var(--chip)}
#fs-imgprev{display:block;max-height:130px;max-width:220px;border:1px solid var(--ln);border-radius:var(--r);margin-top:10px}
#fs-strip{display:flex;height:44px;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin-top:10px;max-width:640px}
.fs-seg{height:100%;cursor:pointer}
.fs-seg:hover{outline:2px solid var(--tt);outline-offset:-2px}
#fs-char{margin-top:8px;font-size:12.5px;color:var(--tx2)}
#fs-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(80px);background:var(--t);color:#fff;font-size:15px;padding:11px 22px;border-radius:24px;box-shadow:var(--sh2);z-index:900;transition:transform .25s ease;pointer-events:none}
#fs-toast.on{transform:translateX(-50%) translateY(0)}
#zf-wheel{display:block;margin:0 auto;max-width:min(340px,88vw);height:auto}

/* ── WEB-TOOLS: BLOCK-PUZZLE ── */
#bp-wrap{max-width:700px;margin:0 auto;padding:0 16px 34px;display:flex;flex-direction:column;align-items:center;gap:16px}
#bp-hero{width:100%;max-width:640px}
#bp-hero img{width:100%;border-radius:var(--rl);display:block;box-shadow:var(--sh2)}
.bp-info{font-size:13.5px;line-height:1.6;color:var(--tx2);background:var(--chip);border:1px solid var(--ln);border-radius:var(--r);padding:11px 14px;max-width:640px}
#bp-top{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;max-width:430px}
.bp-stat{flex:1;min-width:86px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:7px 8px;text-align:center}
.bp-stat b{display:block;font-size:19px;color:var(--tt);line-height:1.25}
.bp-stat span{font-size:11.5px;color:var(--tx3);white-space:nowrap}
#bp-board{position:relative;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:3px;width:min(100%,430px);aspect-ratio:1/1;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);padding:9px;box-shadow:var(--sh2);touch-action:none;user-select:none;-webkit-user-select:none}
.bp-c{border-radius:4px;background:var(--bg);border:1px solid var(--ln)}
body.dk .bp-c{background:#141a1c;border-color:#2a3336}
.bp-c.ok{background:var(--ta18);border:1px dashed var(--tt)}
.bp-c.hot{box-shadow:inset 0 0 0 2px #ffd166}
.bp-c.pop{animation:bpPop .28s forwards}
@keyframes bpPop{to{transform:scale(.15);opacity:0}}
.bpf{border:none!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.22)}
.bp1{background:#e2a13a}.bp2{background:#0a9396}.bp3{background:#3f7fd6}.bp4{background:#4a9e4f}.bp5{background:#d95757}.bp6{background:#8e5bd4}.bp7{background:#e88348}
#bp-tray{display:flex;gap:16px;justify-content:center;align-items:center;width:min(100%,430px);min-height:96px}
.bp-p{display:grid;gap:2px;padding:6px;border-radius:var(--r);cursor:grab;touch-action:none}
.bp-p:active{cursor:grabbing}
.bp-p .bp-pc{width:var(--bps,19px);height:var(--bps,19px);border-radius:3px}
.bp-p.dead{opacity:.35;filter:grayscale(.65)}
.bp-p.used{visibility:hidden;min-width:44px;min-height:44px}
#bp-ghost{position:fixed;left:0;top:0;z-index:1090;display:grid;pointer-events:none;opacity:.9}
#bp-ghost .bp-pc{border-radius:4px}
.bp-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.bp-btn{border:1px solid var(--tl);background:var(--card);color:var(--tx);border-radius:var(--r);padding:8px 15px;font-size:13.5px}
.bp-btn:hover{border-color:var(--tt);color:var(--tt)}
#bp-over{position:absolute;inset:0;border-radius:var(--rl);background:rgba(8,20,22,.82);display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;z-index:6}
#bp-over.on{display:flex}
#bp-over h3{font-size:20px;color:#fff}
#bp-over .sc{font-size:42px;font-weight:bold;color:#ffd166;line-height:1.1}
#bp-over p{font-size:13px;color:#cfe0e2}
#bp-over .bp-btn{background:var(--t);border-color:var(--t);color:#fff;font-weight:bold;margin-top:6px}
.bp-fx{position:absolute;left:50%;top:38%;font-size:24px;font-weight:bold;color:#ffb703;pointer-events:none;z-index:5;white-space:nowrap;animation:bpFly 1.1s forwards;text-shadow:0 1px 2px rgba(0,0,0,.35)}
@keyframes bpFly{0%{opacity:0;transform:translate(-50%,0)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-70px)}}
@media(max-width:480px){.bp-p .bp-pc{width:15px;height:15px}#bp-tray{gap:10px}.bp-stat b{font-size:16px}}
/* ── WEB-TOOLS: SUDOKU ── */
#sd-wrap{max-width:720px;margin:0 auto;padding:0 16px 34px;display:flex;flex-direction:column;align-items:center;gap:16px}
.sd-info{font-size:13.5px;line-height:1.6;color:var(--tx2);background:var(--chip);border:1px solid var(--ln);border-radius:var(--r);padding:11px 14px;max-width:640px}
#sd-diffs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sd-diff{border:1px solid var(--tl);background:var(--card);color:var(--tx2);border-radius:var(--r);padding:7px 14px;font-size:13.5px}
.sd-diff.on{background:var(--t);border-color:var(--t);color:#fff;font-weight:bold}
.sd-diff:hover{border-color:var(--tt)}
#sd-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;max-width:430px}
.sd-stat{flex:1;min-width:100px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:7px 8px;text-align:center}
.sd-stat b{display:block;font-size:18px;color:var(--tt);line-height:1.25}
.sd-stat span{font-size:11.5px;color:var(--tx3);white-space:nowrap}
#sd-board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:min(100%,430px);aspect-ratio:1/1;background:var(--card);border:2px solid var(--tt);border-radius:6px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.sd-c{display:flex;align-items:center;justify-content:center;font-size:clamp(15px,4.2vw,22px);color:var(--tt);background:var(--bg);border:1px solid var(--ln);cursor:pointer;position:relative;padding:0}
body.dk .sd-c{background:#141a1c;border-color:#2a3336}
.sd-c.bR{border-right:2px solid var(--tt)}
.sd-c.bB{border-bottom:2px solid var(--tt)}
.sd-c.giv{color:var(--tx);font-weight:bold;background:var(--chip)}
body.dk .sd-c.giv{background:#1d2528}
.sd-c.sel{background:var(--ta18)!important;box-shadow:inset 0 0 0 2px var(--tt)}
.sd-c.same{background:rgba(5,113,121,.12)}
body.dk .sd-c.same{background:rgba(10,147,150,.25)}
.sd-c.err{color:#c0392b!important}
.sd-c .sd-n{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:8.5px;color:var(--tx3);line-height:1;pointer-events:none}
.sd-c .sd-n span{display:flex;align-items:center;justify-content:center}
#sd-win{position:absolute;inset:0;background:rgba(8,20,22,.82);display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;z-index:5}
#sd-win.on{display:flex}
#sd-win h3{font-size:22px;color:#fff}
#sd-win .zt{font-size:38px;font-weight:bold;color:#ffd166;line-height:1.1}
#sd-win p{font-size:13px;color:#cfe0e2}
#sd-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:min(100%,430px)}
.sd-p{aspect-ratio:1/1;font-size:19px;font-weight:bold;color:var(--tt);background:var(--card);border:1px solid var(--tl);border-radius:var(--r)}
.sd-p:hover{background:var(--chip)}
.sd-p.aus{opacity:.3;pointer-events:none}
#sd-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:min(100%,430px)}
.sd-a{flex:1;min-width:104px;border:1px solid var(--tl);background:var(--card);color:var(--tx);border-radius:var(--r);padding:9px 6px;font-size:13px}
.sd-a:hover{border-color:var(--tt);color:var(--tt)}
.sd-a.on{background:var(--t);border-color:var(--t);color:#fff}
#sd-print{width:100%;max-width:640px;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);padding:18px;margin-top:38px}
#sd-print h2{font-size:15px;color:var(--tt);margin-bottom:10px}
.sd-prow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:13px;color:var(--tx2)}
.sd-prow label{display:flex;align-items:center;gap:6px}
.sd-prow select,.sd-prow input[type=number]{background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:6px 8px;font-size:13px;color:var(--tx);font-family:inherit}
.sd-prow input[type=number]{width:70px}
#sd-pdfbtn{display:block;margin:12px auto 0;background:var(--t);color:#fff;font-weight:bold;border-radius:var(--r);padding:10px 22px;font-size:14px}
#sd-pstat{text-align:center}
#sd-pdfbtn:hover{background:var(--t2)}
#sd-pdfbtn:disabled{opacity:.5}
#sd-pstat{font-size:12.5px;color:var(--tx3);min-height:16px;margin-top:6px}
@media(max-width:480px){.sd-a{min-width:80px;font-size:12px}}
/* ── WEB-TOOLS: FEIERTAGE & FERIEN ── */
#fer-card{max-width:720px;margin:12px auto 0;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.fer-row{display:flex;gap:10px;flex-wrap:wrap}
.fer-sel{flex:1;min-width:170px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 12px;font-size:14.5px;color:var(--tx);font-family:inherit;outline:none;cursor:pointer}
.fer-sec{border:1px solid var(--tl);border-radius:var(--rl);overflow:hidden}
.fer-h{font-size:13px;font-weight:bold;color:var(--tt);text-transform:uppercase;letter-spacing:.5px;background:var(--chip);padding:10px 14px;border-bottom:1px solid var(--tl)}
.fer-body{padding:4px 14px 10px}
.fer-item{display:flex;align-items:center;gap:12px;padding:8px 2px;border-bottom:1px solid var(--ln);font-size:14px}
.fer-item:last-child{border-bottom:none}
.fer-date{width:120px;flex-shrink:0;color:var(--tx);font-weight:bold}
.fer-date small{display:block;font-weight:normal;color:var(--tx3);font-size:11.5px}
.fer-name{flex:1;color:var(--tx);min-width:0}
.fer-name small{display:block;color:var(--tx3);font-size:11.5px}
.fer-badge{font-size:11.5px;font-weight:bold;border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0}
.fer-badge.soon{background:var(--chip);color:var(--tt);border:1px solid var(--tl)}
.fer-badge.today{background:var(--t);color:#fff}
.fer-badge.past{background:var(--ln);color:var(--tx3)}
.fer-item.past{opacity:.55}
.fer-note{font-size:12.5px;color:var(--tx3)}

/* ── WEB-TOOLS: EINHEITEN-UMRECHNER ── */
#um-card{max-width:640px;margin:12px auto 0;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.um-cats{display:flex;gap:7px;flex-wrap:wrap}
.um-c{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:7px 13px;font-size:13.5px;color:var(--tx2);transition:all .15s}
.um-c:hover{background:var(--chip);color:var(--tt)}
.um-c.on{background:var(--t);color:#fff;border-color:var(--t)}
.um-conv{display:flex;gap:10px;align-items:stretch}
.um-side{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.um-in{width:100%;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:13px;font-size:22px;font-weight:bold;color:var(--tx);font-family:inherit;outline:none;text-align:center;min-width:0}
.um-in:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.um-in[readonly]{background:var(--chip);color:var(--tt)}
.um-sel{width:100%;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:9px 10px;font-size:13.5px;color:var(--tx);font-family:inherit;outline:none;cursor:pointer}
.um-swap{align-self:center;width:44px;height:44px;border-radius:50%;background:var(--t);color:#fff;font-size:19px;flex-shrink:0;transition:background .15s,transform .2s}
.um-swap:hover{background:var(--t2);transform:rotate(180deg)}
.um-sum{text-align:center;font-size:13.5px;color:var(--tx2);background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:9px 12px}
.um-sum b{color:var(--tt)}
@media(max-width:520px){.um-conv{flex-direction:column}.um-swap{transform:rotate(90deg)}.um-swap:hover{transform:rotate(270deg)}}

/* ── WEB-TOOLS: GESCHENKE-FINDER ── */
#gf-card{max-width:680px;margin:12px auto 0;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:20px 22px;display:flex;flex-direction:column;gap:18px}
.gf-q>label{display:block;font-size:11px;font-weight:bold;color:var(--tt);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.gf-chips{display:flex;gap:7px;flex-wrap:wrap}
.gf-c{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:7px 14px;font-size:13.5px;color:var(--tx2);transition:all .15s}
.gf-c:hover{background:var(--chip);color:var(--tt)}
.gf-c.on{background:var(--t);color:#fff;border-color:var(--t)}
.gf-preview{background:var(--chip);border:1px dashed var(--tl);border-radius:var(--r);padding:11px 14px;font-size:13.5px;color:var(--tx2);min-height:20px}
.gf-ideas{display:flex;flex-direction:column;gap:10px;background:var(--chip);border:1px solid var(--tl);border-radius:var(--rl);padding:14px 16px}
.gf-ig{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gf-igl{font-size:13px;color:var(--tx2);min-width:160px}
.gf-idea{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:7px 14px;font-size:13.5px;color:var(--tt);transition:all .15s}
.gf-idea:hover{background:var(--t);color:#fff;border-color:var(--t)}
.gf-idea.gf-best{border-color:var(--t);font-weight:bold}
.gf-more{font-size:12px;color:var(--tx3)}
.gf-preview b{color:var(--tt)}
.gf-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.gf-go{background:var(--t);color:#fff;border-radius:var(--r);font-size:15px;font-weight:bold;padding:12px 26px;transition:background .15s,transform .15s}
.gf-go:hover{background:var(--t2);transform:translateY(-1px)}
.gf-lucky{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);color:var(--tt);font-size:13.5px;padding:11px 16px;transition:all .15s}
.gf-lucky:hover{background:var(--t);color:#fff}
.gf-note{font-size:12px;color:var(--tx3)}

/* ── WEB-TOOLS: LINK-SAMMLER ── */
#lk-card{margin:12px auto 0;display:flex;flex-direction:column;gap:14px}
.lk-add{display:flex;gap:8px;flex-wrap:wrap;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:14px 16px;width:100%;max-width:720px;align-self:center}
#lk-blocks{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@media(max-width:700px){#lk-blocks{grid-template-columns:1fr}}
.lk-in{flex:1;min-width:220px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:11px 13px;font-size:14.5px;color:var(--tx);font-family:inherit;outline:none}
.lk-in:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.lk-sel{background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 12px;font-size:13.5px;color:var(--tx);font-family:inherit;outline:none;cursor:pointer;max-width:220px}
.lk-btn{background:var(--t);color:#fff;border-radius:var(--r);font-size:14.5px;font-weight:bold;padding:11px 20px;transition:background .15s}
.lk-btn:hover{background:var(--t2)}
.lk-hint{font-size:12.5px;color:var(--tx2);background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:10px 13px;line-height:1.55}
.lk-block{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.lk-block.over{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.lk-bh{display:flex;align-items:center;gap:8px;background:var(--chip);border-bottom:1px solid var(--tl);padding:10px 14px}
.lk-bt{flex:1;font-size:14.5px;font-weight:bold;color:var(--tt);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-bt small{font-weight:normal;color:var(--tx3);margin-left:7px}
.lk-ib{border:none;background:none;color:var(--tx3);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;flex-shrink:0}
.lk-ib:hover{color:var(--tt);background:var(--ta10)}
.lk-rows{padding:4px 8px}
.lk-row{display:flex;align-items:center;gap:10px;padding:8px 8px;border-bottom:1px solid var(--ln)}
.lk-row:last-child{border-bottom:none}
.lk-row:hover{background:var(--chip);border-radius:var(--r)}
.lk-fav{width:18px;height:18px;border-radius:4px;flex-shrink:0;cursor:grab}
.lk-row.lk-mv{opacity:.35}
.lk-row.lk-ins-t{box-shadow:0 -2px 0 0 var(--t)}
.lk-row.lk-ins-b{box-shadow:0 2px 0 0 var(--t)}
.lk-a{flex:1;min-width:0;color:var(--tx);display:block}
.lk-t{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.lk-d{font-size:11px;color:var(--tx3);display:block}
#pg-tool-links.lk-dragging .lk-block{border-color:var(--tt);border-style:dashed;background:var(--chip)}
.lk-empty{padding:18px 14px;text-align:center;color:var(--tx3);font-size:13px;font-style:italic}
.lk-foot{display:flex;gap:8px;flex-wrap:wrap}

/* ── WEB-TOOLS: TRENDBEOBACHTER ── */
#tb-card{margin:12px auto 0;display:flex;flex-direction:column;gap:14px}
.tb-modes{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.tb-m{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:bold;color:var(--tx2);transition:all .15s}
.tb-m:hover{background:var(--chip);color:var(--tt)}
.tb-m.on{background:var(--t);color:#fff;border-color:var(--t)}
.tb-m .tb-badge{display:inline-block;background:var(--chip);color:var(--tt);border-radius:10px;font-size:11px;padding:1px 7px;margin-left:5px;vertical-align:1px}
.tb-m.on .tb-badge{background:rgba(255,255,255,.25);color:#fff}
.tb-pane{display:none;flex-direction:column;gap:12px}
.tb-pane.on{display:flex}
.tb-bar{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.tb-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.tb-c{border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:6px 13px;font-size:13px;color:var(--tx2);transition:all .15s}
.tb-c:hover{background:var(--chip);color:var(--tt)}
.tb-c.on{background:var(--t);color:#fff;border-color:var(--t)}
.tb-in{flex:1;min-width:200px;background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:10px 13px;font-size:14.5px;color:var(--tx);font-family:inherit;outline:none}
.tb-in:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.tb-go{background:var(--t);color:#fff;border-radius:var(--r);font-size:14px;font-weight:bold;padding:10px 20px;transition:background .15s}
.tb-go:hover{background:var(--t2)}
.tb-sel{background:var(--bg);border:1px solid var(--tl);border-radius:var(--r);padding:9px 11px;font-size:13px;color:var(--tx);font-family:inherit;outline:none;cursor:pointer}
.tb-status{font-size:12.5px;color:var(--tx3)}
.tb-status b{color:var(--tt)}
.tb-chartcard{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:16px 18px}
.tb-ch{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tb-ch b{font-size:15px;color:var(--tt)}
.tb-ch span{font-size:12px;color:var(--tx3)}
.tb-bars{display:flex;align-items:flex-end;gap:3px;height:110px}
.tb-bars .b{flex:1;background:var(--t);opacity:.75;border-radius:3px 3px 0 0;min-height:2px;transition:opacity .15s}
.tb-bars .b:hover{opacity:1}
.tb-axis{display:flex;gap:3px;margin-top:5px}
.tb-axis span{flex:1;text-align:center;font-size:9.5px;color:var(--tx3);overflow:hidden;white-space:nowrap}
.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.tb-card2{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);box-shadow:var(--sh1);padding:14px 16px;display:flex;flex-direction:column;gap:9px}
.tb-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tb-dom{font-size:11.5px;color:var(--tt);background:var(--chip);border:1px solid var(--tl);border-radius:12px;padding:2px 9px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-time{font-size:11.5px;color:var(--tx3);white-space:nowrap}
.tb-title{font-size:14.5px;font-weight:bold;color:var(--tx);line-height:1.35;flex:1}
.tb-title a{color:inherit}
.tb-title a:hover{color:var(--tt)}
.tb-meta{font-size:12px;color:var(--tx2);display:flex;gap:12px;flex-wrap:wrap}
.tb-meta b{color:var(--tt)}
.tb-btns{display:flex;gap:8px;border-top:1px solid var(--ln);padding-top:10px}
.tb-open{flex:1;background:var(--t);color:#fff;border-radius:var(--r);font-size:12.5px;font-weight:bold;padding:8px 10px;text-align:center;transition:background .15s;display:block}
.tb-open:hover{background:var(--t2)}
.tb-mark{background:var(--card);border:1px solid var(--tl);border-radius:var(--r);color:var(--tt);font-size:12.5px;padding:8px 12px;transition:all .15s;white-space:nowrap}
.tb-mark:hover{background:var(--chip)}
.tb-mark.on{background:var(--t);color:#fff;border-color:var(--t)}
.tb-note{font-size:12px;color:var(--tx3);text-align:center}
.tb-load{padding:26px;text-align:center;color:var(--tx3)}
.tb-err{background:#fdeceb;border:1px solid #f0b3ad;color:#8f2b22;border-radius:var(--r);padding:12px 15px;font-size:13.5px}
.tb-terms{display:flex;gap:7px;flex-wrap:wrap}
.tb-term{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--tl);background:var(--card);border-radius:20px;padding:6px 12px;font-size:13px;color:var(--tx)}
.tb-term i{width:11px;height:11px;border-radius:3px;flex-shrink:0}
.tb-term button{border:none;background:none;color:var(--tx3);cursor:pointer;font-size:13px;padding:0}
.tb-term button:hover{color:var(--tt)}
#tb-cmpchart svg{display:block;width:100%;min-width:600px;height:auto}
.tb-scroll{overflow-x:auto}
.tb-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--tx2);margin-top:8px}
.tb-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.tb-legend b{color:var(--tx)}

/* ── TOOLS-SEITEN ── */
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.tool-tile{background:var(--chip);border:1px solid var(--tl);border-radius:var(--rl);padding:18px;display:flex;flex-direction:column;gap:8px}
.tool-tile h3{color:var(--tt);font-size:17px}
.tool-tile p{font-size:13.5px;color:var(--tx2);line-height:1.55;flex:1}
.tool-open{align-self:flex-start;background:var(--t);color:#fff;border-radius:var(--r);font-size:13.5px;padding:8px 16px;transition:background .15s}
.tool-open:hover{background:var(--t2)}

/* ── FOOTER ── */
footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 6px 4px;color:var(--tx3)}
.ftb{font-size:13px;color:var(--tx2);transition:color .15s;padding:2px 0}
.ftb:hover{color:var(--tt)}
.ft-note{flex:1;min-width:280px;text-align:center;font-size:11.5px;color:var(--tx3)}
#gfoot{max-width:1150px;margin:0 auto;padding:0 14px 30px}
#gfoot footer{border-top:1px solid var(--ln);margin-top:6px}

/* ── MEHR LINKS (A-Z) ── */
.p-ban,.cp-ban{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);margin-top:16px;padding:26px 24px;text-align:center;box-shadow:var(--sh1)}
.p-ban h1,.cp-ban h1{font-size:26px;color:var(--tt);margin-bottom:4px}
.p-ban p,.cp-ban p{font-size:14px;color:var(--tx2)}
.alpha-bar{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;padding:14px 0 4px;position:sticky;top:var(--nav-h);z-index:100;background:var(--bg);transition:background .3s}
.ab{width:32px;height:32px;font-size:13px;color:var(--tt);background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);transition:all .15s}
.ab:hover{background:var(--t);color:#fff;border-color:var(--tt)}
.as{display:grid;grid-template-columns:60px 1fr;gap:12px;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);margin-top:10px;padding:16px 18px;scroll-margin-top:calc(var(--nav-h) + 56px)}
.al{font-size:26px;font-weight:bold;color:var(--tt);font-style:italic}
.ac-chips{display:flex;gap:8px;flex-wrap:wrap}
.ac{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);color:var(--tt);font-size:14.5px;transition:all .15s}
.ac:hover{background:var(--t);color:#fff;border-color:var(--tt)}
.aff-n{font-size:12px;color:var(--tx3);font-style:italic;padding:14px 4px 0}

/* ── INHALTSSEITEN ── */
.cp-b{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);margin-top:12px;padding:24px;box-shadow:var(--sh1)}
.cp-s{margin-bottom:22px}
.cp-s:last-child{margin-bottom:0}
.cp-s h2{font-size:18px;color:var(--tt);margin-bottom:7px}
.cp-s p{font-size:15px;color:var(--tx2);line-height:1.65}
.cp-s a{color:var(--tt);text-decoration:underline}
.ibox{background:var(--chip);border:1px solid var(--tl);border-radius:var(--r);padding:13px 16px;font-size:14.5px;color:var(--tx);line-height:1.65;margin-top:8px}

/* ── KONTAKTFORMULAR ── */
.cf-rw{display:flex;flex-direction:column;gap:4px;margin-bottom:11px;max-width:520px}
.cf-lb{font-size:12.5px;color:var(--tx2);font-weight:bold}
.cf-in{font-family:inherit;font-size:15px;color:var(--tx);background:var(--card);border:1px solid var(--tl);border-radius:var(--r);padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}
.cf-in:focus{border-color:var(--tt);box-shadow:0 0 0 3px var(--ta18)}
.cf-ta{min-height:100px;resize:vertical}
.cf-note{font-size:12px;color:var(--tx3);margin-bottom:11px}
.cf-btn{padding:10px 24px;background:var(--t);color:#fff;border-radius:var(--r);font-size:15px;transition:background .15s}
.cf-btn:hover{background:var(--t2)}

/* ── BROWSER-ANLEITUNG (Akkordeon) ── */
.acc-w{border:1px solid var(--ln);border-radius:var(--r);margin-bottom:9px;overflow:hidden}
.acc-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;color:var(--tt);background:var(--chip);cursor:pointer;transition:background .15s}
.acc-h:hover{background:var(--ta18)}
.acc-h svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
.acc-w.open .acc-h svg{transform:rotate(180deg)}
.acc-body{display:none;padding:13px 18px;background:var(--card)}
.acc-w.open .acc-body{display:block}
.acc-body ol{padding-left:20px;font-size:14.5px;color:var(--tx2);line-height:1.9}

/* ── GUT-ZU-WISSEN (Erklaer-Bereich am Ende der Tool-Seiten) ── */
.wissen{max-width:860px;margin:80px auto 0;padding:28px 16px 0;border-top:1px solid var(--ln);color:var(--tx2)}
.wissen h2{font-size:16px;color:var(--tt);margin-bottom:10px}
.wissen p{font-size:13.5px;line-height:1.65;margin-bottom:10px}
.wissen details{border:1px solid var(--ln);border-radius:var(--r);background:var(--card);margin-bottom:8px;padding:0 12px}
.wissen summary{cursor:pointer;font-size:13.5px;font-weight:bold;color:var(--tx);padding:10px 0}
.wissen summary:hover{color:var(--tt)}
.wissen details[open] summary{color:var(--tt)}
.wissen details p{padding-bottom:10px;margin:0}
/* ── NACH-OBEN-BUTTON ── */
#topb{position:fixed;bottom:22px;right:22px;z-index:999;width:42px;height:42px;background:var(--t);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;opacity:0;transform:translateY(10px);transition:all .25s;pointer-events:none;box-shadow:var(--sh2)}
#topb.on{opacity:.9;transform:none;pointer-events:auto}
#topb:hover{opacity:1}

/* ── RESPONSIVE ── */
@media(max-width:760px){
  .row{grid-template-columns:1fr;gap:6px}
  .row-label{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding-top:0}
  .row-label em br{display:none}
  .as{grid-template-columns:1fr;gap:8px}
  .chips-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}
  .chip .cl{font-size:14px;padding:4px 22px 4px 8px;gap:7px}
  .fav{width:14px;height:14px}
  .hero-in{padding:22px 14px 18px}
}
@media(pointer:coarse){
  .cpin{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
}