*{box-sizing:border-box}:root{color-scheme:dark}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;color:#e8ede7;background-color:#0c1310;background-image:radial-gradient(900px 600px at -8% 12%,rgba(22,189,130,.16),transparent 62%),radial-gradient(800px 560px at 108% 30%,rgba(76,141,240,.13),transparent 60%),radial-gradient(700px 500px at 92% 96%,rgba(224,166,46,.08),transparent 60%),radial-gradient(600px 420px at 4% 100%,rgba(232,115,90,.07),transparent 58%);background-attachment:fixed;background-repeat:no-repeat}body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:180px;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(62,207,142,.22) 1px,transparent 1.5px);background-size:22px 22px}body:before{left:0;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(to right,rgba(0,0,0,.9),transparent)}body:after{right:0;background-image:radial-gradient(rgba(76,141,240,.2) 1px,transparent 1.5px);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(to left,rgba(0,0,0,.9),transparent)}#root{position:relative;z-index:1}@media (max-width: 760px){body:before,body:after{width:70px}}::placeholder{color:#71806f}button{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #3ECF8E;outline-offset:1px}input:focus,textarea:focus{border-color:#3ecf8e!important;box-shadow:0 0 0 4px #3ecf8e26}button[type=submit]:not(:disabled):hover,a[href]:hover{filter:brightness(1.12)}button:not(:disabled):hover{filter:brightness(1.12)}.icon-btn:hover:not(:disabled){background:#26332b!important;transform:translateY(-1px)}.icon-btn:active:not(:disabled){transform:translateY(0)}.icon-btn:disabled{opacity:.5;cursor:default}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0c1310}::-webkit-scrollbar-thumb{background:#2a362e;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a4a3f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes pulseRing{0%{box-shadow:0 0 #e8735a66}to{box-shadow:0 0 0 8px #e8735a00}}.spin{animation:spin .8s linear infinite}.overlay-anim{animation:overlayIn .18s ease}.modal-anim{animation:popIn .22s cubic-bezier(.16,1,.3,1)}.toast-anim{animation:slideUpToast .25s cubic-bezier(.16,1,.3,1)}.check-pop{animation:checkPop .4s cubic-bezier(.34,1.56,.64,1)}.pulse-badge{animation:pulseRing 1.8s ease-out infinite}button{transition:transform .08s ease,filter .12s ease}button:active:not(:disabled){transform:scale(.97)}.filter-chip{transition:all .18s ease}.chart-field{background:#16bd8214;border:none;border-bottom:1.5px dashed rgba(11,125,85,.55);border-radius:2px 2px 0 0;outline:none;font-family:Helvetica,Arial,sans-serif;color:#1633b8;font-weight:600;transition:background .12s,box-shadow .12s}.chart-field:hover{background:#16bd822e}.chart-field:focus{background:#fff9c9;border-bottom-color:#c99321;box-shadow:0 0 0 2px #e0a62e8c;z-index:2}.chart-check{background:#16bd821a;border:1.5px solid rgba(11,125,85,.5);border-radius:2px;color:#1633b8}.chart-check:hover:not(:disabled){background:#16bd8238}.chart-check:focus-visible{outline:2px solid #C99321}.hc-rule{height:2px;width:54px;transform-origin:left center;background:linear-gradient(90deg,#3ECF8E,transparent);border-radius:2px;margin-bottom:18px}.hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:18px}.hc-card{--accent: #3ECF8E;position:relative;overflow:hidden;display:block;width:100%;background:linear-gradient(158deg,#18231c,#121a15);border:1px solid #263229;border-radius:20px;padding:30px 26px 24px;cursor:pointer;text-align:left;color:inherit;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.hc-card:before{content:"";position:absolute;top:-42%;right:-30%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.1;transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}.hc-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.07) 47%,transparent 62%);transform:translate(-120%);transition:transform .75s cubic-bezier(.16,1,.3,1)}.hc-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,#263229);box-shadow:0 20px 46px #00000080,0 8px 40px -8px color-mix(in srgb,var(--accent) 45%,transparent)}.hc-card:hover:before{opacity:.24;transform:scale(1.14)}.hc-card:hover:after{transform:translate(120%)}.hc-card:active{transform:translateY(-2px)}.hc-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent 82%);opacity:.85}.hc-tile{position:relative;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}.hc-name{font-family:"Source Serif 4",Georgia,serif;font-size:23px;font-weight:600;color:#eaf0e9;letter-spacing:-.01em;margin-bottom:6px}.hc-open{display:flex;align-items:center;gap:5px;margin-top:16px;font-size:13px;font-weight:600;color:var(--accent)}.hc-open svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.hc-card:hover .hc-open svg{transform:translate(4px)}.hc-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:hcPulse 2.6s ease-out infinite}@keyframes hcPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}70%,to{box-shadow:0 0 0 8px transparent}}.hc-util{background:none;border:none;color:#8c998a;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;transition:color .15s ease,background .15s ease}.hc-util:hover{color:#e8ede7;background:#18231c}@media (prefers-reduced-motion: reduce){.hc-card,.hc-card:after,.hc-open svg{transition:none}.hc-card:after{display:none}.hc-dot{animation:none}}.page-rule{--accent: #3ECF8E;height:2px;width:54px;margin-bottom:18px;border-radius:2px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),transparent);animation:ruleDraw .7s cubic-bezier(.16,1,.3,1) .05s forwards}@keyframes ruleDraw{to{transform:scaleX(1)}}.tile-card{--accent: #3ECF8E;position:relative;overflow:hidden;display:block;width:100%;background:linear-gradient(158deg,#18231c,#121a15);border:1px solid #263229;border-radius:16px;padding:26px 24px;cursor:pointer;text-align:left;color:inherit;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease}.tile-card:before{content:"";position:absolute;top:-45%;right:-32%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.08;transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}.tile-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.06) 47%,transparent 62%);transform:translate(-120%);transition:transform .75s cubic-bezier(.16,1,.3,1)}.tile-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 42%,#263229);box-shadow:0 18px 42px #00000080,0 8px 36px -8px color-mix(in srgb,var(--accent) 42%,transparent)}.tile-card:hover:before{opacity:.2;transform:scale(1.12)}.tile-card:hover:after{transform:translate(120%)}.tile-card:active{transform:translateY(-1px)}.tile-card .tile-arrow svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.tile-card:hover .tile-arrow svg{transform:translate(4px)}.lift-row{--accent: #3ECF8E;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,border-color .18s ease!important}.lift-row:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,#2A362E)!important;box-shadow:0 10px 26px #0000006b,0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)!important}@media (prefers-reduced-motion: reduce){.page-rule{animation:none;transform:scaleX(1)}.tile-card,.tile-card:after,.lift-row,.tile-card .tile-arrow svg{transition:none}.tile-card:after{display:none}}.hg-gallery{display:flex;gap:12px;height:400px;animation:fadeInUp .5s ease both}.hg-card{--accent: #3ECF8E;position:relative;overflow:hidden;flex:1 1 0;width:0;border-radius:18px;cursor:pointer;text-align:left;color:inherit;padding:0;border:1px solid #263229;opacity:.72;filter:saturate(.9);background:linear-gradient(160deg,#18231c,#0f1712);transition:flex-grow .5s ease,opacity .5s ease,filter .5s ease,border-color .5s ease}.hg-card:hover{flex-grow:4;opacity:1;filter:contrast(112%) saturate(1.05);border-color:color-mix(in srgb,var(--accent) 45%,#263229)}.hg-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.3;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 92%);mask-image:linear-gradient(180deg,#000 45%,transparent 92%);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}.hg-card:hover .hg-art{opacity:.55;transform:scale(1.08)}.hg-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 55%);transition:opacity .5s ease}.hg-card:hover .hg-glow{opacity:1}.hg-ico{position:absolute;top:22px;left:22px;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,#0F1712);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}.hg-body{position:absolute;left:22px;right:18px;bottom:20px}.hg-name{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:25px;color:#eaf0e9;white-space:nowrap;letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.6);transform-origin:left bottom;transition:transform .55s cubic-bezier(.16,1,.3,1)}.hg-card:hover .hg-name{transform:scale(1.32)}.hg-underline{height:2px;width:60px;margin-top:14px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.16,1,.3,1) .06s}.hg-card:hover .hg-underline{transform:scaleX(1)}.hg-reveal{max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .5s ease,opacity .45s ease,margin .5s ease}.hg-card:hover .hg-reveal{max-height:60px;opacity:1;margin-top:12px}.hg-enter{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:14px;font-weight:600;white-space:nowrap;letter-spacing:.01em}@media (max-width: 640px){.hg-gallery{flex-direction:column;height:auto}.hg-card{width:auto;min-height:116px;opacity:1;flex:none}.hg-card .hg-reveal{max-height:60px;opacity:1;margin-top:8px}}@media (prefers-reduced-motion: reduce){.hg-gallery{animation:none}.hg-card,.hg-art,.hg-glow,.hg-reveal,.hg-name,.hg-underline{transition:none}}.card-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.tile-card:hover .card-icon,.hg-card:hover .card-icon,.lift-row:hover .card-icon{transform:scale(1.13) rotate(-5deg)}@media (prefers-reduced-motion: reduce){.card-icon{transition:none}.tile-card:hover .card-icon,.hg-card:hover .card-icon,.lift-row:hover .card-icon{transform:none}}.hc-util svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hc-util:hover svg{transform:scale(1.15) rotate(-5deg)}@media (prefers-reduced-motion: reduce){.hc-util svg{transition:none}.hc-util:hover svg{transform:none}}main a svg,main button:not(.tile-card):not(.hg-card) svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}main a:hover svg,main button:not(.tile-card):not(.hg-card):hover svg{transform:scale(1.18)}@media (prefers-reduced-motion: reduce){main a svg,main button svg{transition:none}main a:hover svg,main button:not(.tile-card):not(.hg-card):hover svg{transform:none}}header button svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}header button:hover svg{transform:scale(1.18)}.lang-emoji{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.lang-btn:hover .lang-emoji{transform:scale(1.15)}@media (prefers-reduced-motion: reduce){header button svg,.lang-emoji{transition:none}header button:hover svg,.lang-btn:hover .lang-emoji{transform:none}}