@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--materio-orange:#ff5400;--white-bg:#faf9f5;--jetblack-bg:#121212;--off-white-blur:rgba(242, 241, 233, 0.55);--space-grey-blur:rgba(33, 33, 33, 0.5);--jetblack-blur:rgba(57, 55, 55, 0.5);--tone1:#ff8400;--tone2:#e67300;--tone3:#ff8200;--tone4:#ff7800;--color-primary:#ff8400;--color-primary-hover:#e67300;--color-primary-light:rgba(255, 130, 0, 0.1);--color-primary-lighter:rgba(255, 130, 0, 0.05);--smart-rec-card-width:260px;--smart-rec-card-height:300px;--smart-rec-card-width-tablet:240px;--smart-rec-card-height-tablet:280px;--smart-rec-card-width-mobile:240px;--smart-rec-card-height-mobile:260px;--color-primary-alt:#ff8200;--color-primary-dark:#df7800;--color-secondary:#8dac49;--color-success:#22c55e;--color-success-glow:rgba(34, 197, 94, 0.4);--color-warning:#eab308;--color-warning-glow:rgba(234, 179, 8, 0.4);--color-danger:#ef4444;--color-danger-hover:#dc3545;--color-danger-glow:rgba(239, 68, 68, 0.4);--color-info:#007bff;--color-text-primary:#333333;--color-text-secondary:#666666;--color-text-tertiary:#888888;--color-text-muted:#999999;--color-text-light:#aaaaaa;--color-text-placeholder:#bbbbbb;--color-bg-body:#faf9f5;--color-bg-card:#f2f1e9;--color-bg-card-alt:#faf6e9;--color-bg-overlay:rgba(232, 230, 220, 0.55);--frame-overlay-color:var(--color-bg-overlay);--color-bg-overlay-light:rgba(242, 241, 233, 0.45);--color-bg-white:#ffffff;--color-bg-input:rgba(242, 241, 233, 0.55);--color-border-light:#e0e0e0;--color-border-medium:#d1d1d1;--color-border-dark:#cccccc;--color-dark-bg-body:#121212;--color-dark-bg-card:#282828;--color-dark-bg-card-alt:#2a2a2a;--color-dark-bg-overlay:rgba(33, 33, 33, 0.5);--color-dark-bg-overlay-alt:rgba(34, 34, 34, 0.5);--color-dark-bg-input:#444444;--color-dark-text-primary:#ffffff;--color-dark-text-secondary:#e0e0e0;--color-dark-text-tertiary:#b0b0b0;--color-dark-text-muted:#888888;--color-dark-border-light:#555555;--color-dark-border-medium:#444444;--color-verified-admin:#800020;--color-verified-plus:#d4af37;--color-verified-pro:#ad4446;--color-slider-track:#ccc;--color-tooltip-bg:#444444;--font-primary:"Manrope",sans-serif;--font-mono:"Consolas","Monaco","Courier New",monospace;--font-code:"JetBrains Mono","SF Mono","Fira Code",monospace;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.3;--line-height-relaxed:1.5;--line-height-loose:1.6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:25px;--radius-4xl:28px;--radius-full:40px;--radius-pill:999px;--radius-circle:50%;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.2);--shadow-xl:0 20px 60px rgba(0, 0, 0, 0.2);--shadow-primary:0 4px 15px rgba(255, 130, 0, 0.3);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.4s ease;--transition-bounce:0.3s cubic-bezier(0.34, 1.56, 0.64, 1);--transition-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--z-dropdown:100;--z-sticky:500;--z-fixed:998;--z-navbar:999;--z-header:1000;--z-popup:1000;--z-popup-mobile:2000;--z-modal-backdrop:9999;--z-modal:10000;--z-modal-nested:10001;--header-height:60px;--navbar-width:50px;--frame-strip-width:5px;--frame-corner-size:20px;--navbar-mobile-height:50px;--blur-sm:blur(5px);--blur-md:blur(40px);--blur-lg:blur(50px);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-promo-animation:600ms;--promo-default-animation-duration:600ms;--filter-liquid-glass:none;--f-cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 24 26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.69 2.69a2.357 2.357 0 0 1 2.495-.54L21.47 8.632a2.357 2.357 0 0 1-.255 4.494l-7.271 1.818-1.818 7.27a2.357 2.357 0 0 1-4.494.256L1.15 5.185a2.357 2.357 0 0 1 .54-2.495Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.633 3.622A.786.786 0 0 0 2.62 4.633L9.103 21.92a.786.786 0 0 0 1.498-.086l2.047-8.185 8.185-2.046a.785.785 0 0 0 .086-1.498L3.633 3.622Z' fill='%23010101'/%3E%3C/svg%3E"),auto;--f-cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none' viewBox='0 0 28 29'%3E%3Cpath fill='%23fff' d='M6.84 21.83c-.47-.6-1.05-1.82-2.07-3.34-.58-.83-2.01-2.41-2.45-3.23a2.1 2.1 0 0 1-.25-1.67 2.2 2.2 0 0 1 2.39-1.67c.85.18 1.63.6 2.25 1.2.43.41.82.85 1.18 1.32.27.34.33.47.63.85.3.39.5.77.35.2-.11-.83-.31-2.23-.6-3.48-.21-.95-.26-1.1-.46-1.82s-.32-1.32-.54-2.13c-.2-.8-.35-1.62-.46-2.44a4.7 4.7 0 0 1 .43-3.08c.58-.55 1.44-.7 2.17-.37a4.4 4.4 0 0 1 1.57 2.17c.43 1.07.72 2.19.86 3.33.27 1.67.79 4.1.8 4.6 0-.61-.11-1.91 0-2.5.12-.6.54-1.1 1.12-1.33.5-.15 1.02-.19 1.53-.1.52.1.98.4 1.29.83.38.98.6 2 .63 3.05.04-.91.2-1.82.47-2.7.28-.39.68-.67 1.15-.8.55-.1 1.11-.1 1.66 0 .46.15.85.44 1.14.82.35.88.56 1.82.63 2.77 0 .23.12-.65.48-1.24a1.67 1.67 0 1 1 3.17 1.07v3.77c-.06.97-.2 1.94-.4 2.9-.29.85-.7 1.65-1.2 2.38-.8.9-1.48 1.92-1.98 3.02a6.67 6.67 0 0 0 .03 3.2c-.68.07-1.37.07-2.05 0-.65-.1-1.45-1.4-1.67-1.8a.63.63 0 0 0-1.13 0c-.37.64-1.18 1.79-1.75 1.85-1.12.14-3.42 0-5.23 0 0 0 .3-1.66-.39-2.27-.68-.6-1.38-1.3-1.9-1.76l-1.4-1.6Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25' d='M6.84 21.83c-.47-.6-1.05-1.82-2.07-3.34-.58-.83-2.01-2.41-2.45-3.23a2.1 2.1 0 0 1-.25-1.67 2.2 2.2 0 0 1 2.39-1.67c.85.18 1.63.6 2.25 1.2.43.41.82.85 1.18 1.32.27.34.33.47.63.85.3.39.5.77.35.2-.11-.83-.31-2.23-.6-3.48-.21-.95-.26-1.1-.46-1.82s-.32-1.32-.54-2.13c-.2-.8-.35-1.62-.46-2.44a4.7 4.7 0 0 1 .43-3.08c.58-.55 1.44-.7 2.17-.37a4.4 4.4 0 0 1 1.57 2.17c.43 1.07.72 2.19.86 3.33.27 1.67.79 4.1.8 4.6 0-.61-.11-1.91 0-2.5.12-.6.54-1.1 1.12-1.33.5-.15 1.02-.19 1.53-.1.52.1.98.4 1.29.83.38.98.6 2 .63 3.05.04-.91.2-1.82.47-2.7.28-.39.68-.67 1.15-.8.55-.1 1.11-.1 1.66 0 .46.15.85.44 1.14.82.35.88.56 1.82.63 2.77 0 .23.12-.65.48-1.24a1.67 1.67 0 1 1 3.17 1.07v3.77c-.06.97-.2 1.94-.4 2.9-.29.85-.7 1.65-1.2 2.38-.8.9-1.48 1.92-1.98 3.02a6.67 6.67 0 0 0 .03 3.2c-.68.07-1.37.07-2.05 0-.65-.1-1.45-1.4-1.67-1.8a.63.63 0 0 0-1.13 0c-.37.64-1.18 1.79-1.75 1.85-1.12.14-3.42 0-5.23 0 0 0 .3-1.66-.39-2.27-.68-.6-1.38-1.3-1.9-1.76l-1.4-1.6Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M20.65 22.3v-6.24c0-.38-.31-.68-.7-.68-.37 0-.68.3-.68.68v6.23c0 .38.3.68.69.68.38 0 .69-.3.69-.68ZM17.2 22.3l-.04-6.25a.67.67 0 1 0-1.34.01l.04 6.24a.67.67 0 1 0 1.34 0ZM12.37 16.07l.04 6.22c0 .38.3.68.67.68.37 0 .67-.3.67-.68l-.04-6.23c0-.38-.3-.68-.67-.68-.37 0-.67.31-.67.69Z'/%3E%3C/svg%3E"),auto;--f-cursor-grab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23fff' d='M8.32 14.57c-.15-.58-.31-1.35-.65-2.46-.33-1.1-.54-1.36-.74-1.95-.21-.59-.48-1.14-.8-1.87A19.2 19.2 0 0 1 5.4 6c-.13-.65.03-1.33.45-1.86.57-.55 1.39-.76 2.16-.55.6.26 1.1.7 1.46 1.25.47.75.85 1.55 1.14 2.38.45 1.15.77 2.33.97 3.54l.14.72V9.64c0-1.6-.1-2.9 0-4.67 0-.2.1-.94.13-1.14.04-.69.45-1.3 1.06-1.6.7-.3 1.52-.3 2.22 0 .64.3 1.06.9 1.1 1.6 0 .17.14 1.58.14 1.76V11.37c.04-2.1.22-4.19.54-6.26.19-.65.65-1.18 1.26-1.48.75-.3 1.6-.15 2.22.39.46.5.73 1.14.76 1.82v5.64c.14-.45.3-.86.43-1.18.13-.32.38-.97.57-1.36.2-.38.41-.75.65-1.1.25-.4.62-.71 1.07-.89a1.59 1.59 0 0 1 2.06.94c.1.58.1 1.17 0 1.75-.1.88-.3 1.76-.56 2.62-.2.7-.43 1.95-.54 2.53-.1.6-.36 2.2-.57 2.9-.3.83-.73 1.61-1.25 2.33a11.5 11.5 0 0 0-1.9 2.87 6.43 6.43 0 0 0 .04 3.05 9.2 9.2 0 0 1-1.95 0c-.62-.1-1.38-1.33-1.59-1.72a.6.6 0 0 0-1.08 0c-.36.6-1.13 1.7-1.67 1.77-1.06.12-3.25 0-4.98 0 0 0 .3-1.6-.37-2.16-.66-.57-1.31-1.24-1.8-1.68l-1.32-1.47c-.45-.57-1-1.73-1.97-3.17-.56-.8-1.59-1.73-2.03-2.5a2.78 2.78 0 0 1-.3-2.1 1.92 1.92 0 0 1 2.17-1.37c.74.05 1.43.35 1.97.86.42.37.82.76 1.19 1.19.25.3.32.44.6.8.29.37.48.74.34.2'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25' d='M8.32 14.57c-.15-.58-.31-1.35-.65-2.46-.33-1.1-.54-1.36-.74-1.95-.21-.59-.48-1.14-.8-1.87A19.2 19.2 0 0 1 5.4 6c-.13-.65.03-1.33.45-1.86.57-.55 1.39-.76 2.16-.55.6.26 1.1.7 1.46 1.25.47.75.85 1.55 1.14 2.38.45 1.15.77 2.33.97 3.54l.14.72V9.64c0-1.6-.1-2.9 0-4.67 0-.2.1-.94.13-1.14.04-.69.45-1.3 1.06-1.6.7-.3 1.52-.3 2.22 0 .64.3 1.06.9 1.1 1.6 0 .17.14 1.58.14 1.76V11.37c.04-2.1.22-4.19.54-6.26.19-.65.65-1.18 1.26-1.48.75-.3 1.6-.15 2.22.39.46.5.73 1.14.76 1.82v5.64c.14-.45.3-.86.43-1.18.13-.32.38-.97.57-1.36.2-.38.41-.75.65-1.1.25-.4.62-.71 1.07-.89a1.59 1.59 0 0 1 2.06.94c.1.58.1 1.17 0 1.75-.1.88-.3 1.76-.56 2.62-.2.7-.43 1.95-.54 2.53-.1.6-.36 2.2-.57 2.9-.3.83-.73 1.61-1.25 2.33a11.5 11.5 0 0 0-1.9 2.87 6.43 6.43 0 0 0 .04 3.05 9.2 9.2 0 0 1-1.95 0c-.62-.1-1.38-1.33-1.59-1.72a.6.6 0 0 0-1.08 0c-.36.6-1.13 1.7-1.67 1.77-1.06.12-3.25 0-4.98 0 0 0 .3-1.6-.37-2.16-.66-.57-1.31-1.24-1.8-1.68l-1.32-1.47c-.45-.57-1-1.73-1.97-3.17-.56-.8-1.59-1.73-2.03-2.5a2.78 2.78 0 0 1-.3-2.1 1.92 1.92 0 0 1 2.17-1.37c.74.05 1.43.35 1.97.86.42.37.82.76 1.19 1.19.25.3.32.44.6.8.29.37.48.74.34.2'/%3E%3Cpath fill='%23000' d='M19.3 20.3v-6.24c0-.38-.3-.68-.68-.68-.38 0-.7.3-.7.68v6.23c0 .38.32.68.7.68.38 0 .69-.3.69-.68ZM16.13 20.3l-.01-6.25c0-.37-.31-.67-.69-.67-.37 0-.68.3-.68.68l.02 6.24c0 .37.3.67.68.67.38 0 .69-.3.68-.68ZM11.59 14.07l.03 6.22c0 .38.3.68.68.68.37 0 .67-.31.67-.69l-.04-6.22c0-.38-.3-.68-.67-.68a.68.68 0 0 0-.67.69Z'/%3E%3C/svg%3E"),auto;--f-cursor-grabbed:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' fill='none' viewBox='0 0 28 25'%3E%3Cpath fill='%23fff' d='M6.81 3.46c.9-.34 2.68-.13 3.14.88.47 1.01.75 2.32.77 2-.03-.97.05-1.93.25-2.88.2-.6.68-1.08 1.29-1.3a3.61 3.61 0 0 1 1.72-.1c.58.12 1.1.45 1.44.93.44 1.1.68 2.25.73 3.43.05-1 .22-2 .5-2.96.32-.44.77-.76 1.3-.9a5.2 5.2 0 0 1 1.87 0c.5.17.95.49 1.27.92.4 1 .64 2.04.71 3.1 0 .27.13-.72.55-1.38a1.88 1.88 0 1 1 3.55 1.2v4.23c-.07 1.1-.22 2.18-.45 3.25-.32.95-.78 1.85-1.35 2.68a13.51 13.51 0 0 0-2.22 3.39 7.71 7.71 0 0 0 .03 3.6c-.76.07-1.53.07-2.3 0-.73-.12-1.63-1.58-1.87-2.03a.71.71 0 0 0-1.27 0c-.41.71-1.33 2-1.87 2.08-1.26.15-3.86 0-5.88 0 0 0 .36-1.87-.43-2.55-.79-.67-1.55-1.46-2.13-1.98L4.6 17.35a8.33 8.33 0 0 1-2.32-3.75c-.4-1.76-.35-2.6 0-3.3a2.8 2.8 0 0 1 1.6-1.23c.54-.1 1.1-.06 1.64.12.37.15.68.4.92.73.43.58.58.86.39.22-.19-.63-.6-1.1-.8-1.87-.4-.9-.65-1.88-.72-2.86.08-.9.7-1.64 1.56-1.88'/%3E%3Cpath stroke='%23000' stroke-linejoin='round' stroke-width='2.25' d='M6.81 3.46c.9-.34 2.68-.13 3.14.88.47 1.01.75 2.32.77 2-.03-.97.05-1.93.25-2.88.2-.6.68-1.08 1.29-1.3a3.61 3.61 0 0 1 1.72-.1c.58.12 1.1.45 1.44.93.44 1.1.68 2.25.73 3.43.05-1 .22-2 .5-2.96.32-.44.77-.76 1.3-.9a5.2 5.2 0 0 1 1.87 0c.5.17.95.49 1.27.92.4 1 .64 2.04.71 3.1 0 .27.13-.72.55-1.38a1.88 1.88 0 1 1 3.55 1.2v4.23c-.07 1.1-.22 2.18-.45 3.25-.32.95-.78 1.85-1.35 2.68a13.52 13.52 0 0 0-2.22 3.39 7.71 7.71 0 0 0 .03 3.6c-.76.07-1.53.07-2.3 0-.73-.12-1.63-1.58-1.87-2.03a.71.71 0 0 0-1.27 0c-.41.71-1.33 2-1.87 2.08-1.26.15-3.86 0-5.88 0 0 0 .36-1.87-.43-2.55-.79-.67-1.55-1.46-2.13-1.98L4.6 17.35a8.33 8.33 0 0 1-2.32-3.75c-.4-1.76-.35-2.6 0-3.3a2.8 2.8 0 0 1 1.6-1.23c.54-.1 1.1-.06 1.64.12.37.15.68.4.92.73.43.58.58.86.39.22-.19-.63-.6-1.1-.8-1.87-.4-.9-.65-1.88-.72-2.86.04-.9.64-1.68 1.5-1.95Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M19.29 18.3v-6.24c0-.38-.3-.68-.69-.68-.38 0-.69.3-.69.68v6.23c0 .38.3.68.69.68.38 0 .69-.3.69-.68ZM16.12 18.3l-.02-6.25c0-.37-.3-.67-.68-.67-.38 0-.68.3-.68.68l.01 6.24c0 .37.31.67.69.67.37 0 .68-.3.68-.68ZM11.57 12.07l.04 6.22c0 .38.3.68.67.68.37 0 .67-.31.67-.69l-.04-6.22c0-.38-.3-.68-.67-.68a.68.68 0 0 0-.67.69Z'/%3E%3C/svg%3E"),auto;--f-cursor-text:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='none' viewBox='0 0 13 25'%3E%3Cpath fill='%23000' stroke='%23fff' stroke-width='1.75' d='M8 18.48v-4.23h1.27v-3H8V5.8c.2-.44.5-.82.87-1.14.23-.16.52-.32.83-.44a5.4 5.4 0 0 1 1.17-.05l.87.05.05-.87.08-1.27.06-.87-.88-.06c-.7-.04-1.4 0-2.1.14l-.05.01-.06.02c-.7.25-1.29.56-1.82.95L7 2.28l-.03.02c-.16.13-.31.28-.46.42a6.93 6.93 0 0 0-.39-.38l-.03-.03-.03-.02a5.86 5.86 0 0 0-1.85-.97l-.04-.01-.04-.01a8.1 8.1 0 0 0-2.19-.16l-.87.06.06.87.08 1.27.06.88.87-.06c.43-.03.85 0 1.27.08.23.08.5.21.74.4.33.3.63.72.84 1.19v5.42H3.72v3h1.27v4.2c-.21.47-.51.89-.88 1.24-.2.14-.46.28-.75.37-.36.07-.8.1-1.22.06l-.87-.05-.06.87-.08 1.27-.06.88.87.05c.71.05 1.42 0 2.12-.14h.04l.04-.02a5.83 5.83 0 0 0 1.88-.95l.03-.02.03-.03.44-.43c.14.14.28.27.44.4l.02.02.02.01c.55.42 1.14.73 1.76.95l.05.02.06.01c.77.17 1.47.22 2.17.18l.88-.05-.05-.87-.07-1.27-.05-.87-.87.04c-.42.03-.83 0-1.24-.08-.24-.1-.52-.25-.8-.45A3.4 3.4 0 0 1 8 18.48Z'/%3E%3C/svg%3E"),auto}body.dark-mode{--color-text-primary:var(--color-dark-text-primary);--color-text-secondary:var(--color-dark-text-secondary);--color-text-tertiary:var(--color-dark-text-tertiary);--color-text-muted:var(--color-dark-text-muted);--color-bg-body:var(--color-dark-bg-body);--color-bg-card:var(--color-dark-bg-card);--color-bg-overlay:var(--color-dark-bg-overlay);--frame-overlay-color:rgba(33, 33, 33, 0.5);--color-border-light:var(--color-dark-border-light);--color-border-medium:var(--color-dark-border-medium)}body{margin:0;background-color:var(--color-bg-body);font-family:var(--font-primary);display:flex;flex-direction:column;height:100vh;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none;cursor:var(--f-cursor-default)}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.cursor-pointer,[role=button],a,button,input[type=button],input[type=reset],input[type=submit],label,select,summary{cursor:var(--f-cursor-pointer)}[contenteditable=true],input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]),textarea{cursor:var(--f-cursor-text)}.draggable,.grab,[draggable=true]{cursor:var(--f-cursor-grab)}.draggable:active,.grab:active,.grabbing,[draggable=true]:active{cursor:var(--f-cursor-grabbed)}.blog-fold-chevron,.btn,.icon-button,.shimmer-button,.view-more-btn,[role=button],button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}::selection{background:#ff895075;color:inherit}::-moz-selection{background:#ff895075;color:inherit}header{height:40px;z-index:var(--z-header);background-color:var(--color-bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);color:var(--color-text-primary);padding:var(--spacing-md);text-align:left;background-image:var(--header-logo-light,
            url("/assets/img/materio_new_bk.svg"));background-repeat:no-repeat;background-size:120px 32px;background-position:var(--spacing-xl) center}.container{padding-top:var(--header-height);padding-bottom:var(--frame-strip-width);margin-left:var(--navbar-width);margin-right:var(--frame-strip-width);display:flex;flex:1}.content{flex:1;padding:0 var(--spacing-xl) var(--spacing-xl);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}#home{position:relative;height:100%;overflow-y:hidden;overflow-x:hidden}#home.active::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--bg-img, url("/assets/img/events/hero.webp"));background-size:cover;background-position:center;z-index:-1}.navbar{position:fixed;top:var(--header-height);left:0;width:var(--navbar-width);height:calc(100% - var(--header-height));background-color:var(--color-bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);display:flex;flex-direction:column;align-items:center;padding-top:var(--spacing-xl);z-index:var(--z-navbar)}.navbar::after{content:"";position:absolute;top:0;right:calc(-1 * var(--frame-corner-size));width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 100% 100%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none}header::after{content:"";position:absolute;bottom:calc(-1 * var(--frame-corner-size));right:var(--frame-strip-width);width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 0% 100%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none}body::before{content:"";position:fixed;bottom:var(--frame-strip-width);left:var(--navbar-width);width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 100% 0%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:999}body::after{content:"";position:fixed;bottom:var(--frame-strip-width);right:var(--frame-strip-width);width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 0% 0%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:999}.navbar::after,body::after,body::before,header::after{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center}.container::before{content:"";position:fixed;top:var(--header-height);bottom:0;right:0;width:var(--frame-strip-width);background-color:var(--frame-overlay-color);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-fixed)}.container::after{content:"";position:fixed;bottom:0;left:var(--navbar-width);right:0;height:var(--frame-strip-width);background-color:var(--frame-overlay-color);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-fixed)}.mobile-corner-bl,.mobile-corner-br,.mobile-corner-tl,.mobile-corner-tr{display:none}.navbar a{color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-md);width:100%;text-align:center;display:flex;align-items:center;justify-content:center;font-size:larger;position:relative;transition:var(--transition-smooth);transform:scale(1)}header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:var(--z-header);background-color:var(--color-bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);display:flex;align-items:center;padding:0 var(--spacing-xl)}header.dark-mode{background-color:var(--color-dark-bg-overlay)}.header-logo{width:120px;height:32px;background-repeat:no-repeat;background-size:contain;background-position:center;cursor:var(--f-cursor-pointer);background-image:url("/assets/img/materio_new_bk.svg")}body.dark-mode .header-logo{background-image:url("/assets/img/materio_new_wh.svg")}.header-actions{position:absolute;right:var(--spacing-xl);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-sm);z-index:var(--z-dropdown)}.bug-report-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-pill);corner-shape:squircle;background:0 0;color:var(--text);font-size:1rem;cursor:var(--f-cursor-pointer);transition:var(--transition-smooth);opacity:.6;flex-shrink:0}.bug-report-btn:hover{background-color:rgba(128,128,128,.1);opacity:1;color:#e74c3c}body.dark-mode .bug-report-btn:hover{background-color:rgba(255,255,255,.1);color:#ff6b6b}.bug-report-tooltip{position:absolute;top:calc(100% + 15px);right:15px;background-color:#333;color:#fff;padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-lg);white-space:nowrap;z-index:var(--z-modal);display:none;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s;align-items:center;gap:10px}body.dark-mode .bug-report-tooltip,body.dark-mode .bug-report-tooltip::before{background-color:#444}.bug-report-tooltip.show{display:flex;opacity:1;transform:translateY(0)}.bug-report-tooltip::before{content:"";position:absolute;top:-6px;right:28px;width:12px;height:12px;background-color:#333;transform:rotate(45deg);border-radius:2px}.close-tooltip{cursor:var(--f-cursor-pointer);font-size:.75rem;opacity:.6;transition:opacity .2s}.close-tooltip:hover{opacity:1}@media (max-width:768px){.bug-report-tooltip{display:none!important}.popup-controls .popup-share-tooltip{display:none!important;font-size:.72rem;padding:8px 10px;line-height:1.25;white-space:normal;width:max-content;max-width:calc(100vw - 24px)}.popup-controls .popup-share-tooltip span{display:block;max-width:100%}.popup-controls .popup-share-tooltip.show{display:flex!important}.header-actions{right:var(--spacing-md)}.bug-report-btn{width:28px;height:28px;font-size:.9rem}}.health-status-container{display:flex;align-items:center;padding:var(--spacing-xs);border-radius:var(--radius-pill);corner-shape:squircle;transition:var(--transition-smooth);text-decoration:none;background:0 0;height:32px}.health-status-container:hover{background-color:rgba(128,128,128,.1);padding-right:12px}body.dark-mode .health-status-container:hover{background-color:rgba(255,255,255,.1)}.health-status-indicator{width:10px;height:10px;border-radius:50%;background-color:#888;transition:background-color .3s;flex-shrink:0}.health-status-text{max-width:0;overflow:hidden;white-space:nowrap;margin-left:0;font-size:.85rem;color:var(--text);opacity:0;font-weight:500;transition:.3s cubic-bezier(.4, 0, .2, 1)}body.dark-mode .health-status-text{color:#e0e0e0}.health-status-container:hover .health-status-text{max-width:120px;margin-left:8px;opacity:1}.health-status-indicator.ok{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success-glow)}.health-status-indicator.degraded{background-color:#e4ba31;box-shadow:0 0 8px rgba(228,186,49,.5)}.health-status-indicator.partial-outage{background-color:#f5785c;box-shadow:0 0 8px rgba(245,120,92,.5)}.health-status-indicator.error{background-color:#dd340d;box-shadow:0 0 8px rgba(221,52,13,.5)}@media (max-width:768px){.health-status-container:hover{background-color:transparent;padding-right:5px}body.dark-mode .health-status-container:hover{background-color:transparent}.health-status-container:hover .health-status-text{max-width:0;margin-left:0;opacity:0}}a,p{color:var(--color-text-primary);text-decoration:none}.navbar a i,.navbar a svg{margin-right:0}.navbar a svg{width:1em;height:1em;stroke:currentColor;fill:none;vertical-align:middle}.navbar a.active .fa,.navbar a.active i,.navbar a.active svg{position:relative;color:var(--nav-icon-active-color,var(--color-primary));text-shadow:0 1px 2px rgba(0,0,0,.45),0 -1px 1px rgba(255,255,255,.06),0 2px 6px rgba(0,0,0,.12);-webkit-text-stroke:0.3px rgba(0,0,0,0.06);transition:var(--transition-normal);transform:translateZ(0)}.navbar a.active svg{stroke:var(--nav-icon-active-color,var(--color-primary));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}@keyframes slideIn{from{width:0}to{width:100%}}.content{flex:1;padding:0 20px 20px}.card-one{border-radius:var(--radius-full);background-color:var(--color-bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;min-height:150px;corner-shape:squircle;border:1px solid rgba(255,255,255,.6)}#reading.card-one{margin:0}.card-layout{border-radius:var(--radius-full);background-color:var(--color-bg-card);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;min-height:30px;corner-shape:squircle}.tab-content{display:none;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;position:relative}.tab-content.active{opacity:1;visibility:visible;display:block}i span{display:inline-block;margin-left:15px}.contribute-button{font-family:var(--font-primary);font-size:var(--font-size-md)}.contribute-button .fa-circle-plus{margin-right:15px;color:var(--color-primary-alt)}.contribute-button span{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary,var(--color-text-primary))}.contribute-button .fa-chevron-right{color:var(--color-text-muted);font-size:var(--font-size-sm)}#popup{background-color:var(--color-bg-white);z-index:var(--z-popup);border-radius:var(--radius-md);corner-shape:squircle;animation:popupFadeIn var(--duration-normal) ease-in-out}@keyframes popupFadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#popupContent{padding:0 5px 5px;height:100%;box-sizing:border-box}#pdf-iframe{border:none;width:100%;height:calc(100% - 22px)!important;margin-top:22px;border-radius:14px 14px 25px 25px!important;corner-shape:squircle;overflow:hidden}@keyframes popupFadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}#popup.closing{animation:.3s ease-in-out popupFadeOut}#readingSelectionForm{font-family:Manrope,sans-serif;display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start;margin-bottom:20px}#readingSelectionForm>div{font-family:Manrope,sans-serif;flex:1 1 220px;display:flex;flex-direction:column;margin:0;padding:0}#readingSelectionForm label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);text-transform:capitalize}#readingSelectionForm select{font-family:var(--font-primary);opacity:60%;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);max-width:1000px;box-sizing:border-box;padding:6px 8px;margin:0;font-size:var(--font-size-md);border-radius:30px;corner-shape:squircle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}#readingSelectionForm select:focus{border:2px solid;border-color:var(--color-primary);outline:0}#submitButton{background-color:var(--color-primary);color:var(--color-bg-white);border:none;padding:0 var(--spacing-xl);height:45px;border-radius:var(--radius-3xl);corner-shape:squircle;font-family:var(--font-primary);font-size:var(--font-size-base);cursor:var(--f-cursor-pointer);transition:background-color var(--transition-medium);display:inline-flex;align-items:center;justify-content:center}#versionInfo{display:flex;justify-content:center;align-items:center;position:relative}#versionInfo::after{content:"";width:130px;height:64px;background-image:url("/assets/img/4.8.svg");background-size:contain;background-repeat:no-repeat;background-position:center;display:block}#versionInfo.plus-user::after{width:184px;height:86px;background-image:url("/assets/img/plu.svg")!important}#versionInfo.pro-user::after{width:184px;height:86px;background-image:url("/assets/img/pro.svg")!important}#versionInfo.admin-user::after{width:162px;height:64px;background-image:url("/assets/img/sup.svg")}.btn{background-color:var(--color-primary);color:var(--color-bg-white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-3xl);corner-shape:squircle;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:var(--f-cursor-pointer);width:32%;font-family:var(--font-primary);transition:background-color var(--transition-medium);text-align:center;display:inline-block;margin-top:var(--spacing-md)}#submitButton:hover{background-color:var(--color-primary-hover)}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:var(--f-cursor-pointer);top:0;left:0;right:0;bottom:0;background-color:var(--color-slider-track);transition:var(--transition-slow);border-radius:var(--radius-2xl)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-bg-white);transition:var(--transition-slow);border-radius:var(--radius-circle)}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translateX(16px)}.toggle-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}body.dark-mode .slider{background-color:var(--color-dark-border-medium)}body.dark-mode .slider:before{background-color:var(--color-dark-text-secondary)}body.dark-mode input:checked+.slider{background-color:var(--color-primary)}body.dark-mode input:checked+.slider:before{background-color:var(--color-bg-white)}body.dark-mode{background-color:var(--color-dark-bg-body);color:var(--color-dark-text-primary)}header.dark-mode{background-color:var(--color-dark-bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);color:var(--color-dark-text-primary);background-image:url("/assets/img/materio_new_wh.svg");background-repeat:no-repeat;background-size:120px 32px;background-position:var(--spacing-xl) center}#popup.dark-mode{background-color:var(--color-dark-bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);color:var(--color-bg-white)}.navbar.dark-mode{background-color:var(--color-dark-bg-overlay-alt);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-color:rgba(68,68,68,.5)}.navbar.dark-mode::after,body.dark-mode .container::after,body.dark-mode .container::before,body.dark-mode::after,body.dark-mode::before,header.dark-mode::after{background-color:var(--frame-overlay-color)}.navbar.dark-mode a,.navbar.dark-mode a.profile-icon i,.navbar.dark-mode a.profile-icon svg{color:var(--color-dark-text-secondary)}.navbar.dark-mode a.profile-icon.active i,.navbar.dark-mode a.profile-icon.active svg{color:var(--color-primary-alt)}.navbar a.active{color:var(--color-primary-dark);transform:scale(1.15)}.card-layout.dark-mode{background-color:var(--color-dark-bg-card);color:var(--color-dark-text-primary)}.card-one.dark-mode,body.dark-mode .card-one{background-color:rgba(51,51,51,.5);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);color:var(--color-dark-text-primary);border-color:rgba(255,255,255,.08)}body.dark-mode #readingSelectionForm select{background-color:var(--color-dark-bg-input);color:var(--color-dark-text-primary);border:1px solid var(--color-dark-border-light)}body.dark-mode a,body.dark-mode p{color:var(--color-dark-text-primary)}body.dark-mode #gh .contribute-button span{color:var(--color-dark-text-secondary)!important}@media (max-width:768px){#home.active::before{background-image:var(--bg-img,
                url("/assets/img/events/hero_mobile.webp"))}.navbar{width:calc(100% - 63px);height:var(--navbar-mobile-height);flex-direction:row;padding:var(--spacing-sm) var(--spacing-lg);position:fixed;bottom:var(--spacing-xl);top:auto;left:50%;transform:translateX(-50%);border-right:none;border-radius:var(--radius-full);z-index:1010;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.navbar.dark-mode{background-color:var(--color-dark-bg-overlay)}.navbar::after,header::after{display:none!important}body::before{content:"";position:fixed;top:0;left:0;bottom:var(--frame-strip-width);width:var(--frame-strip-width);background-color:var(--frame-overlay-color);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-navbar);display:block!important;height:auto;right:auto;will-change:transform}body::after{content:"";position:fixed;top:0;right:0;bottom:var(--frame-strip-width);width:var(--frame-strip-width);background-color:var(--frame-overlay-color);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-navbar);display:block!important;height:auto;left:auto;will-change:transform}.container::after{content:"";position:fixed;bottom:0;left:0;right:0;height:var(--frame-strip-width);background-color:var(--frame-overlay-color);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-fixed);display:block!important;top:auto;width:auto}.container::before{display:none!important}.mobile-corner-tl{display:block;position:fixed;top:var(--header-height);left:var(--frame-strip-width);width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 100% 100%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-header)}.mobile-corner-tr{display:block;position:fixed;top:var(--header-height);right:var(--frame-strip-width);width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 0% 100%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-header)}.mobile-corner-bl{display:block;position:fixed;bottom:var(--frame-strip-width);left:var(--frame-strip-width);width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 100% 0%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-header)}.mobile-corner-br{display:block;position:fixed;bottom:var(--frame-strip-width);right:var(--frame-strip-width);width:var(--frame-corner-size);height:var(--frame-corner-size);background-color:var(--frame-overlay-color);--frame-corner-mask:radial-gradient(circle at 0% 0%,
            transparent var(--frame-corner-size),
            #000 calc(var(--frame-corner-size) + 1px));-webkit-mask-image:var(--frame-corner-mask);mask-image:var(--frame-corner-mask);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);pointer-events:none;z-index:var(--z-header)}.mobile-corner-bl,.mobile-corner-br,.mobile-corner-tl,.mobile-corner-tr{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center}body.dark-mode .container::after,body.dark-mode .mobile-corner-bl,body.dark-mode .mobile-corner-br,body.dark-mode .mobile-corner-tl,body.dark-mode .mobile-corner-tr,body.dark-mode::after,body.dark-mode::before{background-color:var(--frame-overlay-color)}.container{margin-left:0;margin-right:0;padding:5px!important}.content{margin-top:calc(var(--header-height) - 20px);padding:8px 15px 70px;margin-bottom:60px}#reading.card-one{margin-top:0!important}.btn{width:80%}.navbar a.active{color:#df7800;color:var(--color-primary-dark);transform:scale(1.2)}.navbar-bottom-group,.navbar-top-group{display:flex;flex:1}.navbar-top-group{justify-content:space-evenly}.navbar-bottom-group{justify-content:center}.navbar a{width:auto;padding:10px;margin:0;display:flex;align-items:center;justify-content:center;transition:.3s}.navbar.dark-mode a.active{color:var(--color-primary);transform:scale(1.2)}.navbar a i,.navbar a svg{font-size:22px}.navbar a.profile-icon.active i,.navbar a.profile-icon.active svg{color:var(--color-primary)}#readingSelectionForm{flex-direction:column;padding:2px;gap:5px}#readingSelectionForm>div{flex:1 1 100%}#readingSelectionForm select{min-width:280px;width:100%;max-width:330px}#popup{z-index:2000!important}.info-icon .tooltip{display:-webkit-box;max-width:150px;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:clip}}#creatorInfo p{text-align:center}#popup{display:none;position:fixed;top:2px;left:2px;right:2px;bottom:2px;width:auto;height:auto;background-color:rgba(255,245,223,.5);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);z-index:var(--z-popup);overflow:auto;border-radius:25px;corner-shape:squircle;animation:.3s ease-in-out popupFadeIn}.popup-controls{position:absolute;top:2px;right:10px;display:inline-flex;align-items:center;gap:15px;z-index:10}.popup-share-tooltip-anchor{position:relative;display:inline-flex;align-items:center}.popup-controls .popup-share-tooltip{top:calc(100% + 10px);left:auto;right:0;transform:translate(0,-10px);white-space:normal;width:max-content;max-width:min(520px,calc(100vw - 24px))}.popup-controls .popup-share-tooltip::before{top:-6px;left:auto;right:18px;transform:rotate(45deg)}.popup-controls .popup-share-tooltip.show{transform:translate(0,0)}.popup-controls .popup-share-tooltip span{display:block;max-width:100%}.popup-controls button{background:0 0;border:none;outline:0;font-size:var(--font-size-base);font-weight:bolder;cursor:var(--f-cursor-pointer);color:var(--color-primary);padding:0;margin:0;line-height:1;vertical-align:middle;display:inline-flex;align-items:center}.popup-controls button i{display:block;line-height:1}.popup-controls button:hover{color:var(--color-primary-hover)}.popup-controls #closePopup:hover{color:var(--color-danger)}#fullscreenButton:hover{color:var(--color-primary)}#bookmark:hover{color:var(--color-secondary)}#popup.fullscreen{top:0;left:0;width:100%;height:100%;margin:0;border-radius:0}#popup.fullscreen #popupContent{padding:0;margin:0;height:100%}#popup.fullscreen iframe{height:calc(100% - 28px)!important;margin:0;border-radius:0;corner-shape:squircle}.popup-message{color:var(--color-text-primary);font-size:var(--font-size-xl)}body.dark-mode .popup-message{color:var(--color-dark-text-primary)}.popup-errcode{color:var(--color-text-primary);font-size:var(--font-size-md)}body.dark-mode .popup-errcode{color:var(--color-dark-text-primary)}.info-icon{display:inline-block;cursor:var(--f-cursor-pointer);margin-left:var(--spacing-md);position:relative;color:var(--color-primary-alt);font-size:var(--font-size-base);transition:color var(--transition-medium)}.info-icon:hover{color:var(--color-primary-hover)}.info-icon .tooltip{visibility:hidden;opacity:0;position:absolute;left:110%;top:50%;transform:translateY(-50%);background-color:var(--color-tooltip-bg);color:var(--color-bg-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);white-space:nowrap;font-size:var(--font-size-sm);font-family:var(--font-primary);transition:opacity var(--transition-medium);z-index:var(--z-header)}.info-icon .tooltip::before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-55%);border-width:5px;border-style:solid;border-color:transparent #666 transparent transparent}.info-icon.active .tooltip,.info-icon:hover .tooltip{visibility:visible;opacity:1}body.dark-mode .info-icon{color:var(--color-primary-alt)}body.dark-mode .info-icon:hover{color:var(--color-primary-light-text)}body.dark-mode .info-icon .tooltip{background-color:var(--color-dark-bg-card-alt);color:var(--color-dark-text-secondary);border:1px solid var(--color-dark-border-light)}body.dark-mode .info-icon .tooltip::before{border-color:transparent var(--color-dark-bg-card-alt) transparent transparent}@media (max-width:768px){.info-icon .tooltip{position:absolute;left:120%!important;top:50%!important;bottom:auto;transform:translateY(-50%)!important;white-space:normal;max-width:calc(100vw - 80px);width:auto;min-width:180px;text-align:left;z-index:1500;font-size:13px;padding:8px 12px;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,.15)}.info-icon .tooltip::before{bottom:auto;top:50%;left:-5px;right:auto;transform:translateY(-50%);border-top:5px solid transparent;border-right:5px solid #444;border-bottom:5px solid transparent;border-left:none}body.dark-mode .info-icon .tooltip::before{border-color:transparent #2a2a2a transparent transparent}.info-icon .tooltip.flip-left{left:-190px!important;right:auto}.info-icon .tooltip.flip-left::before{left:auto;right:-5px;border-right:none;border-left:5px solid #444}body.dark-mode .info-icon .tooltip.flip-left::before{border-left-color:#2a2a2a;border-right-color:transparent}.notification-board{max-height:200px}}.icon-button{corner-shape:squircle!important;border-radius:25px!important}body.dark-mode .icon-button{background:rgba(255,130,0,.15)!important;border-color:rgba(255,130,0,.4)!important}body.dark-mode .icon-button:hover{background:rgba(255,130,0,.25)!important}body.dark-mode .tooltip-text{background:rgba(40,40,40,.95)!important}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.notification{background:#fff;border-radius:8px;padding:10px;margin-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.notification h3{margin:0;font-size:16px;font-weight:700}.notification p{margin:5px 0}.notification-date{display:block;font-size:12px;color:#888}body.dark-mode .notification{background:#444;color:#fff;box-shadow:none}body.dark-mode .notification-date{color:#bbb}#changeLogDetails{border:1px solid #d1d1d1;border-radius:25px;background-color:#f3f3ee;padding:8px 10px;max-height:40px;overflow:hidden;transition:max-height 1s;corner-shape:squircle}#changeLogDetails summary{-webkit-appearance:none;appearance:none;list-style:none;cursor:var(--f-cursor-pointer);outline:0;font-family:Manrope,sans-serif;margin:0}#changeLogDetails summary::-webkit-details-marker{display:none}#changeLogDetails[open]{max-height:500px}#changeLogContent{padding-top:10px;opacity:0;transition:opacity 1s;background:0 0;border:none;font-family:Manrope,sans-serif}#changeLogDetails[open] #changeLogContent{opacity:1}body.dark-mode #changeLogDetails{background-color:#333;border-color:#555;color:#fff}body.dark-mode #changeLogDetails[open]{background-color:#444}.navbar{justify-content:space-between}.navbar-top-group{display:flex;flex-direction:column;align-items:center}.navbar-bottom-group{display:flex;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:20px}.profile-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.profile-icon{width:32px;height:32px;border-radius:50%;object-fit:fill;display:flex;align-items:center;justify-content:center}.profile-icon img{border-radius:var(--radius-circle);width:26px;height:26px;object-fit:fill;padding:0;transition:var(--transition-normal);cursor:var(--f-cursor-pointer)}.profile-icon img:hover{transform:scale(1.05);border:2px solid var(--color-primary)}.profile-icon img:active{transform:scale(.95)}.profile-icon i{color:var(--color-text-primary);font-size:var(--font-size-xl)}.profile-icon.active i{color:var(--color-primary-alt)}.profile-icon img.active{border-color:var(--color-primary);transform:translateX(5px)}@media (max-width:768px){.navbar-bottom-group,.navbar-top-group{flex-direction:row;margin:0;padding:0;display:flex}.navbar-bottom-group{margin-top:0;margin-bottom:0}.profile-icon{margin-bottom:0;margin-right:0}.profile-icon.active{border-color:var(--color-primary);transform:translateY(-5px)}}.account-card{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.account-info{display:flex;align-items:center}.account-profile-pic{width:50px;height:50px;border-radius:var(--radius-circle);object-fit:cover;border:2px solid var(--color-primary-alt);margin-right:15px}.account-details{display:flex;flex-direction:column}.account-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);margin:0;color:var(--color-text-primary);display:flex;align-items:center}.verified-badge{display:inline-flex;align-items:center;margin-left:6px;font-size:var(--font-size-base)}.verified-badge.admin{color:var(--color-verified-admin)}.verified-badge.plus{color:var(--color-verified-plus)}.verified-badge.pro{color:var(--color-verified-pro)}.account-username{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.account-link{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-lg)}.account-link:hover{color:var(--color-primary-alt)}body.dark-mode .account-name{color:var(--color-dark-text-secondary)}body.dark-mode .account-link,body.dark-mode .account-username{color:var(--color-dark-text-tertiary)}#popup.paper-mode::after{content:none}.paper-mode-info{display:flex;flex-direction:column}.paper-mode-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.paper-mode-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.grain-details{margin-top:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-3xl);background-color:var(--color-bg-card-alt);overflow:hidden;transition:var(--transition-medium);corner-shape:squircle}.grain-details[open]{border-color:var(--color-primary-alt);box-shadow:0 2px 8px var(--color-primary-light)}.grain-summary{padding:var(--spacing-md) 15px;cursor:var(--f-cursor-pointer);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);color:var(--color-primary-alt);background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-primary-light));border:none;outline:0;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-normal)}.grain-summary:hover{background:linear-gradient(135deg,var(--color-primary-light),rgba(255,130,0,.15))}.grain-summary::-webkit-details-marker{display:none}.grain-summary::after{font-size:var(--font-size-sm);color:var(--color-primary-alt);transition:transform var(--transition-normal)}.grain-details[open] .grain-summary::after{transform:rotate(180deg)}body.dark-mode .paper-mode-title{color:var(--color-dark-text-secondary)}body.dark-mode .paper-mode-description{color:var(--color-dark-text-tertiary)}.haptic-intensity-control{width:100%}.haptic-intensity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.haptic-intensity-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.haptic-intensity-value{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-primary-alt)}.haptic-intensity-slider{width:100%;height:6px;border-radius:3px;background:var(--color-border-light);outline:0;-webkit-appearance:none;appearance:none;cursor:var(--f-cursor-pointer)}.haptic-intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-circle);background:var(--color-primary-alt);cursor:var(--f-cursor-pointer);border:3px solid var(--color-bg-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.haptic-intensity-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.haptic-intensity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-circle);background:var(--color-primary-alt);cursor:var(--f-cursor-pointer);border:3px solid var(--color-bg-white);box-shadow:var(--shadow-sm)}.haptic-intensity-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);font-size:11px;color:var(--color-text-tertiary)}.haptic-intensity-labels span{flex:1;text-align:center}.haptic-intensity-labels span:first-child{text-align:left}.haptic-intensity-labels span:last-child{text-align:right}body.dark-mode .haptic-intensity-label{color:#e0e0e0}body.dark-mode .haptic-intensity-slider{background:#444}body.dark-mode .haptic-intensity-slider::-webkit-slider-thumb{border-color:#333}body.dark-mode .haptic-intensity-slider::-moz-range-thumb{border-color:#333}body.dark-mode .haptic-intensity-labels{color:#888}body.dark-mode .haptic-intensity-options{border-top-color:rgba(255,255,255,.1)!important}body.dark-mode .grain-details{border-color:#555;background-color:#2a2a2a}body.dark-mode .grain-details[open]{border-color:#ff8200;box-shadow:0 2px 8px rgba(255,130,0,.2)}body.dark-mode .grain-summary{color:#ff8200;background:linear-gradient(135deg,rgba(255,130,0,.1),rgba(255,130,0,.15))}body.dark-mode .grain-summary:hover{background:linear-gradient(135deg,rgba(255,130,0,.15),rgba(255,130,0,.2))}body.dark-mode #popup.paper-mode::after{content:none}.grain-size-control{margin:15px;padding:15px}.grain-size-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-md);color:var(--color-text-primary)}.grain-size-value{font-weight:var(--font-weight-semibold);color:var(--color-primary-alt)}.grain-slider{width:100%;height:25px;background:var(--color-primary-alt);border-radius:var(--radius-full);outline:0;-webkit-appearance:none;appearance:none}.grain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:var(--color-bg-white);border-radius:var(--radius-circle);cursor:var(--f-cursor-pointer);box-shadow:0 2px 4px var(--color-primary-light)}.grain-slider::-moz-range-thumb{width:15px;height:15px;background:var(--color-bg-white);border-radius:var(--radius-circle);cursor:var(--f-cursor-pointer);border:none;box-shadow:0 2px 4px var(--color-primary-light)}body.dark-mode .grain-size-label{color:var(--color-dark-text-secondary)}body.dark-mode .grain-size-value{color:var(--color-primary-alt)}body.dark-mode .grain-slider{background:var(--color-primary-alt)}body.dark-mode .grain-slider::-webkit-slider-thumb{background:var(--color-bg-white)}body.dark-mode .grain-slider::-moz-range-thumb{background:var(--color-bg-white)}#popup.night-reading::before{content:none}#popup.eink-mode{filter:none}#popup.eink-mode::before{content:none}.night-schedule-container{padding:15px 0}.time-input-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.time-input-group label{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.time-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-md);background:var(--color-bg-white);color:var(--color-text-primary);outline:0;transition:border-color var(--transition-normal)}.time-input:focus{border-color:var(--color-primary-alt);box-shadow:0 0 0 3px var(--color-primary-light)}.schedule-toggle-group{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:15px;border-top:1px solid var(--color-border-light)}.schedule-toggle-group span{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.small-switch{transform:scale(.8)}body.dark-mode .time-input-group label{color:var(--color-dark-text-secondary)}body.dark-mode .time-input{background:var(--color-dark-bg-card-alt);border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .time-input:focus{border-color:var(--color-primary-alt);box-shadow:0 0 0 3px rgba(255,130,0,.2)}body.dark-mode .schedule-toggle-group{border-top-color:var(--color-dark-border-light)}body.dark-mode .schedule-toggle-group span{color:var(--color-dark-text-secondary)}body.dark-mode #popup.night-reading::before{content:none}.warmth-control{padding:15px 0;border-bottom:1px solid #e0e0e0;margin-bottom:15px}.warmth-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.warmth-label span{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.warmth-value{font-weight:var(--font-weight-semibold);color:var(--color-primary-alt)}.warmth-slider{width:100%;height:25px;background:linear-gradient(to right,#ffeb3b,#ff8f00);border-radius:50px;outline:0;-webkit-appearance:none;appearance:none;cursor:var(--f-cursor-pointer)}.warmth-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;cursor:var(--f-cursor-pointer);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.warmth-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;cursor:var(--f-cursor-pointer);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}body.dark-mode .warmth-label span{color:#e0e0e0}body.dark-mode .warmth-control{border-bottom-color:#555}body.dark-mode .warmth-slider{background:linear-gradient(to right,#ffd54f,#ff6f00)}#licensesCard,#miscCard{transition:.3s}#licensesCard summary,#miscCard summary{transition:color .3s;font-weight:600}#licensesCard summary:hover,#miscCard summary:hover{color:#ff8200!important}#licensesCard details[open] summary .fa-chevron-down,#miscCard[open] summary .fa-chevron-down{transform:rotate(180deg)}#licensesContent{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}#licensesContent::-webkit-scrollbar{width:8px}#licensesContent::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#licensesContent::-webkit-scrollbar-thumb{background:#888;border-radius:4px}#licensesContent::-webkit-scrollbar-thumb:hover{background:#555}body.dark-mode #licensesCard summary,body.dark-mode #miscCard summary{color:var(--color-dark-text-tertiary)!important}body.dark-mode #licensesCard summary:hover,body.dark-mode #miscCard summary:hover{color:var(--color-primary-alt)!important}body.dark-mode #licensesContent{background-color:#2a2a2a!important;border-color:#555!important;scrollbar-color:#555 #2a2a2a}body.dark-mode #licensesContent::-webkit-scrollbar-track{background:#2a2a2a}body.dark-mode #licensesContent::-webkit-scrollbar-thumb{background:#555}body.dark-mode #licensesContent::-webkit-scrollbar-thumb:hover{background:#777}body.dark-mode #licensesText{color:#e0e0e0!important}body.dark-mode #miscCard div[style*="background-color: #f5f5f5"]{background-color:#2a2a2a!important;color:#e0e0e0!important}body.dark-mode #buildId{font-family:Consolas,monospace;color:#e0e0e0!important}#tabSwitcherCard{border-radius:var(--radius-full)!important;padding:4px!important;background:var(--color-bg-card);corner-shape:squircle}.tab-switcher-container{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0;width:100%;gap:4px}.tab-text{cursor:var(--f-cursor-pointer);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-lg);transition:color var(--transition-medium);z-index:2;position:relative;white-space:nowrap;text-align:center;flex:1;user-select:none}.tab-text:hover{color:var(--color-primary-alt)}.tab-text.active{color:var(--color-bg-white)}.active-tab-indicator{position:absolute;background:var(--color-primary);border-radius:36px;corner-shape:squircle;transition:var(--transition-medium);z-index:1;top:0;height:100%;width:calc(50% - 2px);pointer-events:none}.tab-content-section{display:none;opacity:0;transform:translateY(10px);transition:.3s}.tab-content-section.active{display:block;opacity:1;transform:translateY(0)}body.dark-mode #tabSwitcherCard{background:var(--color-dark-bg-card)}body.dark-mode .tab-text{color:var(--color-dark-text-tertiary)}body.dark-mode .tab-text:hover{color:var(--color-primary-alt)}body.dark-mode .tab-text.active{color:var(--color-dark-text-primary)}body.dark-mode .active-tab-indicator{background:var(--color-primary)}body.dark-mode #notices a{color:#e0e0e0!important}.promo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .4s cubic-bezier(.32, .72, 0, 1),background-color .4s cubic-bezier(.32, .72, 0, 1)}.promo-modal{display:flex;background:#f7f7f7;border-radius:40px;corner-shape:squircle;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);max-width:1145px;width:90%;max-height:85vh;height:auto;position:relative;animation:.4s cubic-bezier(.32,.72,0,1) modalFadeIn;margin:20px auto;will-change:transform,opacity;scrollbar-width:thin;scrollbar-color:#ff8200 transparent}.promo-modal::-webkit-scrollbar{width:4px}.promo-modal::-webkit-scrollbar-track{background:0 0;border-radius:2px}.promo-modal::-webkit-scrollbar-thumb{background:rgba(255,130,0,.4);border-radius:2px;transition:background .3s}.promo-modal::-webkit-scrollbar-thumb:hover{background:rgba(255,130,0,.7)}.promo-image{flex:1;min-width:45%;max-width:50%;background:#ddd;display:flex;align-items:center;justify-content:center;position:relative}.promo-image img,.promo-image video{width:100%;height:100%;object-fit:cover}@media (min-width:501px){.promo-modal.promo-orientation-vertical{flex-direction:column;max-width:460px;max-height:none;overflow:hidden;border-radius:28px}.promo-modal.promo-orientation-vertical .promo-image{min-width:100%;max-width:100%;width:100%;height:min(26vh,220px);flex-shrink:0;border-right:none;border-bottom:1px solid rgba(0,0,0,.12)}.promo-modal.promo-orientation-vertical .promo-content{width:100%;padding:18px 28px 28px;box-sizing:border-box}.promo-modal.promo-orientation-vertical h2{font-size:1.15rem;margin-bottom:8px}.promo-modal.promo-orientation-vertical .promo-description{font-size:.82rem;line-height:1.45;margin-bottom:10px;flex-grow:0}.promo-modal.promo-orientation-vertical .promo-actions{margin:6px 0 8px;gap:8px}.promo-modal.promo-orientation-vertical .promo-primary-btn,.promo-modal.promo-orientation-vertical .promo-secondary-btn{padding:10px 20px;font-size:13px;font-family:var(--font-primary)}.promo-modal.promo-orientation-vertical .promo-options{margin-top:6px;padding-top:6px}body.dark-mode .promo-modal.promo-orientation-vertical .promo-image{border-bottom-color:rgba(255,255,255,.15)}}.slide-left{animation-name:slide-left;animation-duration:var(--animation-duration,
            var(--promo-default-animation-duration));animation-timing-function:cubic-bezier(0.2,0.8,0.2,1);animation-fill-mode:both}.slide-right{animation-name:slide-right;animation-duration:var(--animation-duration,
            var(--promo-default-animation-duration));animation-timing-function:cubic-bezier(0.2,0.8,0.2,1);animation-fill-mode:both}.slide-up{animation-name:slide-up;animation-duration:var(--animation-duration,
            var(--promo-default-animation-duration));animation-timing-function:cubic-bezier(0.2,0.8,0.2,1);animation-fill-mode:both}.slide-down{animation-name:slide-down;animation-duration:var(--animation-duration,
            var(--promo-default-animation-duration));animation-timing-function:cubic-bezier(0.2,0.8,0.2,1);animation-fill-mode:both}.fade{animation-name:fade-in;animation-duration:var(--animation-duration,
            var(--promo-default-animation-duration));animation-timing-function:ease;animation-fill-mode:both}.fade-scale{animation-name:fade-scale-in;animation-duration:var(--animation-duration,
            var(--promo-default-animation-duration));animation-timing-function:cubic-bezier(0.2,0.8,0.2,1);animation-fill-mode:both}@keyframes slide-left{from{transform:translateX(30%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-right{from{transform:translateX(-30%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-up{from{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{from{transform:translateY(-30%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{from{opacity:0;transform:none}to{opacity:1;transform:none}}@keyframes fade-scale-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.promo-modal.no-image{max-width:750px}.promo-modal.no-image .promo-image{display:none}.promo-modal.no-image .promo-content{max-width:100%}.promo-content{flex:1;padding:32px;display:flex;flex-direction:column;text-align:left}.promo-modal h2{color:#333;margin:0 0 16px;font-size:1.7rem;line-height:1.3;font-family:var(--font-primary)}.promo-modal p{color:#555;margin:0 0 24px;font-size:1rem;line-height:1.5;flex-grow:1;font-family:var(--font-primary)}.promo-actions{display:flex;gap:16px;flex-wrap:wrap}.promo-disclaimer{font-size:.8rem;color:#888;margin-bottom:12px;display:block}.promo-disclaimer a{color:#555;text-decoration:underline}.promo-disclaimer a:hover{color:#f60}@media (max-width:500px){.promo-modal-overlay{align-items:flex-end;padding:4px}.promo-modal{flex-direction:column;width:100%;max-width:100%;margin:0;border-radius:40px;corner-shape:squircle;max-height:85vh;overflow-y:auto;position:relative;animation:.4s cubic-bezier(.32,.72,0,1) modalSlideUp;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.promo-modal::-webkit-scrollbar{display:none}.promo-modal::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:60px;height:6px;background-color:rgba(150,150,150,.6);border-radius:3px;z-index:10;cursor:var(--f-cursor-grab);transition:background-color .2s,width .2s}.promo-modal:active::before{background-color:rgba(120,120,120,.8);width:70px}.promo-image{min-width:100%;height:200px;order:1}.promo-content{padding:40px 20px 20px;order:2}.promo-close-btn{display:flex!important;position:absolute;top:32px;right:32px;font-size:20px;cursor:var(--f-cursor-pointer);color:#666;z-index:100;background:rgba(255,255,255,.95);border-radius:50%;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);transition:.2s;flex-shrink:0}.promo-close-btn:active{background:rgba(255,255,255,.85);transform:scale(.95)}.promo-modal h2{font-size:1.3rem;margin-bottom:12px}.promo-modal p{font-size:.9rem;margin-bottom:20px}.promo-actions{flex-direction:column;gap:12px;margin-bottom:16px}.promo-primary-btn,.promo-secondary-btn{width:100%;padding:14px 18px;font-size:14px;min-width:auto;justify-content:center}.promo-modal.closing{animation:.4s cubic-bezier(.32,.72,0,1) forwards modalSlideDown}}@keyframes modalSlideDown{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes modalSlideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.promo-modal.closing{animation:.4s cubic-bezier(.32,.72,0,1) forwards modalSlideDown}@keyframes modalFadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:401px) and (max-width:768px){.promo-modal{max-width:90%;width:90%}}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.promo-modal .promo-close-btn{position:absolute;top:32px;right:32px;font-size:18px;cursor:var(--f-cursor-pointer);color:#999;z-index:10;background:rgba(255,255,255,.9);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:.25s cubic-bezier(.32, .72, 0, 1);border:1px solid rgba(0,0,0,.1)}.promo-close-btn:hover{color:#f44;background:#fff;transform:scale(1.1)}.promo-close-btn:active{transform:scale(.95);transition:transform .1s}body.dark-mode .promo-modal-overlay{background:rgba(0,0,0,.7)}body.dark-mode .promo-modal{background:#1e1e1e;box-shadow:0 4px 12px rgba(0,0,0,.3);corner-shape:squircle}body.dark-mode .promo-image{background:#2a2a2a}body.dark-mode .promo-modal h2{color:#fff}body.dark-mode .promo-modal p{color:#ccc}body.dark-mode .promo-primary-btn{background:#f60;color:#fff}body.dark-mode .promo-primary-btn:hover{background-color:#e55a00}body.dark-mode .promo-secondary-btn{background:0 0;border:1px solid #555;color:#ccc}body.dark-mode .promo-secondary-btn:hover{background-color:#333;border-color:#777;color:#fff}body.dark-mode .promo-disclaimer{color:#999}body.dark-mode .promo-disclaimer a{color:#ccc}body.dark-mode .promo-disclaimer a:hover{color:#f60}body.dark-mode .promo-checkbox-text{color:#ccc}body.dark-mode .promo-close-btn{color:#ccc;background:rgba(34,34,34,.9);border:1px solid rgba(255,255,255,.1)}body.dark-mode .promo-close-btn:hover{color:#f44;background:#222}body.dark-mode .promo-modal::before{background-color:#666}body.dark-mode .promo-options{border-top:1px solid rgba(255,255,255,.2)}body.dark-mode .promo-checkbox-label{color:#ccc}.hidden{display:none!important}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.promo-actions{display:flex;gap:8px;justify-content:flex-start;margin:1rem 0 .8rem;flex-wrap:wrap}.promo-primary-btn{background:#f60;color:#fff;border:none;padding:12px 24px;border-radius:999px;cursor:var(--f-cursor-pointer);font-size:14px;font-weight:500;transition:background-color .3s;display:flex;align-items:center;justify-content:center;min-width:140px}.promo-primary-btn:hover{background-color:#e55a00}.promo-secondary-btn{background:0 0;border:1px solid #ccc;color:#333;padding:12px 24px;font-family:var(--font-primary);border-radius:999px;cursor:var(--f-cursor-pointer);font-size:14px;font-weight:500;transition:background-color .3s,border-color .3s;display:flex;align-items:center;justify-content:center;min-width:140px}.promo-secondary-btn:hover{background-color:#f5f5f5;border-color:#999}.promo-options{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(0,0,0,.1)}.promo-checkbox-label{display:flex;align-items:center;justify-content:center;cursor:var(--f-cursor-pointer);font-size:12px;color:#666}.promo-checkbox{margin-right:6px;cursor:var(--f-cursor-pointer);transform:scale(.9)}.promo-checkbox-text{color:#666;user-select:none}@media (max-width:768px){.promo-actions{flex-direction:column;align-items:stretch;gap:8px;margin:.8rem 0}.promo-primary-btn,.promo-secondary-btn{width:100%;padding:12px 18px;font-size:13px;min-width:auto;justify-content:center}.promo-options{margin-top:.6rem;padding-top:.6rem}.promo-checkbox-label{font-size:11px}.dropdown-item i{font-size:14px!important;width:16px}}.promo-modal-overlay.show{display:flex!important}body.modal-open{overflow:hidden}@media (max-height:600px){.promo-modal-overlay{align-items:flex-start;padding-top:20px}}@media (min-width:1200px){.promo-modal{max-width:1145px;width:85%}}.promo-date-info{font-style:italic;color:#888;font-size:.8rem!important;margin:.5rem 0 .8rem!important;line-height:1.2}body.dark-mode .promo-date-info{color:#aaa}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.shimmer-button{background-color:var(--color-primary)!important}.shimmer-button .shimmer-text{background:linear-gradient(90deg,var(--color-bg-white) 0,var(--color-bg-white) 30%,#ccc 40%,#acacac 50%,#ccc 60%,var(--color-bg-white) 70%,var(--color-bg-white) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:5s linear infinite shimmer}body.dark-mode .shimmer-button{background-color:var(--color-primary)!important}.profile-dropdown{position:absolute;bottom:60px;left:-1px;margin-left:10px;background:#e7e7dd!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid #d1d1d1;border-radius:30px;corner-shape:squircle;width:auto;min-width:160px;height:auto;overflow:visible;z-index:1100;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;display:flex;flex-direction:column;padding:6px;isolation:isolate;will-change:transform,opacity;contain:layout style;-moz-backdrop-filter:blur(25px) saturate(180%);-ms-backdrop-filter:blur(25px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,.1)}.profile-dropdown::after{content:"";position:absolute;bottom:-5px;left:30px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(231,231,221,.8)}.profile-dropdown.show{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:10px 14px;cursor:var(--f-cursor-pointer);transition:.15s;color:#333;font-size:14px;font-weight:500;text-decoration:none;margin:2px 0;border:none;background:0 0;white-space:nowrap;line-height:1.3;min-height:auto;height:auto;box-sizing:border-box;width:100%;border-radius:24px;corner-shape:squircle}.dropdown-item:hover{background:var(--color-primary-light);color:var(--color-primary-alt);text-decoration:none}.dropdown-item i{font-size:14px!important;width:16px;text-align:center;transition:color .15s;flex-shrink:0}.dropdown-item span{text-align:left;flex:1;font-size:14px!important}.dropdown-item.has-submenu{position:relative;display:flex;align-items:center;justify-content:space-between;padding-right:12px}.dropdown-item:not(.has-submenu)>.dropdown-submenu,.dropdown-item:not(.has-submenu)>.submenu-chevron{display:none!important}.submenu-chevron{font-size:10px!important;opacity:.5;margin-left:8px;transition:transform .25s}.dropdown-item.has-submenu:hover .submenu-chevron{transform:translateX(2px);opacity:1}.dropdown-submenu{position:absolute;left:calc(100% + 5px);bottom:-6px;background:#e7e7dd!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid #d1d1d1;border-radius:25px;corner-shape:squircle;min-width:150px;padding:6px;opacity:0;visibility:hidden;transform:translateX(-10px);transition:.25s cubic-bezier(.4, 0, .2, 1);pointer-events:none;z-index:1101;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.15)}.dropdown-submenu::before{content:"";position:absolute;top:-10px;left:-15px;bottom:-10px;width:20px;background:0 0;z-index:-1}.dropdown-item.has-submenu.submenu-open .dropdown-submenu,.dropdown-item.has-submenu:hover .dropdown-submenu{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}.dropdown-item.has-submenu.submenu-open .submenu-chevron{transform:rotate(90deg)}.dropdown-submenu::after{content:"";position:absolute;bottom:20px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(231,231,221,.85)}body.dark-mode .dropdown-submenu{background:#282828!important;border-color:#444;box-shadow:0 8px 32px rgba(0,0,0,.3)}body.dark-mode .dropdown-submenu::after{border-right-color:rgba(40,40,40,.85)}@media (max-width:768px){.dropdown-submenu{left:auto;right:calc(100% + 10px);transform:translateX(10px)}.dropdown-submenu::after{left:auto;right:-6px;border-right:none;border-left:6px solid rgba(231,231,221,.85)}body.dark-mode .dropdown-submenu::after{border-left-color:rgba(40,40,40,.85)}.dropdown-item.has-submenu:hover .dropdown-submenu{transform:translateX(0)}}body.dark-mode .profile-dropdown{background:#282828!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;-moz-backdrop-filter:blur(25px) saturate(180%)!important;-ms-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid #444;contain:layout style;box-shadow:0 8px 32px rgba(0,0,0,.2)}body.dark-mode .profile-dropdown::after{border-top-color:rgba(40,40,40,.85)}body.dark-mode .dropdown-item{color:#e0e0e0}body.dark-mode .dropdown-item:hover{background:rgba(255,130,0,.18);color:var(--color-primary-alt)}@media (max-width:768px){.profile-dropdown{bottom:70px;top:auto;left:0;right:auto;transform:translateX(-50%) translateY(8px);max-width:calc(100vw - 60px);margin:0 -30px;padding:4px;overflow:visible}.profile-dropdown.show{transform:translateX(-50%) translateY(0)}.profile-dropdown::after{bottom:-5px;top:auto;left:50%;right:auto;transform:translateX(-50%);border-top:5px solid rgba(231,231,221,.8);border-right:5px solid transparent;border-bottom:none;border-left:5px solid transparent}body.dark-mode .profile-dropdown::after{border-top-color:rgba(40,40,40,.85);border-right-color:transparent;border-left-color:transparent}}.swipe-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:999!important;background:0 0!important;pointer-events:auto!important;touch-action:pan-y!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}#giscus{position:relative!important}#notices{padding:15px 20px}#notices p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:15px 0;position:relative}#notices p i.fab:first-child,#notices p i.fas:first-child{margin-right:15px;width:20px;text-align:center;color:#666}#notices p span{flex:1;margin-left:0}#notices p i.fa-chevron-right{margin-left:auto;margin-right:0;color:#999;font-size:14px}body.dark-mode #notices p i.fab:first-child,body.dark-mode #notices p i.fas:first-child{color:#b0b0b0}body.dark-mode #notices p i.fa-chevron-right{color:#888}#notices hr{margin:0;border:none;border-top:1px solid #e0e0e0;opacity:.6}#notices p:hover{background-color:rgba(0,0,0,.02);border-radius:8px;margin:0 -10px;padding:15px 10px;transition:background-color .2s}body.dark-mode #notices p:hover{background-color:rgba(255,255,255,.05)}#notices a{text-decoration:none;color:inherit}#notices a:hover{text-decoration:none}.promo-image img,.promo-image video{will-change:transform,opacity;transition:opacity .3s}.video-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:8px;z-index:1000;opacity:1;transition:opacity .3s;pointer-events:auto}.video-control-btn{width:20px;height:20px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:#fff;cursor:var(--f-cursor-pointer);display:flex;align-items:center;justify-content:center;font-size:8px;transition:.3s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto}.video-control-btn:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.video-control-btn:active{transform:scale(.95)}.video-control-btn i{pointer-events:none}body.dark-mode .video-control-btn{background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.1)}body.dark-mode .video-control-btn:hover{background:rgba(0,0,0,.3);border-color:rgba(0,0,0,.2)}.wallpaper-section{width:100%}.wallpaper-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;margin-top:15px}.wallpaper-preview-card{cursor:var(--f-cursor-pointer);border-radius:25px;corner-shape:squircle;overflow:hidden;transition:.3s;border:2px solid transparent;height:80px}.wallpaper-preview-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--color-primary-alt)}.wallpaper-preview-card.selected{border-color:var(--color-primary-alt);box-shadow:0 4px 15px var(--color-primary-light)}.wallpaper-preview{width:100%;height:100%;position:relative;border-radius:23px;corner-shape:squircle;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.wallpaper-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:8px;color:#fff;text-align:center}.wallpaper-name{font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dynamic-preview{position:relative}.dynamic-time{display:block;font-size:10px;margin-top:2px;opacity:.8}body.dark-mode .wallpaper-preview-card{border-color:rgba(255,255,255,.1)}body.dark-mode .wallpaper-preview-card:hover{border-color:var(--color-primary-alt)}body.dark-mode .wallpaper-preview-card.selected{border-color:var(--color-primary-alt);box-shadow:0 4px 15px var(--color-primary-light)}@media (max-width:768px){.swipe-overlay{touch-action:pan-y!important}#chat.swiping *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.wallpaper-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.wallpaper-preview-card{height:60px}.wallpaper-name{font-size:10px}.dynamic-time{font-size:8px}}.christmas-preview{position:relative}.wallpaper-upload-card .wallpaper-preview{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,130,0,.1) 0,rgba(255,130,0,.05) 100%);border:none;border-radius:23px;corner-shape:squircle;transition:.3s}.wallpaper-upload-card:hover .wallpaper-preview{background:linear-gradient(135deg,rgba(255,130,0,.2) 0,var(--color-primary-light) 100%);border-color:var(--color-primary-alt)}.wallpaper-upload-card.has-image .wallpaper-preview{border:none;background:0 0}.wallpaper-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-primary-alt);transition:var(--transition-medium)}.wallpaper-upload-content i{font-size:20px;opacity:.8;transition:.3s}.wallpaper-upload-card:hover .wallpaper-upload-content i{opacity:1;transform:scale(1.1)}.wallpaper-upload-text{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.wallpaper-upload-card:hover .wallpaper-upload-text{opacity:1}.custom-wallpaper-overlay{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.custom-wallpaper-remove{background:rgba(0,0,0,.5);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:var(--f-cursor-pointer);color:#fff;font-size:10px;transition:.2s}.custom-wallpaper-remove:hover{background:rgba(220,53,69,.8);transform:scale(1.1)}body.dark-mode .wallpaper-upload-card .wallpaper-preview{background:linear-gradient(135deg,rgba(255,130,0,.15) 0,rgba(255,130,0,.08) 100%);border:none}body.dark-mode .wallpaper-upload-card:hover .wallpaper-preview{background:linear-gradient(135deg,rgba(255,130,0,.25) 0,rgba(255,130,0,.15) 100%);border-color:#ff8200}@media (max-width:768px){.wallpaper-upload-content i{font-size:16px}.wallpaper-upload-text{font-size:8px}.custom-wallpaper-remove{width:16px;height:16px;font-size:8px}}body.ad-free-user .ad-banner,body.ad-free-user .ad-container,body.ad-free-user .adsbygoogle,body.ad-free-user .advertisement,body.ad-free-user .google-ads,body.ad-free-user [class*=adsense],body.ad-free-user [class*=google-ad],body.ad-free-user [data-ad-client],body.ad-free-user [id*=google_ads],body.ad-free-user ins[class*=adsbygoogle]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}body.ad-free-user .ad-placeholder,body.ad-free-user .ad-slot,body.ad-free-user .ad-unit,body.ad-free-user .promotion-banner,body.ad-free-user .sponsored-content,body.ad-free-user iframe[src*=doubleclick],body.ad-free-user iframe[src*=googleadservices],body.ad-free-user iframe[src*=googlesyndication]{display:none!important}#blogs{transition:opacity .3s,margin .3s,padding .3s}#blogs[style*="display: none"]{opacity:0;margin:0!important;padding:0!important;height:0!important;overflow:hidden!important}#downloadsTableWrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#downloadsTableWrapper::-webkit-scrollbar{display:none}#downloadsList>div,#downloadsTableHeader{min-width:600px}#localCdnCard{transition:.3s}.local-cdn-container{width:100%}.local-cdn-header{display:flex;align-items:center;justify-content:space-between;width:100%}.local-cdn-settings{animation:.3s slideDown}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.local-cdn-input-group input[type=text]{transition:border-color .3s,box-shadow .3s}.local-cdn-input-group input[type=text]:focus{outline:0;border-color:var(--color-primary-alt);box-shadow:0 0 0 3px var(--color-primary-light)}body.dark-mode .local-cdn-input-group input[type=text]{background:var(--color-dark-bg-card);border-color:var(--color-dark-border-light);color:var(--color-dark-text-secondary)}body.dark-mode .local-cdn-input-group input[type=text]:focus{border-color:var(--color-primary-alt);background:#3a3a3a}body.dark-mode .local-cdn-input-group label,body.dark-mode .local-cdn-settings p{color:#b0b0b0!important}body.dark-mode .local-cdn-settings code{background:#333!important;color:#e0e0e0!important}body.dark-mode .local-cdn-settings>div[style*="background: #fff9e6"]{background:#3a2f1f!important;border-left-color:#ff9800!important}body.dark-mode .local-cdn-settings>div[style*="background: #fff9e6"] p{color:#ffb74d!important}body.dark-mode .local-cdn-settings>div[style*="background: #fff9e6"] code{background:#4a3a2a!important}body.dark-mode #browseLocalCdnPath{background:#333!important;border-color:#555!important;color:#e0e0e0!important}body.dark-mode #browseLocalCdnPath:hover{background:#3a3a3a!important}#serverTerminal{transition:.3s}.terminal-window{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:12px;font-family:Consolas,Monaco,"Courier New",monospace;font-size:13px;max-height:300px;overflow-y:auto;transition:max-height .3s}.terminal-window.collapsed{max-height:0;padding:0;border:none;overflow:hidden}.terminal-output{color:#d4d4d4;line-height:1.6}.terminal-line{margin:4px 0;display:flex;align-items:flex-start;gap:8px;word-wrap:break-word;white-space:pre-wrap}.terminal-prompt{color:#4ec9b0;font-weight:700;flex-shrink:0}.terminal-timestamp{color:#858585;font-size:11px;flex-shrink:0}.terminal-info{color:#4fc1ff}.terminal-success{color:#4ec9b0}.terminal-warning{color:#dcdcaa}.terminal-error{color:#f48771}.terminal-btn{background:var(--color-primary-light);border:1px solid rgba(255,130,0,.3);color:var(--color-primary-alt);padding:6px 10px;border-radius:var(--radius-sm);cursor:var(--f-cursor-pointer);transition:var(--transition-normal);font-size:var(--font-size-sm)}.terminal-btn:hover{background:rgba(255,130,0,.2);transform:translateY(-1px)}.terminal-btn i{font-size:11px}.terminal-window::-webkit-scrollbar{width:8px}.terminal-window::-webkit-scrollbar-track{background:#252526;border-radius:4px}.terminal-window::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}.terminal-window::-webkit-scrollbar-thumb:hover{background:#4e4e4e}body.dark-mode .terminal-window{background:#0d0d0d;border-color:#2a2a2a}body.dark-mode .terminal-btn{background:rgba(255,130,0,.15);border-color:rgba(255,130,0,.4)}body.dark-mode .terminal-btn:hover{background:rgba(255,130,0,.25)}body.dark-mode #downloadsTableWrapper{scrollbar-width:none;-ms-overflow-style:none}body.dark-mode #downloadsTableWrapper::-webkit-scrollbar{display:none}#quickSearchContainer{position:relative;flex:1;z-index:100}#quickSearchInput{width:100%;height:45px;padding:0 135px 0 45px;border-radius:25px;border:2px solid rgba(255,130,0,.4);background:rgba(255,255,255,.3);color:var(--text-color);font-size:14px;outline:0;transition:.3s;font-family:Manrope,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box}#quickSearchInput.ai-mode{border:2px solid transparent;background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) padding-box,linear-gradient(101.22deg,#ffb685 -18.32%,#ff6f1d 7.01%,#fcb5e8 41.59%,#8794ff 70.98%,#3c70ff 91.35%,#3c70ff 110.17%) border-box;background-size:100% 100%,300% 300%;animation:8s linear infinite gradientLoop;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes gradientLoop{0%,100%{background-position:0 50%,0 0}25%{background-position:0 50%,100% 0}50%{background-position:0 50%,100% 100%}75%{background-position:0 50%,0 100%}}#quickSearchInput:focus{box-shadow:0 0 15px rgba(255,130,0,.2)}#quickSearchInput.ai-mode:focus{box-shadow:0 0 20px rgba(231,60,126,.3)}#quickSearchInput::placeholder{color:rgba(255,130,0,.5);opacity:1}.quick-search-icon-left{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-base);pointer-events:none;z-index:1;transition:color var(--transition-medium)}.ai-search-toggle{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);width:auto;height:35px;padding:0 var(--spacing-lg);border-radius:var(--radius-xl);border:none;background:linear-gradient(101.22deg,#ffb685 -18.32%,#ff6f1d 7.01%,#fcb5e8 41.59%,#8794ff 70.98%,#3c70ff 91.35%,#3c70ff 110.17%);background-size:300% 300%;animation:4s linear infinite gradientLoop;color:var(--color-bg-white);cursor:var(--f-cursor-pointer);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--transition-medium);z-index:1;box-shadow:0 4px 15px rgba(135,148,255,.3);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);white-space:nowrap}.ai-search-toggle:hover{transform:translateY(-50%) scale(1);box-shadow:0 6px 20px rgba(135,148,255,.5)}.ai-search-toggle:active{transform:translateY(-50%) scale(.95)}.ai-search-toggle.active{animation:4s linear infinite gradientLoop}.clear-search-btn{position:absolute;right:115px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#999;cursor:var(--f-cursor-pointer);font-size:16px;font-weight:900;padding:0;z-index:2;transition:.2s;display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px}.clear-search-btn i::after{content:none!important;display:none!important}.clear-search-btn:hover{color:var(--color-primary-alt)}.quick-search-icon{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--color-primary-alt);font-size:var(--font-size-base);pointer-events:none}#quickSearchResults{display:none;position:absolute;background:var(--card-bg);border:1px solid rgba(255,130,0,.3);border-radius:25px;corner-shape:squircle;max-height:460px;overflow-y:auto;z-index:998;box-shadow:0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width:768px){#quickSearchResults{max-height:330px!important;border-radius:25px!important;position:absolute!important;left:16px!important;right:16px!important;width:auto!important;z-index:998!important;transform:translateY(calc(-100% - 8px))!important}}.search-result-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-primary-light);cursor:var(--f-cursor-pointer);transition:background var(--transition-normal)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-primary-light)}.search-result-semester{font-size:var(--font-size-sm);color:var(--color-primary-alt);margin-bottom:var(--spacing-xs)}.search-result-title{font-weight:600;font-size:14px;color:var(--text-color);margin-bottom:2px}.search-result-category{font-size:12px;opacity:.7;color:var(--text-color)}.search-result-score{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.search-error,.search-loading,.search-no-results{padding:var(--spacing-lg);text-align:center;color:var(--text-color)}.search-error{color:var(--color-danger-hover)}body:not(.dark-mode) #quickSearchInput{background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)) padding-box,linear-gradient(101.22deg,#ffb685 -18.32%,#ff6f1d 7.01%,#fcb5e8 41.59%,#8794ff 70.98%,#3c70ff 91.35%,#3c70ff 110.17%) border-box;background-size:100% 100%,300% 300%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body:not(.dark-mode) #quickSearchResults{background:rgba(255,255,255,.95);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}body.dark-mode #quickSearchInput{border:2px solid transparent;background:linear-gradient(rgba(26,26,26,.7),rgba(26,26,26,.7)) padding-box,linear-gradient(101.22deg,#ffb685 -18.32%,#ff6f1d 7.01%,#fcb5e8 41.59%,#8794ff 70.98%,#3c70ff 91.35%,#3c70ff 110.17%) border-box;background-size:100% 100%,300% 300%;color:var(--color-dark-text-secondary);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}body.dark-mode #quickSearchInput:focus{box-shadow:0 0 15px rgba(255,130,0,.3)}body.dark-mode #quickSearchInput.ai-mode{animation:8s linear infinite gradientLoop}body.dark-mode .ai-search-toggle{box-shadow:0 4px 15px rgba(102,126,234,.4)}body.dark-mode .ai-search-toggle:hover{box-shadow:0 6px 20px rgba(102,126,234,.6)}body.dark-mode #quickSearchResults{background:rgba(26,26,26,.95);border-color:rgba(255,130,0,.4);box-shadow:0 8px 32px rgba(0,0,0,.5)}body.dark-mode .search-result-item{border-bottom-color:rgba(255,130,0,.15)}body.dark-mode .search-result-item:hover{background:rgba(255,130,0,.15)}#quickSearchResults::-webkit-scrollbar{width:6px}#quickSearchResults::-webkit-scrollbar-track{background:0 0}#quickSearchResults::-webkit-scrollbar-thumb{background:rgba(255,130,0,.3);border-radius:3px}#quickSearchResults::-webkit-scrollbar-thumb:hover{background:rgba(255,130,0,.5)}.reading-controls-wrapper{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:nowrap}#quickSearchContainer{flex:1;max-width:400px;min-width:200px;order:1}.icon-buttons-container{flex:0 0 auto;order:2}.shimmer-button{flex:0 0 auto;order:3}@media (max-width:768px){.card-one{padding:16px;overflow:visible}.reading-controls-wrapper{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin-left:0!important;margin-right:0!important}.shimmer-button{flex:1 1 auto;order:1;font-size:14px;padding:10px 16px;min-width:0}.icon-buttons-container{flex:0 0 auto;order:2}.icon-button{width:40px!important;height:40px!important;min-width:40px!important;corner-shape:squircle}#quickSearchContainer{order:3;flex:1 1 100%;max-width:100%!important;width:100%!important;min-width:100%!important;margin-left:0;margin-right:0;box-sizing:border-box}#quickSearchContainer>div{width:100%;box-sizing:border-box}#quickSearchInput{padding:10px 85px 10px 40px;font-size:13px;width:100%;box-sizing:border-box}.quick-search-icon-left{left:12px;font-size:14px}.ai-search-toggle{width:auto;height:32px;padding:0 12px;right:7px;font-size:12px;border-radius:16px;gap:6px}.ai-search-toggle i{font-size:12px}}@media (min-width:769px) and (max-width:1067px){.reading-controls-wrapper{flex-wrap:wrap!important;gap:12px!important}.shimmer-button{flex:1 1 auto;order:1}.icon-buttons-container{flex:0 0 auto;order:2}#quickSearchContainer{order:3;flex:1 1 100%;max-width:100%!important;width:100%!important;min-width:100%!important;margin-left:0;margin-right:0}#quickSearchContainer>div{width:100%;position:relative}#quickSearchInput{width:100%;padding:12px 110px 12px 45px;box-sizing:border-box}.ai-search-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:auto;height:36px;padding:0 14px;font-size:13px;border-radius:18px;gap:6px}.ai-search-toggle i{font-size:13px}}.materio-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.materio-modal-overlay.visible{opacity:1;visibility:visible}.materio-modal{background:#fff;border-radius:40px;corner-shape:squircle;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:400px;width:90%;padding:24px;transform:scale(.9) translateY(20px);transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);font-family:Manrope,sans-serif}.materio-modal-overlay.visible .materio-modal{transform:scale(1) translateY(0)}.materio-modal-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px}.materio-modal-icon.warning{color:#ff8400}.materio-modal-icon.danger{color:#dc3545}.materio-modal-icon.success{color:#28a745}.materio-modal-icon.info{color:#007bff}.materio-modal-title{font-size:18px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 8px;line-height:1.3}.materio-modal-message{font-size:14px;color:#666;margin:0 0 24px;line-height:1.5;white-space:pre-line;text-align:center}.wallpaper-store-modal .wallpaper-upload-card .wallpaper-preview{margin:0;height:100%;border-radius:23px}.wallpaper-store-modal .wallpaper-upload-card{box-shadow:none}.wallpaper-store-modal .wallpaper-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.materio-modal-buttons{display:flex;gap:12px;justify-content:center}.materio-modal-btn{flex:1;padding:12px 20px;border-radius:24px;corner-shape:squircle;font-size:14px;font-weight:600;font-family:Manrope,sans-serif;cursor:var(--f-cursor-pointer);transition:.2s;border:none;outline:0;max-width:160px}.materio-modal-btn.primary{background:#ff8400;color:#fff}.materio-modal-btn.primary:hover{background:#e67600;transform:translateY(-1px)}.materio-modal-btn.primary:active{transform:translateY(0)}.materio-modal-btn.danger{background:#dc3545;color:#fff}.materio-modal-btn.danger:hover{background:#c82333;transform:translateY(-1px)}.materio-modal-btn.secondary{background:#f0f0f0;color:#333}.materio-modal-btn.secondary:hover{background:#e0e0e0;transform:translateY(-1px)}body.dark-mode .materio-modal{background:#2a2a2a}body.dark-mode .materio-modal-title{color:#f0f0f0}body.dark-mode .materio-modal-message{color:#aaa}body.dark-mode .materio-modal-btn.secondary{background:#3a3a3a;color:#eee}body.dark-mode .materio-modal-btn.secondary:hover{background:#4a4a4a}.share-input-container{display:flex;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.15);border-radius:24px;corner-shape:squircle;padding:2px 2px 2px 14px;margin:16px 0 20px;align-items:center;gap:0;transition:var(--transition-normal)}body.dark-mode .share-input-container{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15)}.share-url-input{flex:1;border:none;background:0 0;color:var(--color-text-primary);font-family:var(--font-primary);font-size:14px;font-weight:500;outline:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-copy-btn{background:0 0;color:var(--color-primary-alt);border:none;border-left:1px solid rgba(0,0,0,.1);border-radius:0 10px 10px 0;padding:12px 16px;font-size:14px;font-weight:700;font-family:Manrope,sans-serif;cursor:var(--f-cursor-pointer);transition:.2s;min-width:60px;display:flex;align-items:center;justify-content:center}body.dark-mode .share-copy-btn{border-left-color:rgba(255,255,255,.1)}.share-copy-btn:hover{background:rgba(255,130,0,.1);color:var(--color-primary-dark)}.share-copy-btn:active{background:rgba(255,130,0,.2)}.share-copy-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-muted)}.ai-ask-divider{display:flex;align-items:center;gap:10px;margin:4px 0 12px;color:#aaa;font-size:11px;font-family:Manrope,sans-serif;font-weight:600}.ai-ask-divider::after,.ai-ask-divider::before{content:"";flex:1;height:1px;background:rgba(0,0,0,.08)}body.dark-mode .ai-ask-divider::after,body.dark-mode .ai-ask-divider::before{background:rgba(255,255,255,.08)}.ai-ask-buttons{display:flex;gap:10px;margin-bottom:10px}.ai-ask-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:18px;corner-shape:squircle;border:1.5px solid rgba(0,0,0,.1);background:rgba(0,0,0,.03);color:#1a1a1a;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;cursor:var(--f-cursor-pointer);transition:.2s;position:relative;overflow:hidden}.ai-btn-icon{width:17px;height:17px;flex-shrink:0}.ai-ask-btn:hover:not(.ai-btn-disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.1)}.ai-ask-btn:active:not(.ai-btn-disabled){transform:translateY(0)}.chatgpt-btn{border-color:rgba(0,0,0,.15);background:rgba(0,0,0,.04);color:#1a1a1a}.chatgpt-btn .ai-btn-icon{color:#1a1a1a}.chatgpt-btn:hover{background:rgba(0,0,0,.08)!important;border-color:rgba(0,0,0,.3)!important;box-shadow:0 4px 14px rgba(0,0,0,.1)!important}.claude-btn{border-color:rgba(214,120,79,.25);background:rgba(214,120,79,.05);color:#b85c2a}.claude-btn .ai-btn-icon{color:#d6784f}.claude-btn:hover:not(.ai-btn-disabled){background:rgba(214,120,79,.1)!important;border-color:rgba(214,120,79,.4)!important;box-shadow:0 4px 14px rgba(214,120,79,.15)!important}.ai-btn-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.ai-btn-label-group{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}.ai-btn-unavail-reason{font-size:9px;font-weight:500;color:#aaa;white-space:nowrap;letter-spacing:.01em}.ai-mcp-hint{text-align:center;margin-bottom:14px}.ai-mcp-hint a{font-size:11px;font-family:Manrope,sans-serif;color:#aaa;text-decoration:none;transition:color .2s}.ai-mcp-hint a:hover{color:#d6784f}body.dark-mode .ai-ask-btn{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e0e0e0}body.dark-mode .chatgpt-btn{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#f0f0f0}body.dark-mode .chatgpt-btn .ai-btn-icon{color:#f0f0f0}body.dark-mode .chatgpt-btn:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 4px 14px rgba(255,255,255,.08)!important}body.dark-mode .claude-btn{border-color:rgba(214,120,79,.3);background:rgba(214,120,79,.08);color:#e8936a}body.dark-mode .ai-btn-unavail-reason,body.dark-mode .ai-mcp-hint a{color:#666}body.dark-mode .ai-mcp-hint a:hover{color:#d6784f}@media (max-width:600px){.paper-mode-description br{display:block;margin-bottom:4px}.materio-modal-overlay{align-items:flex-end;padding:5px}.materio-modal{width:calc(100% - 10px);max-width:calc(100% - 10px);margin:0 auto 5px;border-radius:40px;corner-shape:squircle;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}.materio-modal-overlay.visible .materio-modal{transform:translateY(0)}.materio-modal-buttons{flex-direction:column-reverse;gap:10px}.materio-modal-btn{max-width:100%;padding:14px 20px;border-radius:24px;corner-shape:squircle}}.insight-cards-scroll{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:36px;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:var(--f-cursor-grab)}.insight-cards-scroll:active{cursor:var(--f-cursor-grabbed)}.insight-cards-scroll::-webkit-scrollbar{display:none}#blogs.card-one{overflow:visible}.blog-posts-container{width:100%;overflow-x:auto;overflow-y:visible}.insight-cards-scroll .posts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;padding:40px 20px}.insight-card-link{display:block;text-decoration:none;color:inherit;flex:0 0 auto;width:var(--smart-rec-card-width);scroll-snap-align:start}.insight-card{--card-bg:linear-gradient(135deg, #ffecd2 0%, #fcb69f 50%, #ff9a9e 100%);width:100%;height:var(--smart-rec-card-height);background:var(--color-bg-white);border-radius:var(--radius-4xl);corner-shape:squircle;overflow:hidden;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);cursor:var(--f-cursor-pointer);position:relative}.insight-card:active{transform:scale(.99);transition-duration:.1s}.insight-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--card-bg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;transition:transform .6s cubic-bezier(.25, .46, .45, .94)}.insight-card:hover .insight-card-bg{transform:scale(1.1)}.insight-card-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 50%,#fff 75%,#fff 100%);z-index:2}.insight-card-content{position:absolute;bottom:0;left:0;right:0;padding:16px 18px 18px;display:flex;flex-direction:column;z-index:3}.insight-card-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 6px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-card-excerpt{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.insight-card-read-more{display:inline-block;background-color:var(--color-primary-light);color:var(--color-primary-alt);padding:2px var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs);white-space:nowrap;transition:var(--transition-normal)}.insight-card-date{font-size:11px;color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin-top:auto;padding-top:var(--spacing-sm)}.insight-card.dark-mode,body.dark-mode .insight-card{background:var(--color-dark-bg-body)}body.dark-mode .insight-card-gradient{background:linear-gradient(to bottom,rgba(26,26,26,0) 0,rgba(26,26,26,.6) 50%,#1a1a1a 75%,#1a1a1a 100%)}body.dark-mode .insight-card-title{color:#f0f0f0}body.dark-mode .insight-card-excerpt{color:#bbb}body.dark-mode .insight-card-date{color:#888}@media (max-width:768px){.insight-cards-scroll{gap:24px}.insight-card-link{width:var(--smart-rec-card-width-tablet)}.insight-card{height:var(--smart-rec-card-height-tablet);border-radius:24px}.insight-card-content{padding:14px 16px 16px}.insight-card-title{font-size:13px}.insight-card-excerpt{font-size:11px}}@media (max-width:480px){.insight-cards-scroll{gap:16px}.insight-card-link{width:var(--smart-rec-card-width-mobile)}.insight-card{height:var(--smart-rec-card-height-mobile);border-radius:20px}.insight-card-content{padding:12px 14px 14px}.insight-card-title{font-size:12px}.insight-card-date,.insight-card-excerpt{font-size:10px}}.blog-header-container{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}#blogs .blog-fold-chevron,#blogs .blog-header-container,#blogs .blog-header-right,#blogs .blog-header-title,#blogs .view-more-btn{cursor:var(--f-cursor-pointer)!important}.blog-header-title{display:block;margin-right:0}.view-more-btn{text-decoration:none;color:var(--color-primary-alt);font-weight:var(--font-weight-semibold);background:var(--color-primary-light);padding:6px 14px;border-radius:var(--radius-3xl);backdrop-filter:blur(4px);border:1px solid rgba(255,130,0,.3);transition:var(--transition-medium);display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.view-more-btn:hover{background:rgba(255,130,0,.2)}body.dark-mode .view-more-btn{color:var(--color-primary-alt)}@media (max-width:768px){.blog-header-container{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}.blog-header-title{display:block;margin-right:0;flex:1;min-width:0;font-size:18px;line-height:1.3}.blog-header-container:has(i){align-items:flex-start}.blog-header-container:has(i) .view-more-btn{margin-top:20px}.blog-header-right{display:inline-flex;flex-shrink:0;align-items:center}.view-more-btn{padding:6px 12px;font-size:12px;white-space:nowrap}.blog-fold-chevron{display:none!important}}.blog-header-right{display:flex;align-items:center;gap:8px}.blog-fold-chevron{transition:transform .3s cubic-bezier(.4, 0, .2, 1);padding:8px;border-radius:50%}.blog-fold-chevron:hover{background-color:rgba(255,130,0,.1)}#blogs.blog-expanded .blog-fold-chevron{transform:rotate(180deg)}.blog-posts-container{transition:opacity .2s}#blogs:has(.blog-posts-container[style*="display: none"]),#blogs:not(.blog-expanded) .blog-posts-container[style*="display: none"]~.blog-posts-container{min-height:auto}#blogs.blog-folded{min-height:auto}#blogs.blog-folded .blog-header-container{margin-bottom:0;cursor:var(--f-cursor-grab)!important}#blogs.blog-folded .blog-header-container:active{cursor:var(--f-cursor-grabbed)!important}#blogs.blog-expanded .blog-header-container,#blogs.blog-expanded .blog-header-container:active{cursor:var(--f-cursor-pointer)!important}#blogs .blog-posts-container{cursor:var(--f-cursor-default)!important}#blogs .blog-posts-container::-webkit-scrollbar,#blogs .blog-posts-container::-webkit-scrollbar-thumb,#blogs .blog-posts-container::-webkit-scrollbar-track,.insight-cards-scroll::-webkit-scrollbar,.insight-cards-scroll::-webkit-scrollbar-thumb,.insight-cards-scroll::-webkit-scrollbar-track{cursor:var(--f-cursor-pointer)!important}body.dark-mode .blog-fold-chevron:hover{background-color:rgba(255,130,0,.15)}.attachments-card{flex:0 0 auto;width:var(--smart-rec-card-width);height:var(--smart-rec-card-height);box-sizing:border-box;background:rgba(255,255,255,.7);border-radius:var(--radius-4xl);corner-shape:squircle;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);scroll-snap-align:start;overflow:hidden;transition:none}.attachments-card:hover{border-color:rgba(255,255,255,.6)}.attachments-card-header{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-dark);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,0,0,.06)}.attachments-card-header i{color:var(--color-primary-alt);font-size:var(--font-size-lg)}.attachments-pills-container{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;overflow-y:auto;flex:1;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,130,0,0.3) transparent}.attachments-pills-container::-webkit-scrollbar{width:4px}.attachments-pills-container::-webkit-scrollbar-track{background:0 0}.attachments-pills-container::-webkit-scrollbar-thumb{background:rgba(255,130,0,.3);border-radius:4px}.attachment-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:rgba(0,0,0,.05);border-radius:20px;font-size:12px;font-weight:600;color:#444;text-decoration:none;transition:.2s;cursor:var(--f-cursor-pointer);border:1px solid transparent;white-space:nowrap;max-width:100%}.attachment-pill:hover{background:rgba(255,130,0,.15);color:var(--color-primary-alt);transform:translateY(-1px);border-color:rgba(255,130,0,.2)}.attachment-pill:active{transform:translateY(0) scale(.98)}.attachment-pill-name{overflow:hidden;text-overflow:ellipsis;max-width:140px}.attachment-pill-icon{font-size:11px;opacity:.8;flex-shrink:0}.attachment-pill[data-type=java]{background:rgba(176,114,25,.12);color:#b07219}.attachment-pill[data-type=java]:hover{background:rgba(176,114,25,.25)}.attachment-pill[data-type=py]{background:rgba(53,114,165,.12);color:#3572a5}.attachment-pill[data-type=py]:hover{background:rgba(53,114,165,.25)}.attachment-pill[data-type=js]{background:rgba(241,224,90,.2);color:#b39b00}.attachment-pill[data-type=js]:hover{background:rgba(241,224,90,.35)}.attachment-pill[data-type=html]{background:rgba(227,76,38,.12);color:#e34c26}.attachment-pill[data-type=html]:hover{background:rgba(227,76,38,.25)}.attachment-pill[data-type=css]{background:rgba(86,61,124,.12);color:#563d7c}.attachment-pill[data-type=css]:hover{background:rgba(86,61,124,.25)}.attachment-pill[data-type="c"],.attachment-pill[data-type="h"],.attachment-pill[data-type=cpp]{background:rgba(85,85,85,.12);color:#555}.attachment-pill[data-type="c"]:hover,.attachment-pill[data-type="h"]:hover,.attachment-pill[data-type=cpp]:hover{background:rgba(85,85,85,.25)}.attachment-pill[data-type=kt]{background:rgba(169,123,255,.12);color:#a97bff}.attachment-pill[data-type=kt]:hover{background:rgba(169,123,255,.25)}.attachment-pill[data-type=md],.attachment-pill[data-type=txt]{background:rgba(102,102,102,.1);color:#666}.attachment-pill[data-type=md]:hover,.attachment-pill[data-type=txt]:hover{background:rgba(102,102,102,.2)}.attachment-pill[data-type=doc],.attachment-pill[data-type=docx]{background:rgba(41,98,185,.12);color:#2962b9}.attachment-pill[data-type=doc]:hover,.attachment-pill[data-type=docx]:hover{background:rgba(41,98,185,.25)}.attachment-pill[data-type=ppt],.attachment-pill[data-type=pptx]{background:rgba(209,71,45,.12);color:#d1472d}.attachment-pill[data-type=ppt]:hover,.attachment-pill[data-type=pptx]:hover{background:rgba(209,71,45,.25)}.attachment-pill[data-type=xls],.attachment-pill[data-type=xlsx]{background:rgba(33,115,70,.12);color:#217346}.attachment-pill[data-type=xls]:hover,.attachment-pill[data-type=xlsx]:hover{background:rgba(33,115,70,.25)}.attachment-pill[data-type=ipynb]{background:rgba(243,156,18,.12);color:#f39c12}.attachment-pill[data-type=ipynb]:hover{background:rgba(243,156,18,.25)}.attachment-pill[data-type=xml]{background:rgba(0,96,172,.12);color:#0060ac}.attachment-pill[data-type=xml]:hover{background:rgba(0,96,172,.25)}.attachment-pill[data-type=json]{background:rgba(41,128,185,.12);color:#2980b9}.attachment-pill[data-type=json]:hover{background:rgba(41,128,185,.25)}.attachment-pill[data-type=sql]{background:rgba(233,117,0,.12);color:#e97500}.attachment-pill[data-type=sql]:hover{background:rgba(233,117,0,.25)}.attachments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);flex:1;color:var(--color-text-muted);font-size:13px;text-align:center}.attachments-empty i{font-size:28px;opacity:.5}body.dark-mode .attachments-card{background:rgba(42,42,42,.7);border-color:rgba(255,255,255,.08)}body.dark-mode .attachments-card:hover{border-color:rgba(255,255,255,.08)}body.dark-mode .attachments-card-header{color:var(--color-dark-text-primary);border-bottom-color:rgba(255,255,255,.08)}body.dark-mode .attachment-pill{background:rgba(255,255,255,.08);color:var(--color-dark-text-tertiary)}body.dark-mode .attachment-pill:hover{background:rgba(255,130,0,.2);color:var(--color-primary-alt)}body.dark-mode .attachment-pill[data-type=java]{background:rgba(176,114,25,.2);color:#d4a530}body.dark-mode .attachment-pill[data-type=py]{background:rgba(53,114,165,.2);color:#5a9fd4}body.dark-mode .attachment-pill[data-type=js]{background:rgba(241,224,90,.15);color:#f1e05a}body.dark-mode .attachment-pill[data-type=html]{background:rgba(227,76,38,.2);color:#f06529}body.dark-mode .attachment-pill[data-type=css]{background:rgba(86,61,124,.2);color:#9b7bc7}body.dark-mode .attachment-pill[data-type="c"],body.dark-mode .attachment-pill[data-type="h"],body.dark-mode .attachment-pill[data-type=cpp]{background:rgba(120,120,120,.2);color:#a8a8a8}body.dark-mode .attachment-pill[data-type=kt]{background:rgba(169,123,255,.2);color:#c4a5ff}body.dark-mode .attachment-pill[data-type=doc],body.dark-mode .attachment-pill[data-type=docx]{background:rgba(41,98,185,.2);color:#4d8cd9}body.dark-mode .attachment-pill[data-type=ppt],body.dark-mode .attachment-pill[data-type=pptx]{background:rgba(209,71,45,.2);color:#e8836a}body.dark-mode .attachment-pill[data-type=xls],body.dark-mode .attachment-pill[data-type=xlsx]{background:rgba(33,115,70,.2);color:#4caf6e}body.dark-mode .attachment-pill[data-type=ipynb]{background:rgba(243,156,18,.2);color:#f8bc38}body.dark-mode .attachments-empty{color:#777}@media (max-width:768px){.attachments-card{width:var(--smart-rec-card-width-tablet);height:var(--smart-rec-card-height-tablet);padding:16px;border-radius:24px}.attachments-card-header{font-size:15px}.attachment-pill{padding:6px 10px;font-size:11px}.attachment-pill-name{max-width:120px}}@media (max-width:480px){.attachments-card{width:var(--smart-rec-card-width-mobile);height:var(--smart-rec-card-height-mobile);padding:14px;border-radius:20px}.attachments-card-header{font-size:14px;gap:8px}.attachments-card-header i{font-size:16px}.attachments-pills-container{gap:6px}.attachment-pill{padding:5px 9px;font-size:10px;border-radius:16px}.attachment-pill-name{max-width:100px}}.exam-card{flex:0 0 auto;width:var(--smart-rec-card-width);height:var(--smart-rec-card-height);box-sizing:border-box;background:rgba(255,255,255,.7);border-radius:var(--radius-4xl);corner-shape:squircle;padding:var(--spacing-lg);display:flex;flex-direction:column;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);scroll-snap-align:start;overflow:hidden;cursor:var(--f-cursor-pointer);position:relative}.exam-view{display:flex;flex-direction:column;height:100%;animation:.4s examViewFadeIn}@keyframes examViewFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.exam-card-header{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:6px}.exam-card-header i{color:var(--color-primary-alt);font-size:var(--font-size-lg)}.exam-card-header i.fa-fire{color:#ff6b35}.exam-subtitle{font-size:12px;color:#666;margin:0 0 12px;line-height:1.4}.exam-first-info{margin-bottom:10px}.exam-label{font-size:11px;color:#888;font-weight:500;margin-bottom:4px}.exam-subject{font-size:15px;font-weight:700;color:#333;margin-bottom:2px}.exam-date{font-size:12px;color:#666}.exam-syllabus-preview{background:rgba(0,0,0,.04);padding:8px 12px;border-radius:10px;font-size:12px;color:#555;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;max-height:calc(1.5em * 3 + 16px)}.exam-syllabus-preview span{font-weight:600}.exam-divider{height:1px;background:rgba(0,0,0,.06);margin:8px 0}.exam-show-all{font-size:13px;font-weight:600;color:var(--color-primary-alt);margin-top:auto;display:flex;align-items:center;gap:4px}.exam-show-all::after{content:"→";font-size:14px;margin-left:2px}.exam-today-tomorrow{flex:1}.exam-item{margin-bottom:10px}.exam-item-label{font-size:11px;color:#888;font-weight:500;margin-bottom:4px}.exam-item-subject{font-size:15px;font-weight:700;color:#333;margin-bottom:2px}.exam-item-date{font-size:12px;color:#666}.exam-mini-timeline{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow-y:hidden;padding-right:4px;padding-top:10px;padding-bottom:15px}.exam-mini-timeline::-webkit-scrollbar{width:4px}.exam-mini-timeline::-webkit-scrollbar-track{background:0 0}.exam-mini-timeline::-webkit-scrollbar-thumb{background:rgba(255,130,0,.3);border-radius:4px}.exam-mini-item{display:flex;align-items:flex-start;gap:10px;position:relative;padding-left:20px}.exam-mini-item::before{content:"";position:absolute;left:6px;top:6px;width:10px;height:10px;background:#e0e0e0;border-radius:50%;z-index:1}.exam-mini-item::after{content:"";position:absolute;left:10px;top:16px;width:2px;height:calc(100% + 32px);background:#e0e0e0}.exam-mini-item:last-child::after{display:none}.exam-mini-item.completed::after,.exam-mini-item.completed::before{background:var(--color-primary-alt)}.exam-mini-item.today::before{background:#ff6b35;animation:1.5s ease-in-out infinite examDotBlink}.exam-mini-item.today::after{background:linear-gradient(to bottom,#ff6b35 50%,#e0e0e0 50%)}.exam-mini-content{flex:1}.exam-mini-subject{font-size:14px;font-weight:600;color:#333}.exam-mini-date{font-size:12px;color:#888}.exam-modal-overlay{z-index:10001}.exam-modal{max-width:500px;width:90%;overflow:hidden;display:block!important;position:relative;padding:0}.exam-modal .promo-content{flex:1;width:100%;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.exam-modal .promo-content::-webkit-scrollbar{display:none}.exam-modal-content h2{margin-bottom:20px}.exam-schedule-section{margin-top:10px;flex:1;display:flex;flex-direction:column;overflow:hidden}.exam-schedule-heading{font-size:14px;font-weight:700;color:#555;margin-bottom:12px}.exam-schedule-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.exam-schedule-header .exam-schedule-heading{margin-bottom:0;white-space:nowrap}.classroom-selector{flex:0 1 230px;min-width:160px;position:relative}.classroom-select{width:100%;padding:6px 34px 6px 12px;border:1px solid rgba(0,0,0,.1);border-radius:20px;font-size:12px;font-family:inherit;background:rgba(0,0,0,.05);color:#333;outline:0;cursor:text;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.classroom-select:focus{border-color:rgba(255,130,0,.3);box-shadow:0 0 0 2px rgba(255,130,0,.08)}.classroom-select::placeholder{color:#8d8d8d}.clear-division-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.14);color:#555;cursor:var(--f-cursor-pointer);padding:0}.clear-division-btn i{font-size:10px;line-height:1}.clear-division-btn:hover{background:rgba(0,0,0,.22)}.seating-lookup{flex:1;min-width:0}.seating-input-row{display:flex;align-items:center;background:rgba(0,0,0,.05);border-radius:50px;padding:2px 2px 2px 12px;border:1px solid rgba(0,0,0,.06);transition:border-color .2s}.seating-input-row:focus-within{border-color:rgba(255,130,0,.3)}.enrollment-input{flex:1;padding:2px 0;border:none;font-size:11px;font-family:inherit;background:0 0;color:#333;outline:0;min-width:0}.enrollment-input::placeholder{color:#aaa;font-size:10px}.seating-search-btn{width:24px;height:24px;min-width:24px;border:1px solid rgba(0,0,0,.1);border-radius:50px;background:rgba(255,255,255,.8);color:#555;cursor:var(--f-cursor-pointer);display:flex;align-items:center;justify-content:center;font-size:10px;transition:.2s;margin-left:6px}.seating-search-btn:hover{background:#fff;border-color:rgba(0,0,0,.15)}.seating-result{display:flex;align-items:center;background:rgba(0,0,0,.05);border-radius:50px;padding:2px 2px 2px 12px;border:1px solid rgba(0,0,0,.06)}.seating-result-text{flex:1;font-size:11px;color:#444;font-weight:500;padding:2px 0}.seating-result-text i{color:#ff8200;margin-right:5px;font-size:12px}.seating-result.not-found{border-color:rgba(220,53,69,.15)}.seating-result.not-found .seating-result-text{color:#888}.seating-clear-btn{width:24px;height:24px;min-width:24px;border:1px solid rgba(0,0,0,.1);border-radius:50px;background:rgba(255,255,255,.8);color:#888;cursor:var(--f-cursor-pointer);display:flex;align-items:center;justify-content:center;font-size:10px;transition:.2s;margin-left:6px}.seating-clear-btn:hover{background:#fff;color:#555}body.dark-mode .seating-input-row{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}body.dark-mode .seating-input-row:focus-within{border-color:rgba(255,130,0,.3)}body.dark-mode .enrollment-input{color:#e0e0e0}body.dark-mode .enrollment-input::placeholder{color:#666}body.dark-mode .seating-search-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#bbb}body.dark-mode .seating-search-btn:hover{background:rgba(255,255,255,.12)}body.dark-mode .seating-result{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}body.dark-mode .seating-result-text{color:#ccc}body.dark-mode .seating-result.not-found{border-color:rgba(220,53,69,.15)}body.dark-mode .seating-result.not-found .seating-result-text{color:#777}body.dark-mode .seating-clear-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#999}.exam-timeline{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto;padding-left:8px;padding-right:8px;padding-bottom:40px;scrollbar-width:none;-ms-overflow-style:none}.exam-timeline::-webkit-scrollbar{display:none}.exam-timeline-item{display:flex;gap:16px;padding:20px 0;position:relative;opacity:1;margin-bottom:10px}.exam-timeline-item.completed{opacity:.5}.exam-timeline-item.active,.exam-timeline-item.today{opacity:1}.exam-timeline-dot{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:20px;margin-left:4px}.exam-timeline-dot::before{content:"";width:14px;height:14px;background:#e0e0e0;border-radius:50%;flex-shrink:0;z-index:1}.exam-timeline-dot::after{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% + 32px);background:#e0e0e0}.exam-timeline-item:last-child .exam-timeline-dot::after{display:none}.exam-timeline-item.completed .exam-timeline-dot::after,.exam-timeline-item.completed .exam-timeline-dot::before{background:var(--color-primary-alt)}@keyframes examDotBlink{0%,100%{box-shadow:0 0 0 0 rgba(255,107,53,.5)}50%{box-shadow:0 0 0 5px rgba(255,107,53,.2)}}.exam-timeline-item.active .exam-timeline-dot::before,.exam-timeline-item.today .exam-timeline-dot::before{background:#ff6b35;animation:2.5s ease-in-out infinite examDotBlink}.exam-timeline-item.today .exam-timeline-dot::after{background:linear-gradient(to bottom,#ff6b35 50%,#e0e0e0 50%)}.exam-timeline-item.upcoming .exam-timeline-dot::before,.exam-timeline-item.upcoming.active .exam-timeline-dot::after{background:#e0e0e0}.exam-timeline-content{flex:1;padding-top:0}.exam-timeline-subject{font-size:15px;font-weight:700;color:#333;margin-bottom:4px;display:flex;align-items:center}.exam-timeline-date{font-size:13px;color:#666;margin-bottom:6px}.exam-timeline-empty{text-align:center;padding:30px 20px;color:#888;font-size:14px}.exam-timeline-syllabus{margin-top:8px;padding:10px 12px;background:rgba(0,0,0,.03);border-radius:10px}.exam-timeline-syllabus-label{font-size:11px;font-weight:600;color:#888;margin-bottom:6px}.exam-timeline-syllabus-list{display:flex;flex-direction:column;gap:4px}.exam-timeline-syllabus-item{font-size:12px;color:#555;padding-left:12px;position:relative;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.exam-timeline-syllabus-item::before{content:"•";position:absolute;left:0;top:0;color:var(--color-primary-alt)}.syllabus-show-link{color:var(--color-primary-alt);font-size:11px;font-weight:600;cursor:var(--f-cursor-pointer);margin-left:4px;text-decoration:none;transition:opacity .2s}.syllabus-show-link:hover{opacity:.8}body.dark-mode .syllabus-show-link{color:var(--color-primary-alt)}.exam-modal-slider{display:flex;width:200%;height:580px;transition:transform .5s cubic-bezier(.32, .72, 0, 1);flex-shrink:0}.exam-modal-page{width:50%;height:100%;flex-shrink:0;overflow:hidden;display:flex}.exam-modal-slider.show-syllabus{transform:translateX(-50%)}.exam-syllabus-view{display:flex;flex-direction:column;width:100%;height:100%;position:relative;background:#fff;overflow:hidden}body.dark-mode .exam-syllabus-view{background:#1e1e1e}.syllabus-banner{width:100%;height:220px;position:relative;overflow:hidden;flex-shrink:0;background:#333}.syllabus-banner-img{width:100%;height:100%;object-fit:cover}.syllabus-banner-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 20px 16px;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;align-items:flex-end}#syllabusSubjectTitle{font-size:1.5rem;font-weight:800;color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.5)}.syllabus-back-btn{position:absolute;top:32px;left:32px;z-index:20;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:var(--f-cursor-pointer);color:#fff;transition:.3s cubic-bezier(.32, .72, 0, 1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.syllabus-back-btn:hover{background:rgba(0,0,0,.6);transform:scale(1.1)}.syllabus-back-btn i{font-size:14px}.syllabus-full-content{flex:1;overflow-y:auto;font-size:15px;line-height:1.7;color:#444;padding:32px 32px 60px;scrollbar-width:none;box-sizing:border-box;width:100%}.syllabus-full-content::-webkit-scrollbar{display:none}.syllabus-full-content strong{font-weight:700;color:#222}.syllabus-full-content p{margin-bottom:18px}.syllabus-full-content ol,.syllabus-full-content ul{margin-bottom:18px;padding-left:20px}.syllabus-full-content li{margin-bottom:10px;list-style:disc}body.dark-mode .syllabus-back-btn{background:rgba(255,255,255,.1);color:#eee;box-shadow:0 2px 8px rgba(0,0,0,.2)}body.dark-mode .syllabus-back-btn:hover{background:rgba(255,255,255,.15)}body.dark-mode #syllabusSubjectTitle{color:#fff}body.dark-mode .syllabus-full-content{color:#d0d0d0}body.dark-mode .syllabus-full-content strong{color:#fff}@media (max-width:500px){.exam-modal-slider{height:80vh}.exam-syllabus-view{padding:0}#syllabusSubjectTitle{font-size:1.25rem}.promo-modal.exam-modal{width:100%;max-width:100%;margin:0;border-radius:40px}}body.dark-mode .exam-card{background:rgba(42,42,42,.7);border-color:rgba(255,255,255,.08)}body.dark-mode .exam-card-header{color:var(--color-dark-text-primary)}body.dark-mode .exam-subtitle{color:#999}body.dark-mode .exam-item-subject,body.dark-mode .exam-mini-subject,body.dark-mode .exam-subject,body.dark-mode .exam-timeline-subject{color:var(--color-dark-text-primary)}body.dark-mode .exam-date,body.dark-mode .exam-item-date,body.dark-mode .exam-item-label,body.dark-mode .exam-label{color:#888}body.dark-mode .exam-syllabus-preview{background:rgba(255,255,255,.06);color:#bbb}body.dark-mode .exam-divider{background:rgba(255,255,255,.08)}body.dark-mode .exam-schedule-heading{color:#aaa}body.dark-mode .classroom-select{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#d9d9d9}body.dark-mode .classroom-select::placeholder{color:#9f9f9f}body.dark-mode .clear-division-btn{background:rgba(255,255,255,.2);color:#d7d7d7}body.dark-mode .clear-division-btn:hover{background:rgba(255,255,255,.3)}body.dark-mode .exam-timeline-date{color:#888}body.dark-mode .exam-timeline-syllabus{background:rgba(255,255,255,.05)}body.dark-mode .exam-timeline-syllabus-item{color:#bbb}body.dark-mode .exam-mini-item::after,body.dark-mode .exam-mini-item::before,body.dark-mode .exam-timeline-dot::after,body.dark-mode .exam-timeline-dot::before{background:#555}body.dark-mode .exam-mini-item.completed::after,body.dark-mode .exam-mini-item.completed::before,body.dark-mode .exam-timeline-item.completed .exam-timeline-dot::after,body.dark-mode .exam-timeline-item.completed .exam-timeline-dot::before{background:var(--color-primary-alt)}body.dark-mode .exam-timeline-item.active .exam-timeline-dot::before,body.dark-mode .exam-timeline-item.today .exam-timeline-dot::before{background:#ff6b35}body.dark-mode .exam-timeline-item.today .exam-timeline-dot::after{background:linear-gradient(to bottom,#ff6b35 50%,#555 50%)}body.dark-mode .exam-timeline-item.upcoming.active .exam-timeline-dot::after{background:#555}@media (max-width:768px){.exam-card{width:var(--smart-rec-card-width-tablet);height:var(--smart-rec-card-height-tablet);padding:16px;border-radius:24px}.exam-card-header{font-size:15px}.exam-modal{max-width:95%;max-height:85vh;margin:10px}.exam-modal .promo-content,.exam-modal-content{padding:28px 20px 20px}.exam-timeline{max-height:50vh;max-width:300px;padding-bottom:60px}.exam-timeline-item{gap:12px;padding:12px 0}.exam-timeline-subject{font-size:14px}.exam-timeline-date{font-size:12px}.exam-timeline-syllabus{padding:8px 10px}.exam-timeline-syllabus-item{font-size:11px}.exam-schedule-header{align-items:stretch;gap:8px}.exam-schedule-header .exam-schedule-heading{width:100%}.classroom-selector{flex:1 1 100%;min-width:0}}@media (max-width:480px){.exam-card{width:var(--smart-rec-card-width-mobile);height:var(--smart-rec-card-height-mobile);padding:14px;border-radius:20px}.exam-card-header{font-size:14px;gap:8px}.exam-card-header i{font-size:16px}.exam-item-subject,.exam-subject{font-size:14px}.exam-modal{max-width:100%;max-height:90vh;margin:0;border-radius:40px}.exam-modal-content{padding:28px 20px 20px}.exam-timeline{max-height:45vh;max-width:300px;padding-bottom:40px}}.insightroom-view-options{animation:.2s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.view-style-dropdown-wrapper{position:relative}.view-style-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:var(--f-cursor-pointer);font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#333;transition:.2s}.view-style-trigger:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.view-style-trigger i{font-size:10px;transition:transform .25s;color:#666}.view-style-dropdown-wrapper.open .view-style-trigger i{transform:rotate(180deg)}.view-style-dropdown.profile-dropdown{position:absolute;bottom:auto;top:calc(100% + 8px);left:auto;right:0;margin-left:0}.view-style-item.selected{background:rgba(255,130,0,.15);color:#ff8200}body.dark-mode .view-style-trigger{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#e0e0e0}body.dark-mode .view-style-trigger:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}body.dark-mode .view-style-trigger i{color:#999}body.dark-mode .view-style-item.selected{background:rgba(255,130,0,.25);color:#ff8200}.paper-texture-options{animation:.2s fadeIn}.paper-texture-dropdown-wrapper{position:relative}.paper-texture-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:var(--f-cursor-pointer);font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#333;transition:.2s}.paper-texture-trigger:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.paper-texture-trigger i{font-size:10px;transition:transform .25s;color:#666}.paper-texture-dropdown-wrapper.open .paper-texture-trigger i{transform:rotate(180deg)}.paper-texture-dropdown.profile-dropdown{position:absolute;bottom:auto;top:calc(100% + 8px);left:auto;right:0;margin-left:0;min-width:160px}.paper-texture-item.selected{background:rgba(255,130,0,.15);color:#ff8200}.paper-texture-item.selected i{color:#ff8200}body.dark-mode .paper-texture-options{border-top-color:rgba(255,255,255,.1)}body.dark-mode .paper-texture-trigger{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#e0e0e0}body.dark-mode .paper-texture-trigger:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}body.dark-mode .paper-texture-trigger i{color:#999}body.dark-mode .paper-texture-item.selected{background:rgba(255,130,0,.25);color:var(--color-primary-alt)}.desktop-only{display:block}@media (max-width:768px){#localTabLink,.desktop-only{display:none!important}}.icon-button .tooltip-text{opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.icon-button:hover .tooltip-text{opacity:1!important;visibility:visible}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:inline-block}}.keyboard-shortcuts-btn{color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-md);width:100%;text-align:center;display:flex;align-items:center;justify-content:center;font-size:larger;transition:var(--transition-smooth);position:relative}.keyboard-shortcuts-btn i{color:var(--color-text-primary);transition:color var(--transition-normal)}.keyboard-shortcuts-btn:hover i{color:var(--color-primary-alt)}.keyboard-shortcuts-btn::after{content:"";position:absolute;top:55%;left:50%;transform:translate(4px,-12px);width:8px;height:8px;background:var(--color-primary-alt);border-radius:var(--radius-circle)}.keyboard-shortcuts-btn.seen::after{display:none}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}body.dark-mode .keyboard-shortcuts-btn i{color:var(--color-dark-text-tertiary)}body.dark-mode .keyboard-shortcuts-btn:hover i{color:var(--color-primary-alt)}.changelog-btn{color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-md);width:100%;text-align:center;display:flex;align-items:center;justify-content:center;font-size:larger;transition:var(--transition-smooth);position:relative}.changelog-btn i{color:var(--color-text-primary);transition:color var(--transition-normal)}.changelog-btn:hover i{color:var(--color-primary-alt)}body.dark-mode .changelog-btn i{color:var(--color-dark-text-tertiary)}body.dark-mode .changelog-btn:hover i{color:var(--color-primary-alt)}.changelog-btn.has-update::after{content:"";position:absolute;top:55%;left:50%;transform:translate(4px,-12px);width:8px;height:8px;background:var(--color-primary-alt);border-radius:var(--radius-circle)}.navbar a[data-tab=notifications][data-count]::after{content:attr(data-count);position:absolute;top:25%;left:55%;transform:translate(4px,-12px);min-width:14px;height:14px;background:var(--color-primary-alt);border-radius:var(--radius-lg);color:var(--color-bg-white);font-size:9px;line-height:14px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;padding:0 4px;box-sizing:border-box;z-index:10}.navbar a[data-tab=notifications][data-count="0"]::after{display:none}.keyboard-shortcuts-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.keyboard-shortcuts-modal.visible{opacity:1;visibility:visible}.keyboard-shortcuts-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.keyboard-shortcuts-dialog{position:relative;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;padding:32px;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.keyboard-shortcuts-modal.visible .keyboard-shortcuts-dialog{transform:scale(1) translateY(0)}.shortcuts-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:rgba(0,0,0,.05);border-radius:50%;cursor:var(--f-cursor-pointer);display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;transition:.2s}.shortcuts-close-btn:hover{background:rgba(255,130,0,.15);color:#ff8200}.keyboard-shortcuts-content{font-family:Manrope,sans-serif}.shortcuts-header{text-align:center;margin-bottom:28px}.shortcuts-header h2{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.shortcuts-header h2 i{margin-right:10px;color:#ff8200}.shortcuts-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.shortcuts-list-container{display:flex;flex-direction:column;gap:4px;max-height:55vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.shortcuts-list-container::-webkit-scrollbar{display:none}.shortcuts-divider{height:1px;background:rgba(0,0,0,.08);margin:8px 0}.shortcuts-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;padding:12px 12px 6px;display:flex;align-items:center;gap:8px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;transition:background .15s}.shortcut-item:hover{background:rgba(0,0,0,.04)}.shortcut-action{font-size:14px;color:#444;flex:1}.shortcut-right{display:flex;align-items:center;gap:8px}.shortcut-keys{font-family:"JetBrains Mono","SF Mono","Fira Code",monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:rgba(0,0,0,.06);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);white-space:nowrap}.shortcuts-footer{margin-top:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08);text-align:center}.shortcuts-note{font-size:12px;color:#888;margin:0}.shortcuts-note i{margin-right:6px}.shortcuts-note kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:"SF Mono","Fira Code",monospace;font-size:11px;font-weight:600;color:#555;margin:0 2px}body.dark-mode .keyboard-shortcuts-dialog{background:#2a2a2a}body.dark-mode .shortcuts-close-btn{background:rgba(255,255,255,.1);color:#aaa}body.dark-mode .shortcuts-close-btn:hover{background:rgba(255,130,0,.2);color:var(--color-primary-alt)}body.dark-mode .shortcuts-header h2{color:#f0f0f0}body.dark-mode .shortcut-item:hover{background:rgba(255,255,255,.05)}body.dark-mode .shortcut-keys{background:rgba(255,255,255,.1);color:#ccc}body.dark-mode .shortcut-action{color:#aaa}body.dark-mode .shortcuts-footer{border-top-color:rgba(255,255,255,.1)}body.dark-mode .shortcuts-note{color:#777}body.dark-mode .shortcuts-note kbd{background:#3a3a3a;border-color:#4a4a4a;color:#ccc}.shortcuts-os-note{font-size:12px;color:#888;margin-top:8px}.shortcuts-os-note i{margin-right:6px}.shortcut-edit-btn{width:24px;height:24px;margin-left:12px;border:none;background:0 0;color:#bbb;cursor:var(--f-cursor-pointer);display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .15s,color .15s}.shortcut-item:hover .shortcut-edit-btn{opacity:1}.shortcut-edit-btn:hover{color:var(--color-primary-alt)}.shortcut-item.customized .shortcut-keys{background:var(--color-primary-light);color:var(--color-primary-alt)}.reset-shortcuts-btn{margin-top:12px;padding:8px 16px;background:0 0;border:1px solid rgba(0,0,0,.15);font-size:12px;font-weight:500;color:#666;cursor:var(--f-cursor-pointer);transition:.2s;display:inline-flex;align-items:center;gap:6px}.reset-shortcuts-btn:hover{background:rgba(255,100,100,.1);border-color:rgba(255,100,100,.3);color:#f66}.shortcut-edit-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10001;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.2s}.shortcut-edit-modal.visible{opacity:1;visibility:visible}.shortcut-edit-dialog{background:#fff;padding:28px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2);transform:scale(.9);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.shortcut-edit-modal.visible .shortcut-edit-dialog{transform:scale(1)}.shortcut-edit-dialog h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1a1a1a}.edit-action-name{font-size:14px;color:#666;margin:0 0 20px}.edit-keys-display{background:rgba(0,0,0,.04);border:2px dashed rgba(0,0,0,.15);border-radius:12px;padding:20px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#666;margin-bottom:12px}.edit-keys-display kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 0 #ccc;font-family:"SF Mono","Fira Code",monospace;font-size:14px;font-weight:600;color:#333}.edit-hint{font-size:12px;color:#999;margin:0 0 20px}.edit-buttons{display:flex;gap:12px;justify-content:center}.edit-cancel-btn,.edit-save-btn{padding:10px 24px;border:none;font-size:14px;font-weight:600;cursor:var(--f-cursor-pointer);transition:.2s}.edit-cancel-btn{background:rgba(0,0,0,.05);color:#666}.edit-cancel-btn:hover{background:rgba(0,0,0,.1)}.edit-save-btn{background:var(--color-primary-alt);color:var(--color-bg-white)}.edit-save-btn:hover{background:var(--color-primary-hover)}body.dark-mode .shortcut-edit-btn{color:#666}body.dark-mode .shortcut-edit-btn:hover{background:rgba(255,130,0,.2);color:var(--color-primary-alt)}body.dark-mode .reset-shortcuts-btn{border-color:rgba(255,255,255,.15);color:#aaa}body.dark-mode .reset-shortcuts-btn:hover{background:rgba(255,100,100,.15);border-color:rgba(255,100,100,.3);color:#f66}body.dark-mode .shortcut-edit-dialog{background:#2a2a2a}body.dark-mode .shortcut-edit-dialog h3{color:#f0f0f0}body.dark-mode .edit-action-name{color:#999}body.dark-mode .edit-keys-display{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15);color:#aaa}body.dark-mode .edit-keys-display kbd{background:#3a3a3a;border-color:#4a4a4a;box-shadow:0 2px 0 #333;color:#e0e0e0}body.dark-mode .edit-cancel-btn{background:rgba(255,255,255,.08);color:#aaa}body.dark-mode .edit-cancel-btn:hover{background:rgba(255,255,255,.12)}.keyboard-shortcuts-dialog,.shortcut-edit-dialog{border-radius:40px!important;corner-shape:squircle}.edit-cancel-btn,.edit-save-btn,.keyboard-shortcuts-dialog button,.reset-shortcuts-btn,.shortcut-edit-btn,.shortcut-edit-dialog button{border-radius:25px!important;corner-shape:squircle;font-family:Manrope,sans-serif!important}body.dark-mode .shortcuts-category{color:#777}body.dark-mode .shortcuts-divider{background:rgba(255,255,255,.08)}.card-one#reading{position:relative;z-index:2}.ai-connectors-banner{background-color:#f0eee6;border:none;border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);padding:7px 24px;margin:0 auto 20px;width:calc(100% - 42px);box-sizing:border-box;position:relative;cursor:var(--f-cursor-pointer);transition:var(--transition-normal);display:flex;justify-content:space-between;align-items:center}.ai-banner-content{display:flex;justify-content:space-between;align-items:center;width:100%}.ai-banner-text{font-size:12px;font-weight:500;color:var(--color-text-primary)}.ai-banner-chevron{font-size:12px}@media (max-width:768px){.desktop-only-text{display:none}.ai-banner-chevron,.ai-banner-text{font-size:10px}}.ai-banner-right{display:flex;align-items:center;gap:12px}.ai-icons-group{display:flex;align-items:center}.ai-icon{width:20px;height:20px;border-radius:6px;object-fit:cover;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff}.chatgpt-icon{z-index:1}.claude-icon{margin-left:-8px;z-index:2}body.dark-mode .ai-connectors-banner{background-color:#30302e}.mcp-connect-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(128,128,128,.05);border-radius:12px;text-decoration:none;color:inherit;transition:background .2s;border:1px solid rgba(128,128,128,.1)}.mcp-connect-card:hover{background:rgba(128,128,128,.1)}.mcp-sublink{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 60px;text-decoration:none;color:var(--color-text-secondary);font-size:14px;background:rgba(128,128,128,.02);transition:background .2s;border-top:1px solid rgba(128,128,128,.05)}.mcp-sublink:hover{background:rgba(128,128,128,.08);color:var(--color-text-primary)}.mcp-sublink i{font-size:12px;color:var(--color-text-secondary)}