/* Todayly 2.14.0 · Wohlfühl- und Strukturupdate
   Ein Design-Layer über der bewährten Oberfläche: keine Logik- oder Rechteänderungen.
   Verbindlich: alle Bedienelemente bleiben kantig. */
:root {
  --bg: #0d110d;
  --surface: #191e18;
  --surface2: #242b22;
  --ink: #f2f0e9;
  --muted: #b8bdb1;
  --line: #3d453b;
  --lime: #b9f94a;
  --warm-edge: #51584b;
  --warm-soft: #202820;
  --warm-paper: #252d24;
}
html {scroll-padding-top:105px}
body {
  background: radial-gradient(ellipse 900px 430px at 57% -130px,rgba(98,105,66,.14),transparent 80%),
              linear-gradient(180deg,#101510 0,#0d110d 500px,#0d110d 100%);
  color:var(--ink);
  line-height:1.62;
  font-feature-settings:"kern";
}
main.container {isolation:isolate}
h1,h2,h3 {font-weight:760;letter-spacing:-.032em;text-wrap:balance}
h1 {line-height:1.16}
h2 {line-height:1.23}
p {line-height:1.65}
small,.muted {color:var(--muted)}
.eyebrow {color:#afc18f;letter-spacing:.105em;font-size:.71rem;font-weight:760}
/* Gemeinsamer, ruhiger Grundriss: Inhalt bleibt lesbar statt Bildschirmbreite auszufüllen. */
.todayly-global-header.header {background:#111711f7;border-bottom:1px solid #394337;box-shadow:0 6px 28px #0002}
.todayly-global-header .header-inner {max-width:1660px}
.todayly-global-header .brand span {color:#c3c9b7}
.header-radio-label {color:#b9f94a}
.header-radio-track {color:#f0f1e9}
.header-radio-home {color:#d0e7ba;border-color:#53694c}
.todayly-app-grid {max-width:1660px;grid-template-columns:250px minmax(0,1fr)}
.todayly-app-content>.container {max-width:1200px;padding:39px 36px 90px}
.todayly-app-content>.footer {max-width:1200px;color:#a9b2a1}
.todayly-sidebar {background:#111811;border-right:1px solid #364435;padding:22px 14px 35px}
.sidebar-account {margin:0 0 18px;padding:15px 11px 19px;gap:12px;border-bottom-color:#3b4a39}
.sidebar-account strong {font-size:.93rem}
.sidebar-account small {font-size:.69rem;color:#bec9b6}
.sidebar-intro strong {color:#f1f3e8}
.sidebar-section-title {color:#93a48b;padding:20px 13px 8px;font-size:.67rem;letter-spacing:.15em;font-weight:780;line-height:1.35}
.todayly-side-menu {gap:2px}
.todayly-side-menu a {padding:11px 13px;gap:12px;color:#d1dacf;font-weight:590;font-size:.89rem;border:1px solid transparent;transition:background .15s ease,color .15s ease}
.todayly-side-menu a .side-icon {color:#abbca2;font-size:1.17rem}
.todayly-side-menu a:hover {background:#202c20;border-color:transparent;color:#fff}
.todayly-side-menu a[aria-current="page"] {background:#28382a;border-color:#4c6747;color:#f7f9f0;font-weight:750}
.todayly-side-menu a[aria-current="page"] .side-icon {color:var(--lime)}
.todayly-side-menu .sidebar-radio-link {margin-top:18px;background:#1d281d;border-color:#4f6247;color:#ccebb4}
.todayly-side-menu .sidebar-radio-link .side-icon {color:var(--lime)}
.sidebar-bottom {border-top-color:#374336;margin-top:20px;padding-top:18px}
.sidebar-unread {background:var(--lime);color:#17200e}
/* Absichtlich eigenständiges Backoffice: Menügruppen und Rollen bleiben erhalten. */
.todayly-admin-sidebar {background:#131a13;border-right:1px solid #486146}
.todayly-admin-menu .admin-side-heading {margin-top:14px;color:#acbca3}
.admin-brand {border-bottom-color:#40513d}
/* Ein Flächensystem statt gleich lauter Kacheln. */
.panel,.post,.feature,.tile,.stat,.social-post,.social-composer,.social-rail-block,
.discovery-person,.discovery-activity,.group-card,.activity-card,.notification-item,
.dm-header,.dm-chat,.moderation-case,.diary-private-entry,
.profile-common,.discovery-empty {
  background:#191f19;border:1px solid #394439;
  box-shadow:0 8px 34px rgba(0,0,0,.08);
}
.panel {padding:clamp(22px,2.6vw,32px);margin:22px 0}
.panel h2,.social-timeline-title {font-weight:730}
.panel p,.tile p,.feature p {color:#c4cbbf}
.btn {min-height:43px;padding:11px 19px;font-weight:770;letter-spacing:0;transition:background .14s ease,border-color .14s ease}
.btn.secondary {background:#293329;border-color:#54664f;color:#edf1e7}
.btn.secondary:hover {background:#354436}
.btn:hover {text-decoration:none}
.form {gap:19px}
.form label {font-weight:680;color:#e5e9db;line-height:1.45}
.form input,.form select,.form textarea,.report-form input,
.social-compose-form textarea,.social-comment-compose input,.social-reply-form input,
.social-search-form input {
  background:#101710;color:#f2f1ea;border-color:#53604f;
  line-height:1.6;
}
.form textarea:focus,.form input:focus,.form select:focus,.social-compose-form textarea:focus {border-color:#aec58c}
input::placeholder,textarea::placeholder {color:#aab2a5;opacity:1}
.notice {background:#283529;border-color:#536d53;color:#e2f4de}
.notice.error {background:#3c2625;border-color:#886057;color:#fff0ec}
/* Tagebuch: einladender Auftakt, ein gemeinsamer Schreibtisch, lesbare Einträge. */
.diary-welcome {
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(200px,.7fr);
  gap:0;min-height:234px;overflow:hidden;align-items:stretch;
  background:#252b22;border:1px solid #465143;margin:0 0 26px;
}
.diary-welcome-copy {padding:clamp(23px,4vw,42px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.diary-welcome h1 {font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.13;margin:7px 0 15px;max-width:13ch}
.diary-welcome h1 span {color:var(--lime)}
.diary-welcome .social-feed-subline {color:#d2d5c6;font-size:.96rem;max-width:57ch;line-height:1.7}
.diary-welcome-image {min-width:0;min-height:230px;overflow:hidden;position:relative}
.diary-welcome-image:before {position:absolute;inset:0;content:"";background:linear-gradient(90deg,#252b22 0%,rgba(37,43,34,.28) 31%,transparent 62%);z-index:1;pointer-events:none}
.diary-welcome-image img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.8) brightness(.92)}
.diary-current-hint {margin:0 0 16px;color:#bac7b3;font-size:.85rem;line-height:1.5;padding:0 1px}
.social-composer.diary-unified-composer {padding:clamp(21px,3vw,31px);border:1px solid #586b51;background:#242d23;margin-bottom:23px}
.social-composer-head {padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #42513e}
.social-composer-head strong {font-size:1.08rem;font-weight:770;color:#f6f4eb}
.social-composer-head small {color:#bfcaba}
.diary-unified-composer textarea {min-height:143px;background:#141b14;border:1px solid #62735a;padding:16px;resize:vertical;font-size:1rem}
.diary-unified-composer .social-compose-form {gap:15px}
.diary-unified-composer .social-compose-form > .btn {justify-self:start;min-width:185px}
.diary-topic-chooser {background:#1d271d;border:1px solid #435641;padding:18px;display:grid;gap:14px}
.diary-topic-chooser small {color:#b5c3ae}
.diary-unified-composer .social-audience-label {display:grid!important;grid-template-columns:minmax(0,1fr);font-size:.85rem!important;color:#d5decf!important;gap:8px}
.diary-unified-composer .social-audience-label select {background:#121b13;width:100%;min-height:44px}
.diary-switcher {gap:10px!important;margin:23px 0 12px!important}
.diary-switcher>a {background:#212a21!important;border-color:#53644e!important;color:#ecede4!important;min-height:63px;padding:14px 12px!important;font-weight:700;transition:border-color .15s ease}
.diary-switcher>a:hover {border-color:#b9f94a!important;background:#2a382a!important}
.diary-switcher>a[aria-current="page"] {background:#b9f94a!important;border-color:#b9f94a!important;color:#1a250f!important}
.diary-adult-filter {margin:13px 0 26px;background:#1b241b;border-color:#405040;padding:15px 17px}
.diary-adult-filter label {color:#d7e2d4}
.diary-private-hint {color:#d6ddcc}
.diary-intro {background:#252d25;border:1px solid #4c5a49;padding:clamp(22px,4vw,39px);margin-bottom:20px}
.diary-intro h1 {font-size:clamp(2rem,3.9vw,3rem)}
.diary-intro>p:not(.eyebrow) {color:#d1d8c8;max-width:62ch}
.diary-intro-private {background:linear-gradient(120deg,#30362c,#202a21)}
.diary-private-list {margin-top:27px}
.diary-private-entry {padding:clamp(18px,2.4vw,28px);margin:14px 0}
.diary-private-entry>p:not(.diary-post-topic) {line-height:1.85;font-size:1.01rem}
/* Inhalt wichtiger als Rahmen: ruhigere Beiträge und Kommentare. */
.social-post {padding:clamp(19px,2.4vw,27px);margin-bottom:19px;border-color:#404c3f;background:#1b221b}
.social-post-head {margin-bottom:14px}
.social-post-meta>a {font-weight:760;color:#fff}
.social-post-meta small {color:#b6c2b1}
.social-post-text {line-height:1.78;font-size:1.015rem;color:#e9ece2}
.social-post-controls {border-color:#3d4a3a;color:#bbcbb4}
.social-like {color:#d0ddca}
.social-comment {background:#252f24;border:0;border-left:2px solid #6a8063;padding:12px 15px;margin-top:9px;color:#e9ebe0}
.social-comment--reply {background:#2b392a;border-left-color:#98b37f}
.social-post.is-pending {background:#282b22;border-style:dashed}
.social-empty {padding:35px 25px;text-align:left;border:1px dashed #69715e;background:#202820}
.social-rail-block {background:#1e271d;border-color:#3d4d3b;padding:21px;margin-bottom:17px}
.social-rail-block strong {font-size:1.05rem;line-height:1.4}
.social-rail-block>p,.social-rail-photo p {color:#c3cfbc;line-height:1.62}
.social-rail-photo>div {padding:21px}
.social-rail-photo img {height:166px;filter:saturate(.79)}
.social-shell.social-shell--global {gap:25px;grid-template-columns:minmax(0,1fr) minmax(215px,265px)}
.social-center {min-width:0}
.social-right {align-self:start}
/* Entdecken: lesbare Abschnitte, wärmerer Bildton, klare Gruppierung. */
.discovery-hero {background:#262e25;border:1px solid #4a5847;min-height:245px;margin-bottom:24px}
.discovery-hero-photo img {filter:brightness(.79) saturate(.84)}
.discovery-hero-content h1 {font-weight:740;line-height:1.1;font-size:clamp(2rem,3.3vw,2.85rem)}
.discovery-hero-content p:not(.eyebrow) {color:#d5ddcc}
.discovery-filters {padding-bottom:16px;margin-bottom:22px;border-bottom-color:#475546;gap:8px}
.discovery-filters a {background:#232c22;border-color:#4a5847;color:#dfe8d7;font-weight:660}
.discovery-filters a[aria-current="page"] {background:#b9f94a;color:#13200e}
.discovery-interests {background:#212d21;border-left-color:#789769;padding:16px 19px;margin-bottom:33px}
.discovery-section {margin-bottom:39px}
.discovery-section-heading {padding-bottom:13px;border-bottom:1px solid #414e3f;align-items:center;margin-bottom:18px}
.discovery-section-heading h2 {font-weight:750}
.discovery-section-heading p {color:#bac7b3}
.discovery-person,.discovery-activity,.discovery-group-grid>.group-card {background:#1c251c;border-color:#40503d;padding:21px}
.discovery-privacy {background:#20291f;color:#bbcabb;border-left-color:#78936e;padding:17px 20px}
/* Profile: Foto und Mensch zuerst, Meta-Inhalte nicht als technische Tabelle. */
.profile-hero-new {background:#1e261e;border:1px solid #465545;padding-bottom:13px;margin-bottom:23px}
.profile-hero-new .social-profile-cover {height:clamp(190px,20vw,270px);background:#253026}
.profile-hero-new .social-profile-cover img {filter:saturate(.87)}
.profile-hero-new .social-profile-title {padding:0 25px 20px;gap:22px}
.profile-hero-new .social-profile-title h1 {font-size:clamp(1.7rem,3vw,2.5rem);margin:8px 0 9px}
.profile-hero-new .social-profile-title p:last-child {font-size:.91rem;color:#c6d1c1}
.profile-view-tabs {margin:15px 0 25px;border-bottom-color:#455441}
.social-timeline-title {margin:32px 0 19px}
.profile-meta {background:#283127;padding:19px 22px}
/* Etwas Luft auch auf Werkzeugseiten, ohne das separate Backoffice zu vermischen. */
.admin-links a {background:#242f24;border-color:#4c5d48;color:#d9e6d3}
.stats {gap:15px}.stat {padding:25px}
.notification-item {background:#202920;border-color:#425140;padding:19px 22px}
.dm-conversation {padding:17px 12px;border-color:#475244}
.dm-msg {background:#242f23;border-color:#56664e}
.dm-msg-own {background:#303f2d;border-color:#7c9768}
.group-card:hover,.activity-card:hover,.discovery-person:hover {border-color:#687b60}
/* Mobil: nur eine Inhalts-Spalte, Bild-Banner folgen dem Text, große Berührungsflächen. */
@media(max-width:1350px){.social-shell.social-shell--global{grid-template-columns:minmax(0,1fr)}.social-shell--global .social-right{display:none}}
@media(max-width:1050px){.todayly-app-grid{grid-template-columns:216px minmax(0,1fr)}.todayly-app-content>.container{padding:28px 24px 75px}}
@media(max-width:760px){
  .todayly-app-grid{display:block}
  .todayly-app-content>.container{padding:22px 15px 64px}
  .todayly-sidebar{background:#141c14}
  .diary-welcome {grid-template-columns:1fr}
  .diary-welcome-copy {padding:24px 23px 17px}
  .diary-welcome h1 {max-width:none;font-size:2.3rem}
  .diary-welcome-image {min-height:150px;max-height:175px}
  .diary-welcome-image img {position:relative;height:175px}
  .diary-welcome-image:before {background:linear-gradient(180deg,#252b22 0%,transparent 60%)}
  .social-composer.diary-unified-composer {padding:18px}
  .diary-topic-chooser {padding:14px}
  .social-post {padding:18px}
  .discovery-hero-content {padding:24px}
  .profile-hero-new .social-profile-title {padding:0 18px 17px}
}
@media(max-width:630px){
  .diary-switcher {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .diary-switcher>a {min-width:0;padding:12px 5px!important;font-size:.74rem;overflow-wrap:anywhere;min-height:65px}
}
@media(max-width:400px){
  .diary-welcome h1 {font-size:2rem}
  .diary-welcome-copy{padding:22px 17px 13px}
  .diary-switcher {grid-template-columns:1fr!important}
  .diary-switcher>a {font-size:.89rem;min-height:45px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after {transition:none!important;scroll-behavior:auto!important}}
/* Markenregel: kein Abrunden von Karten, Formularen, Avatar-Flächen oder Bedienelementen. */
*,*::before,*::after {border-radius:0!important}