/* Phase A Studio: same mobile composition at all viewport widths. */
body.mode-classic header{position:relative!important;margin:24px auto 0!important;max-width:690px!important;width:calc(100% - 32px)!important;left:auto!important;top:auto!important}
body.mode-classic .classic-navigation{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:calc(100% - 32px)!important;max-width:690px!important;margin:14px auto 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important;min-height:0!important}
body.mode-classic .studio-bar{order:-2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d5cd;padding:10px 0;font:700 15px Arial,sans-serif;letter-spacing:.1em;color:#2f332f;width:100%}
body.mode-classic .studio-bar small{font-size:9px;font-weight:400;letter-spacing:.16em;margin-left:8px}
body.mode-classic .studio-bar>div{display:flex;gap:8px}
body.mode-classic .classic-unicorn{order:-1;display:block!important;position:static!important;width:min(350px,76vw)!important;max-width:100%!important;height:clamp(180px,32vw,290px)!important;object-fit:contain;margin:8px auto!important;flex:none!important;pointer-events:none!important}
body.mode-classic .classic-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none!important;gap:5px!important}
body.mode-classic .classic-links[hidden],body.mode-classic #studio-tools-panel[hidden]{display:none!important}
body.mode-classic #studio-tools-panel{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
body.mode-classic .classic-navigation-title,body.mode-classic #classic-interactive,body.mode-classic #classic-nerd{display:none!important}
body.mode-classic .classic-page{position:relative!important;max-width:690px!important;width:calc(100% - 32px)!important;margin:16px auto 65px!important;padding:clamp(20px,5vw,42px)!important;box-sizing:border-box}
body.mode-classic .classic-page button,body.mode-classic .classic-page select{padding:10px;margin:8px 6px 8px 0}
.identity-panel:not([hidden]){position:fixed;inset:0;z-index:5000;background:#0009;display:grid;place-items:center;padding:14px;overflow-y:auto}
.identity-card{width:min(540px,100%);max-height:94vh;overflow:auto;box-sizing:border-box;padding:22px;background:#faf9f5;color:#242424;border-radius:10px;box-shadow:0 15px 70px #0005;font:14px/1.5 Arial,sans-serif}
.identity-card h2{font-size:22px}.identity-card label{display:block;margin:12px 0;font-weight:600}.identity-card input,.identity-card textarea{display:block;box-sizing:border-box;width:100%;padding:11px;border:1px solid #aaa;border-radius:4px;font:inherit}.identity-card textarea{min-height:95px}.identity-card button{padding:9px 12px;margin:5px;border:1px solid #999;border-radius:4px;background:#efede7;color:#242424;cursor:pointer}.identity-close{float:right}#identity-status{color:#3b5a48;white-space:pre-wrap}#identity-actions{display:flex;flex-wrap:wrap;margin-top:15px}

#interactive-contact,#interactive-account{display:none;position:fixed;right:16px;z-index:1250;width:40px;height:40px;border:1px solid #aaa;background:#f8f6f0;border-radius:50%;cursor:pointer;color:#333}#interactive-contact{bottom:85px}#interactive-account{bottom:132px}body.mode-interactive #interactive-contact,body.mode-interactive #interactive-account{display:block}

/* v1.0.2: Studio hamburger unfolds directly below its three-line trigger. */
body.mode-classic .studio-bar{position:relative;order:-3!important}
body.mode-classic .classic-navigation{display:flex!important;flex-direction:column!important}
body.mode-classic .classic-links:not([hidden]){order:-2!important;display:grid!important;grid-template-columns:1fr!important;align-self:flex-end!important;width:min(300px,100%)!important;max-height:min(65vh,550px)!important;overflow:auto!important;padding:8px!important;margin:-7px 0 8px!important;box-sizing:border-box;background:#fff!important;border:1px solid #dedbd5!important;box-shadow:0 12px 30px #0002!important;border-radius:7px!important;z-index:20}
body.mode-classic .classic-links button{width:100%!important;text-align:left!important;white-space:normal!important;border-radius:4px!important}
body.mode-classic .classic-links button:hover,body.mode-classic .classic-links button:focus-visible,body.mode-classic .classic-links button.is-current{background:var(--studio-item-color,#eae7df)!important}
body.mode-classic #studio-tools-panel:not([hidden]){order:-2!important;align-self:flex-end!important}
body.mode-classic .classic-unicorn{order:-1!important}
body.mode-classic .classic-page{border-top:5px solid var(--studio-page-color,#e7e0ef)!important;background:linear-gradient(180deg,var(--studio-page-color,#e7e0ef) 0%,#fff 155px)!important}
body.mode-classic .classic-page h1{display:inline-block;border-bottom:3px solid var(--studio-page-color,#e7e0ef);padding-bottom:9px}

/* v1.0.3: Studio menu fills the complete width of the header, from brand to controls.
   Navigation items flow into responsive columns instead of a narrow vertical list. */
body.mode-classic .classic-links:not([hidden]){
  align-self:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:-7px 0 8px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  max-height:none!important;
  overflow:visible!important;
}
body.mode-classic .classic-links button{
  min-width:0!important;
  text-align:center!important;
  overflow-wrap:anywhere;
}
@media(max-width:520px){
  body.mode-classic .classic-links:not([hidden]){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* v1.0.6 account and settings access */
#studio-settings{border:1px solid #d9cfd7;border-radius:50%;background:#fffaf8;color:#504451;cursor:pointer;min-width:38px;min-height:38px;font-size:19px}
#interactive-clear-cache,#interactive-logout{position:fixed;right:18px;z-index:1500;background:#fffaf8;border:1px solid #d9cfd7;border-radius:50%;width:40px;height:40px;cursor:pointer}
#interactive-clear-cache{top:175px}#interactive-logout{top:220px}
body:not(.mode-interactive) #interactive-clear-cache,body:not(.mode-interactive) #interactive-logout{display:none}
[hidden]{display:none!important}

/* v1.0.8: explicit per-setting guest/profile reconciliation */
.preference-merge-overlay{position:fixed;inset:0;z-index:3000;background:rgba(25,27,32,.5);display:grid;place-items:center;padding:18px}
.preference-merge-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;color:#252525;border-radius:18px;padding:clamp(18px,4vw,32px);box-shadow:0 12px 50px #0003}
.preference-merge-list{display:grid;gap:12px;margin:20px 0}.preference-merge-row{display:grid;gap:6px}.preference-merge-row select{width:100%;padding:10px;border:1px solid #bbb;border-radius:8px;color:#222;background:white}
.preference-merge-actions{display:flex;gap:10px;flex-wrap:wrap}.preference-merge-actions button{padding:10px 14px;min-height:44px;border-radius:9px;border:1px solid #999;background:#f4f2ef;color:#222;cursor:pointer}

/* v1.0.9.1: original SVG animal chooser inside the shared Ansprache tab. */
.settings-animal-picker{border:1px solid #d8cbd7;margin:1.25rem 0;padding:1rem;min-width:0}
.settings-animal-picker legend{font-weight:700;padding:0 .4rem}
.settings-animal-picker p{font-size:.9rem;margin:.3rem 0 1rem}
.settings-animal-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.65rem}
.settings-animal-option{display:flex;align-items:center;flex-direction:column;gap:.3rem;border:1px solid #cfc6cf;border-radius:8px;padding:.5rem;cursor:pointer;min-width:0}
.settings-animal-option:has(input:checked){background:#eee2ee;border-color:#8a6c91}
.settings-animal-option img{width:100%;height:85px;object-fit:contain}
.settings-animal-option input{align-self:flex-start}
.settings-animal-option span{font-size:.9rem}