:root{--gold: rgba(249, 228, 47, 1);--dark-gold: rgba(249, 228, 47, .5);--black: #000000;--dark-gray: #0f172a;--white: #ffffff;--blanc-casse: #f8fafc;--blue: #3b82f6;--red: #ef4444;--green: #10b981;--orange: #f59e0b;--primary-color: var(--white);--bg-color: var(--black);--text-color: var(--color-gold);--link-color: var(--primary-color);--font-family: system-ui, -apple-system, sans-serif;--skeleton-bg: #edeef1;--border-radius: 12px;--btn-primary-color: var(--color-gold);--btn-primary-bg-color: var(--black);--btn-primary-border: 4px solid var(--dark-gold);--btn-primary-padding: 10px;--btn-primary-border-radius: 2px;--btn-primary-font-size: 1em;--h2-color: var(--color-gold);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-color: var(--blanc-casse);--text-color: var(--dark-gray);--primary-color: var(--blue)}*{box-sizing:border-box}html,body{background-color:var(--bg-color);color:var(--blanc-casse);overscroll-behavior-y:contain}body{margin:0;font-family:var(--font-family);line-height:1.5;transition:background-color .3s,color .3s;min-height:100svh;height:100%}nav{padding:1rem;background:#f8fafc;display:flex;gap:1.5rem}nav-link{--link-color: var(--primary-color);font-weight:500}#app-root{min-height:80svh}@keyframes popin-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popin-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes popin-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popin-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}::view-transition-group(root){background-color:var(--black)}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);mix-blend-mode:normal}@keyframes slide-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100vw);opacity:0}}@keyframes slide-from-right{0%{transform:translate(100vw);opacity:0}to{transform:translate(0);opacity:1}}::view-transition-old(root){animation-name:slide-to-left}::view-transition-new(root){animation-name:slide-from-right}app-router{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--black);padding-top:4rem}app-footer{width:100%;padding:20px;padding-bottom:env(safe-area-inset-bottom,20px);text-align:center}#toast-container{position:fixed;left:0;right:0;top:env(safe-area-inset-top,20px);bottom:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:10000;pointer-events:none}.toast{pointer-events:auto;min-width:250px;width:90dvw;max-width:90dvw;padding:1rem 1.25rem;border-radius:.5rem;background-color:var(--black);color:var(--gold);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:center;gap:.75rem;cursor:pointer;transform:translate(120%);opacity:0}.toast-close{background:transparent;border:none;color:var(--gold);font-size:1.2rem;padding:0 4px;cursor:pointer;border-left:1px solid rgba(255,255,255,.2);margin-left:8px}#toast-container .toast{transform:translate(0);opacity:1}@keyframes notify-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast.fading-out{animation:notify-slide-in .3s cubic-bezier(.2,1,.3,1) forwards;margin-top:10px}.toast-success{border:1px solid var(--green);border-left:5px solid var(--green);border-right:5px solid var(--green)}.toast-error{border:1px solid var(--red);border-left:5px solid var(--red);border-right:5px solid var(--red)}.toast-info{border:1px solid var(--blue);border-left:5px solid var(--blue);border-right:5px solid var(--blue)}.toast-warning{border:1px solid var(--orange);border-left:5px solid var(--orange);border-right:5px solid var(--orange)}.toast span{font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;line-height:1.4}#native-popin::backdrop{background-color:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}#native-popin{display:none;z-index:9998;border:none;padding:0;background:transparent;width:100%;height:100%;max-width:100svw;max-height:100svh;outline:none;align-items:center;justify-content:center}#native-popin[open]::backdrop{opacity:1}.popin-wrapper{width:100%;max-width:500px;background:var(--black);display:flex;flex-direction:column;max-height:92svh;box-shadow:0 -10px 40px #0003;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,1,.23,1);padding-bottom:env(safe-area-inset-bottom,20px)}#native-popin.is-active{display:flex}#native-popin.is-active .popin-wrapper{transform:translateY(0)}#popin-footer{display:none}#popin-footer.is-active{display:flex}.popin-body{padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--white);font-size:1rem;line-height:1.5rem;display:flex;justify-content:center}.popin-body h3{display:flex;justify-content:center}.popin-footer{padding:16px 24px;display:flex;gap:12px;background:var(--black);border-top:1px solid var(--gold);justify-content:flex-end}.popin-footer button{flex:1;padding:14px;border-radius:14px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:filter .2s,transform .1s;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--black);color:var(--gold)}.btn-secondary{background:var(--black);color:var(--dark-gold)}.popin-footer button:active{transform:scale(.96);filter:brightness(.9)}.btn-primary.is-loading{opacity:.7;pointer-events:none;position:relative;color:transparent}.btn-primary.is-loading:after{content:"";position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:calc(50% - 10px);border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:popin-spin .8s linear infinite}@keyframes popin-spin{to{transform:rotate(360deg)}}.mobile-nav-list{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.mobile-nav-list a{text-decoration:none;color:var(--dark-gold);font-size:1.2rem;font-weight:500;padding:.5rem 0;border-bottom:1px solid var(--dark-gold)}.mobile-nav-list a.active{color:var(--gold);transition:color .3s ease}.mobile-nav-list hr{border:none;border-top:1px solid #eee;margin:.5rem 0}@keyframes popin-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popin-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}#native-popin.is-active .popin-wrapper{animation:popin-enter .5s cubic-bezier(.34,1.56,.64,1) forwards}#native-popin:not(.is-active) .popin-wrapper{animation:popin-exit .5s ease-in forwards}#native-popin::backdrop{background:#0000;backdrop-filter:blur(0px);transition:all .4s ease}#native-popin[open]::backdrop{background:#00000080;backdrop-filter:blur(10px)}