:root{--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1025px;--widget-gap-mobile:.75rem;--widget-gap-tablet:1rem;--widget-gap-desktop:1.25rem;--widget-animation-duration:.3s;--widget-animation-timing:ease-in-out;--sidebar-width-mobile:100%;--sidebar-width-tablet:280px;--sidebar-width-desktop:320px;--widget-min-height:60px;--widget-max-height-mobile:200px;--widget-max-height-tablet:300px;--widget-max-height-desktop:400px}.widget-container{min-height:var(--widget-min-height);transition:all var(--widget-animation-duration) var(--widget-animation-timing);overflow:hidden}.widget-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.widget-container.widget-hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sidebar-top-section{margin-bottom:1rem}.sidebar-sticky-section{z-index:10;position:sticky;top:1rem}.widget-container[data-widget-type=profile]{min-height:120px}@media (width<=767px){.widget-container[data-widget-type=profile]{min-height:100px}}.widget-container[data-widget-type=announcement]{min-height:80px}@media (width<=767px){.widget-container[data-widget-type=announcement]{min-height:60px;font-size:.875rem}}.widget-container[data-widget-type=categories],.widget-container[data-widget-type=tags]{scrollbar-width:thin;scrollbar-color:#9ca3af80 transparent;overflow-y:auto}.widget-container[data-widget-type=categories]::-webkit-scrollbar,.widget-container[data-widget-type=tags]::-webkit-scrollbar{width:4px}.widget-container[data-widget-type=categories]::-webkit-scrollbar-track,.widget-container[data-widget-type=tags]::-webkit-scrollbar-track{background:0 0}.widget-container[data-widget-type=categories]::-webkit-scrollbar-thumb,.widget-container[data-widget-type=tags]::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:2px}.widget-container[data-widget-type=toc]{max-height:400px;overflow-y:auto}@media (width<=767px){.widget-container[data-widget-type=toc]{display:none}}.widget-container[data-widget-type=music-player]{min-height:100px;max-height:150px}@media (width<=767px){.widget-container[data-widget-type=music-player]{min-height:80px;max-height:120px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.widget-animation-fade{animation:fadeIn var(--widget-animation-duration) var(--widget-animation-timing) forwards}.widget-animation-slide{animation:slideIn var(--widget-animation-duration) var(--widget-animation-timing) forwards}.widget-animation-scale{animation:scaleIn var(--widget-animation-duration) var(--widget-animation-timing) forwards}.widget-container{opacity:0}.widget-container.widget-animated{opacity:1}.widget-loading{position:relative;overflow:hidden}.widget-loading:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.widget-error{color:#dc2626;text-align:center;background-color:#fef2f2;border:2px dashed #ef4444;justify-content:center;align-items:center;min-height:80px;font-size:.875rem;display:flex}.widget-empty{color:#6b7280;text-align:center;background-color:#f9fafb;border:2px dashed #d1d5db;justify-content:center;align-items:center;min-height:80px;font-size:.875rem;display:flex}@media (prefers-color-scheme:dark){.widget-container:hover{box-shadow:0 4px 12px #0000004d}.widget-container.widget-hover{box-shadow:0 4px 12px #0006}.widget-error{color:#fca5a5;background-color:#450a0a;border-color:#f87171}.widget-empty{color:#9ca3af;background-color:#111827;border-color:#4b5563}.widget-loading:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}}@media (prefers-contrast:high){.widget-container{border:2px solid}.widget-container:hover{border-width:3px}}@media (prefers-reduced-motion:reduce){.widget-container,.widget-animation-fade,.widget-animation-slide,.widget-animation-scale{transition:none;animation:none}.widget-container{opacity:1;transform:none}.widget-container:hover{transform:none}}.widget-hidden{display:none!important}.widget-visible{display:block!important}.widget-compact{padding:.5rem!important;font-size:.875rem!important}.widget-expanded{padding:1.5rem!important;font-size:1rem!important}[data-debug=true] .widget-container{border:1px solid #3b82f6;position:relative}[data-debug=true] .widget-container:before{content:attr(data-widget-type) " [" attr(data-widget-order) "]";color:#fff;z-index:1000;background:#3b82f6;padding:2px 4px;font-size:10px;position:absolute;top:-1px;left:-1px}