:root{--color-black: #333333;--color-background: #f8f8f8;--color-foreground: #333333;--color-red: #ff5d5d;--color-teal: #007f79;--color-blue: var(--color-teal);--color-blue-hover: #006761;--color-blue-dark: #006761;--color-blue-light: #e4f3f1;--color-yellow: #ffde59;--color-green: #7dde77;--color-purple: #c27eff;--color-orange: #ff9f59;--color-brand-primary: #007f79;--color-primary-text: #007f79;--color-primary-text-on-light: #007f79;--color-muted: #f0f0f0;--color-muted-foreground: #535353;--color-primary: var(--color-teal);--color-primary-foreground: #ffffff;--color-primary-rgb: 0, 127, 121;--color-primary-dark: #006761;--color-primary-hover: #006761;--color-primary-muted: #e4f3f1;--color-secondary: #f0f0f0;--color-secondary-foreground: #333333;--color-accent: var(--color-yellow);--color-accent-foreground: #333333;--color-border: #e0e0e0;--color-button-shadow: #e0e0e0;--color-card: #ffffff;--color-card-foreground: #333333;--color-muted-rgb: 240, 240, 240;--color-success: var(--color-green);--color-warning: var(--color-yellow);--color-danger: var(--color-red);--color-info: var(--color-blue);--color-gold: var(--color-yellow);--color-silver: #c0c0c0;--color-bronze: #d2a77d;--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .03);--shadow: 0 4px 8px 0 rgba(0, 0, 0, .05);--shadow-md: 0 6px 12px 0 rgba(0, 0, 0, .07);--shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .08);--shadow-glow: 0 4px 12px 4px rgb(0 127 121 / 20%);--radius-sm: .5rem;--radius: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing: 1rem;--spacing-lg: 2rem;--icon-size-sm: 1rem;--icon-size-m: 1.5rem;--icon-size-lg: 2rem;--font-size-s: .8rem;--font-size-m: 1rem;--font-size-lg: 1.2rem}[data-theme=dark]{--color-black: #f3f5fa;--color-background: #101725;--color-foreground: #f3f5fa;--color-red: #ff7070;--color-teal: #007f79;--color-blue: #5cf0e0;--color-blue-hover: #39d3c5;--color-blue-dark: #39d3c5;--color-blue-light: #1d3438;--color-yellow: #ffe970;--color-green: #8fe889;--color-purple: #d196ff;--color-orange: #ffaf75;--color-brand-primary: #007f79;--color-primary-text: var(--color-foreground);--color-primary-text-on-light: #007f79;--color-muted: #202b40;--color-muted-foreground: #aab4c5;--color-primary: #007f79;--color-primary-foreground: #ffffff;--color-primary-rgb: 0, 127, 121;--color-primary-dark: #006761;--color-primary-hover: #006761;--color-primary-muted: #1d3438;--color-secondary: #202b40;--color-secondary-foreground: #f3f5fa;--color-accent: var(--color-yellow);--color-accent-foreground: #101725;--color-border: #303b51;--color-button-shadow: #080d18;--color-card: #1a2438;--color-card-foreground: #f3f5fa;--color-muted-rgb: 32, 43, 64;--color-success: var(--color-green);--color-warning: var(--color-yellow);--color-danger: var(--color-red);--color-info: var(--color-blue)}[data-theme=dark] img[src*="/icons/regular/"]{filter:invert(1)}[data-theme=dark] body{color:var(--color-foreground)}html,body{margin:0;font-family:DM Sans,sans-serif;scrollbar-width:thin;background-color:var(--color-background);color:var(--color-foreground);line-height:1.5;letter-spacing:.01em}body:has(dialog[popover]:popover-open){overflow:hidden}body:has(dialog[popover]:popover-open) *{-webkit-user-select:none;user-select:none;pointer-events:none}button{border:none;border-radius:var(--radius);background:var(--color-card);color:var(--color-card-foreground);font-weight:500;padding:.75rem 1.25rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s ease}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-foreground);padding:.75rem 1.5rem;border-radius:var(--radius);text-decoration:none;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-card);color:var(--color-foreground);padding:.75rem 1.5rem;border-radius:var(--radius);text-decoration:none;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow);border:1px solid var(--color-border)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary-inverted{background-color:#fff;color:var(--color-primary-text-on-light);padding:.75rem 1.5rem;border-radius:var(--radius);text-decoration:none;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow);border:1px solid var(--color-primary-text-on-light);display:flex;gap:.5rem}.btn-primary-inverted:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-with-icon{display:flex;gap:.5rem}.pill-btn{background-color:transparent;color:var(--color-foreground);padding:.5rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow);cursor:pointer}.pill-btn:hover{background-color:var(--color-muted)}.pill-btn.active{background-color:var(--color-brand-primary);color:var(--color-primary-foreground);border-color:var(--color-brand-primary)}.icon-button{background-color:var(--color-brand-primary);color:var(--color-primary-foreground);border:none;border-radius:50%;width:48px;height:48px;display:grid;place-content:center;transition:all .2s ease;box-shadow:var(--shadow)}.icon-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.icon-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.icon-button img{width:var(--icon-size-m)}.btn-shadow-drop{position:relative;padding:12px 16px;font-size:.9em;font-weight:600;transition:all .2s ease;border:none;border-radius:var(--radius);color:var(--color-card-foreground);background-color:var(--color-card);box-shadow:var(--shadow);display:flex;align-items:center;gap:.5rem;text-decoration:none}.btn-shadow-drop:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-shadow-drop:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card{background-color:var(--color-card);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--color-border);box-shadow:none;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}.content-container{max-width:1180px;width:calc(100vw - 2rem);margin:0 auto;scroll-behavior:smooth}.puzzle-section{padding:clamp(2rem,5vw,4rem) 0}input[type=text],input[type=email],input[type=password]{border:1px solid var(--color-border);border-radius:var(--radius);line-height:2rem;background-color:var(--color-card);color:var(--color-foreground);padding:.45rem .75rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb,var(--color-primary) 28%,transparent);border-color:var(--color-primary)}.icon-size-sm{width:var(--icon-size-sm)}.icon-size-m,.icon-size-lg{width:var(--icon-size-m)}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary-text)}.section-title{font-size:clamp(1.6rem,3vw,2rem);font-weight:700;letter-spacing:-.045em;margin-bottom:.5rem;color:var(--color-foreground)}.section-subtitle{font-size:var(--font-size-m);font-weight:400;color:var(--color-muted-foreground);margin-top:0}.heading-font{font-family:Dela Gothic One,sans-serif;font-weight:400;font-style:normal;letter-spacing:.01em}.filter-dropdown{position:relative}.select-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-background);font-size:.9rem;color:var(--color-foreground);cursor:pointer;transition:all .2s ease}.select-control:hover{border-color:var(--color-brand-primary)}.select-control:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:3px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:var(--radius-lg, 12px);box-shadow:var( --shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) );z-index:999;max-width:500px;width:90%;padding:1.5rem;border:1px solid var(--color-border, #e5e7eb)}.modal-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.modal-title{font-size:1.5rem;font-weight:600;text-align:center;color:var(--color-foreground, #1f2937);margin:0}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #e5e7eb)}.modal-footer .btn-secondary,.modal-footer .btn-outline,.modal-footer a.btn-secondary,.modal-footer a.btn-outline{padding:.6rem 1.2rem;text-decoration:none;display:inline-block;border:1px solid transparent;border-radius:var(--radius, 6px);cursor:pointer;text-align:center}.modal-footer .btn-secondary{background-color:var(--color-primary, #3b82f6);color:var(--color-primary-foreground)}.modal-footer .btn-secondary:hover{background-color:var(--color-primary-dark, #2563eb)}.modal-footer .btn-outline{background-color:transparent;color:var(--color-primary-text);border-color:var(--color-primary-text)}.modal-footer .btn-outline:hover{background-color:var(--color-primary-muted, #eff6ff)}@media (max-width: 600px){.modal{width:85%;padding:1rem}.modal-footer{flex-direction:column}}.animate-on-hover{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,background-color .3s ease;will-change:transform,box-shadow}.animate-on-hover:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px #0000001a}.btn-primary.animate-on-hover:hover{background-color:var(--color-primary-dark, #0056b3)}.btn-secondary.animate-on-hover:hover{background-color:var(--color-secondary-dark, #6c757d)}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary-rgb, 0, 123, 255),.7)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(var(--color-primary-rgb, 0, 123, 255),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary-rgb, 0, 123, 255),0)}}.pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes slideInFromLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-left{animation:slideInFromLeft .5s ease-out}.slide-in-right{animation:slideInFromRight .5s ease-out}.slide-in-bottom{animation:slideInFromBottom .5s ease-out}.stagger-children>*{opacity:0;transform:translateY(20px);animation:slideInFromBottom .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.stagger-children>*:nth-child(7){animation-delay:.7s}.stagger-children>*:nth-child(8){animation-delay:.8s}.stagger-children>*:nth-child(9){animation-delay:.9s}.stagger-children>*:nth-child(10){animation-delay:1s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.float{animation:float 5s ease-in-out infinite}.float-1{animation-duration:4s}.float-2{animation-duration:6s;animation-delay:.5s}.float-3{animation-duration:5s;animation-delay:1s}.float-4{animation-duration:7s;animation-delay:1.5s}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);transition:transform .5s;opacity:0}.shine:hover:after{transform:rotate(30deg) translate(0);opacity:1;animation:shine 1.5s ease-out}@keyframes shine{0%{transform:scale(0) rotate(30deg);opacity:0}50%{opacity:1}to{transform:scale(2) rotate(30deg);opacity:0}}.btn-press{transition:transform .1s ease}.btn-press:active{transform:scale(.95)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.btn-ripple:focus:not(:active):after{animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0) translate(-50%,-50%);opacity:.5}to{transform:scale(20) translate(-50%,-50%);opacity:0}}[data-theme=dark] .dark-mode-toggle img[src*="/icons/regular/sun.svg"]{filter:invert(1)}main.svelte-2ib92j{background:var(--color-background)}.site-footer.svelte-2ib92j{border-top:1px solid var(--color-border);background-color:var(--color-background)}.footer-main.svelte-2ib92j{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:24px 28px;max-width:1180px;margin:0 auto}.footer-brand.svelte-2ib92j{display:inline-flex;flex:0 0 auto}.puzzle-icon.svelte-2ib92j{width:82px}.footer-links.svelte-2ib92j{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:1.5rem}.footer-link.svelte-2ib92j{font-size:.84rem;color:var(--color-muted-foreground);text-decoration:none;font-weight:550}.footer-link.svelte-2ib92j:hover{color:var(--color-foreground)}.footer-bottom.svelte-2ib92j{border-top:1px solid var(--color-border);padding:12px 28px}.footer-container.svelte-2ib92j{display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:1180px;margin:0 auto}.copyright.svelte-2ib92j,.footer-note.svelte-2ib92j{margin:0;font-size:.75rem;color:var(--color-muted-foreground)}@media (max-width: 700px){.footer-main.svelte-2ib92j{align-items:flex-start;flex-direction:column;gap:1.25rem;padding:22px 18px}.footer-links.svelte-2ib92j{justify-content:flex-start;gap:.75rem 1.25rem}.footer-bottom.svelte-2ib92j{padding-right:18px;padding-left:18px}}.puzzle-platform.svelte-2ib92j{display:grid;min-height:100vh}.sidebar-logo.svelte-2ib92j{width:94px}.header-container.svelte-2ib92j{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.header-controls.svelte-2ib92j{display:flex;align-items:center;gap:1rem;margin-left:auto}.brand-link.svelte-2ib92j{display:inline-flex;flex:0 0 auto}.primary-nav.svelte-2ib92j{display:flex;align-items:center;gap:1.5rem;margin-right:auto}.primary-nav.svelte-2ib92j a:where(.svelte-2ib92j){color:var(--color-muted-foreground);font-size:.9rem;font-weight:600;text-decoration:none}.primary-nav.svelte-2ib92j a:where(.svelte-2ib92j):hover,.primary-nav.svelte-2ib92j a[aria-current=page]:where(.svelte-2ib92j){color:var(--color-foreground)}.primary-nav.svelte-2ib92j a:where(.svelte-2ib92j):focus-visible,.brand-link.svelte-2ib92j:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:4px;border-radius:4px}.light-logo.svelte-2ib92j{display:block}.dark-logo.svelte-2ib92j,[data-theme=dark] .light-logo.svelte-2ib92j{display:none}[data-theme=dark] .dark-logo.svelte-2ib92j{display:block}@media (max-width: 600px){.header-container.svelte-2ib92j{gap:.9rem;padding:.85rem 1rem}.sidebar-logo.svelte-2ib92j{width:76px}.primary-nav.svelte-2ib92j{gap:.85rem}.primary-nav.svelte-2ib92j a:where(.svelte-2ib92j):last-child{display:none}.primary-nav.svelte-2ib92j a:where(.svelte-2ib92j){font-size:.8rem}.header-controls.svelte-2ib92j{gap:.5rem}}