*{box-sizing:border-box;margin:0;padding:0}.app{background-color:var(--bg-dark);margin:0 auto;position:relative;width:var(--page-width)}@media only screen and (max-width:768px){.app{margin:0;max-width:100%;width:100%}}.vignette{overflow:hidden;position:relative}.vignette:after{background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent 25%,transparent 75%,rgba(0,0,0,.6));content:"";inset:0;pointer-events:none;position:absolute}.fade{transition:opacity .35s ease}.fade.hidden{opacity:0}.toast-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-3);position:fixed;z-index:9999}.toast{animation:fade-in .3s ease-out;background:var(--bg);border-radius:var(--space-2);box-shadow:0 3px 8px rgba(0,0,0,.15);color:var(--text);font-family:Owners Wide,sans-serif;font-size:var(--space-4);letter-spacing:1px;min-width:180px;padding:var(--space-2) var(--space-3);text-align:center}.toast-hidden{animation:fade-out .25s ease-out forwards}.toast-danger,.toast-error{background:var(--danger)}.toast-warning{background:var(--warning)}.toast-success{background:var(--success)}.toast-info{background:var(--info)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.consent-modal{align-items:center;display:flex;font-family:sans-serif;inset:0;justify-content:center;position:fixed;z-index:100000}.consent-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.6);inset:0;position:absolute}.consent-box{animation:fadeIn .2s ease;background:var(--bg);border-radius:12px;box-shadow:0 10px 35px rgba(0,0,0,.2);max-width:420px;padding:20px 24px;position:relative;width:90%}.consent-box h4{font-size:1.2rem;font-weight:700;margin-bottom:14px}.consent-box ul{font-size:.9rem;list-style:none;margin-bottom:12px}.consent-box ul li{color:var(--text);margin-bottom:var(--space-1)}.consent-box h4,.consent-box p{color:var(--text)}.consent-box p{font-size:.8rem;margin-bottom:16px}.consent-buttons{display:flex;gap:10px;justify-content:flex-end}.consent-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 14px}.consent-reject{background:#e5e5e5}.consent-reject:hover{background:#d5d5d5}.consent-accept{background:#2563eb;color:#fff}.consent-accept:hover{background:#1e4fc9}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}img{backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}.media-tile{will-change:transform}