.navbar,.navbar *{box-sizing:border-box}.navbar{z-index:var(--calm-z-sticky);height:56px;font-family:var(--calm-font);align-items:center;padding-inline:clamp(12px,4vw,32px);display:flex;position:fixed;inset-block-start:0;inset-inline:0}.navbar--login{background:0 0;border-block-end:none;justify-content:flex-end}.navbar--app{background:var(--calm-card-bg);border-block-end:var(--calm-outline-w) solid var(--calm-border);-webkit-backdrop-filter:blur(12px);justify-content:space-between}@media (prefers-reduced-transparency:reduce){.navbar--app{-webkit-backdrop-filter:none;background:var(--calm-card-bg)}}.navbar-actions{align-items:center;gap:clamp(8px,2vw,16px);margin-inline-start:auto;display:flex}.navbar-lang-container{z-index:var(--calm-z-dropdown);flex-shrink:0;display:inline-block;position:relative}.navbar-lang-trigger{font-size:.8rem;font-weight:700;font-family:var(--calm-font);cursor:pointer;background:var(--calm-surface-alt);color:var(--calm-text-primary);border:var(--calm-outline-w) solid var(--calm-border);border-radius:var(--calm-radius-sm);transition:var(--calm-transition);letter-spacing:.02em;align-items:center;gap:8px;min-height:44px;padding:6px 14px;line-height:1;display:flex}@media (hover:hover){.navbar-lang-trigger:hover{border-color:var(--calm-primary);background:var(--calm-card-bg)}}.navbar-lang-trigger:focus-visible{outline:2.5px solid var(--calm-border-focus);outline-offset:3px}.navbar-lang-arrow{color:var(--calm-text-muted);flex-shrink:0;transition:transform .2s}.navbar-lang-arrow.open{transform:rotate(180deg)}.navbar-lang-menu{top:calc(100% + 6px);background:var(--calm-card-bg);border:var(--calm-outline-w) solid var(--calm-border);border-radius:var(--calm-radius-md);min-width:148px;box-shadow:var(--calm-shadow);transform-origin:100% 0;flex-direction:column;gap:4px;margin:0;padding:6px;list-style:none;animation:.18s cubic-bezier(0,0,.2,1) forwards navbarDropIn;display:flex;position:absolute;inset-inline-end:0}@keyframes navbarDropIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.navbar-lang-menu{animation:none}}.navbar-lang-item{width:100%;font-size:.8rem;font-weight:600;font-family:var(--calm-font);color:var(--calm-text-muted);border-radius:var(--calm-radius-sm);cursor:pointer;text-align:start;transition:var(--calm-transition);background:0 0;border:none;align-items:center;gap:8px;min-height:40px;padding:10px 12px;display:flex}@media (hover:hover){.navbar-lang-item:hover{background:var(--calm-surface-alt);color:var(--calm-text-primary)}}.navbar-lang-item.active{background:var(--calm-success-bg);color:var(--calm-success-text);font-weight:700}.navbar-lang-item:focus-visible{outline:2.5px solid var(--calm-border-focus);outline-offset:2px}.navbar-lang-name{flex-grow:1}.navbar-lang-check{color:var(--calm-success-text);flex-shrink:0;font-size:.8rem;font-weight:900}.navbar-flag{border-radius:2px;flex-shrink:0;display:block;box-shadow:0 1px 2px #0000002e}@media (forced-colors:active){.navbar-lang-trigger{border:2px solid buttontext}.navbar-lang-item{border:1px solid buttontext}}.theme-toggle{min-height:44px;font-size:.8rem;font-weight:700;font-family:var(--calm-font);cursor:pointer;background:var(--calm-surface-alt);color:var(--calm-text-primary);border:var(--calm-outline-w) solid var(--calm-border);border-radius:var(--calm-radius-sm);transition:var(--calm-transition);-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;padding:0 8px;line-height:1;display:inline-flex}@media (hover:hover){.theme-toggle:hover{border-color:var(--calm-primary);background:var(--calm-card-bg)}}.theme-toggle:focus-visible{outline:2.5px solid var(--calm-border-focus);outline-offset:3px}.theme-toggle-sky{border:1.5px solid var(--calm-border);background:#9bbbd4;border-radius:9999px;width:56px;height:28px;transition:background .4s cubic-bezier(.4,0,.2,1),border-color .4s;position:relative;overflow:hidden;box-shadow:inset 0 1.5px 3px #3a4a431f}.theme-toggle--dark .theme-toggle-sky{border-color:var(--calm-border);background:#1b2923;box-shadow:inset 0 1.5px 3px #00000040}.sky-celestial{z-index:3;background:#f3d5a8;border-radius:50%;width:24px;height:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .4s,box-shadow .4s;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #3a4a4333,inset 0 -1.5px 2px #6b4c1e1f}.theme-toggle--dark .sky-celestial{background:#f7ead0;transform:translate(28px);box-shadow:0 2px 6px #00000059,inset -1.5px -1.5px 3px #0000001f}.celestial-sun{opacity:1;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.theme-toggle--dark .celestial-sun{opacity:0}.celestial-moon{opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.theme-toggle--dark .celestial-moon{opacity:1}.moon-crater{background:#d2dfc9;border-radius:50%;position:absolute}.moon-crater-1{width:6px;height:6px;top:5px;left:6px}.moon-crater-2{width:4px;height:4px;top:13px;left:13px}.sky-clouds{pointer-events:none;opacity:1;transition:transform .4s,opacity .4s;position:absolute;inset:0;transform:translateY(0)}.theme-toggle--dark .sky-clouds{opacity:0;transform:translateY(12px)}.sky-cloud{background:#fafcfbe0;border-radius:999px;position:absolute}.sky-cloud-1{width:22px;height:7px;top:6px;right:6px}.sky-cloud-2{width:16px;height:6px;top:15px;right:14px}.sky-cloud-3{width:12px;height:5px;top:11px;right:4px}.sky-stars{pointer-events:none;opacity:0;color:#f3d5a8;transition:transform .4s,opacity .4s;position:absolute;inset:0;transform:translateY(-8px)}.theme-toggle--dark .sky-stars{opacity:1;transform:translateY(0)}.sky-star{animation:2s ease-in-out infinite alternate starTwinkle;position:absolute}.sky-star-1{width:7px;height:7px;top:5px;left:8px}.sky-star-2{width:6px;height:6px;animation-delay:.4s;top:14px;left:14px}.sky-star-3{width:5px;height:5px;animation-delay:.8s;top:17px;left:6px}@keyframes starTwinkle{0%{opacity:.6;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}.header-actions-wrapper{align-items:center;display:flex;position:relative}.header-actions-content{align-items:center;gap:clamp(8px,2vw,16px);display:flex}.hamburger-btn{background:var(--calm-surface-alt,#0000000a);width:44px;height:44px;color:var(--calm-text-primary);border:var(--calm-outline-w,1.5px) solid var(--calm-border);border-radius:var(--calm-radius-sm,8px);cursor:pointer;box-sizing:border-box;z-index:calc(var(--calm-z-dropdown,100) + 1);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:space-between;padding:12px 10px;transition:background .2s,border-color .2s,outline .2s;display:none}@media (hover:hover){.hamburger-btn:hover{background:var(--calm-card-bg);border-color:var(--calm-primary)}}.hamburger-btn:focus-visible{outline:2.5px solid var(--calm-border-focus);outline-offset:2px}.hamburger-line{background-color:var(--calm-text-primary,currentColor);transform-origin:50%;border-radius:4px;width:100%;height:2.5px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s,background-color .3s;display:block}.hamburger-btn.open .bar-1{transform:translateY(7.75px)rotate(45deg)}.hamburger-btn.open .bar-2{opacity:0;transform:scaleX(0)}.hamburger-btn.open .bar-3{transform:translateY(-7.75px)rotate(-45deg)}@media (width<=768px){.hamburger-btn{display:flex}.header-actions-content{top:calc(100% + 8px);background:var(--calm-card-bg);border:var(--calm-outline-w,1.5px) solid var(--calm-border);border-radius:var(--calm-radius-md,12px);min-width:200px;box-shadow:var(--calm-shadow,0 8px 24px #0000001f);z-index:var(--calm-z-dropdown,100);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;flex-direction:column;align-items:stretch;gap:10px;padding:12px;transition:opacity .22s cubic-bezier(0,0,.2,1),transform .22s cubic-bezier(0,0,.2,1),visibility .22s cubic-bezier(0,0,.2,1);position:absolute;inset-inline-end:0;transform:translateY(-10px)scale(.95)}.header-actions-content.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.header-actions-content>*{justify-content:flex-start;width:100%}.header-actions-content .navbar-lang-container{width:100%}.header-actions-content .navbar-lang-trigger,.header-actions-content .theme-toggle{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.hamburger-line,.header-actions-content{transition:none!important}}
