*{box-sizing:border-box}
:root{
 --paper:#f4f7f5;--ink:#101513;--muted:#747d78;--line:rgba(16,21,19,.10);
 --aqua:#86ecff;--violet:#b59cff;--coral:#ff9b88;--yellow:#ffe46a;
 --glass:rgba(255,255,255,.58);
}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
 radial-gradient(circle at 85% 8%,rgba(181,156,255,.18),transparent 24%),
 radial-gradient(circle at 10% 42%,rgba(134,236,255,.14),transparent 25%),
 linear-gradient(180deg,#fbfcfb,var(--paper));color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif}
button,input,select{font:inherit}.shell{width:min(980px,calc(100% - 28px));margin:auto}.glass{background:var(--glass);border:1px solid rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(42,53,49,.09),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(16,21,19,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,21,19,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.5) 65%,transparent)}
.glow{position:fixed;border-radius:50%;filter:blur(85px);opacity:.14;pointer-events:none}.glow-a{width:40vw;height:40vw;right:-14vw;top:8vh;background:var(--violet)}.glow-b{width:35vw;height:35vw;left:-14vw;bottom:8vh;background:var(--aqua)}
.top{position:sticky;top:10px;z-index:20;width:min(720px,calc(100% - 20px));min-height:62px;margin:10px auto 0;border-radius:999px;padding:9px 10px 9px 17px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brand i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--aqua),var(--violet));box-shadow:0 0 20px rgba(181,156,255,.5)}.brand strong{font-size:14px;letter-spacing:-.04em}.brand span{font-size:7px;letter-spacing:.14em;color:#8a928e}.icon-btn{width:42px;height:42px;border:0;border-radius:50%;background:#101513;color:#fff;cursor:pointer;font-size:21px}
.hero{padding:80px 0 42px}.eyebrow{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#7d8580;font-weight:700}.hero h1{font-size:clamp(64px,12vw,112px);line-height:.79;letter-spacing:-.085em;margin:19px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px rgba(16,21,19,.42)}.hero p{max-width:620px;color:#68716c;font-size:17px;line-height:1.5}.hero-meta{display:flex;gap:18px;margin-top:26px;color:#727b76;font-size:9px}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta i{width:7px;height:7px;border-radius:50%;background:var(--aqua)}
.search-wrap{min-height:64px;border-radius:22px;padding:0 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:36px}.search-wrap>span{font-size:20px;color:#7e8782}.search-wrap input{border:0;background:transparent;outline:none;font-size:17px;color:#101513}.search-wrap kbd{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:8px;padding:6px 8px;font-size:8px;color:#7c8580}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.section-head h2{font-size:34px;letter-spacing:-.055em;margin:6px 0 0}.filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.filters button{border:1px solid var(--line);background:rgba(255,255,255,.48);border-radius:999px;padding:8px 10px;cursor:pointer;font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#737c77}.filters button.active{background:#101513;color:#fff}
.favorites-section{margin-bottom:42px}.favorites-section[hidden]{display:none}
.group{margin-bottom:34px}.group-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.group-title strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.group-title span{font-size:8px;color:#818a85}
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile-grid.compact{grid-template-columns:repeat(4,1fr)}
.tile{position:relative;min-height:185px;border-radius:28px;padding:18px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.82);box-shadow:0 20px 50px rgba(35,45,41,.07),inset 0 1px 0 rgba(255,255,255,.92);overflow:hidden;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.tile:hover{transform:translateY(-4px);box-shadow:0 28px 64px rgba(35,45,41,.11),inset 0 1px 0 rgba(255,255,255,.96)}.tile:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-55px;filter:blur(35px);opacity:.28}.tile[data-accent=aqua]:before{background:var(--aqua)}.tile[data-accent=violet]:before{background:var(--violet)}.tile[data-accent=coral]:before{background:var(--coral)}.tile[data-accent=yellow]:before{background:var(--yellow)}
.tile-top,.tile-bottom{position:relative;z-index:2}.tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tile-index{font-size:8px;letter-spacing:.12em;color:#7d8580}.favorite-btn{border:0;background:transparent;cursor:pointer;font-size:16px;color:#8c948f;padding:0}.favorite-btn.active{color:#101513}
.tile h3{position:relative;z-index:2;font-size:27px;line-height:.94;letter-spacing:-.055em;margin:34px 0 8px}.tile p{position:relative;z-index:2;font-size:10px;color:#717a75;line-height:1.45;margin:0}.tile-bottom{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;align-items:end}.tile-bottom span{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#818a85}.tile-bottom b{font-size:16px;font-weight:500}.tile.disabled{opacity:.56}.tile.disabled:after{content:"URL EINTRAGEN";position:absolute;inset:auto 14px 14px auto;background:#101513;color:#fff;padding:7px 9px;border-radius:999px;font-size:6px;letter-spacing:.1em}
.footer{padding:25px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.11em;color:#7b847f}
dialog{border:0;background:transparent;padding:16px;width:100%;height:100%;max-width:none;margin:0}dialog::backdrop{background:rgba(17,21,20,.25);backdrop-filter:blur(8px)}.dialog-card{width:min(620px,calc(100% - 20px));margin:auto;border-radius:30px;padding:24px}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}.dialog-head h2{font-size:38px;letter-spacing:-.055em;margin:5px 0}.close-btn{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:50%;cursor:pointer;font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label span{display:block;font-size:8px;letter-spacing:.11em;color:#7b847f;margin-bottom:7px}.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:14px;padding:13px;outline:none}.form-grid .wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.soft-btn,.dark-btn{border:0;border-radius:999px;min-height:43px;padding:0 15px;cursor:pointer;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.soft-btn{background:rgba(255,255,255,.65);border:1px solid var(--line)}.dark-btn{background:#101513;color:#fff}.toast{position:fixed;left:50%;bottom:22px;z-index:40;transform:translate(-50%,16px);opacity:0;background:#101513;color:#fff;border-radius:999px;padding:10px 14px;font-size:8px;letter-spacing:.12em;transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.tile-grid{grid-template-columns:1fr 1fr}.tile-grid.compact{grid-template-columns:1fr 1fr}.hero{padding-top:66px}}
@media(max-width:520px){.shell{width:calc(100% - 18px)}.top{width:calc(100% - 12px);top:6px;margin-top:6px;border-radius:20px}.brand span{display:none}.hero{padding:54px 4px 34px}.hero h1{font-size:58px}.search-wrap{border-radius:18px}.search-wrap kbd{display:none}.tile-grid,.tile-grid.compact{grid-template-columns:1fr 1fr;gap:8px}.tile{min-height:160px;border-radius:22px;padding:15px}.tile h3{font-size:22px;margin-top:28px}.tile-bottom{left:15px;right:15px;bottom:14px}.section-head{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.footer{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(min-width:800px) and (max-width:1200px) and (orientation:landscape){.shell{width:min(1100px,calc(100% - 30px))}.tile-grid{grid-template-columns:repeat(4,1fr)}.tile-grid.compact{grid-template-columns:repeat(5,1fr)}}