.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-ui);font-weight:var(--font-weight-medium);letter-spacing:.01em;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;isolation:isolate;transition:transform var(--transition-spring),box-shadow var(--transition-normal),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.97);transition:transform var(--transition-micro)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn--sm{height:2.25rem;padding:0 var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn--md{height:2.875rem;padding:0 var(--spacing-lg);font-size:var(--font-size-md)}.btn--lg{height:3.5rem;padding:0 var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:var(--color-accent-text);border-color:transparent;box-shadow:0 1px 2px #0000001a,0 4px 12px -2px var(--color-accent-glow),inset 0 1px #ffffff26;overflow:hidden}.btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.2) 50%,transparent 80%);transform:translate(-100%) skew(-15deg);transition:transform var(--duration-slow) var(--ease-out-quart)}.btn--primary:hover:not(:disabled):before{transform:translate(100%) skew(-15deg)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026,0 8px 24px -4px var(--color-accent-glow),0 0 0 1px var(--color-accent-hover),inset 0 1px #fff3}.btn--primary:active:not(:disabled){transform:scale(.97) translateY(0);box-shadow:0 1px 4px #0000001a,0 2px 8px -2px var(--color-accent-glow),inset 0 2px 4px #0000001a}.btn--secondary{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-glass-elevated);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary:active:not(:disabled){transform:scale(.97);box-shadow:var(--shadow-xs)}.btn--secondary:focus-visible{outline-color:var(--color-text-primary)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-bg-hover);opacity:0;transition:opacity var(--transition-fast)}.btn--ghost:hover:not(:disabled){color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled):after{opacity:1}.btn--ghost:active:not(:disabled):after{opacity:.8}.btn--ghost:focus-visible{outline-color:var(--color-text-primary)}.btn--ghost>*{position:relative;z-index:1}.btn--danger{background:linear-gradient(135deg,var(--color-error) 0%,#ef4444 100%);color:#fff;border-color:transparent;box-shadow:0 1px 2px #0000001a,0 4px 12px -2px var(--color-error-glow)}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026,0 8px 24px -4px var(--color-error-glow)}.btn--full-width{width:100%;display:flex}.btn--icon-only{padding:0;aspect-ratio:1}.btn--icon-only.btn--sm{width:2.25rem}.btn--icon-only.btn--md{width:2.875rem}.btn--icon-only.btn--lg{width:3.5rem}.btn--loading{color:transparent!important;pointer-events:none}.btn--loading>*:not(.btn__spinner){visibility:hidden}.btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.25em;height:1.25em;border:2px solid;border-color:currentColor transparent currentColor transparent;border-radius:50%;animation:btn-spin .7s linear infinite;color:var(--color-text-primary)}.btn--primary .btn__spinner{color:var(--color-accent-text)}@keyframes btn-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:480px){.btn--sm{height:2rem;padding:0 var(--spacing-sm);font-size:var(--font-size-xs)}.btn--md{height:2.5rem;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.btn--lg{height:3rem;padding:0 var(--spacing-lg);font-size:var(--font-size-md)}.btn{gap:var(--spacing-xs)}.btn--primary:before{display:none}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn--primary:before{display:none}.btn:active:not(:disabled){transform:none}.btn:hover:not(:disabled){transform:none}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input__label{font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-left:2px;letter-spacing:.01em}.input__container{position:relative;display:flex;align-items:center}.input{width:100%;padding:.875rem var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),inset 0 1px 2px #00000008;transition:border-color var(--transition-fast),box-shadow var(--transition-normal),background-color var(--transition-fast),transform var(--transition-spring)}.input::placeholder{color:var(--color-text-muted);opacity:.7}.input:hover:not(:disabled):not(:focus){border-color:var(--color-border-hover);background:var(--color-bg-glass-elevated)}.input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-elevated);box-shadow:0 0 0 4px var(--color-accent-subtle),var(--shadow-md),inset 0 1px 2px #00000005;transform:translateY(-1px)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}.input--error{border-color:var(--color-error);animation:shake .4s var(--ease-out-quart)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 4px var(--color-error-bg),var(--shadow-md)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.input--success{border-color:var(--color-success)}.input--success:focus{border-color:var(--color-success);box-shadow:0 0 0 4px var(--color-success-bg),var(--shadow-md)}.input[type=password],.input--has-toggle{padding-right:3.25rem}.input__toggle-password{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.input__toggle-password:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.input__toggle-password:active{transform:scale(.9)}.input__toggle-password:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.input__error{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs);animation:fadeInUp .2s var(--ease-out-quart)}.input__error:before{content:"";width:4px;height:4px;background:var(--color-error);border-radius:50%;flex-shrink:0}.input__helper{font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.input__char-count{font-family:var(--font-family-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;margin-top:var(--spacing-xs);font-variant-numeric:tabular-nums}.input__char-count--warning{color:var(--color-warning)}.input__char-count--error{color:var(--color-error)}textarea.input{min-height:120px;resize:vertical;line-height:var(--line-height)}.input--sm{padding:.625rem var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.input--lg{padding:1rem var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}@media(max-width:480px){.input{padding:.75rem var(--spacing-md);font-size:var(--font-size-sm)}.input__label{font-size:var(--font-size-xs)}.input[type=password],.input--has-toggle{padding-right:2.75rem}.input__toggle-password{right:.5rem;width:1.75rem;height:1.75rem}.input__error,.input__helper{font-size:var(--font-size-xs)}textarea.input{min-height:100px}}@media(prefers-reduced-motion:reduce){.input{transition:none}.input:focus{transform:none}.input--error{animation:none}}.card{position:relative;border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-spring),box-shadow var(--transition-normal),border-color var(--transition-fast),background-color var(--transition-fast)}.card--elevated{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg)}.card--elevated:hover{box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.card--glass{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);box-shadow:var(--shadow-md)}.card--glass:hover{background:var(--color-bg-glass-elevated);border-color:#ffffff26;box-shadow:var(--shadow-lg)}.card--glow{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-secondary) 100%);border:1px solid transparent;background-clip:padding-box;box-shadow:var(--shadow-lg)}.card--glow:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--color-accent) 0%,transparent 40%,transparent 60%,var(--color-accent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;transition:opacity var(--transition-normal);pointer-events:none}.card--glow:hover:before{opacity:.8}.card--glow:after{content:"";position:absolute;inset:-100%;background:radial-gradient(circle at 50% 50%,var(--color-accent-glow) 0%,transparent 50%);opacity:0;pointer-events:none;animation:card-ambient-glow 4s ease-in-out infinite;transition:opacity var(--transition-slow)}.card--glow:hover:after{opacity:1}@keyframes card-ambient-glow{0%,to{opacity:.03;transform:scale(.95)}50%{opacity:.08;transform:scale(1.05)}}.card--outlined{background-color:transparent;border:1px solid var(--color-border)}.card--outlined:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-glass)}.card--filled{background-color:var(--color-bg-secondary);border:1px solid transparent}.card--filled:hover{background-color:var(--color-bg-hover)}.card--interactive{cursor:pointer}.card--interactive:active{transform:scale(.98);transition:transform var(--transition-micro)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--spacing-md)}.card--padding-md{padding:var(--spacing-lg)}.card--padding-lg{padding:var(--spacing-xl)}.card--padding-xl{padding:var(--spacing-2xl)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-md)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0}.card__body{flex:1}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle);margin-top:var(--spacing-md)}@media(max-width:480px){.card{border-radius:var(--radius-lg)}.card--padding-sm{padding:var(--spacing-sm)}.card--padding-md{padding:var(--spacing-md)}.card--padding-lg{padding:var(--spacing-lg)}.card--padding-xl{padding:var(--spacing-xl)}.card--glass{backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.card--glow:after{display:none}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover,.card--interactive:active{transform:none}.card--glow:after{animation:none}}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;overflow:hidden;isolation:isolate;transition:transform var(--transition-spring),box-shadow var(--transition-normal),background-color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 50% 50%,var(--color-accent-glow) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.theme-toggle:hover{background:var(--color-bg-glass-elevated);border-color:var(--color-accent);transform:scale(1.05);box-shadow:var(--shadow-glow-sm)}.theme-toggle:hover:before{opacity:1}.theme-toggle:active{transform:scale(.95);transition:transform var(--transition-micro)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.theme-toggle__icon{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5) rotate(-120deg);transition:opacity var(--duration-normal) var(--ease-out-quart),transform var(--duration-slow) var(--ease-spring);z-index:1}.theme-toggle__icon--visible{opacity:1;transform:scale(1) rotate(0)}.theme-toggle__icon svg{width:1.25rem;height:1.25rem;transition:fill var(--transition-fast)}.theme-toggle:hover .theme-toggle__icon--visible svg{animation:iconPulse .6s var(--ease-spring)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}[data-theme=light] .theme-toggle{--color-border-glass: rgba(139, 105, 20, .2)}@media(max-width:480px){.theme-toggle{width:2.5rem;height:2.5rem}.theme-toggle__icon svg{width:1.125rem;height:1.125rem}}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle__icon{transition:none}.theme-toggle:hover .theme-toggle__icon--visible svg{animation:none}.theme-toggle:hover,.theme-toggle:active{transform:none}}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;width:260px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border-right:1px solid var(--color-border-glass);display:flex;flex-direction:column;flex-shrink:0;z-index:var(--z-drawer);box-shadow:var(--shadow-lg)}.sidebar--collapsed{width:72px}.sidebar__content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md);gap:var(--spacing-md)}.sidebar__header{display:flex;align-items:center;justify-content:center;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:none;min-height:52px}.sidebar__logo-container{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:-25px}.sidebar__logo-img{width:36px;height:36px;flex-shrink:0}[data-theme=light] .sidebar__logo-img{filter:brightness(0) saturate(100%) invert(35%) sepia(90%) saturate(1500%) hue-rotate(10deg) brightness(95%)}.sidebar__logo-img--collapsed{width:32px;height:32px}.sidebar__logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar__logo{opacity:0;width:0;overflow:hidden}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:transform var(--transition-spring),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sidebar__toggle:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:scale(1.05)}.sidebar__toggle:active{transform:scale(.95)}.sidebar__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar__toggle-icon{transition:transform var(--duration-normal) var(--ease-spring)}.sidebar__toggle-icon--collapsed{transform:rotate(180deg)}.sidebar__nav{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-xs);margin-right:calc(-1 * var(--spacing-xs));margin-top:var(--spacing-xs)}.sidebar__nav-indicator{position:absolute;left:0;right:var(--spacing-xs);background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),0 0 16px -6px var(--color-accent-glow);transition:transform .6s var(--ease-spring-soft),height .6s var(--ease-spring-soft),opacity var(--duration-normal) var(--ease-out-quart);pointer-events:none;z-index:0}.sidebar__nav-item{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;transition:color var(--transition-fast),transform var(--transition-spring)}.sidebar__nav-item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-bg-hover);opacity:0;transition:opacity var(--transition-fast)}.sidebar__nav-item:hover{color:var(--color-text-primary)}.sidebar__nav-item:hover:before{opacity:1}.sidebar__nav-item:active{transform:scale(.98)}.sidebar__nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar__nav-item--active{color:var(--color-text-primary)}.sidebar__nav-item--active:before{opacity:0}.sidebar__nav-item--dev-only{color:var(--color-text-secondary)}.sidebar__nav-item--dev-only:hover,.sidebar__nav-item--dev-only.sidebar__nav-item--active{color:var(--color-text-primary)}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:var(--spacing-sm)}.sidebar__nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.sidebar__nav-label{overflow:hidden;text-overflow:ellipsis;flex:1;position:relative;z-index:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar__nav-label{opacity:0;width:0}.sidebar__nav-arrow{display:flex;align-items:center;justify-content:center;margin-left:auto;position:relative;z-index:1;transition:transform var(--transition-spring)}.sidebar__nav-arrow--expanded{transform:rotate(180deg)}.sidebar--collapsed .sidebar__nav-arrow{display:none}.sidebar__nav-group{position:relative;z-index:1;display:flex;flex-direction:column}.sidebar__submenu{display:flex;flex-direction:column;gap:2px;margin-top:2px;padding-left:var(--spacing-sm);border-left:1px solid var(--color-border-subtle);margin-left:calc(var(--spacing-md) + 10px);animation:submenuSlideIn var(--duration-normal) var(--ease-out-quart)}@keyframes submenuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar__nav-item--sub{padding-left:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar__nav-item--sub:after{display:none}.sidebar__nav-item--sub .sidebar__nav-icon{display:none}.sidebar__footer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle);margin-top:auto}.sidebar__theme-toggle{position:relative;z-index:2;display:flex;align-items:center;margin-top:var(--spacing-md);padding:4px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg)}.sidebar__theme-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),0 0 12px -4px var(--color-accent-glow);transition:transform var(--duration-slow) var(--ease-spring-soft);pointer-events:none}.sidebar__theme-slider--dark{transform:translate(100%)}.sidebar__theme-btn{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast)}.sidebar__theme-btn:hover{color:var(--color-text-secondary)}.sidebar__theme-btn--active{color:var(--color-accent)}.sidebar__theme-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar__theme-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.sidebar-mobile{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border-bottom:1px solid var(--color-border-glass);padding:0 var(--spacing-md);align-items:center;justify-content:space-between;z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.sidebar-mobile__logo-container{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-mobile__logo-img{width:32px;height:32px;flex-shrink:0}[data-theme=light] .sidebar-mobile__logo-img{filter:brightness(0) saturate(100%) invert(35%) sepia(90%) saturate(1500%) hue-rotate(10deg) brightness(95%)}.sidebar-mobile__logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-mobile__toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:12px;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.sidebar-mobile__toggle:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.sidebar-mobile__toggle:active{transform:scale(.95)}.sidebar-mobile__toggle-line{display:block;width:20px;height:2px;background-color:var(--color-text-secondary);border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--ease-spring),opacity var(--transition-fast)}.sidebar-mobile__toggle--open .sidebar-mobile__toggle-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar-mobile__toggle--open .sidebar-mobile__toggle-line:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar-mobile__toggle--open .sidebar-mobile__toggle-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar-mobile__menu{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-xl)) saturate(var(--glass-saturation));border-bottom:1px solid var(--color-border-glass);padding:var(--spacing-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out-expo),opacity var(--transition-fast);box-shadow:var(--shadow-xl);max-height:calc(100vh - 64px);overflow-y:auto}.sidebar-mobile__menu--open{transform:translateY(0);opacity:1;pointer-events:auto}.sidebar-mobile__nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-mobile__nav-item{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.sidebar-mobile__nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-mobile__nav-item:active{transform:scale(.98)}.sidebar-mobile__nav-item--active{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar-mobile__nav-icon{display:flex;align-items:center;justify-content:center}.sidebar-mobile__nav-arrow{display:flex;align-items:center;justify-content:center;margin-left:auto;transition:transform var(--transition-spring)}.sidebar-mobile__nav-arrow--expanded{transform:rotate(180deg)}.sidebar-mobile__nav-group{display:flex;flex-direction:column}.sidebar-mobile__submenu{display:flex;flex-direction:column;gap:2px;margin-top:2px;padding-left:var(--spacing-md);border-left:2px solid var(--color-border-subtle);margin-left:calc(var(--spacing-md) + 12px);animation:submenuSlideIn var(--duration-normal) var(--ease-out-quart)}.sidebar-mobile__nav-item--sub{padding-left:var(--spacing-md);font-size:var(--font-size-sm)}.sidebar-mobile__theme-toggle{position:relative;display:flex;align-items:center;margin-top:var(--spacing-md);padding:4px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg)}.sidebar-mobile__theme-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),0 0 12px -4px var(--color-accent-glow);transition:transform var(--duration-slow) var(--ease-spring-soft);pointer-events:none}.sidebar-mobile__theme-slider--dark{transform:translate(100%)}.sidebar-mobile__theme-btn{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast)}.sidebar-mobile__theme-btn:hover{color:var(--color-text-secondary)}.sidebar-mobile__theme-btn--active{color:var(--color-accent)}.sidebar-mobile__theme-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media(max-width:900px){.sidebar{display:none}.sidebar-mobile{display:flex}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar__toggle,.sidebar__nav-item,.sidebar-mobile__toggle,.sidebar-mobile__menu,.sidebar__submenu{transition:none}.sidebar__toggle:hover,.sidebar__toggle:active,.sidebar__nav-item:active,.sidebar-mobile__toggle:active,.sidebar-mobile__nav-item:active{transform:none}.sidebar__submenu{animation:none}}.right-sidebar{position:sticky;top:0;height:100vh;height:100dvh;width:320px;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border-left:1px solid var(--color-border-glass);z-index:var(--z-drawer);box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;flex-shrink:0;animation:rightSidebarSlideIn var(--duration-slow) var(--ease-out-expo)}@keyframes rightSidebarSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track{background:transparent}.right-sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.right-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.right-sidebar__content{display:flex;flex-direction:column;padding:var(--spacing-lg);padding-top:100px;gap:var(--spacing-xl)}.right-sidebar__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.right-sidebar__section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-glass)}.right-sidebar__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0}.right-sidebar__view-all{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.right-sidebar__view-all:hover{color:var(--color-accent)}.right-sidebar__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.right-sidebar__item{display:block;padding:var(--spacing-md);background:#fffaf014;border:1px solid rgba(255,250,240,.1);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000001a;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-spring)}.right-sidebar__item:hover{background:#fffaf01f;border-color:var(--color-accent);box-shadow:inset 0 1px #ffffff14,0 4px 8px #00000026,0 0 12px -4px var(--color-accent-glow);transform:translate(-4px)}.right-sidebar__item:active{transform:translate(-2px) scale(.99)}.right-sidebar__item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.right-sidebar__item:hover .right-sidebar__item-title{color:var(--color-accent)}.right-sidebar__item-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.right-sidebar__meta-item{display:flex;align-items:center;gap:3px}.right-sidebar__item-category{background:var(--color-accent-subtle);color:var(--color-accent);padding:1px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-medium)}.right-sidebar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-bg-primary);font-size:10px;font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs)}.right-sidebar__notif{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:background var(--transition-fast)}.right-sidebar__notif:hover{background:#fffaf00f}.right-sidebar__notif--unread{background:#f689090a}.right-sidebar__notif--unread:hover{background:#f6890912}.right-sidebar__notif-icon{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-muted)}.right-sidebar__notif-icon--follow{color:#6366f1;background:#6366f11a}.right-sidebar__notif-icon--game{color:#22c55e;background:#22c55e1a}.right-sidebar__notif-icon--comment{color:#3b82f6;background:#3b82f61a}.right-sidebar__notif-icon--system{color:var(--color-accent);background:var(--color-accent-subtle)}.right-sidebar__notif-body{flex:1;min-width:0}.right-sidebar__notif-msg{font-size:var(--font-size-xs);color:var(--color-text-primary);margin:0 0 2px;line-height:1.4}.right-sidebar__notif-time{font-size:10px;color:var(--color-text-muted)}.right-sidebar__notif-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--color-accent);margin-top:5px}.right-sidebar__empty{text-align:center;padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.right-sidebar__skeleton{display:flex;flex-direction:column;gap:var(--spacing-xs)}.right-sidebar__skeleton-item{height:60px;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .right-sidebar__item{background:#f5ebd299;border:1px solid rgba(58,44,31,.12);box-shadow:inset 0 1px #ffffff80,0 2px 4px #3a2c1f1a}[data-theme=light] .right-sidebar__item:hover{background:#faf2e1bf;border-color:var(--color-accent);box-shadow:inset 0 1px #ffffffb3,0 4px 8px #3a2c1f26,0 0 12px -4px var(--color-accent-glow)}@media(max-width:1535px){.right-sidebar{display:none}}@media(prefers-reduced-motion:reduce){.right-sidebar{animation:none}.right-sidebar__item:hover,.right-sidebar__item:active{transform:none}.right-sidebar__skeleton-item{animation:none}}.timeline-view{position:relative;display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(100dvh - 120px);min-height:400px}.timeline-view--cursor-hidden{cursor:none}.timeline-view--cursor-hidden *{cursor:none!important}.timeline-view__top{position:relative;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) 0}.timeline-view__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);transition:opacity var(--duration-normal) var(--ease-out-quart)}.timeline-view__hover-description{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-xl);padding-top:var(--spacing-2xl);background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));z-index:var(--z-popover);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-quart)}.timeline-view__hover-description--visible{opacity:1;transform:translateY(0)}.timeline-view__hover-description>*{max-width:600px}.timeline-view__hover-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.timeline-view__hover-org{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:4px}.timeline-view__hover-period{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:10px}.timeline-view__hover-text{font-size:var(--font-size-lg);color:var(--color-text-primary);line-height:var(--line-height-relaxed);text-align:left;text-indent:2em}.timeline-view--hovering .timeline-view__filters{opacity:.3}.timeline-view__year-slider{display:flex;align-items:center;gap:var(--spacing-md);position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;max-width:400px}.timeline-view__year-slider-label{font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap}.timeline-view__year-slider-input{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-bg-secondary);border-radius:var(--radius-full);outline:none;direction:rtl}.timeline-view__year-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:2px solid var(--color-bg-primary);box-shadow:var(--shadow-md),var(--shadow-glow-sm);transition:transform var(--transition-spring),box-shadow var(--transition-fast)}.timeline-view__year-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg),var(--shadow-glow-md)}.timeline-view__year-slider-input::-moz-range-thumb{width:18px;height:18px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:2px solid var(--color-bg-primary);box-shadow:var(--shadow-md)}.timeline-view__filter{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.timeline-view__filter:hover{background-color:var(--color-bg-hover)}.timeline-view__filter:active{transform:scale(.95)}.timeline-view__filter--inactive{opacity:.4}.timeline-view__filter--inactive:hover{opacity:.7}.timeline-view__filter-dot{width:14px;height:14px;border-radius:50%;transition:transform var(--transition-spring),background-color var(--transition-fast),box-shadow var(--transition-fast)}.timeline-view__filter:hover .timeline-view__filter-dot{transform:scale(1.15);box-shadow:0 0 8px currentColor}.timeline-view__filter--inactive .timeline-view__filter-dot{background-color:transparent!important;box-shadow:inset 0 0 0 2px var(--dot-color, currentColor)}.timeline-view__filter-label{font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timeline-view__filters--legend{gap:var(--spacing-lg)}.timeline-view__filter--legend{cursor:default;pointer-events:none}.timeline-view__filter--legend:hover{background-color:transparent}.timeline-view__filter--legend .timeline-view__filter-dot{transform:none}.timeline-view__page-date{font-size:var(--font-size-md);color:var(--color-text-secondary);text-align:center}.timeline-view__scroll-container{flex:1;overflow:visible;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:0 50px}.timeline-view__rows{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-width:calc(600px * var(--timeline-scale, 1));width:calc(100% * var(--timeline-scale, 1));transform:translate(calc(-1 * var(--timeline-pan, 0%)));transition:transform .15s var(--ease-out-quart);padding-bottom:var(--spacing-lg)}.timeline-view__row{display:flex;align-items:center;min-height:50px;flex:1}.timeline-view__row-track{flex:1;position:relative;height:100%}.timeline-view__line{position:absolute;top:50%;left:0;right:0;height:4px;border-radius:var(--radius-full);transform:translateY(-50%);z-index:0;opacity:.25;pointer-events:none}.timeline-view__event{position:absolute;top:50%;transform:translateY(-50%);height:40px;cursor:pointer;min-width:60px;transition:z-index 0s}.timeline-view__event:hover{z-index:10}.timeline-view__event--active{z-index:11}@media(hover:hover)and (min-width:769px){.timeline-view__row,.timeline-view__skills{transition:opacity var(--duration-normal) var(--ease-out-quart)}.timeline-view:has(.timeline-view__event:hover) .timeline-view__row:not(:has(.timeline-view__event:hover)),.timeline-view:has(.timeline-view__event:hover) .timeline-view__skills{opacity:.25}}.timeline-view__duration-line{position:absolute;top:50%;left:8px;right:8px;height:6px;border-radius:var(--radius-full);transform:translateY(-50%);z-index:1;cursor:pointer;transition:background-color var(--transition-fast),height var(--transition-spring),box-shadow var(--transition-fast)}.timeline-view__event:hover .timeline-view__duration-line{height:8px;box-shadow:0 0 12px var(--event-color, var(--color-accent-glow))}.timeline-view__duration-line--completed{background-color:var(--color-text-muted)!important;opacity:.5}.timeline-view__circle--completed{background-color:var(--color-text-muted)!important;filter:none!important}.timeline-view__arrow--completed{border-left-color:var(--color-text-muted)!important;filter:none!important}.timeline-view__event--completed .timeline-view__title{color:var(--color-text-muted);text-decoration:line-through;opacity:.7}.timeline-view__circle{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translateY(-50%);z-index:2;background-color:var(--event-color, var(--color-accent));filter:brightness(.85);transition:transform var(--transition-spring),filter var(--transition-fast),box-shadow var(--transition-fast)}.timeline-view__circle--start{left:0}.timeline-view__circle--end{right:0}.timeline-view__event:hover .timeline-view__circle,.timeline-view__event--active .timeline-view__circle{transform:translateY(-50%) scale(1.2);filter:brightness(.75);box-shadow:0 0 16px var(--event-color, var(--color-accent-glow))}.timeline-view__arrow{position:absolute;top:50%;right:-4px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid var(--event-color, var(--color-accent));transform:translateY(-50%);filter:brightness(.85);z-index:2;transition:transform var(--transition-spring),filter var(--transition-fast)}.timeline-view__event:hover .timeline-view__arrow,.timeline-view__event--active .timeline-view__arrow{transform:translateY(-50%) scale(1.15);filter:brightness(.75)}.timeline-view__label{position:absolute;top:100%;left:0;right:0;margin-top:4px;text-align:center;pointer-events:none}.timeline-view__title{display:inline-block;font-family:var(--font-family-ui);font-size:11px;color:var(--color-text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;transition:color var(--transition-fast)}.timeline-view__event:hover .timeline-view__title{color:var(--color-text-primary)}.timeline-view__axis{position:relative;height:40px;min-width:calc(600px * var(--timeline-scale, 1));width:calc(100% * var(--timeline-scale, 1));border-top:1px solid var(--color-border);flex-shrink:0;margin-top:auto;overflow:visible;transform:translate(calc(-1 * var(--timeline-pan, 0%)));transition:transform .15s var(--ease-out-quart)}.timeline-view__axis-mark{position:absolute;top:0;transform:translate(-50%)}.timeline-view__axis-mark:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:8px;background-color:var(--color-border)}.timeline-view__axis-year{display:block;margin-top:12px;font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:center}.timeline-view__axis-year--short{display:none}.timeline-view__axis-range{position:absolute;top:-2px;height:4px;background-color:var(--event-color, var(--color-accent));border-radius:2px;animation:axisRangeFadeIn var(--duration-normal) var(--ease-out-quart) forwards}.timeline-view__axis-indicator{position:absolute;top:-6px;width:12px;height:12px;border-radius:50%;background-color:var(--event-color, var(--color-accent));transform:translate(-50%);animation:axisIndicatorFadeIn var(--duration-normal) var(--ease-spring) forwards}@keyframes axisRangeFadeIn{0%{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:.8;transform:scaleX(1);transform-origin:left}}.timeline-view__axis-arrow{position:absolute;top:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--event-color, var(--color-accent));transform:translate(-50%);animation:axisIndicatorFadeIn var(--duration-normal) var(--ease-spring) forwards}@keyframes axisIndicatorFadeIn{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}.timeline-view__modal-overlay{position:fixed;inset:0;background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(var(--glass-blur-md));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:modalFadeIn var(--duration-fast) var(--ease-out-quart)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.timeline-view__modal{position:relative;background:var(--color-bg-elevated);border:1px solid var(--color-border-glass);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:modalSlideIn var(--duration-normal) var(--ease-spring);scrollbar-width:none;-ms-overflow-style:none}.timeline-view__modal::-webkit-scrollbar{display:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.timeline-view__modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-lg);display:flex;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-spring)}.timeline-view__modal-close:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.timeline-view__modal-close:active{transform:scale(.9)}.timeline-view__modal-dot{width:16px;height:16px;border-radius:50%;margin-bottom:var(--spacing-lg);box-shadow:0 0 12px currentColor}.timeline-view__modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);padding-right:50px}.timeline-view__modal-org{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.timeline-view__modal-dates{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0}.timeline-view__modal-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;white-space:pre-line;text-align:left}.timeline-view__modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.timeline-view__modal-btn{flex:1;background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.timeline-view__modal-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.timeline-view__modal-btn:active{transform:scale(.98)}.timeline-view__modal-btn--delete{color:var(--color-error);border-color:transparent}.timeline-view__modal-btn--delete:hover{background-color:var(--color-error-bg);color:var(--color-error)}.timeline-view__skills{padding:var(--spacing-lg) var(--spacing-xl);margin-top:var(--spacing-md)}.timeline-view__skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.timeline-view__skill-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#ec489926;color:#ec4899;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);border:1px solid rgba(236,72,153,.3);transition:background-color var(--transition-fast),transform var(--transition-spring)}.timeline-view__skill-tag:hover{background:#ec489940;transform:translateY(-1px)}.timeline-view__skills-more{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-fast)}.timeline-view__skills-more:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.timeline-view__skills-more:active{transform:scale(.95)}.timeline-view__modal--skills{max-width:600px}.timeline-view__skills-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media(max-width:768px){.timeline-view{height:calc(100vh - 90px);height:calc(100dvh - 90px)}.timeline-view__top{min-height:50px;padding:0 var(--spacing-md)}.timeline-view__filters{gap:var(--spacing-sm)}.timeline-view__hover-description{max-width:400px}.timeline-view__hover-title{font-size:var(--font-size-sm)}.timeline-view__hover-text{font-size:var(--font-size-xs)}.timeline-view__filter{padding:var(--spacing-xs) var(--spacing-sm)}.timeline-view__filter-dot{width:12px;height:12px}.timeline-view__filter-label{font-size:var(--font-size-xs)}.timeline-view__rows{min-width:100%;margin:0 40px}.timeline-view__row{min-height:40px;flex:1}.timeline-view__line{height:3px}.timeline-view__event{height:32px;min-width:50px}.timeline-view__duration-line{left:7px;right:7px;height:5px}.timeline-view__circle{width:14px;height:14px}.timeline-view__title{font-size:10px}.timeline-view__axis{min-width:100%;margin:0 40px}.timeline-view__axis-year{font-size:var(--font-size-xs)}.timeline-view__modal{padding:var(--spacing-xl);max-width:520px}.timeline-view__modal-title{font-size:var(--font-size-xl)}.timeline-view__modal-org{font-size:var(--font-size-md)}.timeline-view__skills{padding:var(--spacing-md) var(--spacing-lg)}.timeline-view__modal--skills{max-width:500px}}@media(max-width:480px){.timeline-view{height:calc(100vh - 70px);height:calc(100dvh - 70px);min-height:280px}.timeline-view__top{min-height:auto;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm);padding-bottom:var(--spacing-sm)}.timeline-view__filters{gap:8px;justify-content:flex-start;max-width:100%;flex-wrap:wrap}.timeline-view__hover-description{display:none}.timeline-view--hovering .timeline-view__filters{opacity:1;pointer-events:auto}.timeline-view__filter{padding:8px 14px;gap:8px;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);flex:0 0 calc(33% - 8px);justify-content:center}.timeline-view__filter-dot{width:14px;height:14px}.timeline-view__filter-label{font-size:14px;font-weight:var(--font-weight-medium)}.timeline-view__year-slider{display:flex;flex-direction:column;align-items:center;gap:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;max-width:250px}.timeline-view__year-slider-label{font-size:13px}.timeline-view__year-slider-input{width:100%;height:6px}.timeline-view__year-slider-input::-webkit-slider-thumb{width:22px;height:22px}.timeline-view__year-slider-input::-moz-range-thumb{width:22px;height:22px}.timeline-view__scroll-container{margin:0;padding:0;overflow:visible}.timeline-view__rows,.timeline-view__axis{width:calc(100% * var(--timeline-scale, 1));transform:translate(calc(-1 * var(--timeline-pan, 0%)));transition:transform .1s var(--ease-out-quart)}.timeline-view__rows{min-width:calc(100% * var(--timeline-scale, 1));margin:0;padding:var(--spacing-sm) calc(var(--spacing-md) + 16px);gap:0;justify-content:space-evenly}.timeline-view__row{height:auto;min-height:40px;flex:1}.timeline-view__line{height:3px}.timeline-view__event{height:20px;min-width:40px}.timeline-view__duration-line{left:7px;right:7px;height:4px}.timeline-view__circle{width:14px;height:14px}.timeline-view__event:hover .timeline-view__circle,.timeline-view__event--active .timeline-view__circle{transform:translateY(-50%) scale(1.1)}.timeline-view__label{margin-top:3px}.timeline-view__title{font-size:12px}.timeline-view__axis{min-width:calc(100% * var(--timeline-scale, 1));height:36px;margin:0;margin-bottom:var(--spacing-xl);padding:0 calc(var(--spacing-md) + 16px);box-sizing:border-box}.timeline-view__axis-year--full{display:none}.timeline-view__axis-year--short{display:block;font-size:12px;font-weight:var(--font-weight-semibold)}.timeline-view__modal-overlay{padding:0;align-items:flex-end}.timeline-view__modal{padding:var(--spacing-xl);padding-bottom:var(--spacing-2xl);max-height:75vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:100%;animation:modalSlideUp var(--duration-normal) var(--ease-spring)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.timeline-view__modal-close{top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:50%}.timeline-view__modal-title{font-size:var(--font-size-xl);padding-right:48px}.timeline-view__modal-org{font-size:var(--font-size-md)}.timeline-view__modal-dates{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.timeline-view__modal-description{font-size:var(--font-size-md);line-height:1.5}.timeline-view__modal-actions{margin-top:var(--spacing-xl);gap:var(--spacing-sm)}.timeline-view__modal-btn{padding:var(--spacing-md) var(--spacing-md);font-size:var(--font-size-md)}.timeline-view__skills{padding:var(--spacing-md)}.timeline-view__skills-list{gap:var(--spacing-xs)}.timeline-view__skill-tag{font-size:var(--font-size-xs);padding:4px 8px}.timeline-view__skills-more{font-size:var(--font-size-xs);padding:4px 12px}.timeline-view__modal--skills{max-width:100%}.timeline-view__skills-grid{gap:var(--spacing-xs)}}.timeline-view__reading-modal{position:fixed;inset:0;background-color:var(--color-bg-primary);z-index:var(--z-overlay);display:flex;flex-direction:column;animation:readingModalFadeIn var(--duration-normal) var(--ease-out-quart)}@keyframes readingModalFadeIn{0%{opacity:0}to{opacity:1}}.timeline-view__reading-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);overflow-y:auto}.timeline-view__reading-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);text-align:left;text-indent:2em;max-width:600px;margin:0}.timeline-view__reading-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);padding-bottom:var(--spacing-2xl);border-top:1px solid var(--color-border)}.timeline-view__reading-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family-ui);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.timeline-view__reading-btn:active{transform:scale(.98)}.timeline-view__reading-btn--mark{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:var(--color-accent-text);border:none;box-shadow:var(--shadow-glow-sm)}.timeline-view__reading-btn--mark:hover{box-shadow:var(--shadow-glow-md)}.timeline-view__reading-btn--exit{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.timeline-view__reading-btn--exit:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){.timeline-view__rows,.timeline-view__axis,.timeline-view__modal,.timeline-view__modal-overlay,.timeline-view__reading-modal,.timeline-view__hover-description,.timeline-view__filter,.timeline-view__event .timeline-view__circle,.timeline-view__event .timeline-view__arrow{transition:none;animation:none}}.author-link{display:inline;text-decoration:none;color:var(--color-text-secondary);transition:color var(--transition-fast)}.author-link:hover{color:var(--color-accent)}.author-link:hover .author-link__name{text-decoration:underline}.author-link__prefix{color:var(--color-text-muted)}.author-link__name{color:inherit;font-weight:var(--font-weight-medium)}.signup-banner{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border-top:1px solid var(--color-border-glass);z-index:var(--z-sticky);animation:slideUp var(--duration-normal) var(--ease-out-quart)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.signup-banner__text{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.signup-banner__link{font-weight:600;font-size:var(--font-size-md);text-decoration:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-bg-primary);transition:all var(--transition-fast)}.signup-banner__link:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 16px -4px var(--color-accent-glow)}.signup-banner__link:active{transform:scale(.98)}[data-theme=light] .signup-banner{background:#f0ddb0;border-top-color:#8b691433}@media(prefers-reduced-motion:reduce){.signup-banner{animation:none}.signup-banner__link{transition:none}}.confirm-modal__backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out-quart)}.confirm-modal{position:relative;width:100%;max-width:400px;padding:var(--spacing-xl);text-align:center;background:var(--color-bg-glass-elevated);backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:modalSlideIn var(--duration-normal) var(--ease-spring);outline:none}.confirm-modal__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-lg);border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text-secondary);transition:transform var(--transition-spring)}.confirm-modal--danger .confirm-modal__icon{background:#ef444426;color:var(--color-error)}.confirm-modal--warning .confirm-modal__icon{background:#f59e0b26;color:#f59e0b}.confirm-modal__title{margin:0 0 var(--spacing-sm);font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.confirm-modal__message{margin:0 0 var(--spacing-xl);font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.confirm-modal__actions{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-modal__actions .btn{min-width:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.confirm-modal__backdrop{padding:var(--spacing-md);align-items:flex-end}.confirm-modal{padding:var(--spacing-lg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;animation:modalSlideUp var(--duration-normal) var(--ease-spring)}.confirm-modal__icon{width:56px;height:56px}.confirm-modal__icon svg{width:28px;height:28px}.confirm-modal__title{font-size:var(--font-size-lg)}.confirm-modal__message{font-size:var(--font-size-sm)}.confirm-modal__actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.confirm-modal__actions .btn{width:100%}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.confirm-modal__backdrop,.confirm-modal{animation:none}}.infinite-list{display:flex;justify-content:center;padding:var(--spacing-lg) 0;margin-top:var(--spacing-md)}.infinite-list--sentinel{height:1px;padding:0;margin:0}.infinite-list__button{background:var(--color-bg-glass);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturation));border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-xl);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-normal),border-color var(--transition-fast)}.infinite-list__button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 24px -8px var(--color-accent-glow);border-color:var(--color-accent)}.infinite-list__button:active{transform:scale(.97)}.infinite-list__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.infinite-list__loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.infinite-list__spinner{width:18px;height:18px;border:2px solid var(--color-border-glass);border-top-color:var(--color-accent);border-radius:50%;animation:infinite-list-spin .8s linear infinite}@keyframes infinite-list-spin{to{transform:rotate(360deg)}}.infinite-list__end{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;margin:0}@media(prefers-reduced-motion:reduce){.infinite-list__button{transition:none}.infinite-list__spinner{animation:none}}@media(max-width:480px){.infinite-list{padding:var(--spacing-md) 0}.infinite-list__button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}}.newspaper-skeleton{min-height:100vh;min-height:100dvh;background:#080f16;animation:fadeIn var(--duration-normal) var(--ease-out-quart)}.newspaper-skeleton__masthead{text-align:center;padding:clamp(1.5rem,3vw,2.5rem) var(--spacing-xl) 0;border-bottom:1px solid #1e3044;max-width:1400px;margin:0 auto}.newspaper-skeleton__masthead-top{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.newspaper-skeleton__date{width:200px;height:20px}.newspaper-skeleton__signin{width:64px;height:28px;border-radius:6px}.newspaper-skeleton__logo{width:180px;height:48px;margin:var(--spacing-sm) auto;border-radius:8px}.newspaper-skeleton__tagline{width:220px;height:14px;margin:0 auto var(--spacing-md)}.newspaper-skeleton__container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.newspaper-skeleton__hero{display:grid;grid-template-columns:1.8fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.5rem) 0}.newspaper-skeleton__hero-main{display:flex;flex-direction:column;gap:var(--spacing-sm);background:linear-gradient(168deg,#162636,#111d2b);border:1px solid #1e3044;border-radius:16px;padding:clamp(1.5rem,3vw,2rem)}.newspaper-skeleton__breaking{width:100px;height:22px;border-radius:4px}.newspaper-skeleton__headline{width:100%;height:32px;border-radius:6px}.newspaper-skeleton__headline--short{width:65%}.newspaper-skeleton__subheadline{width:80%;height:20px;margin-top:var(--spacing-2xs);border-radius:6px}.newspaper-skeleton__excerpt-line{width:100%;height:14px;border-radius:4px}.newspaper-skeleton__excerpt-line--short{width:45%}.newspaper-skeleton__meta-line{width:180px;height:12px;margin-top:var(--spacing-xs);border-radius:4px}.newspaper-skeleton__image{width:100%;aspect-ratio:16/9;margin-top:var(--spacing-sm);border-radius:12px}.newspaper-skeleton__hero-side{display:flex;flex-direction:column;gap:var(--spacing-md)}.newspaper-skeleton__side-story{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:linear-gradient(168deg,#162636,#111d2b);border:1px solid #1e3044;border-radius:12px}.newspaper-skeleton__side-story:last-child{border-bottom-color:#1e3044}.newspaper-skeleton__side-headline{width:100%;height:18px;border-radius:4px}.newspaper-skeleton__side-headline--short{width:55%}.newspaper-skeleton__side-excerpt{width:100%;height:13px;border-radius:4px}.newspaper-skeleton__side-excerpt--short{width:70%}.newspaper-skeleton__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);padding:clamp(1.5rem,3vw,2.5rem) 0}.newspaper-skeleton__column{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:linear-gradient(168deg,#162636,#111d2b);border:1px solid #1e3044;border-radius:12px}.newspaper-skeleton__column:first-child{padding-left:var(--spacing-md);border-left:1px solid #1e3044}.newspaper-skeleton__col-headline{width:100%;height:20px;border-radius:4px}.newspaper-skeleton__col-headline--short{width:60%}.newspaper-skeleton__col-excerpt{width:100%;height:13px;border-radius:4px}.newspaper-skeleton__col-excerpt--short{width:50%}.newspaper-skeleton__col-meta{width:120px;height:11px;margin-top:var(--spacing-xs);border-radius:4px}.newspaper-skeleton__hero-main .skeleton:nth-child(1){animation-delay:0ms}.newspaper-skeleton__hero-main .skeleton:nth-child(2){animation-delay:50ms}.newspaper-skeleton__hero-main .skeleton:nth-child(3){animation-delay:.1s}.newspaper-skeleton__hero-main .skeleton:nth-child(4){animation-delay:.15s}.newspaper-skeleton__hero-main .skeleton:nth-child(5){animation-delay:.2s}.newspaper-skeleton__hero-main .skeleton:nth-child(6){animation-delay:.25s}.newspaper-skeleton__hero-main .skeleton:nth-child(7){animation-delay:.3s}.newspaper-skeleton__hero-main .skeleton:nth-child(8){animation-delay:.35s}.newspaper-skeleton__hero-main .skeleton:nth-child(9){animation-delay:.4s}.newspaper-skeleton__side-story:nth-child(1) .skeleton{animation-delay:.1s}.newspaper-skeleton__side-story:nth-child(2) .skeleton{animation-delay:.2s}.newspaper-skeleton__side-story:nth-child(3) .skeleton{animation-delay:.3s}.newspaper-skeleton__column:nth-child(1) .skeleton{animation-delay:.15s}.newspaper-skeleton__column:nth-child(2) .skeleton{animation-delay:.25s}.newspaper-skeleton__column:nth-child(3) .skeleton{animation-delay:.35s}@media(max-width:768px){.newspaper-skeleton__hero{grid-template-columns:1fr}.newspaper-skeleton__hero-side{padding-top:var(--spacing-lg)}.newspaper-skeleton__columns{grid-template-columns:1fr}.newspaper-skeleton__column{padding:var(--spacing-md)}.newspaper-skeleton__container{padding:0 var(--spacing-md)}.newspaper-skeleton__masthead{padding:var(--spacing-md) var(--spacing-md) 0}}@media(prefers-reduced-motion:reduce){.newspaper-skeleton .skeleton{animation:none;opacity:.6}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#0c1520;border-top:1px solid #1e3044;box-shadow:0 -4px 24px #00000080;animation:cookieBannerSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes cookieBannerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px}.cookie-banner__text{font-family:Inter,-apple-system,system-ui,sans-serif;font-size:.85rem;line-height:1.5;color:#b0c8d8;margin:0}.cookie-banner__link{color:#e8a040;text-decoration:underline}.cookie-banner__link:hover{color:#f0c060}.cookie-banner__actions{display:flex;gap:10px;flex-shrink:0}.cookie-banner__btn{font-family:Inter,-apple-system,system-ui,sans-serif;font-size:.85rem;font-weight:600;padding:10px 22px;border-radius:8px;border:none;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.cookie-banner__btn:active{transform:scale(.97)}.cookie-banner__btn--accept{background:#e8a040;color:#080f16}.cookie-banner__btn--accept:hover{background:#f0c060;box-shadow:0 0 16px #e8a0404d}.cookie-banner__btn--reject{background:transparent;color:#b0c8d8;border:1px solid #1e3044}.cookie-banner__btn--reject:hover{border-color:#e8a040;color:#f0c060}@media(max-width:680px){.cookie-banner__content{flex-direction:column;gap:12px;padding:16px;text-align:center}.cookie-banner__actions{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.cookie-banner{animation:none}}
