.magick-dreams-public { position: relative; isolation: isolate; max-width: 880px; margin: 0 auto; padding-bottom: 2rem; }
.magick-dreams-public > *:not(.magick-dreams-atmosphere) { position: relative; z-index: 1; }
.magick-dreams-atmosphere { position: absolute; z-index: 0; inset: 17rem -1.25rem 0; pointer-events: none; overflow: hidden; opacity: .07; background: url("snova-krajina.webp") top center / 115% auto no-repeat; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12rem, #000 34rem, transparent 62rem); mask-image: linear-gradient(to bottom, transparent 0, #000 12rem, #000 34rem, transparent 62rem); }
.magick-dreams-public h2 { margin-bottom: .45em; }
.magick-dreams-intro { opacity: .84; }
.magick-dreams-hero { min-height: 270px; margin: 1.1rem 0 1.35rem; border-radius: 5px; background: url("snova-krajina.webp") center 48% / cover no-repeat; box-shadow: inset 0 0 0 1px rgba(201,163,64,.18), 0 16px 38px rgba(0,0,0,.24); overflow: hidden; }
.magick-dreams-search { margin: 0 0 .85rem; padding: 1rem 1.1rem; border-left: 5px solid #c9a340; background: rgba(24,29,39,.88); box-shadow: 0 9px 26px rgba(0,0,0,.18); }
.magick-dreams-search label { display: block; margin-bottom: .4rem; font-weight: 700; }
.magick-dreams-search > div { display: flex; gap: .65rem; }
.magick-dreams-search input { flex: 1 1 auto; min-width: 0; padding: .7rem .8rem; }
.magick-dreams-search button { padding: .7rem 1.1rem; border: 0; background: #9b1c1c; color: #fff; cursor: pointer; font-weight: 700; transition: background-color .18s ease, transform .18s ease; }
.magick-dreams-search button:hover,.magick-dreams-search button:focus-visible { background: #b32626; transform: translateY(-1px); }
.magick-dreams-quick { margin: 0 0 1.8rem; padding: .15rem 0 0 1.1rem; }
.magick-dreams-quick > span { display: block; margin-bottom: .55rem; color: rgba(255,255,255,.68); font-size: .86rem; }
.magick-dreams-quick > div { display: flex; flex-wrap: wrap; gap: .48rem; }
.magick-dreams-quick a { display: inline-block; padding: .35rem .75rem; border: 1px solid rgba(201,163,64,.28); border-radius: 999px; background: rgba(12,17,26,.72); color: #e1bd5b; text-decoration: none; line-height: 1.35; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.magick-dreams-quick a:hover,.magick-dreams-quick a:focus-visible { border-color: rgba(225,189,91,.72); background: rgba(39,45,57,.92); box-shadow: 0 0 15px rgba(201,163,64,.12); color: #f0cf72; transform: translateY(-1px); }
.magick-dreams-recent { margin: -1rem 0 1.8rem; padding: .8rem 0 0 1.1rem; border-top: 1px solid rgba(255,255,255,.08); }
.magick-dreams-recent > span { display: block; margin-bottom: .55rem; color: rgba(255,255,255,.58); font-size: .86rem; }
.magick-dreams-recent > div { display: flex; flex-wrap: wrap; gap: .48rem; }
.magick-dreams-recent a { display: inline-block; padding: .32rem .7rem; border: 1px solid rgba(145,156,187,.24); border-radius: 999px; background: rgba(18,22,32,.62); color: #c7cfdf; text-decoration: none; line-height: 1.35; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
.magick-dreams-recent a:hover,.magick-dreams-recent a:focus-visible { border-color: rgba(199,207,223,.58); background: rgba(39,45,57,.88); color: #fff; transform: translateY(-1px); }
.magick-dream-result { margin: 1.1rem 0; padding: 1.1rem 1.25rem; border: 1px solid rgba(255,255,255,.17); border-left: 5px solid #c9a340; background: rgba(24,29,39,.9); box-shadow: 0 8px 24px rgba(0,0,0,.16); }
.magick-dream-result h3 { margin-top: 0; color: #e1bd5b; }
.magick-dream-aliases,.magick-dream-meta { font-size: .92em; opacity: .82; }
.magick-dreams-empty { padding: 1rem; border-left: 5px solid #68737e; background: rgba(24,29,39,.9); }
@media(max-width:600px){
    .magick-dreams-hero{min-height:210px;background-position:52% center}
    .magick-dreams-search>div{flex-direction:column}
    .magick-dreams-search button{width:100%}
    .magick-dreams-quick{padding-left:0}
    .magick-dreams-quick>div{gap:.4rem}
    .magick-dreams-quick a{padding:.32rem .65rem}
    .magick-dreams-recent{padding-left:0}
    .magick-dreams-recent>div{gap:.4rem}
    .magick-dreams-recent a{padding:.3rem .62rem}
    .magick-dreams-atmosphere{inset:14rem 0 0;background-size:175% auto;opacity:.055}
}