:root{color-scheme:dark;--bg:#17142e;--panel:#24203d;--mint:#a8f8cc;--text:#f5f1ff;--soft:#cfc7eb;font:16px/1.55 system-ui,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 12%,#403169,transparent 48%),var(--bg)}a{color:inherit;text-underline-offset:.2em}header,main,footer{max-width:1340px;margin:auto;padding:1.2rem 5%}header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff32}header>a{font-weight:900;text-decoration:none;letter-spacing:.07em}nav{display:flex;gap:1rem}nav a{font-size:.87rem;text-decoration:none}header span,em{color:var(--mint)}h1,h2{line-height:1.02;letter-spacing:-.025em;margin:.22em 0 .5em}h1{font-size:clamp(3.1rem,8.2vw,8rem)}h2{font-size:clamp(2rem,4vw,4rem)}em{font-style:normal}.label{text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:850;color:var(--mint)}section{margin:1.3rem 0 2.8rem;scroll-margin:1rem}.hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:450px;gap:1rem}.hero p:not(.label){max-width:34ch;color:var(--soft)}.visual{position:relative;min-height:340px;isolation:isolate}.visual::before{content:"";position:absolute;inset:4% 2%;border-radius:44% 32% 49% 25%;background:#a8f8cc45;filter:blur(35px)}img{display:block;max-width:100%}.visual img{position:absolute;width:65%;aspect-ratio:1;object-fit:cover;border-radius:43% 36% 39% 31%;box-shadow:0 20px 44px #0a051777}.visual img:first-child{left:0;top:2%;transform:rotate(-9deg)}.visual img:last-child{right:0;bottom:0;transform:rotate(9deg)}.panel{padding:clamp(1rem,4vw,3rem);background:linear-gradient(130deg,#342852dd,#24203de8);border:1px solid #b0a0de61;border-radius:35px 55px 30px 20px;box-shadow:0 17px 40px #100a2055}.row,.links{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.links a{color:var(--mint);padding:.55rem 0}input,button{font:inherit}input{width:100%;min-height:45px;padding:.55em .8em;color:var(--text);background:#17132b;border:1px solid #a69ad879;border-radius:10px}.row input{flex:1 1 210px}button,.button{display:inline-flex;align-items:center;min-height:45px;padding:.55em 1.1em;background:var(--mint);color:#172731;border:0;border-radius:99px;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 0 20px #a8f8cc50}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e3cbff;outline-offset:4px}label{display:grid;gap:.35em;margin:.35rem 0}.cols,.guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}fieldset{min-width:0;border:1px solid #a69ad879;border-radius:20px}legend{font-weight:800;color:var(--mint)}.muted{color:var(--soft);font-size:.88rem}.guides a{display:flex;align-items:center;gap:1rem;border-bottom:1px solid #ffffff3a;padding:.8rem 0;text-decoration:none;font-weight:850}.guides img,.shelf img{width:82px;aspect-ratio:1;object-fit:cover;border-radius:40% 30% 43% 32%}.shelf{display:flex;flex-wrap:wrap;gap:.8rem}.shelf img{width:clamp(58px,10vw,125px)}article{max-width:820px;margin:auto;overflow-wrap:anywhere}article h2{font-size:2rem;margin-top:1.4em}article table{display:block;overflow:auto}footer{border-top:1px solid #ffffff32;color:var(--soft)}.rise{animation:rise .45s both}@keyframes rise{from{transform:translateY(10px);opacity:.65}to{transform:none;opacity:1}}@media(max-width:700px){.hero,.cols,.guides{grid-template-columns:1fr}.hero{min-height:0}.visual{min-height:265px}.visual img{width:min(65%,220px)}nav{gap:.55rem}nav a{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#hledat{background:linear-gradient(125deg,#b2f5d0,#d1fae6);color:#181735;border-color:#d5ffec}#hledat :is(.label,.muted,.links a){color:#23214b}#hledat input{background:#f7fffb;color:#191735;border-color:#47406a}#hledat button{background:#25214e;color:#fff}#pruvodci{background:#c9c7ff;color:#201944;border-radius:20px 50px 28px 25px;padding:clamp(1rem,3vw,2.5rem)}#pruvodci .label{color:#322768}.guides a{border-color:#21194740}.visual img{mask-image:linear-gradient(#000 90%,#000a)}button:active,.button:active{transform:scale(.98)}