/* ═══ DAO Einheitsstil — ein Look für alle Rechner (Website + Mein DAO) ═══
   Vorbild: Orakel-Seite (app/static/orakel-preview.html), Werte in
   docs/werkzeuge/einheitsstil/ETALON-ORAKEL.md. Wird NACH dem Widget-CSS geladen.
   Alles ist auf die Wurzeln der Rechner begrenzt, damit nichts ins Theme leckt.
   Bausteine mit Präfix du- (Karte, Feld, Gruppe, Segment, Button, Tag, Hanzi). */

:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit){
  --du-wood:#28783a; --du-fire:#a84f3c; --du-earth:#86672f; --du-metal:#6e6e6e; --du-water:#245cba;
  --du-paper:#fff; --du-canvas:#fcfdfb; --du-wash:#f5f7f2; --du-bridge:#f7f9f5;
  --du-sage:#60785e; --du-sage-dark:#40513e; --du-sage-wash:#eef3e9; --du-sage-line:#9cae96;
  --du-ink:#353b39; --du-body:#4c5350; --du-muted:#656c68; --du-line:#e0e5df; --du-field:#a59b8a;
  --du-seal:#a84f3c; --du-seal-dark:#853f30; --du-clay:#fbf2ed; --du-error:#9f2923;
  --du-head:Manrope,system-ui,sans-serif; --du-font:'DM Sans',system-ui,Arial,sans-serif;
  --du-glyph:'Noto Serif SC','Songti SC',STSong,serif; --du-glyph-weight:400;
  --du-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23656c68' stroke-width='1.6'/%3E%3C/svg%3E");
  /* gemeinsame Elementnamen, die die Rechner selbst benutzen (API liefert var(--wood) …) */
  --wood:var(--du-wood); --fire:var(--du-fire); --earth:var(--du-earth); --metal:var(--du-metal); --water:var(--du-water);
  --element-wood:var(--du-wood); --element-fire:var(--du-fire); --element-earth:var(--du-earth); --element-metal:var(--du-metal); --element-water:var(--du-water);
}

/* ── Hanzi ── */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.du-g,.cn,.dao-akt-cn,.dw-pillar,.kua-cn,.qmdj-cn,.igw-cn,.tcw-cn,.tcw-pillar,.tcw-mpillar,.tcw-hour-pil,.igw-cn,.kua-cn,.dw-cn,.dao-akt-cn){
  font-family:var(--du-glyph); font-weight:var(--du-glyph-weight);
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.el-wood,.c-wood){color:var(--du-wood)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.el-fire,.c-fire){color:var(--du-fire)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.el-earth,.c-earth){color:var(--du-earth)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.el-metal,.c-metal){color:var(--du-metal)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.el-water,.c-water){color:var(--du-water)}
/* Größenstufen wie im Orakel: Säule 32 · Palast 30 · Mitte 34 · Ring/Stunde 22 · im Text 18 */
.du-g--pillar{font-size:32px;line-height:1.2}
.du-g--palace{font-size:30px;line-height:1.15}
.du-g--ring{font-size:22px;line-height:1.15}
.du-g--inline{font-size:18px;vertical-align:-1px}

