@import"https://fonts.googleapis.com/css2?family=Rye&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&family=Special+Elite&display=swap";:root{--rdr-primary: #621818;--rdr-secondary: #061b16;--rdr-active: #D09619;--rdr-accent: #c6b8aa;--rdr-background-1: #ede5d6;--rdr-background-2: #000009;--rdr-container-bg: #fffdf4;--border-radius: clamp(6px, .8vw, 8px);--border-shadow: 0 clamp(6px, .8vw, 8px) clamp(20px, 2.4vw, 24px) rgba(0, 0, 0, .25);--input-padding: clamp(.4rem, 1vw, .5rem) clamp(.8rem, 2vw, 1rem);--font-heading: "Rye", sans-serif;--font-main: "Special Elite", system-ui;--emoji-rating: "⭐";--btn-height: 86px;--btn-radius: 10px;--leather-top: #8d4a2f;--leather-bottom: #512914;--label-color: #f5ecd9;--leather-color: linear-gradient(180deg, rgb(0 0 0 / .18), rgb(0 0 0 / .22)), repeating-linear-gradient(0deg, rgb(255 255 255 / .01) 0 6px, rgb(0 0 0 / .02) 6px 12px), linear-gradient(180deg, var(--leather-top), var(--leather-bottom));--stitch-border: repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgb(210 180 140 / .7) 4px, rgb(210 180 140 / .7) 10px, transparent 10px, transparent 14px ) 0 0 / 100% 2px no-repeat, repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgb(210 180 140 / .7) 4px, rgb(210 180 140 / .7) 10px, transparent 10px, transparent 14px ) 0 100% / 100% 2px no-repeat, repeating-linear-gradient(180deg, transparent 0px, transparent 4px, rgb(210 180 140 / .7) 4px, rgb(210 180 140 / .7) 10px, transparent 10px, transparent 14px ) 0 0 / 2px 100% no-repeat, repeating-linear-gradient(180deg, transparent 0px, transparent 4px, rgb(210 180 140 / .7) 4px, rgb(210 180 140 / .7) 10px, transparent 10px, transparent 14px ) 100% 0 / 2px 100% no-repeat;--stitch-shadow: repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgb(0 0 0 / .5) 4px, rgb(0 0 0 / .5) 10px, transparent 10px, transparent 14px ) 0 0 / 100% 1px no-repeat, repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgb(255 255 255 / .15) 4px, rgb(255 255 255 / .15) 10px, transparent 10px, transparent 14px ) 0 3px / 100% 1px no-repeat, repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgb(255 255 255 / .15) 4px, rgb(255 255 255 / .15) 10px, transparent 10px, transparent 14px ) 0 calc(100% - 3px) / 100% 1px no-repeat, repeating-linear-gradient(90deg, transparent 0px, transparent 4px, rgb(0 0 0 / .5) 4px, rgb(0 0 0 / .5) 10px, transparent 10px, transparent 14px ) 0 100% / 100% 1px no-repeat, repeating-linear-gradient(180deg, transparent 0px, transparent 4px, rgb(0 0 0 / .5) 4px, rgb(0 0 0 / .5) 10px, transparent 10px, transparent 14px ) 0 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, transparent 0px, transparent 4px, rgb(255 255 255 / .15) 4px, rgb(255 255 255 / .15) 10px, transparent 10px, transparent 14px ) 3px 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, transparent 0px, transparent 4px, rgb(255 255 255 / .15) 4px, rgb(255 255 255 / .15) 10px, transparent 10px, transparent 14px ) calc(100% - 3px) 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, transparent 0px, transparent 4px, rgb(0 0 0 / .5) 4px, rgb(0 0 0 / .5) 10px, transparent 10px, transparent 14px ) 100% 0 / 1px 100% no-repeat}*{padding:0;margin:0}html,body{height:100svh}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-main);background:var(--rdr-background-1);min-height:100svh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}h1,h2,h3,h4{color:var(--rdr-primary);text-transform:uppercase;font-family:var(--font-heading)}a{color:var(--rdr-primary);text-decoration:none;text-transform:uppercase}a:active,a:hover{color:var(--rdr-active)}ul{list-style:none}h2{font-size:clamp(1.5rem,2.5vw + .3rem,3rem);margin-bottom:clamp(.3rem,1vw,.6rem)}h3{font-size:clamp(1.2rem,2vw + .2rem,2rem)}h4{font-size:clamp(1.5rem,1.5vw + .2rem,1.2rem);color:var(--primary);margin-bottom:1rem}p{text-transform:uppercase;color:var(--rdr-secondary);font-size:clamp(.75rem,1.5vw + .2rem,1.2rem);letter-spacing:clamp(.08rem,.2vw,.15rem)}.container_sec{margin-top:clamp(1rem,3vw,2rem)}header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:3rem;margin-bottom:3rem}@media (max-width: 1250px){header{margin-top:3rem;margin-bottom:3rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tip,.note{background:var(--rdr-secondary, #f5f5f5);border-left:clamp(3px,.5vw,4px) solid var(--rdr-active);padding:clamp(.8rem,2vw,1.2rem) clamp(1rem,3vw,2rem);margin:clamp(.3rem,1vw,.5rem) 0 clamp(.8rem,2vw,1.5rem) 0;border-radius:clamp(8px,1vw,10px);font-size:clamp(1rem,1.5vw + .3rem,1.2rem);color:#fff;line-height:clamp(1.4,1.3 + .3vw,1.6)}code{background:#f4f4f4;border-radius:clamp(2px,.3vw,3px);padding:clamp(.05em,.15vw,.1em) clamp(.3em,.6vw,.4em);font-size:clamp(.85em,1.2vw,1em);font-family:Fira Mono,Consolas,monospace;color:brown}em{background:#fff59d;color:#222;padding:clamp(.05em,.15vw,.1em) clamp(.2em,.4vw,.3em);border-radius:clamp(.1em,.3vw,.2em);font-style:normal;font-weight:700}ol[aria-label],ul{margin-left:clamp(1rem,3vw,2rem);font-size:clamp(1rem,1.5vw + .3rem,1.15rem);line-height:clamp(1.5,1.4 + .3vw,1.7);color:#222;padding-left:clamp(1rem,2vw,1.5rem)}kbd{background:#eee;border-radius:clamp(3px,.5vw,4px);border:1px solid #ccc;padding:clamp(.05em,.15vw,.1em) clamp(.3em,.6vw,.5em);font-size:clamp(.9em,1.2vw,1em);font-family:inherit;margin:0 clamp(.05em,.15vw,.1em);box-shadow:0 1px 1px #0000000d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:var(--rdr-active)}::-webkit-scrollbar-thumb:hover{background:var(--rdr-secondary)}.notification-bell.svelte-vtze1i{position:relative;display:flex;align-items:center}.trigger.svelte-vtze1i{background:none;border:none;cursor:pointer;padding:0;border-radius:.5rem;width:clamp(1.5rem,2.2vw + .45rem,2.7rem);height:clamp(1.5rem,2.2vw + .45rem,2.7rem);display:flex;align-items:center;justify-content:center}.trigger.svelte-vtze1i svg:where(.svelte-vtze1i){width:100%;height:100%}.trigger.svelte-vtze1i:hover{transform:scale(1.1)}.trigger.svelte-vtze1i:focus-visible{outline:2px solid var(--primary, #621818);outline-offset:2px}.badge.svelte-vtze1i{position:absolute;top:-4px;right:-4px;background:var(--primary, #621818);color:#fff;font-weight:700;font-size:.75rem;min-width:1.2em;height:1.2em;border-radius:50%;display:grid;place-items:center}.panel.svelte-vtze1i{position:fixed;z-index:1000;width:clamp(280px,40vw,400px);max-height:80vh;background:#f5e6c8;border:2px solid #d4c4a0;border-radius:.75rem;box-shadow:0 4px 12px #00000026;overflow:hidden}.panel.svelte-vtze1i:focus-visible{outline:3px solid var(--primary, #621818)}.panel.dragging.svelte-vtze1i{cursor:move;box-shadow:0 8px 24px #00000040}.panel-header.svelte-vtze1i{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#e8d4a8,#f5e6c8);border-bottom:2px solid #d4c4a0;-webkit-user-select:none;user-select:none;cursor:move}.panel-header.svelte-vtze1i h2:where(.svelte-vtze1i){margin:0;font-size:1.25rem;color:var(--primary, #621818)}.actions.svelte-vtze1i{display:flex;gap:.75rem;align-items:center}.actions.svelte-vtze1i button:where(.svelte-vtze1i){background:transparent;border:1px solid var(--primary, #621818);color:var(--primary, #621818);border-radius:.375rem;padding:.35rem .75rem;cursor:pointer}.actions.svelte-vtze1i button:where(.svelte-vtze1i):hover{background:var(--primary, #621818);color:#fff}.list.svelte-vtze1i{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.empty.svelte-vtze1i{padding:2rem;text-align:center;color:#8b7355;font-style:italic}.list.svelte-vtze1i li.unread:where(.svelte-vtze1i){background:#d096191a}.item.svelte-vtze1i{width:100%;background:none;border:none;text-align:left;padding:.75rem 1rem;cursor:pointer}.item.svelte-vtze1i:hover,.item.svelte-vtze1i:focus-visible{background:#e8d4a8}.item.svelte-vtze1i p:where(.svelte-vtze1i){margin:0 0 .25rem}.item.svelte-vtze1i time:where(.svelte-vtze1i){font-size:.8rem;color:#8b7355}nav.svelte-ocbj1u{width:100%;overflow-x:hidden;background-size:50px;background-image:repeating-linear-gradient(to right,#eae0ce,#d9cdb8,4px,#e5dbc9 1px,#d9cdb8)}h1.svelte-ocbj1u{font-size:clamp(2.3rem,3.5vw + .7rem,7rem);margin:clamp(.5rem,2vw,2rem) 0}.red-bar.svelte-ocbj1u{background:var(--rdr-primary);height:clamp(5px,.4vw,6px);width:100%}.red-bar-thick.svelte-ocbj1u,.red-bar-thin.svelte-ocbj1u{width:100%}.nav-container.svelte-ocbj1u{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 clamp(.5rem,2vw,1rem)}ul.svelte-ocbj1u{display:flex;justify-content:space-evenly;align-items:center;width:min(90%,100rem);margin-top:clamp(.3rem,1vw,.8rem);transition:max-height .3s,opacity .3s;flex-wrap:wrap;gap:clamp(.15rem,.5vw,.3rem);list-style:none;padding:0}li.svelte-ocbj1u{white-space:nowrap;display:flex;align-items:center}a.svelte-ocbj1u{font-size:clamp(1rem,1.5vw + .3rem,1.8rem);font-weight:700;text-decoration:none;background:linear-gradient(90deg,#000 0% 45%,#d4a574 50%,#000 55% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:color .2s,background .2s}a.active.svelte-ocbj1u{color:var(--rdr-active);-webkit-text-fill-color:var(--rdr-active);background:none}a.svelte-ocbj1u:hover{animation:svelte-ocbj1u-shine .9s ease forwards}@keyframes svelte-ocbj1u-shine{0%{background-position:100% 0}to{background-position:0% 0}}.nav-toggle.svelte-ocbj1u{position:absolute;opacity:0;pointer-events:none}.hamburger.svelte-ocbj1u{display:none;flex-direction:column;justify-content:center;align-items:center;width:clamp(2rem,5vw,2.5rem);height:clamp(2rem,5vw,2.5rem);background:transparent;border:none;cursor:pointer;position:absolute;top:clamp(1rem,3vw,1.5rem);left:clamp(1rem,3vw,2rem);z-index:120;padding:0}.bar.svelte-ocbj1u{width:clamp(1.5rem,4vw,2rem);height:clamp(.2rem,.5vw,.3rem);background:var(--rdr-primary);margin:clamp(.15rem,.4vw,.25rem) 0;border-radius:clamp(1px,.3vw,2px);transition:all .3s;display:block}.mobile-overlay.svelte-ocbj1u{display:none}@media (max-width: 950px){.hamburger.svelte-ocbj1u{display:flex}.nav-container.svelte-ocbj1u ul:where(.svelte-ocbj1u){display:none}.mobile-overlay.svelte-ocbj1u{position:fixed;inset:0;background:var(--rdr-background-1, #eae0ce);z-index:100;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);opacity:0;transition:transform .45s ease,opacity .3s ease}nav:has(.nav-toggle:checked) .mobile-overlay.svelte-ocbj1u{transform:translateY(0);opacity:1}.mobile-menu.svelte-ocbj1u{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,4vw,2rem)}.mobile-menu.svelte-ocbj1u a:where(.svelte-ocbj1u){font-size:clamp(1.5rem,4vw,2.5rem);text-decoration:none;color:var(--rdr-secondary, #000);font-weight:700}.mobile-menu.svelte-ocbj1u a:where(.svelte-ocbj1u):hover{color:var(--rdr-active, #b00)}.close.svelte-ocbj1u{position:absolute;top:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem);font-size:3rem;background:none;border:none;color:var(--rdr-primary, #900);cursor:pointer;z-index:110}nav:has(.nav-toggle:checked) .hamburger.svelte-ocbj1u .bar:where(.svelte-ocbj1u):nth-child(1){transform:rotate(45deg) translate(5px,5px)}nav:has(.nav-toggle:checked) .hamburger.svelte-ocbj1u .bar:where(.svelte-ocbj1u):nth-child(2){opacity:0}nav:has(.nav-toggle:checked) .hamburger.svelte-ocbj1u .bar:where(.svelte-ocbj1u):nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}}.red-bar-container.svelte-ocbj1u{display:flex;flex-direction:column;align-items:center;width:100%}.red-bar-thick.svelte-ocbj1u{background:var(--rdr-primary);height:clamp(4px,.6vw,6px);margin-top:clamp(.5rem,1.5vw,1rem)}.red-bar-thin.svelte-ocbj1u{background:var(--rdr-primary);height:clamp(3px,.4vw,4px);margin-top:clamp(2px,.3vw,4px)}body{margin:0;padding:0}
