:root{--c-primary: hsl(41 74% 53%);--c-primary-hover: hsl(41 74% 42%);--c-primary-soft: hsl(41 74% 53% / .08);--c-on-primary: hsl(240 33% 14%);--c-ink: hsl(0 0% 20%);--c-ink-muted: hsl(0 0% 20% / .8);--c-surface: hsl(0 0% 100%);--c-surface-hover: hsl(0 0% 81%);--c-page: hsl(0 0% 90%);--c-error: hsl(0 91% 71%);--c-error-ink: hsl(0 70% 38%);--c-error-soft: hsl(0 91% 71% / .12);--c-primary-track: hsl(41 74% 53% / .15);--shadow-pop: 0 .5rem 1.5rem hsl(240 33% 14% / .12);--c-border: hsl(0 0% 20% / .1);--r-card: 1rem;--r-btn: .5rem;--r-pill: 1.9rem;--font-main: "Rubik", sans-serif;--font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-h1: 1.75rem;--fs-h1-lg: 2.25rem;--anim-duration: .2s;--anim-duration-fast: .15s;--anim-duration-slow: .45s;--anim-duration-chart: .7s;--anim-stagger: 40ms;--anim-delay-icon: .1s;--anim-ease: ease;--anim-hover-scale: 1.02;--anim-icon-scale: 1.1;--anim-fav-scale: 1.15;--anim-tilt: -12deg;--anim-press: .95;--bar-h: 3.5rem;--w-form: 34rem}.fx-card-hover{transition:transform var(--anim-duration) var(--anim-ease),background-color var(--anim-duration) var(--anim-ease)}.fx-card-hover:hover{transform:scale(var(--anim-hover-scale));background-color:var(--c-surface-hover)}.fx-icon-pop{transition:transform var(--anim-duration) var(--anim-ease)}.fx-icon-pop:hover,.group:hover .fx-icon-pop{transform:scale(var(--anim-icon-scale))}.fx-fav-tilt{transition:transform var(--anim-duration) var(--anim-ease);transition-delay:var(--anim-delay-icon)}.group:hover .fx-fav-tilt{transform:rotate(var(--anim-tilt)) scale(var(--anim-fav-scale))}@keyframes icon-pop{0%{transform:scale(.5)}60%{transform:scale(1.15)}to{transform:scale(1)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-main);font-size:var(--fs-base);line-height:1.5;color:var(--c-ink);background-color:var(--c-page);padding-bottom:var(--bar-h)}button,input{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--c-primary-hover);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.view{display:none;min-height:calc(100dvh - var(--bar-h));flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1.25rem}.view.active{display:flex;animation:view-in var(--anim-duration) var(--anim-ease)}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.hero-title{margin:0;font-size:var(--fs-h1);font-weight:700;letter-spacing:-.02em}.home-link{color:inherit;text-decoration:none;transition:color var(--anim-duration) var(--anim-ease)}.home-link:hover{color:var(--c-primary-hover)}.hero-subtitle{margin:.5rem 0 1.5rem;font-size:var(--fs-lg);color:var(--c-ink-muted)}@media(min-width:1024px){.hero-title{font-size:var(--fs-h1-lg);font-weight:800}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border:0;border-radius:var(--r-btn);padding:.625rem 1rem;font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;cursor:pointer;transition:transform var(--anim-duration) var(--anim-ease),background-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease),opacity var(--anim-duration) var(--anim-ease)}.btn:active:not(:disabled){transform:scale(var(--anim-press))}.btn:disabled{opacity:.7;cursor:wait}.btn-sm{padding:.375rem .75rem;font-size:var(--fs-xs)}.btn-primary{background-color:var(--c-primary);color:var(--c-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--c-primary-hover)}.btn-ghost{background-color:transparent;color:var(--c-ink-muted);border:1px solid var(--c-border)}.btn-ghost:hover{background-color:var(--c-surface-hover);color:var(--c-ink)}.btn .icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.field-join{display:flex;width:100%;max-width:var(--w-form)}.field-join .input{flex:1;min-width:0;border:1px solid var(--c-primary);border-right:0;border-radius:var(--r-btn) 0 0 var(--r-btn);background-color:var(--c-surface);padding:.625rem .875rem;font-size:var(--fs-sm);outline:none;transition:border-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease),background-color var(--anim-duration) var(--anim-ease)}.field-join .input::placeholder{color:var(--c-ink-muted)}.field-join .input:focus-visible{border-color:var(--c-primary-hover)}.field-join .btn{border-radius:0 var(--r-btn) var(--r-btn) 0;flex-shrink:0}.form-wrap{position:relative;width:100%;max-width:var(--w-form)}.error-line{position:absolute;top:100%;left:0;right:0;margin:.375rem 0 0;font-size:var(--fs-sm);font-weight:500;color:var(--c-error-ink);text-align:center;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--anim-duration) var(--anim-ease),transform var(--anim-duration) var(--anim-ease)}.error-line.show{opacity:1;transform:none}.result-card{margin-top:0;width:100%;max-width:var(--w-form);max-height:0;opacity:0;overflow:hidden;visibility:hidden;display:flex;transition:margin-top var(--anim-duration) var(--anim-ease),max-height var(--anim-duration) var(--anim-ease),opacity var(--anim-duration) var(--anim-ease),visibility var(--anim-duration)}.result-card.show{margin-top:1.25rem;max-height:4rem;opacity:1;visibility:visible}.form-wrap:has(.error-line.show)+.result-card.show{margin-top:3.75rem}.link-field{display:flex;width:100%;min-width:0}.link-input{flex:1;min-width:0;margin:0;border:1px solid var(--c-border);border-right:0;border-radius:var(--r-btn) 0 0 var(--r-btn);background-color:var(--c-surface);padding:.5rem .75rem;font-family:var(--font-main);font-size:var(--fs-sm);font-weight:500;color:var(--c-ink);cursor:default;outline:none;text-overflow:ellipsis;transition:border-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease),background-color var(--anim-duration) var(--anim-ease)}.link-input:focus-visible{border-color:var(--c-primary)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;flex-shrink:0;border:1px solid var(--c-border);border-radius:0 var(--r-btn) var(--r-btn) 0;background-color:var(--c-surface);color:var(--c-ink-muted);cursor:pointer;transition:background-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease),transform var(--anim-duration-fast) var(--anim-ease)}.copy-btn:hover{background-color:var(--c-primary-soft);color:var(--c-primary-hover)}.copy-btn:active{transform:scale(var(--anim-press))}.copy-btn .icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.copy-btn .icon-check,.copy-btn.copied .icon-copy{display:none}.copy-btn.copied .icon-check{display:block;animation:icon-pop var(--anim-duration) var(--anim-ease)}.copy-btn.copied{color:var(--c-primary-hover)}.copy-btn.active{background-color:var(--c-primary-soft);color:var(--c-primary-hover)}.result-card .copy-btn{border-radius:0}.result-card .copy-btn:last-of-type{border-radius:0 var(--r-btn) var(--r-btn) 0;border-left:0}.auth-card{margin-top:1.25rem;width:100%;max-width:var(--w-form);background-color:var(--c-surface);border-radius:var(--r-card);padding:1.25rem;text-align:left}.auth-tabs,.cab-tabs{position:relative;display:flex;gap:.25rem;background-color:var(--c-page);border-radius:var(--r-pill);padding:.25rem 2px;margin-bottom:1rem}.auth-tabs:before,.cab-tabs:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:2px;width:calc((100% - 4px - .25rem)/2);border-radius:var(--r-pill);background-color:var(--c-primary);transform:translate(0);transition:transform var(--anim-duration) var(--anim-ease)}.auth-tabs:has(.auth-tab:nth-child(2).active):before,.cab-tabs:has(.cab-tab:nth-child(2).active):before{transform:translate(calc(100% + .25rem))}.auth-tab,.cab-tab{position:relative;z-index:1;flex:1;min-width:0;white-space:nowrap;height:2rem;padding:0 .75rem;border:0;border-radius:var(--r-pill);background-color:transparent;font-family:var(--font-main);font-size:var(--fs-sm);font-weight:500;color:var(--c-ink-muted);cursor:pointer;transition:color var(--anim-duration) var(--anim-ease)}@media(max-width:420px){.cab-tab{font-size:var(--fs-xs);padding:0 .5rem}}.auth-tab.active,.cab-tab.active{color:var(--c-on-primary)}.cab-tabs{margin-top:1rem}.cab-panels{display:grid;width:100%;min-width:0}.cab-panel{grid-area:1 / 1;width:100%;max-width:var(--w-form);margin:0 auto;min-width:0;display:flex;flex-direction:column;align-items:center;visibility:hidden;pointer-events:none}.cab-panel.active{visibility:visible;pointer-events:auto;animation:view-in var(--anim-duration) var(--anim-ease)}.cab-panel>*{min-width:0}.cab-panel .links-list{margin-top:0}.auth-input{display:block;width:100%;border:1px solid var(--c-border);border-radius:var(--r-btn);background-color:var(--c-surface);padding:.625rem .875rem;font-family:var(--font-main);font-size:var(--fs-sm);color:var(--c-ink);outline:none;transition:border-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease),background-color var(--anim-duration) var(--anim-ease)}.auth-input+.auth-input{margin-top:.5rem}.auth-input:focus-visible{border-color:var(--c-primary)}.auth-input::placeholder{color:var(--c-ink-muted)}.dd{position:relative}.dd-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;text-align:left}.dd-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.dd-chevron{width:.75rem;height:.5rem;flex-shrink:0;color:var(--c-ink-muted);transition:transform var(--anim-duration) var(--anim-ease)}.dd.open .dd-chevron{transform:rotate(180deg)}.dd-list{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:30;margin:0;padding:.25rem;list-style:none;background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-btn);box-shadow:var(--shadow-pop);max-height:16rem;overflow-y:auto}.dd-option{padding:.5rem .625rem;border-radius:calc(var(--r-btn) - .25rem);font-size:var(--fs-sm);color:var(--c-ink);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--anim-duration-fast) var(--anim-ease),color var(--anim-duration-fast) var(--anim-ease)}.dd-option:hover,.dd-option.hovered{background-color:var(--c-surface-hover)}.dd-option.selected{background-color:var(--c-primary-soft);color:var(--c-primary-hover)}.auth-submit{width:100%;margin-top:.75rem}.form-error{max-height:0;opacity:0;visibility:hidden;overflow:hidden;margin:0;font-size:var(--fs-sm);color:var(--c-error-ink);transition:max-height var(--anim-duration) var(--anim-ease),opacity var(--anim-duration) var(--anim-ease),margin-top var(--anim-duration) var(--anim-ease),visibility var(--anim-duration)}.form-error.show{max-height:3.5rem;opacity:1;visibility:visible;margin-top:.625rem}#dashboard{width:100%;max-width:var(--w-form);min-width:0}.dash-head{margin-top:1.25rem;width:100%;max-width:var(--w-form);padding:0 2px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dash-email{font-size:var(--fs-sm);font-weight:600;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.links-list{margin-top:.75rem;width:100%;max-width:var(--w-form);display:flex;flex-direction:column;gap:.625rem;max-height:60dvh;overflow-y:auto;padding:2px}.link-item{background-color:var(--c-surface);border-radius:var(--r-card);overflow:hidden;flex-shrink:0;transition:opacity var(--anim-duration) var(--anim-ease)}.link-item.removing{opacity:0}.badge{display:inline-flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--r-pill);padding:.125rem .625rem;font-size:var(--fs-xs);color:var(--c-ink-muted);white-space:nowrap}.link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem}.link-row-main{grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;text-align:left}.link-row-short{font-size:var(--fs-sm);font-weight:600;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row-url{font-size:var(--fs-xs);color:var(--c-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row-side{grid-column:2;grid-row:1;position:relative;display:flex;align-items:center;gap:.25rem}@media(max-width:420px){.link-row{grid-template-columns:minmax(0,1fr)}.link-row-side{grid-column:1;grid-row:2;justify-content:space-between}}.link-del-confirm{position:absolute;top:50%;right:0;z-index:2;transform:translateY(-50%) translate(.375rem);display:flex;align-items:center;gap:.5rem;padding:.375rem .4375rem .375rem .75rem;background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-pill);box-shadow:var(--shadow-pop);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--anim-duration) var(--anim-ease),transform var(--anim-duration) var(--anim-ease),visibility var(--anim-duration)}.link-item.confirm-del .link-del-confirm{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)}.link-del-confirm-label{font-size:var(--fs-xs);color:var(--c-ink-muted)}.link-del-yes,.link-del-no{border:0;border-radius:var(--r-pill);padding:.25rem .625rem;font-family:inherit;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:background-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease),transform var(--anim-duration-fast) var(--anim-ease)}.link-del-yes{background-color:var(--c-error);color:var(--c-surface)}.link-del-yes:hover{background-color:var(--c-error-ink)}.link-del-yes:active{transform:scale(var(--anim-press))}.link-del-no{background-color:transparent;color:var(--c-ink-muted)}.link-del-no:hover{background-color:var(--c-surface-hover);color:var(--c-ink)}.link-del-no:active{transform:scale(var(--anim-press))}.link-row-side>:not(.link-del-confirm){transition:opacity var(--anim-duration) var(--anim-ease)}.link-item.confirm-del .link-row-side>:not(.link-del-confirm){opacity:0;pointer-events:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--r-btn);background-color:transparent;color:var(--c-ink-muted);cursor:pointer;transition:background-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease),transform var(--anim-duration-fast) var(--anim-ease)}.icon-btn:hover{background-color:var(--c-primary-soft);color:var(--c-primary-hover)}.icon-btn:active{transform:scale(var(--anim-press))}.icon-btn.danger:hover{background-color:var(--c-error-soft);color:var(--c-error)}.icon-btn .icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.empty-note{margin:.75rem 0 0;font-size:var(--fs-sm);color:var(--c-ink-muted)}.an-summary{display:flex;flex-wrap:wrap;gap:.25rem .875rem;font-size:var(--fs-xs);color:var(--c-ink-muted)}.an-summary b{color:var(--c-ink);font-weight:600}.an-breakdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem 1.25rem}.an-group{display:flex;flex-direction:column;gap:.25rem}.an-group-title{margin:0;font-size:var(--fs-xs);font-weight:600;color:var(--c-ink)}.bd-row{display:flex;align-items:center;gap:.375rem;font-size:var(--fs-xs)}.bd-key{width:4.5rem;flex-shrink:0;color:var(--c-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-track{flex:1;height:.375rem;border-radius:var(--r-pill);background-color:var(--c-primary-track);overflow:hidden}.bd-bar{display:block;height:100%;width:100%;border-radius:var(--r-pill);background-color:var(--c-primary);transform:scaleX(var(--v, 0));transform-origin:left;transition:transform var(--anim-duration-slow) var(--anim-ease)}.bd-num{width:1.75rem;flex-shrink:0;text-align:right;color:var(--c-ink-muted);font-variant-numeric:tabular-nums}.qr-card{margin-top:1.25rem;width:100%;max-width:var(--w-form);background-color:var(--c-surface);border-radius:var(--r-card);padding:1.25rem;text-align:left;display:flex;flex-direction:column;align-items:center}.qr-card .link-field{width:100%}.qr-stage{margin-top:1rem;min-height:8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.qr-hint{margin:0;font-size:var(--fs-sm);color:var(--c-ink-muted)}.qr-card canvas{border-radius:var(--r-btn)}.qr-reveal{max-height:0;opacity:0;visibility:hidden;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:max-height var(--anim-duration-slow) var(--anim-ease),opacity var(--anim-duration) var(--anim-ease),visibility var(--anim-duration-slow)}.qr-reveal.show{max-height:26rem;opacity:1;visibility:visible}.qr-hint{max-height:2rem;transition:max-height var(--anim-duration) var(--anim-ease),opacity var(--anim-duration) var(--anim-ease),visibility var(--anim-duration)}.qr-stage:has(.qr-reveal.show) .qr-hint{max-height:0;opacity:0;visibility:hidden;overflow:hidden}.qr-panel{max-height:0;opacity:0;overflow:hidden;visibility:hidden;width:100%;max-width:var(--w-form);display:flex;flex-direction:column;align-items:center;gap:.75rem;background-color:var(--c-surface);border-radius:var(--r-card);padding:1rem 1.25rem 1.25rem;transition:max-height var(--anim-duration-slow) var(--anim-ease),opacity var(--anim-duration) var(--anim-ease),visibility var(--anim-duration-slow),margin-top var(--anim-duration) var(--anim-ease)}.qr-panel.show{max-height:20rem;opacity:1;visibility:visible;margin-top:.375rem}.copy-helper{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;border:0;padding:0}.tracker-overlay{position:fixed;inset:0 0 var(--bar-h) 0;z-index:20;background-color:var(--c-page);display:none;flex-direction:column;padding:1.25rem;overflow-y:auto}.tracker-overlay.open{display:flex;animation:view-in var(--anim-duration) var(--anim-ease)}.tracker-head{width:100%;max-width:var(--w-form);margin:0 auto .75rem}.tracker-box{width:100%;max-width:var(--w-form);min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;padding-bottom:3.25rem}.tracker-box .chart{height:8rem;gap:.25rem}.tracker-box .chart-card{margin-top:0}.tracker-box .bd-card{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.875rem;text-align:left}.tracker-close{width:100%;max-width:var(--w-form);margin:auto auto 0;position:sticky;bottom:0}.chart-card{margin-top:1.5rem;width:100%;max-width:var(--w-form);background-color:var(--c-surface);border-radius:var(--r-card);padding:1.25rem 1.25rem 1rem;text-align:left}.chart{position:relative;display:flex;flex-direction:column;gap:.25rem;height:9rem}.chart-svg{flex:1;min-height:0;width:100%;display:block;overflow:visible}.chart-line{fill:none;stroke:var(--c-primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:chart-draw var(--anim-duration-chart) var(--anim-ease) forwards}.chart-area{opacity:0;animation:chart-fade var(--anim-duration-chart) var(--anim-ease) .15s forwards}.chart-dot{opacity:0;animation:chart-fade var(--anim-duration-fast) var(--anim-ease) .55s forwards}.chart-tip{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:.0625rem;padding:.3125rem .5625rem;background-color:var(--c-ink);color:var(--c-surface);border-radius:var(--r-btn);font-size:var(--fs-xs);font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - .5rem));transition:opacity var(--anim-duration-fast) var(--anim-ease);z-index:1}.chart-tip.show{opacity:1}.chart-tip-date{font-weight:400;opacity:.72}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes chart-fade{to{opacity:1}}.chart-days{display:flex;justify-content:space-between;padding:0 .25rem}.chart-day{font-size:var(--fs-xs);color:var(--c-ink-muted)}.chart-bars{flex-direction:row;gap:.5rem}.chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.chart-val{font-size:var(--fs-xs);font-weight:600;color:var(--c-ink-muted);font-variant-numeric:tabular-nums}.chart-track{flex:1;width:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;height:100%;background-color:var(--c-primary);border-radius:var(--r-btn) var(--r-btn) 0 0;transform:scaleY(var(--v, 0));transform-origin:bottom;transition:transform var(--anim-duration-slow) var(--anim-ease) calc(var(--i, 0) * var(--anim-stagger)),background-color var(--anim-duration-fast) var(--anim-ease)}.chart-col:hover .chart-bar{background-color:var(--c-primary-hover)}.stat-grid{margin-top:1.25rem;width:100%;max-width:var(--w-form);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.125rem;background-color:var(--c-surface);border-radius:var(--r-card);padding:1rem .5rem}.stat-value{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-label{font-size:var(--fs-xs);color:var(--c-ink-muted)}@media(max-width:400px){.stat-value{font-size:1.25rem}.stat-card{padding:1rem .25rem}}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;height:var(--bar-h);display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .75rem;background-color:var(--c-surface);border-top:1px solid var(--c-border)}.nav-btn{border:0;border-radius:var(--r-btn);padding:.375rem .5rem;background-color:transparent;font-size:var(--fs-xs);font-weight:500;color:var(--c-ink-muted);cursor:pointer;transition:transform var(--anim-duration) var(--anim-ease),background-color var(--anim-duration) var(--anim-ease),color var(--anim-duration) var(--anim-ease)}.nav-btn:hover{background-color:var(--c-surface-hover);color:var(--c-ink)}.nav-btn:active{transform:scale(var(--anim-press))}.nav-btn.active{background-color:var(--c-primary-soft);color:var(--c-ink)}@media(min-width:640px){.bottom-bar{justify-content:center;gap:.75rem;padding:0}.nav-btn{font-size:var(--fs-sm);padding:.5rem .875rem}}:root[data-anim=off] *,:root[data-anim=off] *:before,:root[data-anim=off] *:after{transition:none!important;animation:none!important;transition-delay:0s!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}