/* ── Karte (Formular und Ergebnisblöcke) ── */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-card{
  background:var(--du-paper); border:1px solid var(--du-line); border-radius:8px; padding:26px 28px; box-shadow:none;
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-form{
  display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; color:var(--du-ink); font:17px/1.75 var(--du-font);
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-form .du-full{grid-column:1/-1}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-label{
  display:block; font:500 15px/1.4 var(--du-head); color:var(--du-ink); margin:0 0 6px; letter-spacing:0; text-transform:none;
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-label small{font-size:13px;font-weight:400;color:var(--du-muted)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-hint{display:block; font-size:14px; line-height:1.6; color:var(--du-muted); margin:0}

/* ── Felder: 50px, Rahmen #a59b8a, Radius 4, Select-Pfeil 16px vom Rand, Text 44px Abstand ── */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.du-input,.du-select,.du-textarea){
  box-sizing:border-box; width:100%; min-height:50px; margin:0; font:400 16px/1.5 var(--du-font); color:var(--du-ink);
  padding:10px 12px; background-color:var(--du-paper); border:1px solid var(--du-field); border-radius:4px; box-shadow:none; outline:none;
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-select{
  appearance:none; -webkit-appearance:none; background-image:var(--du-select-arrow); background-repeat:no-repeat; background-position:right 16px center; padding-right:44px;
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-textarea{min-height:96px; resize:vertical}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.du-input,.du-select,.du-textarea)::placeholder{color:#8a918d}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.du-input,.du-select,.du-textarea):focus-visible{outline:3px solid var(--du-seal); outline-offset:2px}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) :is(.du-input,.du-select):disabled{background-color:var(--du-wash); color:var(--du-muted)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) input.du-input[type=number]{-moz-appearance:textfield}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) input.du-input[type=number]::-webkit-inner-spin-button,
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) input.du-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Feldgruppe: Tag | Monat | Jahr in einem Rahmen (wie «Момент вопроса» im Orakel) */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group{
  display:flex; align-items:stretch; border:1px solid var(--du-field); border-radius:4px; overflow:hidden; background:var(--du-paper);
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group > :is(.du-input,.du-select){border:0; border-radius:0; min-width:0; flex:1}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group > * + :is(.du-input,.du-select){border-left:1px solid var(--du-line)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group > .du-colon{display:flex; align-items:center; padding:0 2px; color:var(--du-muted)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group > .du-colon + :is(.du-input,.du-select){border-left:0}

:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group > .du-f-day{flex:.7}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group > .du-f-month{flex:1.5}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group > .du-f-year{flex:1}

:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group--time{display:flex; width:max-content; max-width:100%}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-group--time > :is(.du-input,.du-select){flex:none; width:84px}

/* Segment-Umschalter (Frau | Mann) */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-seg{
  display:flex; border:1px solid var(--du-field); border-radius:4px; overflow:hidden; min-height:50px; background:var(--du-paper);
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-seg > label{
  flex:1; position:relative; display:flex; align-items:center; justify-content:center; margin:0; cursor:pointer; font:400 16px/1.4 var(--du-font); color:var(--du-ink);
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-seg > label + label{border-left:1px solid var(--du-line)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-seg > label > input{position:absolute; opacity:0; width:1px; height:1px; margin:0}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-seg > label:has(input:checked){
  background:var(--du-sage-wash); color:var(--du-sage-dark); box-shadow:inset 0 0 0 1px var(--du-sage-line); font-weight:500;
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-seg > label:has(input:focus-visible){outline:3px solid var(--du-seal); outline-offset:-3px}

/* Checkbox */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-check{display:inline-flex; align-items:center; gap:10px; font:400 15px/1.5 var(--du-font); color:var(--du-body); cursor:pointer}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-check input{width:18px; height:18px; min-height:0; margin:0; accent-color:var(--du-sage)}

/* ── Buttons: Pill #853f30, 52px, Manrope 16/500 ── */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; min-height:52px; padding:13px 28px;
  border-radius:999px; border:1px solid var(--du-seal); background:var(--du-seal); color:#fff;
  font:500 16px/1.4 var(--du-head); letter-spacing:0; text-decoration:none; cursor:pointer; box-shadow:none; transition:background .15s,border-color .15s,color .15s;
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-btn:hover{background:var(--du-seal-dark); border-color:var(--du-seal-dark); color:#fff}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-btn:disabled{opacity:.55; cursor:default}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-btn--ghost{background:transparent; color:var(--du-seal-dark); border-color:#cda99f}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-btn--ghost:hover{background:var(--du-clay); color:var(--du-seal-dark); border-color:var(--du-seal)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-btn--sm{min-height:42px; padding:9px 18px; font-size:15px}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-btn--done{background:var(--du-sage); border-color:var(--du-sage)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-actions{
  display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--du-line); padding-top:18px;
}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-actions p{margin:0; font-size:14px; line-height:1.6; color:var(--du-muted); max-width:46ch}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-toolbar{display:flex; flex-wrap:wrap; justify-content:center; gap:10px}

/* ── Tag / Kleinzeug ── */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-tag{display:inline-block; font-size:.8em; line-height:1.5; padding:1px 8px; border-radius:99px; background:var(--du-wash); color:var(--du-body)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-tag--good{background:var(--du-sage-wash); color:var(--du-sage-dark)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-tag--bad{background:var(--du-clay); color:var(--du-seal-dark)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-kicker{font:500 13px/1.4 var(--du-head); color:var(--du-muted); letter-spacing:0; text-transform:none; margin:0 0 8px}

/* ── Fehler, Hinweis-Box, Ortssuche, Tooltip ── */
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-error{margin:6px 0 0; font-size:14px; line-height:1.5; color:var(--du-error)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-alert{padding:12px 16px; border-radius:6px; background:var(--du-clay); border:1px solid #ecc9b8; color:var(--du-seal-dark); font-size:15px}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) [aria-invalid="true"]:is(.du-input,.du-select){border-color:var(--du-error)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-city{position:relative}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-city__list{position:absolute; z-index:20; top:100%; left:0; right:0; margin-top:4px; padding:4px 0; background:var(--du-paper); border:1px solid var(--du-line); border-radius:4px; max-height:240px; overflow:auto; box-shadow:0 6px 18px rgba(53,59,57,.08)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-city__item{display:flex; justify-content:space-between; gap:12px; width:100%; padding:8px 12px; border:0; background:transparent; color:var(--du-ink); font:400 15px/1.4 var(--du-font); text-align:left; cursor:pointer}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-city__item:hover,:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-city__item:focus-visible{background:var(--du-sage-wash)}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-city__item small{color:var(--du-muted); font-size:13px}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-tip{position:relative; display:inline-flex}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-tip__btn{width:22px; height:22px; min-height:0; padding:0; border-radius:50%; border:1px solid var(--du-line); background:var(--du-wash); color:var(--du-muted); font:500 12px/1 var(--du-head); cursor:pointer}
:is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-tip__box{position:absolute; z-index:20; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); width:260px; padding:12px 14px; border-radius:6px; background:var(--du-ink); color:#fff; font-size:13px; line-height:1.55}

@media (max-width:700px){
  :is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-card{padding:18px 16px}
  :is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-form{grid-template-columns:1fr; gap:16px}
  :is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-actions{flex-direction:column-reverse; align-items:stretch}
  :is(#bazi-app,#qmdj-app,#tongshu-app,#iging-app,#kua-app,#dao-datumswahl,#dao-akt-walks,#dao-akt-indoor,#dao-akt-product,#dao-richtung,#fengshui-app,.dao-einheit) .du-actions .du-btn{width:100%}
  .du-g--pillar{font-size:26px}
  .du-g--palace{font-size:20px}
  .du-g--ring{font-size:17px}
}

/* ═══ Qi Men Dun Jia (#qmdj-app) ═══ */
#qmdj-app{
  --gold:var(--du-seal); --gold-dark:var(--du-seal-dark); --gold-bg:var(--du-clay);
  --text:var(--du-ink); --text-light:var(--du-body); --text-muted:var(--du-muted);
  --bg:var(--du-paper); --bg-alt:var(--du-wash); --border:var(--du-line); --border-light:var(--du-line);
  max-width:1000px; font:16px/1.6 var(--du-font); color:var(--du-body);
}
#qmdj-app .qmdj-form-box{margin-bottom:28px}
#qmdj-app .qmdj-city-wrap{display:block}
#qmdj-app .qmdj-form-actions{justify-content:flex-end}
#qmdj-app .qmdj-meta{font-size:15px; line-height:1.7; color:var(--du-body); text-align:center; margin:32px 0 4px; padding-top:24px; border-top:1px solid var(--du-line)}
#qmdj-app .qmdj-meta--2{margin:0 0 24px; padding:0; border:0}
#qmdj-app .qmdj-meta .qmdj-cn{font-size:19px; vertical-align:-1px}
#qmdj-app .qmdj-error{text-align:center; padding:20px; color:var(--du-error); font-size:15px}
/* Säulen wie im Orakel: einzelne Karten, Tag/aktive Stunde mit Siegelrand */
#qmdj-app .qmdj-pillars-wrap{border:0; border-radius:0; overflow:visible; gap:8px; max-width:400px}
#qmdj-app .qmdj-pillar-col{border:1px solid var(--du-line); border-radius:4px; padding:8px 4px 10px; background:var(--du-paper)}
#qmdj-app .qmdj-pillar-col:last-child{border-right:1px solid var(--du-line)}
#qmdj-app .qmdj-pillar-col.qmdj-p-active{border:2px solid var(--du-seal); background:var(--du-paper)}
#qmdj-app .qmdj-p-col-label,#qmdj-app .qmdj-p-col-label.qmdj-active{background:none; color:var(--du-muted); font:400 12px/1.3 var(--du-font); letter-spacing:0; margin:0 0 4px; padding:0}
#qmdj-app .qmdj-p-col-label{text-transform:lowercase}
#qmdj-app .qmdj-p-col-label::first-letter{text-transform:uppercase}
#qmdj-app .qmdj-p-stem-big,#qmdj-app .qmdj-p-branch-big{font-size:32px; line-height:1.2}
#qmdj-app .qmdj-p-el-label{font-size:11.5px; line-height:1.3; color:var(--du-muted)}
#qmdj-app .qmdj-p-divider{background:var(--du-line)}
#qmdj-app .qmdj-markers{font-size:14px; line-height:1.9; color:var(--du-body)}
#qmdj-app .qmdj-markers .qmdj-cn{font-size:17px}
/* Stundenwahl */
#qmdj-app .qmdj-hour-title{font:500 15px/1.4 var(--du-head); color:var(--du-ink); letter-spacing:0; text-transform:none; margin:0 0 8px}
#qmdj-app .qmdj-hours{display:grid; grid-template-columns:repeat(6,1fr); gap:6px}
#qmdj-app .qmdj-hour{text-align:center; padding:6px 4px; border-radius:4px; cursor:pointer; border:1px solid var(--du-line); background:var(--du-paper); min-width:0}
#qmdj-app .qmdj-hour:hover{border-color:var(--du-sage-line)}
#qmdj-app .qmdj-hour.is-active{border:2px solid var(--du-seal); background:var(--du-clay)}
#qmdj-app .qmdj-hour .qmdj-cn{font-size:22px; line-height:1.2; display:block}
#qmdj-app .qmdj-hour small{display:block; font-size:11px; color:var(--du-muted)}
/* Karte: Rastergröße bleibt die des Rechners (Anna 25.10.: Raster dürfen sich unterscheiden),
   nur Schrift, Farben und Rahmen wie im Orakel */
#qmdj-app .qmdj-branch-label{font-size:17px}
#qmdj-app .qmdj-palace{border:1px solid var(--du-line); background:var(--du-paper)}
#qmdj-app .qmdj-palace:hover{background:var(--du-bridge)}
#qmdj-app .qmdj-palace.qmdj-selected{background:var(--du-clay); box-shadow:inset 0 0 0 2px var(--du-seal)}
#qmdj-app .qmdj-palace.qmdj-is-empty{background:var(--du-wash)}
#qmdj-app .qmdj-p-char{font-size:23px; line-height:1.15}
#qmdj-app .qmdj-p-char-label{font-size:9px; color:var(--du-muted)}
#qmdj-app .qmdj-jia{font-size:11px; color:var(--du-wood); vertical-align:super}
#qmdj-app .qmdj-zhishi,#qmdj-app .qmdj-zhifu{outline:1.5px solid var(--du-seal); outline-offset:2px; border-radius:6px}
#qmdj-app .qmdj-p-dir-bar{border-top:1px solid var(--du-line)}
#qmdj-app .qmdj-p-dir-label{font-size:12px; font-weight:500; color:var(--du-muted)}
#qmdj-app .qmdj-p-gua-label,#qmdj-app .qmdj-p-num-label{color:var(--du-muted); font-weight:400}
/* Legende */
#qmdj-app .qmdj-legend-title{font:500 15px/1.4 var(--du-head); color:var(--du-ink); margin:0 0 8px}
#qmdj-app .qmdj-legend{font-size:14px; line-height:2; color:var(--du-body)}
#qmdj-app .qmdj-legend .qmdj-cn{font-size:18px; margin-right:4px}
#qmdj-app .qmdj-legend-key{display:inline-block; width:16px; height:16px; border-radius:4px; vertical-align:-3px; margin-right:6px}
#qmdj-app .qmdj-legend-key--duty{border:1.5px solid var(--du-seal)}
#qmdj-app .qmdj-legend-key--void{background:var(--du-wash); border:1px solid var(--du-line)}
/* Detail */
#qmdj-app .qmdj-detail{border:1px solid var(--du-line); border-radius:8px; padding:24px 26px}
#qmdj-app .qmdj-detail-title{font:500 21px/1.3 var(--du-head); color:var(--du-ink); border-bottom:1px solid var(--du-line)}
#qmdj-app .qmdj-detail-title .qmdj-cn{font-size:26px; color:var(--du-seal)}
#qmdj-app .qmdj-d-block{background:var(--du-bridge); border:1px solid var(--du-line); border-radius:6px; padding:14px 16px}
#qmdj-app .qmdj-d-block-title{font:500 14px/1.4 var(--du-head); color:var(--du-ink); letter-spacing:0; text-transform:none}
#qmdj-app .qmdj-d-block-title .qmdj-cn{font-size:18px; color:var(--du-seal)}
#qmdj-app .qmdj-d-row{font-size:15px; padding:4px 0}
#qmdj-app .qmdj-lbl{color:var(--du-muted)}
#qmdj-app .qmdj-val{color:var(--du-ink); font-weight:500}
#qmdj-app .qmdj-strength-badge{font-size:12px; font-weight:500; padding:1px 9px; border-radius:99px}
#qmdj-app .qmdj-s-wang{background:var(--du-sage-wash); color:var(--du-sage-dark)}
#qmdj-app .qmdj-s-xiang{background:#e8eef7; color:#24467e}
#qmdj-app .qmdj-s-xiu{background:var(--du-wash); color:var(--du-body)}
#qmdj-app .qmdj-s-qiu{background:#f6efe2; color:#6b5226}
#qmdj-app .qmdj-s-si{background:var(--du-clay); color:var(--du-seal-dark)}
#qmdj-app .qmdj-note-box{margin-top:14px; padding:14px 16px; background:var(--du-bridge); border:1px solid var(--du-line); border-radius:6px}
#qmdj-app .qmdj-note-box__title{font:500 14px/1.4 var(--du-head); color:var(--du-ink); margin-bottom:6px}
#qmdj-app .qmdj-note-box--combo .qmdj-cn{color:var(--du-seal)}
/* Aktionen + Notiz */
#qmdj-app .qmdj-actions{margin-top:28px; padding-top:20px; border-top:1px solid var(--du-line)}
#qmdj-app .qmdj-notes{margin-top:14px; border:1px solid var(--du-line); border-radius:8px; overflow:hidden}
#qmdj-app .qmdj-notes__bar{display:flex; align-items:center; gap:6px; padding:8px 12px; background:var(--du-wash); border-bottom:1px solid var(--du-line); font:500 14px var(--du-head); color:var(--du-ink)}
#qmdj-app .qmdj-notes__fmt{padding:4px 9px; font-size:14px; color:var(--du-ink); background:#fff; border:1px solid var(--du-line); border-radius:4px; cursor:pointer}
#qmdj-app .qmdj-notes__editor{min-height:120px; padding:12px 14px; font-size:15px; line-height:1.7; color:var(--du-ink); background:#fff; outline:none}
#qmdj-app .qmdj-toast{position:fixed; bottom:24px; right:24px; z-index:9999; background:var(--du-ink); color:#fff; padding:10px 20px; border-radius:8px; font-size:14px; box-shadow:0 4px 12px rgba(0,0,0,.15)}
#qmdj-app .qmdj-city-dd{border:1px solid var(--du-line); border-radius:4px; box-shadow:0 6px 18px rgba(53,59,57,.08)}
#qmdj-app .qmdj-city-dd-item{padding:8px 12px; font-size:15px}
#qmdj-app .qmdj-city-dd-item:hover{background:var(--du-sage-wash)}
@media (max-width:720px){
  #qmdj-app .qmdj-p-stem-big,#qmdj-app .qmdj-p-branch-big{font-size:26px}
  #qmdj-app .qmdj-palace{min-width:0; overflow:hidden; padding:3px 4px}
  #qmdj-app .qmdj-p-col-label{font-size:12px}
  #qmdj-app .qmdj-grid-column{width:100%}
  #qmdj-app .qmdj-p-char{font-size:17px}
  #qmdj-app .qmdj-p-char-label{font-size:7px}
  #qmdj-app .qmdj-branch-label{font-size:13px}
  #qmdj-app .qmdj-hours{grid-template-columns:repeat(4,1fr)}
  #qmdj-app .qmdj-detail{padding:16px}
}

/* ═══ BaZi-Rechner (#bazi-app) ═══ */
#bazi-app{
  --wood-bg:rgba(40,120,58,.07); --wood-border:rgba(40,120,58,.22);
  --fire-bg:rgba(168,79,60,.07); --fire-border:rgba(168,79,60,.22);
  --earth-bg:rgba(134,103,47,.08); --earth-border:rgba(134,103,47,.24);
  --metal-bg:rgba(110,110,110,.07); --metal-border:rgba(110,110,110,.22);
  --water-bg:rgba(36,92,186,.07); --water-border:rgba(36,92,186,.22);
  --gold:var(--du-seal); --gold-light:var(--du-clay);
  --text:var(--du-ink); --text-light:var(--du-body); --text-muted:var(--du-muted);
  --border:var(--du-line); --border-light:var(--du-line); --bg-card:var(--du-paper);
  font-family:var(--du-font); color:var(--du-body);
}
#bazi-app .bz-form{margin:0}
#bazi-app .bz-solar{display:flex; align-items:center; gap:10px}
#bazi-app .du-card{margin-top:8px}
#bazi-app :is(h1,h2,h3,.bz-result-title){font-family:var(--du-head); font-weight:500; color:var(--du-ink); letter-spacing:-.02em}
#bazi-app .header-left .name{color:var(--du-seal); font-weight:500}
#bazi-app .header-left .meta,#bazi-app .header-right{font-size:14px}
#bazi-app .stitle{font:500 16px/1.4 var(--du-head); color:var(--du-ink); letter-spacing:0; text-transform:none}
#bazi-app .stitle .cn{font-size:19px; color:var(--du-seal)}
#bazi-app .pillar{border:1px solid var(--du-line); border-radius:4px; background:var(--du-paper)}
#bazi-app .pillar.day{border:2px solid var(--du-seal); box-shadow:none}
#bazi-app .pillar-label{font:400 12px/1.3 var(--du-font); color:var(--du-muted); letter-spacing:0; text-transform:none}
#bazi-app .pillar-label .dm{color:var(--du-seal); font-weight:500}
#bazi-app :is(.stem-char,.branch-char){font-size:32px; line-height:1.2}
#bazi-app :is(.stem-name,.branch-name,.branch-animal){font-size:11.5px; color:var(--du-muted)}
#bazi-app .hidden-stems .cn{font-size:18px}
#bazi-app .dm-box{border:1px solid var(--du-line); border-radius:8px}
#bazi-app .dm-char{font-size:40px}
#bazi-app .bg-wood{background-color:var(--du-wood)} #bazi-app .bg-fire{background-color:var(--du-fire)} #bazi-app .bg-earth{background-color:var(--du-earth)}
#bazi-app .bg-metal{background-color:var(--du-metal)} #bazi-app .bg-water{background-color:var(--du-water)}
#bazi-app .text-wood{color:var(--du-wood)} #bazi-app .text-fire{color:var(--du-fire)} #bazi-app .text-earth{color:var(--du-earth)}
#bazi-app .text-metal{color:var(--du-metal)} #bazi-app .text-water{color:var(--du-water)} #bazi-app .text-gold{color:var(--du-seal)}
#bazi-app .tengods-header div,#bazi-app .gua-dir-title{font:500 14px/1.4 var(--du-head); letter-spacing:0; text-transform:none}
#bazi-app .gua-dir-title{color:var(--du-ink)}
#bazi-app .badge{font-size:12px; padding:1px 9px; border-radius:99px; font-weight:400}
#bazi-app .badge-active{background:var(--du-sage-wash); border:1px solid #cfdcc9; color:var(--du-sage-dark)}
#bazi-app .badge-ref{background:var(--du-wash); border:1px solid var(--du-line); color:var(--du-body)}
#bazi-app .star-cn{font-size:19px; color:var(--du-seal); opacity:1}
#bazi-app .star-name{font:500 15px/1.4 var(--du-head); color:var(--du-ink)}
#bazi-app .star-desc{font-size:14px; line-height:1.55; color:var(--du-body)}

/* ═══ Chinesischer Kalender / Tong Shu (#tongshu-app) ═══ */
#tongshu-app{font-family:var(--du-font); color:var(--du-body)}
:is(#tongshu-app,.tcw-detail) .tcw-title,:is(#tongshu-app,.tcw-detail) .tcw-modal-hdr h2{font:500 26px/1.25 var(--du-head); color:var(--du-ink); letter-spacing:-.02em}
:is(#tongshu-app,.tcw-detail) .tcw-modal-hdr h2{font-size:21px}
:is(#tongshu-app,.tcw-detail) .tcw-subtitle{font-size:14px; color:var(--du-muted)}
:is(#tongshu-app,.tcw-detail) .tcw-nav-right{gap:10px}
:is(#tongshu-app,.tcw-detail) .tcw-nav-right .du-select{width:auto; min-width:140px}
:is(#tongshu-app,.tcw-detail) .tcw-nav-right .du-select[aria-label=Jahr]{min-width:110px}
:is(#tongshu-app,.tcw-detail) .tcw-city-input{width:190px}
:is(#tongshu-app,.tcw-detail) .tcw-heute-btn{min-height:50px; padding:12px 24px; font-size:15px}
:is(#tongshu-app,.tcw-detail) .tcw-nav-btn{color:var(--du-muted); border-radius:999px}
:is(#tongshu-app,.tcw-detail) .tcw-nav-btn:hover{background:var(--du-wash); color:var(--du-ink)}
:is(#tongshu-app,.tcw-detail) .tcw-solar-bar{border:1px solid var(--du-line); border-radius:8px; background:var(--du-bridge)}
:is(#tongshu-app,.tcw-detail) .tcw-grid-wrap{border:1px solid var(--du-line); border-radius:8px; overflow:hidden}
:is(#tongshu-app,.tcw-detail) .tcw-wh{font:500 13px/1.4 var(--du-head); color:var(--du-muted); letter-spacing:0; text-transform:none; border-bottom:1px solid var(--du-line)}
:is(#tongshu-app,.tcw-detail) :is(.tcw-cell,.tcw-empty){border-bottom:1px solid var(--du-line); border-right:1px solid var(--du-line)}
:is(#tongshu-app,.tcw-detail) .tcw-cell:hover{transform:none; box-shadow:inset 0 0 0 1px var(--du-sage-line)}
:is(#tongshu-app,.tcw-detail) .tcw-today{box-shadow:inset 0 0 0 2px var(--du-seal)}
:is(#tongshu-app,.tcw-detail) .tcw-today .tcw-daynum{color:var(--du-seal); font-weight:600}
:is(#tongshu-app,.tcw-detail) .tcw-selected{border-color:var(--du-seal)!important; box-shadow:inset 0 0 0 2px var(--du-seal)}
:is(#tongshu-app,.tcw-detail) .tcw-today.tcw-selected{box-shadow:inset 0 0 0 2px var(--du-seal)}
:is(#tongshu-app,.tcw-detail) .tcw-solar{background:var(--du-sage-wash)}
:is(#tongshu-app,.tcw-detail) .tcw-fullmoon{background:#f8f3e8}
:is(#tongshu-app,.tcw-detail) .tcw-newmoon{background:var(--du-wash)}
:is(#tongshu-app,.tcw-detail) .tcw-daynum{font-weight:500; color:var(--du-body)}
:is(#tongshu-app,.tcw-detail) .tcw-tag{font-weight:500; border-radius:99px; padding:1px 8px}
:is(#tongshu-app,.tcw-detail) .tcw-tooltip{border:1px solid var(--du-line); border-radius:6px; color:var(--du-ink); box-shadow:0 6px 18px rgba(53,59,57,.1)}
:is(#tongshu-app,.tcw-detail) .tcw-backdrop{background:rgba(53,59,57,.35)}
:is(#tongshu-app,.tcw-detail) .tcw-modal{border-radius:8px; box-shadow:0 18px 48px rgba(53,59,57,.18)}
:is(#tongshu-app,.tcw-detail) .tcw-pillar-card{background:var(--du-paper); border:1px solid var(--du-line); border-radius:4px}
:is(#tongshu-app,.tcw-detail) :is(.tcw-pillar-lbl,.tcw-pillars-label,.tcw-el-label){font:400 12px/1.3 var(--du-font); color:var(--du-muted); text-transform:none; letter-spacing:0}
:is(#tongshu-app,.tcw-detail) .tcw-pillar-card .tcw-pillar{font-size:32px; line-height:1.2}
:is(#tongshu-app,.tcw-detail) :is(.tcw-info-card,.tcw-officer-box){background:var(--du-bridge); border:1px solid var(--du-line); border-radius:6px}
:is(#tongshu-app,.tcw-detail) .tcw-info-lbl{font:500 13px/1.4 var(--du-head); color:var(--du-ink)}
:is(#tongshu-app,.tcw-detail) .tcw-chong{background:var(--du-clay); border:1px solid #ecc9b8; border-radius:6px}
:is(#tongshu-app,.tcw-detail) :is(.tcw-xkdg,.tcw-muted){color:var(--du-muted)}
@media (max-width:700px){
  :is(#tongshu-app,.tcw-detail) .tcw-nav-right .du-select,:is(#tongshu-app,.tcw-detail) .tcw-city-input{min-width:0; width:auto; flex:1 1 120px}
}

:is(#tongshu-app,.tcw-detail){font-family:var(--du-font); color:var(--du-body)}
:is(#tongshu-app,.tcw-detail) .tcw-section-lbl{font:500 15px/1.4 var(--du-head); color:var(--du-ink); text-transform:none; letter-spacing:0}
:is(#tongshu-app,.tcw-detail) .tcw-warning,:is(#tongshu-app,.tcw-detail) .tcw-positive{border-radius:6px; border:1px solid var(--du-line)}
:is(#tongshu-app,.tcw-detail) .tcw-warn-critical{background:var(--du-clay)}
:is(#tongshu-app,.tcw-detail) .tcw-warn-high{background:var(--du-clay)}
:is(#tongshu-app,.tcw-detail) .tcw-warn-medium{background:#f8f3e8}
:is(#tongshu-app,.tcw-detail) .tcw-warn-low{background:var(--du-wash)}
:is(#tongshu-app,.tcw-detail) .tcw-warn-info{background:#eef2f8}
:is(#tongshu-app,.tcw-detail) .tcw-positive{background:var(--du-sage-wash)}
:is(#tongshu-app,.tcw-detail) :is(.tcw-warn-name,.tcw-pos-name){font:500 15px/1.4 var(--du-head); color:var(--du-ink)}
:is(#tongshu-app,.tcw-detail) .tcw-pos-name{color:var(--du-sage-dark)}
:is(#tongshu-app,.tcw-detail) :is(.tcw-warn-desc,.tcw-pos-desc){font-size:14px; line-height:1.55; color:var(--du-body)}
:is(#tongshu-app,.tcw-detail) :is(.tcw-mday-name,.tcw-hour-rating){text-transform:none; letter-spacing:0; font-weight:500}
:is(#tongshu-app,.tcw-detail) .tcw-mcell{border-color:var(--du-line); border-radius:6px}
:is(#tongshu-app,.tcw-detail) :is(.tcw-oq,.tcw-mtag){border-radius:99px; font-weight:500}
:is(#tongshu-app,.tcw-detail) .tcw-close-btn{border-radius:999px; color:var(--du-muted)}

/* ═══ I-Ging-Orakel (#iging-app) ═══ */
#iging-app{font:16px/1.65 var(--du-font); color:var(--du-body)}
#iging-app .igw-box.du-card{margin-bottom:20px}
#iging-app .igw-h2{font:500 21px/1.3 var(--du-head); color:var(--du-ink); letter-spacing:-.02em; text-transform:none}
#iging-app .igw-question.du-textarea{min-height:96px}
#iging-app .igw-hint{font-size:14px; line-height:1.6; color:var(--du-muted)}
#iging-app .igw-hex-title{font:500 24px/1.3 var(--du-head); color:var(--du-ink); letter-spacing:-.02em}
#iging-app .igw-hex-sub{font-size:15px; color:var(--du-muted)}
#iging-app .igw-hex-sub .igw-cn{font-size:19px; color:var(--du-ink)}
#iging-app :is(.igw-label,.igw-meaning summary){font:500 15px/1.4 var(--du-head); color:var(--du-ink); text-transform:none; letter-spacing:0}
#iging-app .igw-impuls-tag{font:500 14px/1.4 var(--du-head); color:var(--du-seal-dark); text-transform:none; letter-spacing:0}
#iging-app .igw-impuls{border-radius:6px}
#iging-app .igw-wtext{border-radius:0 6px 6px 0}

/* ═══ Kua-Zahl (#kua-app) ═══ */
#kua-app{font-family:var(--du-font); color:var(--du-body)}
#kua-app .kua-form.du-card{padding:26px 28px}
#kua-app .kua-fields.du-form{display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; align-items:start}
#kua-app .kua-field{border:0; margin:0; padding:0; min-width:0}
#kua-app legend.du-label{float:left; width:100%}
#kua-app legend.du-label + *{clear:both}
#kua-app .kua-date.du-group{display:flex; grid-template-columns:none; gap:0; max-width:none}
#kua-app .kua-date .du-select{padding:10px 44px 10px 12px; background-position:right 16px center}
#kua-app .kua-time{display:block; margin-top:20px; max-width:260px}
#kua-app .kua-time .du-input{max-width:none}
#kua-app .kua-actions.du-actions{margin-top:22px; justify-content:flex-end}
#kua-app .kua-actions--end{border-top:0; justify-content:center}
#kua-app .kua-error{color:var(--du-error); font-size:14px}
#kua-app .kua-note{font-size:14px; line-height:1.6; color:var(--du-muted)}
#kua-app .kua-seg > label > span{pointer-events:none}
@media (max-width:700px){
  #kua-app .kua-fields.du-form{grid-template-columns:1fr; gap:16px}
  #kua-app .kua-form.du-card{padding:18px 16px}
  #kua-app .kua-date .du-select{padding:10px 44px 10px 12px; background-position:right 16px center}
}
#kua-app .kua-kicker{font:500 14px/1.4 var(--du-head); color:var(--du-muted); text-transform:none; letter-spacing:0}

/* ═══ Persönliche Datumswahl (#dao-datumswahl) — Schritt-Layout bleibt, Bausteine wie Orakel ═══ */
#dao-datumswahl{--dw-seal:var(--du-seal); --dw-seal-dark:var(--du-seal-dark); font-family:var(--du-font); color:var(--du-body)}
#dao-datumswahl :is(h2,h3,legend){font-family:var(--du-head); font-weight:500; color:var(--du-ink); letter-spacing:-.01em}
#dao-datumswahl .dw-step-no{font-weight:500}
#dao-datumswahl label.dw-field{font:500 15px/1.4 var(--du-head); color:var(--du-ink); gap:6px}
#dao-datumswahl label.dw-field > :is(input,select,textarea),#dao-datumswahl :is(input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],select,textarea){
  box-sizing:border-box; min-height:50px; font:400 16px/1.5 var(--du-font); color:var(--du-ink); padding:10px 12px;
  border:1px solid var(--du-field); border-radius:4px; background-color:var(--du-paper);
}
#dao-datumswahl textarea{min-height:96px}
#dao-datumswahl select{appearance:none; -webkit-appearance:none; background-image:var(--du-select-arrow); background-repeat:no-repeat; background-position:right 16px center; padding-right:44px}
#dao-datumswahl :is(input,select,textarea):focus-visible{outline:3px solid var(--du-seal); outline-offset:2px}
#dao-datumswahl .dw-check{font:400 15px/1.5 var(--du-font); color:var(--du-body)}
#dao-datumswahl .dw-btn{min-height:52px; padding:13px 28px; border-radius:999px; border-color:var(--du-seal); background:var(--du-seal); font:500 16px/1.4 var(--du-head)}
#dao-datumswahl .dw-btn:hover{background:var(--du-seal-dark); border-color:var(--du-seal-dark)}
#dao-datumswahl .dw-day{border-radius:8px}
#dao-datumswahl .dw-day h3 .dw-pillar{font-size:22px; vertical-align:-2px; margin-left:4px}
#dao-datumswahl .dw-hour .dw-pillar{font-size:18px; vertical-align:-1px}
#dao-datumswahl .dw-pillar{color:var(--du-ink)}
#dao-datumswahl .dw-tag{border-radius:99px; padding:1px 10px}

/* ═══ Aktivierungskalender + Spaziergänge (:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product)) ═══ */
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product){--ak-seal:var(--du-seal); --ak-seal-dark:var(--du-seal-dark); font-family:var(--du-font)}
/* Qi-Men-Modal hatte eigene grelle Elementfarben → Orakel-Werte */
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-qm{--wood:var(--du-wood); --fire:var(--du-fire); --earth:var(--du-earth); --metal:var(--du-metal); --water:var(--du-water)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-form{padding:26px 28px; border-radius:8px}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-field{font:500 15px/1.4 var(--du-head); color:var(--du-ink)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-field :is(input,select){min-height:50px; border-radius:4px; border-color:var(--du-field)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-field input:focus-visible,:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-field select:focus-visible{outline:3px solid var(--du-seal); outline-offset:2px}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) :is(.dao-akt-filters legend,.dao-akt-advanced > summary){font:500 15px/1.4 var(--du-head); color:var(--du-ink)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-gender legend{font:500 15px/1.4 var(--du-head); color:var(--du-ink); margin-bottom:6px}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-seg{min-height:50px}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-btn{min-height:52px; padding:13px 28px; border-radius:999px; border-color:var(--du-seal); background:var(--du-seal); font:500 16px/1.4 var(--du-head)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-btn:hover{background:var(--du-seal-dark); border-color:var(--du-seal-dark)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-btn--ghost{background:transparent; color:var(--du-seal-dark); border-color:#cda99f}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-btn--ghost:hover{background:var(--du-clay); color:var(--du-seal-dark); border-color:var(--du-seal)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-btn--sm{min-height:42px; padding:9px 18px; font-size:15px}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-cn{font-weight:var(--du-glyph-weight)}
:is(#dao-akt-walks,#dao-akt-indoor,#dao-akt-product) .dao-akt-qm :is(.dao-akt-zhifu,.is-zhifu,.is-zhishi){outline-color:var(--du-seal)}

/* ═══ Richtungskarte (#dao-richtung) — Karte/Leaflet bleibt, Bausteine wie Orakel ═══ */
#dao-richtung{--ri-seal:var(--du-seal); --ri-sage:var(--du-sage); --ri-ink:var(--du-ink); --ri-muted:var(--du-muted); --ri-line:var(--du-line); --ri-wash:var(--du-bridge); font-family:var(--du-font)}
#dao-richtung .dao-ri-title{font-weight:500}
#dao-richtung .dao-ri-field{font:500 15px/1.4 var(--du-head); color:var(--du-ink)}
#dao-richtung .dao-ri-field input{min-height:50px; padding:10px 12px; border:1px solid var(--du-field); border-radius:4px}
#dao-richtung .dao-ri-field input:focus{outline:3px solid var(--du-seal); outline-offset:2px; border-color:var(--du-field)}
#dao-richtung .dao-ri-toggle{border-radius:4px; padding:0; background:var(--du-paper); border-color:var(--du-field); overflow:hidden; gap:0}
#dao-richtung .dao-ri-toggle button{border-radius:0; min-height:48px; padding:10px 22px; font-size:16px}
#dao-richtung .dao-ri-toggle button + button{border-left:1px solid var(--du-line)}
#dao-richtung .dao-ri-toggle button[aria-pressed="true"]{background:var(--du-sage-wash); color:var(--du-sage-dark); box-shadow:inset 0 0 0 1px var(--du-sage-line); font-weight:500}
#dao-richtung .dao-ri-dirs button{border-color:var(--du-line)}
#dao-richtung .dao-ri-dirs button[aria-pressed="true"]{border-color:var(--du-sage-line); background:var(--du-sage-wash); color:var(--du-sage-dark)}
#dao-richtung .dao-ri-btn{min-height:52px; padding:13px 28px; border-radius:999px; border-color:var(--du-seal); background:var(--du-seal); font:500 16px/1.4 var(--du-head)}
#dao-richtung .dao-ri-btn:hover:not(:disabled){background:var(--du-seal-dark); border-color:var(--du-seal-dark)}
#dao-richtung .dao-ri-btn--ghost{background:transparent; color:var(--du-seal-dark); border-color:#cda99f}
#dao-richtung .dao-ri-btn--ghost:hover:not(:disabled){background:var(--du-clay); color:var(--du-seal-dark); border-color:var(--du-seal)}

/* ═══ Feng-Shui-Werkzeuge (#fengshui-app) — Vollbild-Karte bleibt, nur Farben/Buttons/Felder/Schrift ═══ */
#fengshui-app{--brand:var(--du-seal); --brand-dark:var(--du-seal-dark); --accent:var(--du-seal)}
#fengshui-app .fs-btn{border-radius:999px; font-family:var(--du-head); font-weight:500}
#fengshui-app .fs-btn-primary{background:var(--du-seal)}
#fengshui-app .fs-btn-primary:hover{background:var(--du-seal-dark)}
#fengshui-app .fs-btn-secondary{border-color:#cda99f; color:var(--du-seal-dark)}
#fengshui-app .fs-btn-secondary:hover{background:var(--du-clay)}
#fengshui-app .fs-input-group label{font:500 13px/1.4 var(--du-head); color:var(--du-ink); text-transform:none; letter-spacing:0}
#fengshui-app .fs-input-group :is(input,select){border-color:var(--du-field); border-radius:4px}
#fengshui-app .fs-input-group select{appearance:none; -webkit-appearance:none; background-image:var(--du-select-arrow); background-repeat:no-repeat; background-position:right 16px center; padding-right:44px}
#fengshui-app .fs-input-group :is(input,select):focus{border-color:var(--du-seal)}