.route-loader-indicator{z-index:9999;pointer-events:none;position:fixed;top:1.5rem;left:1.5rem}@media (width>=768px){.route-loader-indicator{top:1.5rem;left:1.5rem}}@media (width<=767px){.route-loader-indicator{top:1rem;left:1rem}}.route-loader-light{border:1.5px solid #0000001a;border-top-color:var(--color-primary,#6366f1);border-radius:50%;width:8px;height:8px;position:relative}.route-loader-light.entering{animation:.3s ease-out forwards route-enter,.8s linear .3s infinite spin}.route-loader-light.exiting{animation:.4s ease-in forwards route-exit}@keyframes route-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes route-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@media (prefers-color-scheme:dark){.route-loader-light{border-color:#ffffff1a;border-top-color:var(--color-primary,#818cf8)}}@media (prefers-reduced-motion:reduce){.route-loader-light{opacity:.6;animation:none}}.user-info-button{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;width:auto;min-width:0;max-width:66%;padding:.5rem;transition:all .2s}.user-info-button:hover{background:#0000000a;transform:translate(2px)}html.dark .user-info-button:hover{background:#ffffff0f}.user-info-button:active{transform:scale(.98)}@keyframes music-bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.animate-music-bar{transform-origin:bottom;animation:.8s ease-in-out infinite music-bar}.user-modal{backdrop-filter:blur(24px)saturate(180%);z-index:10001;opacity:0;visibility:hidden;pointer-events:none;background:#ffffffbf;border:1px solid #ffffff4d;border-radius:1.75rem;flex-direction:column;width:90%;max-width:400px;max-height:85vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.92);box-shadow:0 25px 80px #00000026,0 10px 30px #00000014,inset 0 1px #ffffff80}.user-modal.animate-in{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1),visibility linear;transform:translate(-50%,-50%)scale(1)}.user-modal.closing{opacity:0;visibility:visible;pointer-events:none;transition:opacity .25s ease-out,transform .25s ease-out,visibility 0s linear .25s;transform:translate(-50%,-50%)scale(.92)}html.dark .user-modal{background:#1e1e23a6;border-color:#ffffff14;box-shadow:0 25px 80px #00000059,0 10px 30px #0003,inset 0 1px #ffffff0d}.user-modal-close-float{z-index:10;color:#6b7280;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0000001a}html.dark .user-modal-close-float{color:#9ca3af;background:#323237e6}.user-modal-close-float:hover{background:color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent);color:var(--color-primary,#94a3b8);box-shadow:0 4px 16px color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent);transform:rotate(90deg)scale(1.1)}.user-modal-close-float:active{transform:rotate(90deg)scale(.95)}.user-modal-hero{flex-direction:column;flex:none;align-items:center;padding:2.5rem 1.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.user-modal-hero-bg{background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--color-primary,#94a3b8) 5%, transparent) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 30% 20%, color-mix(in srgb, var(--color-secondary,#94a3b8) 3%, transparent) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 70% 20%, color-mix(in srgb, var(--color-accent,#cbd5e1) 3%, transparent) 0%, transparent 50%);pointer-events:none;height:200%;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-50%;left:-20%;right:-20%}@keyframes heroGlow{0%{opacity:.4;transform:translateY(0)}to{opacity:.6;transform:translateY(-10px)}}html.dark .user-modal-hero-bg{background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--color-primary,#94a3b8) 6%, transparent) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 30% 20%, color-mix(in srgb, var(--color-secondary,#94a3b8) 4%, transparent) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 70% 20%, color-mix(in srgb, var(--color-accent,#cbd5e1) 4%, transparent) 0%, transparent 50%)}.user-modal-avatar-wrapper{margin-bottom:1rem;animation:6s ease-in-out infinite avatarFloat;position:relative}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.user-modal-avatar-lg{object-fit:cover;width:5.5rem;height:5.5rem;box-shadow:0 8px 32px color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent), 0 4px 12px #0000001a;border:4px solid #fff;border-radius:50%;transition:transform .3s,box-shadow .3s}html.dark .user-modal-avatar-lg{box-shadow:0 8px 32px color-mix(in srgb, var(--color-primary,#94a3b8) 35%, transparent), 0 4px 12px #0000004d;border-color:#323237}.user-modal-avatar-lg:hover{box-shadow:0 12px 40px color-mix(in srgb, var(--color-primary,#94a3b8) 35%, transparent), 0 6px 16px #00000026;transform:scale(1.05)}.user-modal-online-dot{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:3px solid #fff;border-radius:50%;width:1rem;height:1rem;animation:2s ease-in-out infinite onlinePulse;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 8px #10b98180}html.dark .user-modal-online-dot{border-color:#1e1e23}@keyframes onlinePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.user-modal-identity{text-align:center;z-index:1;margin-bottom:.75rem;position:relative}.user-modal-username{color:#1f2937;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.375rem;font-weight:700}html.dark .user-modal-username{color:#f3f4f6}.user-modal-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.user-modal-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.user-modal-badge:hover{transform:translateY(-1px)}.badge-admin{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);box-shadow:0 2px 8px #fbbf244d}html.dark .badge-admin{color:#fcd34d;background:linear-gradient(135deg,#fbbf2433 0%,#f59e0b33 100%)}.badge-user{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 15%, transparent) 100%);color:var(--color-primary,#64748b);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent)}html.dark .badge-user{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 20%, transparent) 100%);color:var(--color-accent,#cbd5e1)}.badge-github{color:#fff;background:linear-gradient(135deg,#374151 0%,#1f2937 100%);box-shadow:0 2px 8px #3741514d}html.dark .badge-github{background:linear-gradient(135deg,#4b5563 0%,#374151 100%)}.badge-local{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 2px 8px #3b82f633}html.dark .badge-local{color:#93c5fd;background:linear-gradient(135deg,#3b82f633 0%,#2563eb33 100%)}.badge-linked{color:#047857;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);box-shadow:0 2px 8px #10b98133}html.dark .badge-linked{color:#6ee7b7;background:linear-gradient(135deg,#10b98133 0%,#05966933 100%)}.badge-hybrid{color:#312e81;background:linear-gradient(135deg,#a5b4fc 0%,#818cf8 100%);box-shadow:0 2px 8px #6366f14d}html.dark .badge-hybrid{color:#c7d2fe;background:linear-gradient(135deg,#818cf840 0%,#6366f140 100%)}.user-modal-bio{text-align:center;color:#6b7280;z-index:1;max-width:280px;margin:0 auto 1rem;font-size:.875rem;line-height:1.5;position:relative}html.dark .user-modal-bio{color:#9ca3af}.user-modal-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;max-width:320px;display:flex;position:relative}.user-modal-action-btn{cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.action-github{color:#24292e;background:#24292e26;border:1px solid #24292e33;box-shadow:0 2px 8px #24292e1a}html.dark .action-github{color:#e5e7eb;background:#ffffff1a;border-color:#ffffff26}.action-github:hover{background:#24292e40;transform:translateY(-2px);box-shadow:0 6px 20px #24292e26}html.dark .action-github:hover{background:#ffffff2e}.action-password{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 20%, transparent) 100%);color:var(--color-primary,#64748b);border:1px solid color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent)}.action-password:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 30%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 30%, transparent) 100%);box-shadow:0 6px 20px color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent);transform:translateY(-2px)}.action-logout{color:#6b7280;background:#0000000a;border:1px solid #00000014}html.dark .action-logout{color:#9ca3af;background:#ffffff0f;border-color:#ffffff1a}.action-logout:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433;transform:translateY(-2px)}html.dark .action-logout:hover{color:#f87171;background:#ef444426;border-color:#ef444440}.action-confirm{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 25%, transparent) 100%);color:var(--color-primary,#64748b);border:1px solid color-mix(in srgb, var(--color-primary,#94a3b8) 30%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent)}.action-confirm:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 35%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 35%, transparent) 100%);box-shadow:0 6px 20px color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent);transform:translateY(-2px)}.action-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-cancel{color:#6b7280;background:#0000000d}html.dark .action-cancel{color:#9ca3af;background:#ffffff1a}.action-cancel:hover{background:#0000001a}html.dark .action-cancel:hover{background:#ffffff26}.user-modal-password-form{z-index:1;width:100%;max-width:320px;margin-top:.5rem;position:relative}.user-modal-input{color:#1f2937;background:#fffc;border:1px solid #0000001a;border-radius:.75rem;width:100%;padding:.625rem 1rem;font-size:.875rem;transition:all .2s}html.dark .user-modal-input{color:#f3f4f6;background:#0000004d;border-color:#ffffff1a}.user-modal-input:focus{border-color:var(--color-primary,#94a3b8);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent);outline:none}.user-modal-input::placeholder{color:#9ca3af}.user-modal-tapps{background:#00000005;border-top:1px solid #0000000f;flex-direction:column;flex:none;min-height:120px;padding:1rem 1.5rem 1.5rem;display:flex}html.dark .user-modal-tapps{background:#0003;border-top-color:#ffffff0f}.user-modal-tapps-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.user-modal-tapps-title{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}html.dark .user-modal-tapps-title{color:#e5e7eb}.user-modal-tapps-count-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.375rem;padding:.25rem .5rem;transition:all .25s;display:flex}.user-modal-tapps-count-btn:hover{background:color-mix(in srgb, var(--color-primary,#94a3b8) 10%, transparent);border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent)}html.dark .user-modal-tapps-count-btn:hover{background:color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent)}.user-modal-tapps-count-btn:hover .user-modal-tapps-arrow{transform:translate(2px)}.user-modal-tapps-arrow{width:.875rem;height:.875rem;color:var(--color-primary,#94a3b8);opacity:.6;transition:all .25s}.user-modal-tapps-count-btn:hover .user-modal-tapps-arrow{opacity:1}.user-modal-tapps-number{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 30%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 30%, transparent) 100%);min-width:1.5rem;height:1.5rem;color:var(--color-primary,#64748b);box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent);border-radius:9999px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.user-modal-tapps-label{color:#9ca3af;font-size:.75rem}.user-modal-tapps-loading{border:2px solid color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent);border-top-color:var(--color-primary,#94a3b8);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)translateZ(0)}to{transform:rotate(360deg)translateZ(0)}}.user-modal-recent-tapps{margin-bottom:.75rem}.user-modal-recent-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.6875rem}.user-modal-recent-list{gap:.5rem;display:flex}.user-modal-tapp-item{cursor:pointer;background:#fffc;border:1px solid #0000000f;border-radius:.875rem;flex-direction:column;align-items:center;gap:.375rem;min-width:4.5rem;padding:.625rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}html.dark .user-modal-tapp-item{background:#ffffff0d;border-color:#ffffff1a}.user-modal-tapp-item:hover{background:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}html.dark .user-modal-tapp-item:hover{background:#ffffff1a;box-shadow:0 6px 20px #0000004d}.user-modal-tapp-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 15%, transparent) 100%);width:2rem;height:2rem;color:var(--color-primary,#64748b);border-radius:.5rem;justify-content:center;align-items:center;font-size:1rem;display:flex}html.dark .user-modal-tapp-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent) 0%, color-mix(in srgb, var(--color-secondary,#94a3b8) 20%, transparent) 100%);color:var(--color-accent,#cbd5e1)}.user-modal-tapp-name{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;max-width:4rem;font-size:.6875rem;font-weight:500;overflow:hidden}html.dark .user-modal-tapp-name{color:#d1d5db}.user-modal-tapp-skeleton{pointer-events:none;background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;min-width:4.5rem;min-height:4rem;animation:1.5s ease-in-out infinite skeleton-shimmer}html.dark .user-modal-tapp-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-modal-recent-empty{color:#9ca3af;padding:.5rem;font-size:.75rem}html.dark .user-modal-recent-empty{color:#6b7280}@media (width<=640px){.user-modal{border-radius:1.5rem;width:95%;max-height:90vh}.user-modal-hero{padding:2rem 1.25rem 1.25rem}.user-modal-avatar-lg{width:4.5rem;height:4.5rem}.user-modal-username{font-size:1.25rem}.user-modal-tapps{padding:1rem 1.25rem 1.25rem}.user-modal-action-btn{padding:.5rem .75rem;font-size:.75rem}}.user-modal-overlay{z-index:10000;opacity:0;visibility:hidden;backdrop-filter:blur();background:#0000004d;position:fixed;inset:0}.user-modal-overlay.animate-in{opacity:1;visibility:visible;backdrop-filter:blur(8px);transition:opacity .3s,backdrop-filter .3s,visibility .3s}.user-modal-overlay.closing{opacity:0;visibility:visible;backdrop-filter:blur();transition:opacity .25s,backdrop-filter .25s,visibility .25s}html.dark .user-modal-overlay{background:#00000080}.user-modal-login-only{backdrop-filter:blur(24px)saturate(180%);z-index:10001;opacity:0;visibility:hidden;pointer-events:none;background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.75rem;width:90%;max-width:400px;padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 25px 80px #00000026,0 10px 30px #00000014,inset 0 1px #ffffff80}.user-modal-login-only.animate-in{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1),visibility linear;transform:translate(-50%,-50%)scale(1)}.user-modal-login-only.closing{opacity:0;visibility:visible;pointer-events:none;transition:opacity .25s ease-out,transform .25s ease-out,visibility 0s linear .25s;transform:translate(-50%,-50%)scale(.92)}html.dark .user-modal-login-only{background:#1e1e23d9;border-color:#ffffff14;box-shadow:0 25px 80px #00000059,0 10px 30px #0003,inset 0 1px #ffffff0d}.login-close-btn{color:#6b7280;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:1rem;right:1rem}html.dark .login-close-btn{color:#9ca3af;background:#ffffff14}.login-close-btn:hover{background:color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent);color:var(--color-primary,#94a3b8);transform:rotate(90deg)scale(1.1)}.login-close-btn:active{transform:rotate(90deg)scale(.95)}.user-modal-login-only>div{width:100%;max-width:none}.user-modal-login-only .glass,.user-modal-login-only .rounded-2xl,.user-modal-login-only .shadow-xl,.user-modal-login-only .p-8{backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.user-modal-login-only .space-y-4>*+*{margin-top:1rem}html.dark .user-modal-login-only .glass{background:0 0!important;border:none!important}html.dark .user-modal-login-only label{color:#e5e7eb}html.dark .user-modal-login-only input{color:#f3f4f6;background:#ffffff14;border-color:#ffffff26}html.dark .user-modal-login-only input::placeholder{color:#9ca3af}html.dark .user-modal-login-only input:focus{border-color:var(--color-primary,#94a3b8);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary,#94a3b8) 30%, transparent)}html.dark .user-modal-login-only .border-t{border-color:#ffffff1a}html.dark .user-modal-login-only .text-gray-500{color:#9ca3af}html.dark .user-modal-login-only .bg-white{background:#1e1e23d9}html.dark .user-modal-login-only .bg-red-50{background:#dc262626;border-color:#dc26264d}html.dark .user-modal-login-only .text-red-800{color:#fca5a5}.global-control-bar{z-index:9999;pointer-events:none;position:fixed;top:1rem;right:1rem}.control-bar-content{pointer-events:auto}.control-bar-trigger{backdrop-filter:blur(20px);cursor:pointer;transform-origin:100% 0;background:#ffffffe6;border:1px solid #0000001a;border-radius:2rem;flex-direction:row;justify-content:flex-start;align-items:center;width:160px;height:3rem;padding:.5rem .875rem;transition:width .7s cubic-bezier(.32,.72,0,1),height .7s cubic-bezier(.32,.72,0,1),padding .7s cubic-bezier(.32,.72,0,1),border-radius .7s cubic-bezier(.32,.72,0,1),transform .3s cubic-bezier(.4,0,.2,1),background .25s,border-color .25s,box-shadow .35s;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 3px 12px #0000001a,0 1px 4px #0000000f}html.dark .control-bar-trigger{background:#1a1a1ae6;border-color:#ffffff1a;box-shadow:0 4px 16px #0009,0 2px 6px #0006}@media (hover:none) and (pointer:coarse){.control-bar-trigger.gcp-animating{backdrop-filter:none}}.control-bar-trigger:not(.expanded):hover{background:#fffffff2;border-color:#00000026;transform:scale(1.03);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014}html.dark .control-bar-trigger:not(.expanded):hover{background:#1a1a1af2;border-color:#ffffff26;box-shadow:0 8px 24px #000c,0 4px 12px #0009}.control-bar-trigger:not(.expanded):active{transition:transform .1s cubic-bezier(.4,0,1,1);transform:scale(.96)}.control-bar-trigger.expanded{cursor:default;border-radius:1.5rem;flex-direction:column;align-items:stretch;width:400px;padding:1.125rem 1.375rem;box-shadow:0 16px 56px #0000002e,0 6px 16px #0000001f}html.dark .control-bar-trigger.expanded{box-shadow:0 16px 56px #000000bf,0 6px 16px #0009}.dynamic-content-wrapper{cursor:pointer;white-space:nowrap;opacity:1;pointer-events:auto;will-change:opacity, transform;backface-visibility:hidden;align-items:center;gap:.5rem;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:.875rem;right:.875rem;transform:translateY(-50%)translateZ(0)}.dynamic-content-wrapper.hidden{opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,1,1)}.dynamic-content-wrapper.empty-state{justify-content:center}.dynamic-content-wrapper.empty-state .dynamic-arrow{opacity:.6}.dynamic-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.dynamic-icon>img{object-fit:contain;width:1.35rem;height:1.35rem;display:block}.control-bar-trigger:not(.expanded):hover .dynamic-icon{transform:scale(1.1)}.dynamic-text{flex-direction:column;flex:1;min-width:0;max-width:calc(100% - 3rem);max-height:2.2rem;display:flex;overflow:hidden}.dynamic-text-main{color:var(--text-primary,#1f2937);white-space:normal;overflow-wrap:anywhere;opacity:1;contain:layout style paint;max-width:100%;font-size:.8125rem;font-weight:600;line-height:1.3;transition:color .3s,opacity .25s cubic-bezier(.16,1,.3,1)}.dynamic-text-main.lyric-transition{opacity:0;transition:opacity .15s cubic-bezier(.4,0,1,1)}.dynamic-text-main.scrolling{animation:text-scroll-vertical var(--scroll-duration,12s) linear forwards;animation-delay:var(--scroll-delay,1.5s);will-change:transform;backface-visibility:hidden;perspective:1000px}@keyframes text-scroll-vertical{0%,8%{transform:translateY(0)translateZ(0)}to{transform:translateY(var(--scroll-distance,-1rem)) translateZ(0)}}.control-bar-trigger:hover .dynamic-text-main.scrolling{animation-play-state:paused}.dynamic-text-main::-webkit-scrollbar{display:none}.dynamic-text-main::-webkit-scrollbar-track{background:0 0}.dynamic-text-main::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}html.dark .dynamic-text-main{color:#ffffffe6}html.dark .dynamic-text-main::-webkit-scrollbar-thumb{background:#fff3}.control-bar-trigger:not(.expanded):hover .dynamic-text-main{color:var(--text-primary,#111827)}html.dark .control-bar-trigger:not(.expanded):hover .dynamic-text-main{color:#fff}.dynamic-text-sub{color:var(--text-tertiary,#6b7280);white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.65rem;font-weight:400;transition:color .2s;overflow:hidden}html.dark .dynamic-text-sub{color:#ffffff80}.control-bar-trigger:not(.expanded):hover .dynamic-text-sub{color:var(--text-secondary,#4b5563)}html.dark .control-bar-trigger:not(.expanded):hover .dynamic-text-sub{color:#ffffffb3}.dynamic-arrow{opacity:.4;color:currentColor;flex-shrink:0;width:.875rem;height:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-bar-trigger:not(.expanded):hover .dynamic-arrow{opacity:.8;transform:translateY(2px)scale(1.1)}.control-bar-trigger:not(.expanded):active .dynamic-arrow{transform:translateY(3px)scale(1.05)}.expanded-panel-content{contain:layout style;opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;flex-shrink:0;align-self:flex-end;gap:.875rem;width:356px;transition:opacity .25s ease-in,transform .3s ease-in,visibility 0s linear .3s;display:flex;transform:scale(.96)}.control-bar-trigger.expanded .expanded-panel-content{visibility:visible}.control-bar-trigger:not(.expanded,.gcp-animating) .expanded-panel-content{content-visibility:hidden}.expanded-panel-content.visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .35s ease-out,transform .4s,visibility;transform:scale(1)}.control-panel-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}html.dark .control-panel-header{border-bottom-color:#ffffff1a}.control-close-btn{width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;background:#0000000d;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-close-btn:hover{color:var(--text-primary);background:#0000001a}html.dark .control-close-btn{background:#ffffff0d}html.dark .control-close-btn:hover{background:#ffffff1a}.info-card-wrapper{position:relative}.info-card{background:#00000008;border:1px solid #00000014;border-radius:.875rem;flex-direction:column;padding:.875rem;transition:all .2s;display:flex}.info-card.animated{animation:.4s ease-out cardFadeIn}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}html.dark .info-card{background:#ffffff0a;border-color:#ffffff1a}.info-card:hover{background:#0000000d;border-color:#0000001f;transform:translateY(-1px)}html.dark .info-card:hover{background:#ffffff0f;border-color:#ffffff26}.info-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.info-card-icon{font-size:1.25rem;line-height:1}.info-card-title{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}html.dark .info-card-title{color:#fff9}.weather-card{background:linear-gradient(135deg,#3b82f614,#93c5fd0a);border-color:#3b82f633}html.dark .weather-card{background:linear-gradient(135deg,#3b82f61f,#93c5fd0f);border-color:#3b82f64d}.weather-details{flex-direction:column;flex:1;gap:.5rem;display:flex}.weather-primary{align-items:baseline;gap:.75rem;display:flex}.weather-temp-large{color:var(--text-primary,#1f2937);font-size:1.75rem;font-weight:700;line-height:1}html.dark .weather-temp-large{color:#fffffff2}.weather-location{color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500}html.dark .weather-location{color:#ffffffb3}.weather-secondary{align-items:center;gap:.75rem;display:flex}.weather-status{color:var(--text-primary,#374151);font-size:.8125rem;font-weight:600}html.dark .weather-status{color:#ffffffd9}.weather-extra-info{color:var(--text-tertiary,#9ca3af);flex-wrap:nowrap;align-items:center;gap:.625rem;font-size:.75rem;display:flex}html.dark .weather-extra-info{color:#ffffff8c}.weather-extra-info span{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.quote-card{background:#8b5cf60d;border-color:#8b5cf626}html.dark .quote-card{background:#8b5cf614;border-color:#8b5cf640}.quote-details{flex-direction:column;flex:1;justify-content:center;gap:.5rem;display:flex}.quote-text-main{color:var(--text-primary,#1f2937);font-size:.875rem;font-style:italic;font-weight:500;line-height:1.5}html.dark .quote-text-main{color:#ffffffe6}.quote-author-main{color:var(--text-tertiary,#9ca3af);text-align:right;font-size:.75rem;font-weight:400}html.dark .quote-author-main{color:#ffffff80}.card-nav-dots{justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.nav-dot{cursor:pointer;background:#0003;border:none;border-radius:50%;width:.5rem;height:.5rem;padding:0;transition:all .3s}html.dark .nav-dot{background:#fff3}.nav-dot:hover{background:#0006;transform:scale(1.2)}html.dark .nav-dot:hover{background:#fff6}.nav-dot.active{background:var(--color-primary,#94a3b8);border-radius:.25rem;width:1.5rem}.control-items-grid{grid-template-columns:repeat(2,1fr);gap:.625rem;display:grid}.control-item{background:#ffffff80;border:1px solid #0000000f;border-radius:.875rem;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.875rem 1rem;transition:all .2s;display:flex}.control-item-compact{gap:.5rem;padding:.625rem .75rem}html.dark .control-item{background:color-mix(in srgb, var(--color-primary,#94a3b8) 8%, transparent);border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 12%, transparent)}.control-item:hover{border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent);background:#ffffffb3}html.dark .control-item:hover{background:color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent);border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent)}.control-item-info{flex:auto;align-items:center;gap:.75rem;min-width:0;display:flex;overflow:hidden}.control-item-compact .control-item-info{gap:.5rem}.control-item-info>div{flex:auto;min-width:0;overflow:hidden}.control-item-icon{background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;font-size:1.75rem;line-height:1;transition:color .2s;display:flex}.control-item-icon svg{stroke-width:2.25px;width:1.35rem;height:1.35rem}.control-item-icon>img{object-fit:contain;width:2.05rem;height:2.05rem;display:block}.control-item-compact .control-item-icon{border-radius:0;justify-content:center;width:2.375rem;min-width:2.375rem;height:2.375rem;min-height:2.375rem;font-size:1.5rem}.control-item-compact .control-item-icon svg{width:1.3rem;height:1.3rem}.control-item-compact .control-item-icon>img{width:2.05rem;height:2.05rem}.icon-theme{color:#d97706}html.dark .icon-theme{color:#fbbf24}.icon-performance.performance-light{color:#16a34a}.icon-performance.performance-standard{color:#f97316}.icon-language{color:#2563eb}.icon-wallpaper{color:#7c3aed}.icon-config{color:#0f766e}.control-item-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .125rem;font-size:.875rem;font-weight:600;overflow:hidden}.control-item-compact .control-item-title{margin:0 0 .0625rem;font-size:.75rem}.control-item-desc{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;overflow:hidden}.control-item-compact .control-item-desc{font-size:.625rem}.control-toggle{cursor:pointer;background:#d1d5db;border:none;border-radius:9999px;flex-shrink:0;width:3rem;min-width:3rem;height:1.75rem;min-height:1.75rem;transition:background .3s,box-shadow .3s;position:relative}.control-item-compact .control-toggle{width:2.25rem;min-width:2.25rem;height:1.375rem;min-height:1.375rem}.control-toggle:hover{background:#9ca3af}.control-toggle.active{background:var(--color-primary,#94a3b8)}.control-toggle.animation-toggle.performance-light{background:color-mix(in srgb, var(--color-primary,#94a3b8) 32%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary,#94a3b8) 12%, transparent)}.control-toggle.animation-toggle.performance-light:hover{background:color-mix(in srgb, var(--color-primary,#94a3b8) 42%, transparent)}.control-toggle.animation-toggle.performance-standard.active{background:var(--color-primary,#94a3b8);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary,#94a3b8) 12%, transparent)}.control-toggle.active:hover,.control-toggle.animation-toggle.performance-standard.active:hover{background:color-mix(in srgb, var(--color-primary,#94a3b8) 90%, black)}.control-toggle-slider{background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:.125rem;left:.125rem;box-shadow:0 2px 4px #0003}.control-toggle.active .control-toggle-slider{transform:translate(1.25rem)}.control-item-compact .control-toggle-slider{width:1.125rem;height:1.125rem}.control-item-compact .control-toggle.active .control-toggle-slider{transform:translate(.875rem)}.language-switch-btn{border:1px solid color-mix(in srgb, var(--color-primary,#94a3b8) 30%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 10%, transparent), color-mix(in srgb, var(--color-secondary,#94a3b8) 5%, transparent));color:var(--color-primary,#94a3b8);cursor:pointer;border-radius:.375rem;align-items:center;gap:.125rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.language-switch-btn:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent), color-mix(in srgb, var(--color-secondary,#94a3b8) 15%, transparent));border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 50%, transparent)}.language-switch-btn:active{transform:scale(.95)}.language-code{text-align:center;min-width:1rem}.control-action-btn{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 15%, transparent), color-mix(in srgb, var(--color-secondary,#94a3b8) 10%, transparent));border:1px solid color-mix(in srgb, var(--color-primary,#94a3b8) 20%, transparent);cursor:pointer;width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-item-compact .control-action-btn{width:2rem;min-width:2rem;height:2rem;min-height:2rem}.control-item-compact .control-action-btn svg{width:1rem;height:1rem}html.dark .control-action-btn{border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 30%, transparent)}.control-action-btn:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary,#94a3b8) 25%, transparent), color-mix(in srgb, var(--color-secondary,#94a3b8) 20%, transparent));border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 35%, transparent);transform:scale(1.05)}html.dark .control-action-btn:hover{border-color:color-mix(in srgb, var(--color-primary,#94a3b8) 45%, transparent)}.control-action-btn:active{transform:scale(.95)}.account-info{flex-direction:column;gap:.625rem;display:flex}.account-header{background:#00000008;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}html.dark .account-header{background:#ffffff0d}.account-avatar{border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;box-shadow:0 2px 8px #0000001a}.account-details{flex:1;min-width:0}.account-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .125rem;font-size:.875rem;font-weight:700;overflow:hidden}.account-role{color:var(--text-secondary);margin:0;font-size:.7rem}.account-action-btn{cursor:pointer;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.account-action-danger{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}html.dark .account-action-danger{color:#ef4444;background:#ef444426;border-color:#ef44444d}.account-action-danger:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}html.dark .account-action-danger:hover{background:#ef444433;border-color:#ef444466}.control-panel-overlay{backdrop-filter:blur(8px);z-index:998;opacity:0;pointer-events:none;visibility:hidden;background:#0000004d;transition:opacity .3s,visibility 0s linear .3s;position:fixed;inset:0}.control-panel-overlay.visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s,visibility}html.dark .control-panel-overlay{background:#00000080}@media (width<=640px){.global-control-bar{top:.75rem;right:.75rem}.control-bar-trigger{padding:.625rem 1rem}.control-bar-trigger.expanded{width:calc(100vw - 1.5rem)}.expanded-panel-content{width:calc(100vw - 4.25rem)}.control-items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.control-item{gap:.5rem;min-height:3.5rem;padding:.625rem .75rem}.control-item-compact{gap:.5rem;min-height:3rem;padding:.5rem .625rem}.control-item-info{flex:auto;gap:.5rem;min-width:0}.control-item-info>div{min-width:0;max-width:100%}.control-item>*{flex-shrink:0}.control-item-info{flex-shrink:1!important}.control-item-icon{flex-shrink:0;width:2.375rem;min-width:2.375rem;height:2.375rem;min-height:2.375rem;font-size:1.5rem}.control-item-compact .control-item-icon{width:2.125rem;min-width:2.125rem;height:2.125rem;min-height:2.125rem;font-size:1.25rem}.control-item-icon svg{width:1.25rem;height:1.25rem}.control-item-compact .control-item-icon svg{width:1.2rem;height:1.2rem}.control-item-title{white-space:nowrap;font-size:.8125rem}.control-item-compact .control-item-title{font-size:.75rem}.control-item-desc{white-space:nowrap;font-size:.6875rem}.control-item-compact .control-item-desc{font-size:.625rem}.dynamic-icon{font-size:1.125rem}.dynamic-text-main{font-size:.75rem}.dynamic-text-sub{font-size:.625rem}.account-avatar{width:3rem;height:3rem}.control-close-btn{flex-shrink:0;width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;font-size:1.25rem}.control-toggle{flex-shrink:0;width:2.75rem;min-width:2.75rem;height:1.625rem;min-height:1.625rem}.control-toggle-slider{width:1.375rem;height:1.375rem}.control-toggle.active .control-toggle-slider{transform:translate(1.125rem)}.control-action-btn{flex-shrink:0;width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem}.control-item-compact .control-action-btn{width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem}.control-action-btn svg{width:1rem;height:1rem}.card-nav-dots{gap:.375rem;margin-top:.5rem}.nav-dot{width:.5rem;min-width:.5rem;height:.5rem;min-height:.5rem}.nav-dot.active{width:1rem;min-width:1rem}.weather-secondary{flex-direction:column;align-items:flex-start;gap:.25rem}.weather-extra-info{flex-wrap:wrap;gap:.5rem}.user-info-button{max-width:calc(100% - 2.5rem);padding:.5rem .625rem}.user-info-button img{width:2.5rem;height:2.5rem}.user-info-button h3{font-size:.8125rem}.user-info-button p{font-size:.6875rem}}.dynamic-arrow-badge{color:#fff;background:#ef4444;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #00000040}.control-bar-trigger:not(.expanded):hover .dynamic-arrow-badge{transform:scale(1.1)}.control-bar-trigger:not(.expanded):active .dynamic-arrow-badge{transform:scale(1.05)}.notif-tab-bar{background:#0000000d;border-radius:.75rem;gap:.375rem;padding:.25rem;display:flex}:root.dark .notif-tab-bar,[data-theme=dark] .notif-tab-bar{background:#ffffff0f}.notif-tab{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s;display:flex}.notif-tab.active{color:var(--text-primary,#111827);background:#ffffffe6;box-shadow:0 1px 3px #00000014}:root.dark .notif-tab.active,[data-theme=dark] .notif-tab.active{color:#f3f4f6;background:#ffffff1f}.notif-tab-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.notif-panel-body{flex-direction:column;min-height:0;display:flex;position:relative}.notif-control-content{flex-direction:column;gap:.875rem;display:flex}.notif-control-content.inactive{opacity:0;pointer-events:none}.notif-overlay{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.site-footer{z-index:100;pointer-events:none;padding:.25rem .5rem;position:fixed;bottom:0;right:0}.site-footer-content{color:#6b728099;pointer-events:auto;backdrop-filter:blur(6px);background:#ffffff4d;border:1px solid #e5e7eb33;border-radius:.75rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.6rem;transition:all .2s;display:flex;box-shadow:0 1px 4px #00000008}.site-footer-content:hover{color:#6b7280e6;background:#fff9}html.dark .site-footer-content{color:#9ca3afb3;background:#1f293780;border-color:#37415166}html.dark .site-footer-content:hover{color:#9ca3afe6;background:#1f2937b3}.footer-version{align-items:center;gap:.125rem;display:flex}.version-label{letter-spacing:.01em;font-weight:500}.version-number{opacity:.7;font-family:JetBrains Mono,Fira Code,monospace;font-size:.55rem}.version-link{color:inherit;text-decoration:none}.version-link:hover{text-decoration:underline}.footer-divider{opacity:.3;font-size:.5rem}.footer-icp,.footer-gongan{color:inherit;align-items:center;gap:.125rem;text-decoration:none;transition:opacity .2s;display:flex}.footer-icp:hover,.footer-gongan:hover{opacity:.7;text-decoration:underline}.gongan-icon{opacity:.5;width:.625rem;height:.625rem}.footer-sponsors{align-items:center;gap:.25rem;display:flex}.sponsors-label{opacity:.5;margin-right:.0625rem;font-size:.5rem}.sponsor-link{opacity:.7;align-items:center;font-size:.875rem;transition:opacity .2s,transform .2s;display:flex}.sponsor-link:hover{opacity:1;transform:scale(1.1)}.sponsor-link svg{width:.875rem;height:.875rem}.sponsor-cloudflare{color:#f6821f}.sponsor-upyun{color:#00a0ff}.sponsor-upyun svg{width:.7rem;height:.7rem}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-content{color:#fafafa;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;backdrop-filter:blur(8px);background:#171717f2;border-radius:.375rem;padding:.375rem .625rem;font-size:.625rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0003}.tooltip-wrapper:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}html.dark .tooltip-content{color:#fafafa;background:#0a0a0afa;box-shadow:0 4px 16px #0006}.text-icon{color:#fff;background:currentColor;border-radius:.25rem;justify-content:center;align-items:center;width:.875rem;height:.875rem;font-size:.5rem;font-weight:700;line-height:1;display:inline-flex}.footer-icon-icp .text-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.footer-icon-gongan .text-icon{background:linear-gradient(135deg,#ef4444,#f97316)}.gongan-text-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:.125rem;justify-content:center;align-items:center;width:.625rem;height:.625rem;margin-right:.125rem;font-size:.375rem;font-weight:700;line-height:1;display:inline-flex}.site-footer-compact .site-footer-content{gap:.3rem;padding:.2rem .4rem}.footer-icon-link{color:inherit;opacity:.6;align-items:center;transition:opacity .2s,transform .2s;display:flex}.footer-icon-link:hover{opacity:1;transform:scale(1.1)}@media (width<=640px){.site-footer-content{gap:.375rem;padding:.25rem .5rem;font-size:.625rem}.sponsors-label{display:none}.footer-gongan .gongan-icon+span,.footer-icp{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}}@media (width<=768px){.site-footer{padding:0;bottom:.5rem;right:.5rem}}body:has([data-brew-reader=true]) .site-footer{display:none}.dynamic-island{width:65px;transition:height .45s cubic-bezier(.25,1.3,.5,1),width .45s cubic-bezier(.25,1.3,.5,1),background .3s,border-color .3s,box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.dynamic-island[data-transitioning=true]{will-change:height, width}.dynamic-island[data-entering=true] .nav-group{opacity:0!important;transition:none!important}@media (width<=767px){.dynamic-island{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;width:auto;max-width:calc(100vw - 2rem);height:auto;min-height:65px;display:flex;overflow:auto hidden}.dynamic-island::-webkit-scrollbar{display:none}.dynamic-island>div{width:max-content;min-width:100%;padding:0 4px}.nav-island-content{flex-direction:row;width:max-content}.nav-group{flex-shrink:0}}.nav-island-content{transform-origin:50%;flex-direction:column;align-items:center;width:100%;min-height:36px;display:flex;position:relative}@media (width<=767px){.nav-island-content{flex-direction:row}}.dynamic-island[data-transitioning=true] .nav-island-content{animation:.45s cubic-bezier(.25,1.3,.5,1) breathe}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.nav-group-spaced{margin-left:8px}@media (width>=768px){.nav-group-spaced{margin-top:8px;margin-left:0}}.nav-group{opacity:1;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform:scale(1)translateY(0)translateZ(0)}.nav-group:not([data-animation]){transition:opacity .3s cubic-bezier(.25,1.2,.5,1),transform .4s cubic-bezier(.25,1.2,.5,1)}.nav-group[data-animation=enter-initial]{opacity:0;transition:opacity .3s cubic-bezier(.25,1.2,.5,1),transform .4s cubic-bezier(.25,1.2,.5,1);animation:1s 1s forwards force-visible;transform:scale(.88)translateY(8px)translateZ(0)}@keyframes force-visible{to{opacity:1;transform:scale(1)translate(0)translateZ(0)}}.nav-group[data-animation=exit]{opacity:0;transition:opacity .25s cubic-bezier(.4,0,1,1),transform .32s cubic-bezier(.4,0,1,1);transform:scale(.88)translateY(8px)translateZ(0)}.nav-group[data-group=divider]{transition:opacity .28s cubic-bezier(.4,0,1,1),transform .35s cubic-bezier(.4,0,1,1)}@media (width<=767px){.nav-group{transform:scale(1)translate(0)translateZ(0)}.nav-group:not([data-animation]){transition:opacity .2s cubic-bezier(.25,1.2,.5,1),transform .28s cubic-bezier(.25,1.2,.5,1)}.nav-group[data-animation=enter-initial]{transition:opacity .2s cubic-bezier(.25,1.2,.5,1),transform .28s cubic-bezier(.25,1.2,.5,1);transform:scale(.92)translate(6px)translateZ(0)}.nav-group[data-animation=exit]{transition:opacity .15s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1);transform:scale(.92)translate(-6px)translateZ(0)}.nav-group[data-group=divider]{transition:opacity .18s cubic-bezier(.4,0,1,1),transform .22s cubic-bezier(.4,0,1,1)}.dynamic-island[data-transitioning=true] .nav-island-content{animation:.3s cubic-bezier(.25,1.3,.5,1) breathe}}.nav-item.active-secondary{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 15%, white);box-shadow:0 2px 10px color-mix(in srgb, var(--color-primary) 25%, transparent)}html.dark .nav-item.active-secondary{background:color-mix(in srgb, var(--color-primary) 25%, transparent);box-shadow:0 2px 10px color-mix(in srgb, var(--color-primary) 35%, transparent), inset 0 1px 0 0 #ffffff1a}@media (prefers-reduced-motion:reduce){.dynamic-island,.nav-group,.nav-item{transition:none!important}.dynamic-island:before,.dynamic-island[data-transitioning=true] .nav-island-content{animation:none!important}.nav-group[data-animation]{opacity:1!important;transform:none!important}}.qwitcher-grypen-regular{font-family:var(--font-qwitcher-grypen), cursive;font-style:normal;font-weight:400}.qwitcher-grypen-bold{font-family:var(--font-qwitcher-grypen), cursive;font-style:normal;font-weight:700}.qwitcher-grypen{font-family:var(--font-qwitcher-grypen), cursive}.title-font-qwitcher-grypen{font-family:var(--font-qwitcher-grypen), cursive;font-weight:700}.title-font-codystar{font-family:var(--font-codystar), system-ui;font-weight:400}.title-font-henny-penny{font-family:var(--font-henny-penny), system-ui;font-weight:400}.title-font-srisakdi{font-family:var(--font-srisakdi), system-ui;font-weight:700}.title-font-fleur-de-leah{font-family:var(--font-fleur-de-leah), cursive;font-weight:400}.title-font-league-script{font-family:var(--font-league-script), cursive;font-weight:400}.title-font-megrim{font-family:var(--font-megrim), system-ui;font-weight:400}.title-font-silkscreen{font-family:var(--font-silkscreen), system-ui;font-weight:700}.title-font-unifraktur-maguntia{font-family:var(--font-unifraktur-maguntia), serif;font-weight:400}.title-font-cinzel{font-family:var(--font-cinzel), serif;font-weight:700}:root{--color-primary:#94a3b8;--color-secondary:#94a3b8;--color-accent:#cbd5e1;--color-light:#cbd5e1;--color-dark:#475569;--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#fafafa;--bg-card:#ffffffe6;--bg-hover:#0000000d;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--border-color:#0000001a;--border-hover:#0003;--shadow-color:#0000001a;--input-bg:#fffc;--input-border:#00000026}html.dark{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-card:#1a1a1ae6;--bg-hover:#ffffff14;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-muted:#6b7280;--border-color:#ffffff1a;--border-hover:#fff3;--shadow-color:#00000080;--input-bg:#1a1a1acc;--input-border:#ffffff26}html{scroll-behavior:smooth;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);overflow:hidden auto}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-inter,"Inter"), sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);overflow-x:clip}#bg-container{contain:strict;transition:background .5s ease-out}#wallpaper{transform-origin:50%;will-change:transform;backface-visibility:hidden;transition:background-image .7s ease-in-out,opacity .7s ease-in-out!important}@media (prefers-reduced-motion:reduce){#wallpaper{will-change:auto;transform:scale(1.02)!important}}:root{--surface-rgb:255 255 255;--surface-alpha:80%;--surface-border:#ffffff4d;--surface-filter:blur(16px) saturate(180%);--surface-shadow:0 8px 32px 0 #1f26871a}html.dark{--surface-rgb:26 26 26;--surface-border:#ffffff1a;--surface-shadow:0 8px 32px 0 #00000080}:root[data-surface=solid]{--surface-alpha:100%;--surface-border:var(--border-color);--surface-filter:none;--surface-shadow:0 4px 16px 0 var(--shadow-color)}:root[data-surface=flat]{--surface-alpha:65%;--surface-border:var(--border-color);--surface-filter:none;--surface-shadow:none}:root[data-surface=outline]{--surface-alpha:20%;--surface-border:var(--border-color);--surface-filter:blur(3px);--surface-shadow:none}:root[data-surface=liquid]{--surface-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E");--surface-sheen:linear-gradient(180deg, #ffffff24, #fff0 45%);--surface-tint:color-mix(in srgb, rgb(var(--surface-rgb) / 55%), var(--color-primary) 5%);--surface-bg:var(--surface-noise) repeat, var(--surface-sheen), var(--surface-tint);--surface-filter:blur(12px) saturate(200%) brightness(1.06);--surface-border:#ffffff8c;--surface-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #0000000f, 0 2px 6px -2px #1f26871f, 0 16px 48px -16px #1f268733}html.dark[data-surface=liquid]{--surface-sheen:linear-gradient(180deg, #ffffff0f, #fff0 45%);--surface-tint:color-mix(in srgb, rgb(var(--surface-rgb) / 64%), var(--color-primary) 6%);--surface-filter:blur(12px) saturate(150%) brightness(.88);--surface-border:#ffffff24;--surface-shadow:inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #0000004d, 0 2px 6px -2px #00000059, 0 16px 48px -16px #0000008c}.glass,.glass-surface,:root[data-surface] .dynamic-island,:root[data-surface] .secondary-island,:root[data-surface] .control-bar-trigger,:root[data-surface] .site-footer-content,:root[data-surface] .arael-panel{background:var(--surface-bg,rgb(var(--surface-rgb) / var(--surface-alpha)));backdrop-filter:var(--surface-filter)}.glass{border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}:root[data-surface=liquid] .control-bar-trigger,:root[data-surface=liquid] .arael-panel{--surface-tint:color-mix(in srgb, rgb(var(--surface-rgb) / 84%), var(--color-primary) 4%)}@supports (mask-composite:exclude){:root[data-surface=liquid] :is(.glass,.glass-surface):not(.fixed,.absolute){position:relative}:root[data-surface=liquid] :is(.glass,.glass-surface):not(.fixed,.absolute):before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(#ffffffb3 0deg,#cde6ff57 45deg,#ffffff1a 85deg,#ffecdc29 168deg,#ffffff61 180deg,#ffffff1a 275deg,#e4d6ff47 318deg,#ffffffb3 360deg);padding:2px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}html.dark[data-surface=liquid] :is(.glass,.glass-surface):not(.fixed,.absolute):before{background:conic-gradient(#ffffff38 0deg,#b9d7ff1f 45deg,#ffffff0a 85deg,#ffe6d20f 168deg,#ffffff1a 180deg,#ffffff0a 275deg,#d7c8ff1a 318deg,#ffffff38 360deg)}}:root:not([data-surface]) .glass-60{--surface-alpha:60%}:root:not([data-surface]) .glass-70{--surface-alpha:70%}:root:not([data-surface]) .glass-90{--surface-alpha:90%}:root:not([data-surface]) .glass-95{--surface-alpha:95%}.surface-swatch--glass{background:#fffc;border:1px solid #ffffff73}html.dark .surface-swatch--glass{background:#464646d9;border:1px solid #ffffff26}.surface-swatch--solid{background:var(--bg-secondary);border:1px solid var(--border-color)}.surface-swatch--flat{background:color-mix(in srgb, var(--bg-secondary) 60%, transparent);border:1px solid var(--border-color)}.surface-swatch--outline{background:color-mix(in srgb, var(--bg-secondary) 20%, transparent);border:1px solid var(--border-color)}.surface-swatch--liquid{background:linear-gradient(135deg, color-mix(in srgb, #ffffffb3, var(--color-primary) 12%), #ffffff59);border:1px solid #ffffffb3;box-shadow:inset 0 0 0 2px #ffffff59,inset 0 1px #ffffff8c}html.dark .surface-swatch--liquid{background:linear-gradient(135deg, color-mix(in srgb, #505050bf, var(--color-primary) 14%), #32323273);border:1px solid #ffffff47;box-shadow:inset 0 0 0 2px #ffffff24,inset 0 1px #ffffff2e}.bg-grid-pattern{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:50px 50px}html.dark .bg-grid-pattern{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px)}html.dark #bg-container{background:#0a0a0a;transition:background .5s ease-out}html.dark #bg-gradient{transition:opacity .5s ease-out;background:linear-gradient(#0000 0% 35%,#0a0a0a4d 45%,#0a0a0a80 55%,#0a0a0abf 70%,#0a0a0ae6 85%,#0a0a0af2 100%)!important}html::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::selection{background:color-mix(in srgb, var(--color-primary) 30%, transparent);color:var(--text-primary)}html.dark ::selection{background:color-mix(in srgb, var(--color-primary) 40%, transparent);color:#fff}::placeholder{color:var(--text-muted);opacity:.7}html.dark ::placeholder{opacity:.5}@media (width<=767px){html,body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}:root{--surface-filter:blur(8px) saturate(180%);--surface-shadow:0 4px 16px 0 #1f268714}html.dark{--surface-shadow:0 4px 16px 0 #0006}:root[data-surface=liquid]{--surface-filter:blur(8px) saturate(180%)}}@supports (padding:env(safe-area-inset-bottom)){@media (width<=767px){section{padding-bottom:max(7rem, calc(7rem + env(safe-area-inset-bottom)))}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)translateZ(0)}to{opacity:1;transform:translate(0)translateZ(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)translateZ(0)}to{opacity:1;transform:translate(0)translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)translateZ(0)}to{opacity:1;transform:scale(1)translateZ(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%,-30px)scale(.95)translateZ(0)}to{opacity:1;transform:translate(-50%)scale(1)translateZ(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%)scale(1)translateZ(0)}to{opacity:0;transform:translate(-50%,-20px)scale(.95)translateZ(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)translateZ(0)}to{opacity:1;transform:translate(0)translateZ(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)translateZ(0)}50%{opacity:.7;transform:scale(.95)translateZ(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,*{-ms-overflow-style:none!important}html::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html{overflow:hidden auto}body{overflow-x:clip}:root{--scrollbar-width:6px;--scrollbar-track-color:#0000001a;--scrollbar-thumb-color:#0000004d;--scrollbar-thumb-hover-color:#00000080}html.dark{--scrollbar-track-color:#ffffff1a;--scrollbar-thumb-color:#ffffff4d;--scrollbar-thumb-hover-color:#ffffff80}main.relative{isolation:isolate;position:relative}.animated-view-container{width:100%}@media (width<=767px){main.relative{overflow:visible}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav-container{z-index:50;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (width>=768px){.nav-container{top:50%;bottom:auto;left:1.5rem;transform:translateY(-50%)}}.dynamic-island{backdrop-filter:blur(20px);border:2px solid #6366f126;border:2px solid color-mix(in srgb, var(--color-primary) 15%, transparent);background:#ffffff80;border-radius:30px;max-width:95vw;padding:10px;transition:height .45s cubic-bezier(.25,1.3,.5,1),width .45s cubic-bezier(.25,1.3,.5,1),background .3s,border-color .3s,box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 1px #fffc}html.dark .dynamic-island{border:2px solid #6366f133;border:2px solid color-mix(in srgb, var(--color-primary) 20%, transparent);background:#1a1a1a80;box-shadow:inset 0 1px #ffffff1a}.dynamic-island:hover{border-color:#6366f140;border-color:color-mix(in srgb, var(--color-primary) 25%, transparent);background:#fff9;box-shadow:inset 0 1px #ffffffe6}html.dark .dynamic-island:hover{background:#1a1a1a99;box-shadow:inset 0 1px #ffffff26}.dynamic-island.collapsed{padding:10px}.dynamic-island>div:first-child{opacity:1;transition:opacity .3s,transform .3s;transform:scale(1)}.dynamic-island.collapsed>div:first-child{opacity:0;pointer-events:none;position:absolute;transform:scale(.8)}.secondary-island{backdrop-filter:blur(20px);border:2px solid #6366f126;border:2px solid color-mix(in srgb, var(--color-primary) 15%, transparent);box-shadow:0 8px 32px #6366f126,inset 0 1px #fffc;box-shadow:0 8px 32px 0 color-mix(in srgb, var(--color-primary) 15%, transparent), inset 0 1px 0 0 #fffc;background:#ffffff80;border-radius:26px;max-width:95vw;margin-top:8px;padding:10px 14px;transition:padding .4s cubic-bezier(.34,1.56,.64,1),background .3s,box-shadow .3s;position:relative;overflow:hidden;transform:translateZ(0)}html.dark .secondary-island{border:2px solid #6366f133;border:2px solid color-mix(in srgb, var(--color-primary) 20%, transparent);background:#1a1a1a80;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a}.nav-item{z-index:10;cursor:pointer;color:var(--text-tertiary);-webkit-tap-highlight-color:transparent;user-select:none;border-radius:20px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:12px;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);box-shadow:0 3px 10px color-mix(in srgb, var(--color-primary) 18%, transparent);transform:scale(1.08)translateZ(0)}.nav-item:active{box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary) 15%, transparent);transform:scale(1.02)translateZ(0)}html.dark .nav-item{color:var(--text-secondary)}html.dark .nav-item:hover{background:color-mix(in srgb, var(--color-primary) 18%, transparent);box-shadow:0 3px 12px color-mix(in srgb, var(--color-primary) 25%, transparent)}[aria-current=page].nav-item{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 15%, white);box-shadow:0 2px 10px color-mix(in srgb, var(--color-primary) 25%, transparent)}html.dark [aria-current=page].nav-item{background:color-mix(in srgb, var(--color-primary) 25%, transparent);box-shadow:0 2px 10px color-mix(in srgb, var(--color-primary) 35%, transparent), inset 0 1px 0 0 #ffffff1a}[aria-current=page].nav-item:after{content:"";background:var(--color-primary);width:5px;height:5px;box-shadow:0 0 8px color-mix(in srgb, var(--color-primary) 60%, transparent);border-radius:50%;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.nav-group{flex-direction:row;align-items:center;display:flex}@media (width>=768px){.nav-group{flex-direction:column}}.nav-separator{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-primary) 30%, transparent) 50%, transparent);width:1px;height:32px;margin:0 8px 0 0;transition:all .3s}@media (width>=768px){.nav-separator{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--color-primary) 30%, transparent) 50%, transparent);width:32px;height:1px;margin:0 0 8px}}.generate-btn{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 18%, transparent), color-mix(in srgb, var(--color-secondary) 18%, transparent));cursor:pointer;z-index:1;backface-visibility:hidden;border:2px solid #0000;border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:translateZ(0)}.generate-btn:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 28%, transparent), color-mix(in srgb, var(--color-secondary) 28%, transparent));box-shadow:0 4px 16px color-mix(in srgb, var(--color-primary) 30%, transparent);transform:scale(1.15)translateZ(0)}.generate-btn.loading{border-radius:50%;animation:1.5s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px color-mix(in srgb, var(--color-primary) 40%, transparent)}50%{box-shadow:0 0 30px color-mix(in srgb, var(--color-secondary) 50%, transparent)}}@media (width<=767px){.nav-container{inset:auto auto 1rem 50%!important;transform:translate(-50%)!important}.dynamic-island{flex-direction:row;max-width:calc(100vw - 2rem);padding:10px 14px;display:flex}.nav-separator{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-primary) 30%, transparent) 50%, transparent)!important;width:1px!important;height:28px!important;margin:0 6px!important}[aria-current=page].nav-item:after{top:auto!important;bottom:-6px!important;left:50%!important;transform:translate(-50%)!important}}@media (hover:none) and (pointer:coarse){.nav-item:hover{background:0 0;transform:none}.nav-item:active{background:color-mix(in srgb, var(--color-primary) 20%, transparent);transition-duration:.1s;transform:scale(.95)}}.nav-container.immersive{opacity:0!important;pointer-events:none!important;transition:opacity .3s!important}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card{background:var(--bg-card);border:1px solid var(--border-color);transition:all .3s}.card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px var(--shadow-color)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.cv-auto{content-visibility:auto;contain-intrinsic-size:auto 200px}.cv-auto-sm{content-visibility:auto;contain-intrinsic-size:auto 100px}.cv-auto-md{content-visibility:auto;contain-intrinsic-size:auto 300px}.cv-auto-lg{content-visibility:auto;contain-intrinsic-size:auto 500px}.cv-widget{content-visibility:auto;contain-intrinsic-size:auto 280px}.cv-list-item{content-visibility:auto;contain-intrinsic-size:auto 60px}.cv-animated{content-visibility:auto;contain-intrinsic-size:auto 200px}.anim-prepare{will-change:opacity, transform;backface-visibility:hidden;perspective:1000px}.anim-active{will-change:opacity, transform;transform:translateZ(0)}.anim-done{will-change:auto;backface-visibility:visible;perspective:none;transform:none}.anim-waiting{opacity:0;visibility:hidden}.anim-exit{z-index:-1;pointer-events:none;will-change:opacity, transform;position:absolute;top:0;left:0;right:0}.placeholder-stable{min-height:var(--placeholder-height,100px);flex-shrink:0}.content-swap{contain:layout style;position:relative}.content-swap>.swap-out{pointer-events:none;position:absolute;inset:0}.content-swap>.swap-in{position:relative}.skeleton-to-content{contain:layout;position:relative}.skeleton-to-content>.skeleton-layer{transition:opacity .3s;position:absolute;inset:0}.skeleton-to-content>.content-layer{transition:opacity .3s,transform .3s;position:relative}.skeleton-to-content.loading>.skeleton-layer{opacity:1;pointer-events:auto}.skeleton-to-content.loading>.content-layer{opacity:0;pointer-events:none;transform:translateY(8px)}.skeleton-to-content.loaded>.skeleton-layer{opacity:0;pointer-events:none}.skeleton-to-content.loaded>.content-layer{opacity:1;pointer-events:auto;transform:translateY(0)}.layer-promote{will-change:transform;transform:translateZ(0)}.layer-flatten{will-change:auto;isolation:auto;transform:none}.layer-isolate{isolation:isolate}.hover-optimized{transition:transform .2s,box-shadow .2s}.hover-optimized:hover{transform:translateY(-2px)}.transition-gpu{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.no-transition{transition:none!important}.no-animation{animation:none!important}.is-scrolling [class*=transition-]{transition-duration:0s!important}.is-dragging *{pointer-events:none!important}.is-dragging [class*=transition-]:not(.drag-item){transition:none!important}.scroll-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;will-change:scroll-position;overflow:hidden auto;transform:translateZ(0)}.scroll-container.is-scrolling .complex-content{visibility:hidden}.virtual-item{contain:strict;content-visibility:auto}.paint-isolated{isolation:isolate;contain:paint}.size-fixed{contain:size layout}.style-isolated{contain:style}.fully-isolated{contain:strict;content-visibility:auto}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translate(0,0)}.transform-smooth{will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}.gpu-normal{will-change:auto;backface-visibility:visible;transform:none}.img-placeholder{background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%) 0 0/200% 100%;animation:1.5s linear infinite img-shimmer}@keyframes img-shimmer{to{background-position-x:-200%}}.img-loaded{background:0 0;animation:none}.lazy-img-container{contain:layout style;overflow:hidden}@media (width<=767px){.nav-item,.dynamic-island,button{user-select:none;-webkit-touch-callout:none}[class*=backdrop-blur-xl],[class*=backdrop-blur-2xl],[class*=backdrop-blur-3xl]{backdrop-filter:blur(8px)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modal-overlay-portal{z-index:9999;opacity:0;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;transition:opacity .25s ease-out;display:flex;position:fixed;inset:0;overflow-y:auto}html.dark .modal-overlay-portal{background-color:#0009}.modal-overlay-portal.modal-opening{opacity:1}.modal-overlay-portal.modal-closing{opacity:0;transition:opacity .2s ease-in}.modal-content{backdrop-filter:blur(40px);-webkit-overflow-scrolling:touch;transform-origin:50%;background-color:#fffffffa;border:1px solid #fff9;border-radius:1.5rem;width:100%;max-width:56rem;max-height:85vh;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #00000040}html.dark .modal-content{background-color:#1a1a1afa;border:1px solid #ffffff26;box-shadow:0 25px 50px -12px #000000b3}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(20px)}}.animate-fade-in{animation:.25s ease-out fade-in}.animate-fade-out{animation:.2s ease-in fade-out}.animate-scale-in{animation:.35s cubic-bezier(.16,1,.3,1) scale-in}.animate-scale-out{animation:.25s cubic-bezier(.4,0,1,1) scale-out}@media (width<=640px){.modal-overlay-portal{align-items:flex-end;padding:0}.modal-content{border-radius:1.5rem 1.5rem 0 0;width:100%;max-width:100%;max-height:85vh;margin:0;padding-top:1.5rem}.modal-content:before{content:"";background:var(--text-muted);opacity:.4;border-radius:2px;width:36px;height:4px;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.modal-overlay-portal.modal-opening .modal-content{animation:.3s cubic-bezier(.16,1,.3,1) slideUpMobile}.modal-overlay-portal.modal-closing .modal-content{animation:.25s cubic-bezier(.4,0,1,1) slideDownMobile}@keyframes slideUpMobile{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownMobile{0%{opacity:1;transform:translateY(0)}to{opacity:.8;transform:translateY(100%)}}}@media (width<=640px) and (orientation:landscape){.modal-content{border-radius:1rem;max-height:80vh}.modal-overlay-portal{align-items:center}}.text-gray-700,.text-gray-800{color:var(--text-primary)!important}.text-gray-600{color:var(--text-secondary)!important}.text-gray-500{color:var(--text-tertiary)!important}.text-gray-400{color:var(--text-muted)!important}.text-gray-300{color:var(--text-secondary)!important}html.dark .dark\:text-gray-100{color:var(--text-primary)!important}html.dark .dark\:text-gray-300{color:var(--text-secondary)!important}html.dark .dark\:text-gray-400{color:var(--text-tertiary)!important}html.dark .dark\:text-gray-500{color:var(--text-muted)!important}html.dark .dark\:bg-gray-700{background-color:var(--bg-tertiary)!important}html.dark .dark\:bg-gray-800\/50{background-color:#1f212880!important;background-color:color-mix(in srgb, var(--bg-tertiary) 50%, transparent)!important}html.dark .dark\:hover\:bg-gray-700:hover{background-color:var(--bg-hover)!important}.border-gray-200\/50{border-color:#e5e7eb80!important;border-color:color-mix(in srgb, var(--border-color) 50%, transparent)!important}.border-gray-300,html.dark .dark\:border-gray-600{border-color:var(--border-color)!important}html.dark .dark\:border-gray-700\/50{border-color:#373a4780!important;border-color:color-mix(in srgb, var(--border-color) 50%, transparent)!important}.bg-indigo-500,.bg-indigo-600{background-color:var(--color-primary)!important}.hover\:bg-indigo-600:hover,html.dark .dark\:hover\:bg-indigo-700:hover{background-color:#4f52d9!important;background-color:color-mix(in srgb, var(--color-primary) 90%, black)!important}.focus\:ring-indigo-500:focus{--tw-ring-color:color-mix(in srgb, var(--color-primary) 50%, transparent)!important}.bg-gray-900{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary))!important}.hover\:bg-gray-800:hover{background:linear-gradient(135deg,#4f52d9,#8b5cf6)!important;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 90%, black), color-mix(in srgb, var(--color-secondary) 90%, black))!important}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary);transition:all .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,input[type=number]:focus,textarea:focus,select:focus{background:var(--bg-secondary);border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary-large{background-color:var(--color-primary);box-shadow:0 4px 14px color-mix(in srgb, var(--color-primary) 40%, transparent)}.btn-secondary-large{background-color:var(--color-secondary);box-shadow:0 4px 14px color-mix(in srgb, var(--color-secondary) 40%, transparent)}.btn-primary{background-color:var(--color-primary)}.btn-secondary{background-color:var(--color-secondary)}.via-primary{--tw-gradient-stops:var(--tw-gradient-from), var(--color-primary), var(--tw-gradient-to)}@media (width<=640px){body{font-size:15px}.prose h1{font-size:1.75rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-8{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}@media (width<=375px){body{font-size:14px}.px-4{padding-left:.75rem!important;padding-right:.75rem!important}}@media (height<=500px) and (orientation:landscape){.min-h-screen{min-height:0}.pt-\[calc\(15vh\)\]{padding-top:2rem!important}}@media (prefers-contrast:more){:root{--border-color:#0000004d}html.dark{--border-color:#ffffff4d}}.clean-input{box-shadow:none!important;appearance:none!important;background:0 0!important;border:none!important;outline:none!important}.clean-input:focus{box-shadow:none!important;--tw-ring-color:transparent!important;background:0 0!important;border:none!important;outline:none!important}.will-animate,[data-animation],.animate-fade-in,.animate-slide-up,.animate-scale-in{will-change:transform, opacity;backface-visibility:hidden;transform:translateZ(0)}[data-dragging=true],.is-dragging{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.scroll-container,[data-scroll-optimized=true]{-webkit-overflow-scrolling:touch;will-change:scroll-position;touch-action:pan-y}.scroll-horizontal{touch-action:pan-x;-webkit-overflow-scrolling:touch;overflow:auto hidden}.contain-strict{contain:strict}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-content{contain:content}.card,.widget,.grid-item,[data-card]{contain:layout paint}.virtual-list-item{contain:content;content-visibility:auto;contain-intrinsic-size:0 80px}.lazy-render-item{content-visibility:auto;contain-intrinsic-size:auto 100px}.library-grid-item{content-visibility:auto;contain-intrinsic-size:auto 200px}.large-card{content-visibility:auto;contain-intrinsic-size:400px 300px}.force-gpu{backface-visibility:hidden;perspective:1000px;transform:translate(0,0)}@media (prefers-reduced-motion:no-preference){.hide-while-scrolling{transition:opacity .15s ease-out}[data-scrolling=true] .hide-while-scrolling{opacity:0;pointer-events:none}}[data-scrolling=true] .simplify-while-scrolling{box-shadow:none!important;backdrop-filter:none!important;filter:none!important}.lazy-image{background:linear-gradient(90deg, var(--color-placeholder,#f0f0f0) 0%, var(--color-placeholder-light,#f8f8f8) 50%, var(--color-placeholder,#f0f0f0) 100%);background-size:200% 100%}.lazy-image.loading{animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-image.loaded{background:0 0;animation:none}img[loading=lazy]{image-rendering:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.complex-animation,.expensive-effect{backdrop-filter:none!important;filter:none!important;transition:none!important;animation:none!important}}[data-low-end-device=true]{backdrop-filter:none!important;box-shadow:0 2px 4px #0000001a!important}[data-low-end-device=true] .blur-effect{backdrop-filter:none!important;background-color:#fffffff2!important}.animating{will-change:transform, opacity;text-rendering:optimizespeed;image-rendering:auto}.animation-done{will-change:auto}@media (prefers-color-scheme:dark){.lazy-image{background:linear-gradient(90deg,#1f1f1f 0%,#2a2a2a 50%,#1f1f1f 100%) 0 0/200% 100%}[data-low-end-device=true] .blur-effect{background-color:#000000f2!important}}@media print{*,:before,:after{transition:none!important;animation:none!important}*{box-shadow:none!important;backdrop-filter:none!important;filter:none!important}}.font-georgia{font-family:Georgia,serif}.text-primary-color{color:var(--color-primary)}.text-accent-color{color:var(--color-accent)}.heatmap-cell{contain:strict}.danmaku-item{will-change:transform;contain:layout style}.widget-card{contain:content}.report-card{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 300px}.clip-diagonal{clip-path:polygon(0 0,70% 0,45% 100%,0 100%)}.decorative-title-position{top:calc(25px - 1em)}.text-primary-mix{color:color-mix(in srgb, var(--color-primary) 70%, transparent);-webkit-text-stroke:.5px color-mix(in srgb, var(--color-primary) 30%, transparent)}.text-accent-mix{color:color-mix(in srgb, var(--color-accent) 70%, transparent);-webkit-text-stroke:.5px color-mix(in srgb, var(--color-accent) 30%, transparent)}.danmaku-text-color{color:#b3e5ff}