.abzacaf {margin-bottom:15px}
.aphorismstxt {font-size:19px; padding:20px 10px 10px 10px}
.area {background:green; color:white; font-size:14px; font-weight:bold; padding:4px; text-transform:uppercase}
.area:hover {background:blue}
.area1 {color:black; font-size:14px; font-weight:bold; padding:4px; text-transform:uppercase}
.badge {align-items:center; background:#f0f0f0; border-radius:3px; color:#999; display:flex; flex-shrink:0; font-size:10px; height:20px; justify-content:center; margin-right:8px; min-width:20px}
.blockimg {margin-bottom:30px; margin-top:30px}
.btn {border-radius:8px; display:inline-block; font-weight:600; padding:10px 20px; text-decoration:none; transition:all 0.3s ease}
.btn-outline {border:2px solid #34495e; color:#34495e}
.btn-search {background:#e74c3c; color:white; text-transform:uppercase}
.btn:hover {box-shadow:0 4px 10px rgba(0,0,0,0.15); transform:translateY(-2px)}
.buferan1 {background:red; border-radius:5px; border:none; color:white; cursor:pointer; font-size:14px; padding:4px 4px; text-align:center}
.buferan1:hover {background:#0b018f}
.buferan2 {background:green; border-radius:5px; border:none; color:white; cursor:pointer; font-size:14px; padding:4px 4px; text-align:center}
.buferan2:hover {border-radius:8px}
.buferan3 {border-radius:5px; border:1px dotted black; color:black; font-size:14px; padding:4px 4px; text-align:center}
.card-body p {color:#444; font-size:1rem; font-style:italic; line-height:1.4; margin:10px 0}
.copy-btn .success-msg {left:50%; position:absolute; top:100%; transform:translateX(-50%); transition:0.3s}
.copy-btn {background:#4f46e5; border-radius:10px; border:none; color:#fff; cursor:pointer; font-weight:600; max-width:95%; padding:12px 20px; transition:0.3s; width:260px}
.copy-btn:hover {background:#4338ca}
.copy-btn.copied .btn-text {opacity:0}
.copy-btn.copied .success-msg {top:25%}
.copy-row {display:flex; justify-content:center; margin-top:5px; width:100%}
.coupon-alert {display:none}
.coupon-field {max-width:500px}
.fig1 {display:block; margin-left:auto; margin-right:auto; min-height:70px}
.green {color:#016f00; font-weight:bold}
.h1anek {grid-area:h1}
.likecytata {color:black; font-size:9px; font-weight:bold; text-align:center}
.outlinenaphnew {background:#fffff5; border:5px double #fff; box-shadow:0 0 0 2px #D2973D inset,0 0 0 4px #fff inset; content-visibility:auto; display:inline-block; font-size:20px; max-width:300px; padding:6px 5px 6px 40px; position:relative; vertical-align:top}
.pidafor {color:#546879; font-style:italic}
.pidpys {color:#000051; font-style:italic; font-weight:bold}
.quote-author {color:#555; display:block; font-size:1rem; font-weight:600; text-align:right}
.quote-badge {background:#eef2ff; border-radius:20px; color:#4f46e5; font-size:0.8rem; font-weight:600; padding:4px 12px; text-decoration:none}
.quote-body blockquote {color:#1a1a1a; font-size:1.4rem; font-style:italic; line-height:1.5; margin:0 0 10px 0}
.quote-card {background:#ffffff; border-radius:16px; border:1px solid #f0f0f0; box-shadow:0 4px 20px rgba(0,0,0,0.08); font-family:sans-serif; margin:20px auto; max-width:600px; padding:24px}
.quote-card-small {background:white; border-radius:12px; border:1px solid #eee; color:inherit; display:flex; flex-direction:column; justify-content:space-between; padding:18px; text-decoration:none; transition:transform 0.2s, box-shadow 0.2s}
.quote-card-small:hover {border-color:#4f46e5; box-shadow:0 10px 20px rgba(0,0,0,0.05); transform:translateY(-5px)}
.quote-footer {align-items:center; border-top:1px solid #eee; display:flex; flex-direction:column; gap:15px; padding:20px 0; width:100%}
.quote-header {align-items:center; display:flex; justify-content:space-between; margin-bottom:20px}
.quote-id-label {color:#999; font-size:0.75rem; letter-spacing:1px; text-transform:uppercase}
.quote-link .text {font-size:13px; font-weight:500}
.quote-link {align-items:center; background:#fdfdfd; border-radius:4px; border:1px solid #e0e0e0; color:#333; display:flex; overflow:hidden; padding:6px 10px; text-decoration:none; text-overflow:ellipsis; transition:all 0.2s ease; white-space:nowrap}
.quote-link:hover {background:#fff; border-color:#e74c3c; box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.quote-number {color:#888; font-size:0.85rem}
.quotes-container {color:#2c3e50; font-family:'Segoe UI', Roboto, sans-serif; margin:20px auto; max-width:1000px; padding:15px}
.quotes-grid {display:grid; gap:8px; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}
.quotes-grid1 {display:grid; gap:20px; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}
.quotes-nav {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px}
.read-link {color:#4f46e5; font-size:0.85rem; font-weight:600}
.read-more-section {background:#fdfdfd; margin:40px 0; padding:20px}
.screen {color:red; display:inline-block; font-size:12px; overflow:hidden; white-space:nowrap}
.section-title {border-left:4px solid #4f46e5; color:#333; font-size:1.5rem; margin-bottom:20px; padding-left:15px}
.section-title {border-left:5px solid #e74c3c; color:#34495e; font-size:1.5rem; margin:30px 0 20px; padding-left:15px}
.sidebaranek {grid-area:sdanek}
.sidebarop {grid-area:opys}
.sidebarrek {grid-area:reklama}
.sidebarsp {grid-area:spysok}
.statcount {background:black; border:1px white solid; color:white; font-size:13px; font-weight:700; padding:2px}
.statminus {background:white; border:1px dashed black; cursor:pointer}
.statminus img {padding-bottom:5px; padding-right:10px; padding-top:5px; vertical-align:middle}
.statminus span {vertical-align:middle}
.statplus {background:white; border:1px dashed black; cursor:pointer; margin-right:5px}
.statplus img {padding-bottom:5px; padding-left:10px; padding-top:5px; vertical-align:middle}
.statplus span {vertical-align:middle}
.statys {border-radius:10px; border:1px solid black; margin-left:auto; margin-right:auto; padding:15px}
.textafor {font-family:Arial, Helvetica, sans-serif; font-size:17px}
.textafor:first-letter {color:#3c0101; font-family:"Times New Roman", Times, serif; font-size:200%}
.totalafor {background:blue; color:white; font-size:22px; padding:5px}
.totalcytata {background:blue; color:white; font-size:18px; padding:5px}
.txtancc {display:block; margin-bottom:15px}
.vote-alert {color:#e53e3e; flex:0 0 100%; font-size:0.95rem; font-weight:600; margin-bottom:5px; text-align:center}
.vote-btn {align-items:center; background:#f5f5f5; border-radius:10px; border:none; cursor:pointer; display:flex; gap:8px; padding:8px 16px; transition:0.2s}
.vote-btn {align-items:center; background:#fff; border-radius:12px; border:1px solid #ddd; cursor:pointer; display:inline-flex; gap:8px; justify-content:center; min-width:100px; padding:10px 18px; transition:0.2s}
.vote-btn:hover {background:#e8e8e8}
.vote-btn.active {background:#f5f7ff; border-color:#4f46e5}
.vote-btn.dislike:hover {background:#fff5f5; color:#c53030}
.vote-btn.like:hover {background:#e6fffa; color:#2d6a4f}
.vote-container {align-items:center; display:flex; flex-wrap:wrap; gap:12px; justify-content:center; min-height:50px; width:100%}
.vote-group {display:flex; gap:10px}
@keyframes blur {from {background:green; color:white; padding:4px}}
@keyframes shrink {0%, 10% {width:0px}40%, 100% {width:197px}}
@media (max-width: 1150px) {.sidebaranek {display:none}.wrapperan {display:grid; grid-auto-rows:minmax(100px, auto); grid-column:2 / span 2; grid-template-areas:"ld hd rd" "ld h1 rd" "ld main rd" "ld opys rd" "ld spysok rd" "ld reklama rd" "ft ft ft"; grid-template-columns:1fr minmax(0, 1200px) 1fr; grid-template-rows:auto 1fr auto; min-height:100vh}}
@media (max-width: 1600px) {.right-block {display:none}.left-block {display:none}}
@media (max-width: 480px) {.quotes-grid {grid-template-columns:repeat(2, 1fr)}.btn {text-align:center; width:100%}}
@media (max-width: 600px) {.quotes-grid1 {grid-template-columns:1fr}}
@media (min-width: 1151px) {.sidebarsp {display:none}.wrapperan {display:grid; grid-auto-rows:minmax(100px, auto); grid-column:2 / span 2; grid-template-areas:"ld hd hd rd" "ld h1 h1 rd" "ld main sdanek rd" "ld opys opys rd" "ld spysok spysok rd" "ld reklama reklama rd" "ft ft ft ft"; grid-template-columns:1fr minmax(0, 800px) 400px 1fr; grid-template-rows:auto 1fr auto; min-height:100vh}}
#statplusminus1 {font-size:10px; margin-bottom:10px; margin-left:auto; margin-right:0}
#statplusminus2 {font-size:10px; margin-bottom:10px; margin-left:auto; margin-right:0}
table.statys td {padding:5px}
.green {color:green}