:root{--widget-glass-bg: var(--accent-soft, rgba(91, 141, 239, .28));--widget-glass-bg-hover: color-mix(in srgb, var(--accent) 45%, transparent);--widget-track-border: rgba(255, 255, 255, .2);--widget-pill-bg: rgba(255, 255, 255, .25);--widget-spring: cubic-bezier(.32, 1.35, .55, 1)}:root[data-theme=light]{--widget-track-border: rgba(15, 25, 55, .18);--widget-pill-bg: rgba(255, 255, 255, .85)}.dark-mode-toggle{background:none;border:none;padding:0;cursor:pointer;line-height:1;font:inherit;color:inherit}.dark-mode-toggle .toggle-track{display:inline-flex;align-items:center;position:relative;border-radius:16px;background:var(--widget-glass-bg);backdrop-filter:blur(5px) saturate(1.4);-webkit-backdrop-filter:blur(5px) saturate(1.4);border:.75px solid var(--widget-track-border);padding:2px;transition:background .2s ease}.dark-mode-toggle:hover .toggle-track{background:var(--widget-glass-bg-hover)}.dark-mode-toggle .toggle-icon{position:relative;z-index:1;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:1.02rem;color:#fff6;transition:color .3s ease}.dark-mode-toggle .toggle-icon.sun{color:#fff}.dark-mode-toggle.dark .toggle-icon.sun{color:#fff6}.dark-mode-toggle.dark .toggle-icon.moon{color:#fff}:root[data-theme=light] .dark-mode-toggle .toggle-icon.sun{color:#1a1d2b}:root[data-theme=light] .dark-mode-toggle.dark .toggle-icon.sun{color:#1a1d2b73}:root[data-theme=light] .dark-mode-toggle.dark .toggle-icon.moon{color:#1a1d2b}:root[data-theme=light] .dark-mode-toggle .toggle-icon.moon{color:#1a1d2b73}.dark-mode-toggle .toggle-pill{position:absolute;left:2px;top:2px;width:28px;height:28px;border-radius:14px;background:var(--widget-pill-bg);transition:transform .4s var(--widget-spring);pointer-events:none}.dark-mode-toggle.dark .toggle-pill{transform:translate(28px)}.dark-mode-toggle:focus-visible .toggle-track{box-shadow:0 0 0 2px var(--accent)}.language-switcher{position:relative;display:inline-block;font:inherit}.language-switcher .lang-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--widget-glass-bg);backdrop-filter:blur(5px) saturate(1.4);-webkit-backdrop-filter:blur(5px) saturate(1.4);border:.75px solid var(--widget-track-border);border-radius:16px;cursor:pointer;font:inherit;font-size:.85em;padding:6px 12px;min-height:32px;white-space:nowrap;color:#fff;transition:background .2s ease}.language-switcher .lang-toggle:hover{background:var(--widget-glass-bg-hover)}.language-switcher .lang-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}:root[data-theme=light] .language-switcher .lang-toggle{color:#1a1d2b}.language-switcher .lang-flag{font-size:1.1em;line-height:1}.language-switcher .lang-name{letter-spacing:.01em}.language-switcher .lang-chevron{font-size:.7em;display:inline-block;transition:transform .4s var(--widget-spring)}.language-switcher.open .lang-chevron{transform:rotate(180deg)}.language-switcher .lang-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;border-radius:10px;z-index:1000;background:radial-gradient(ellipse at center,rgba(255,255,255,.1) 0%,transparent 70%),color-mix(in srgb,var(--accent) 55%,#14181F);backdrop-filter:blur(10px) saturate(1.8);-webkit-backdrop-filter:blur(10px) saturate(1.8);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 10px 26px #00000059,inset 0 .5px #ffffff26;color:#fff;max-height:0;overflow:hidden;opacity:0;padding:0;transform:translateY(8px);transition:max-height .4s var(--widget-spring),opacity .2s ease,transform .4s var(--widget-spring),padding .15s ease;pointer-events:none}.language-switcher.open .lang-dropdown{max-height:400px;overflow-y:auto;opacity:1;padding:4px 0;transform:translateY(0);pointer-events:auto}:root[data-theme=light] .language-switcher .lang-dropdown{background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0%,transparent 70%),color-mix(in srgb,var(--accent) 28%,#FFFFFF);color:#1a1d2b}.language-switcher .lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;text-align:left;cursor:pointer;font:inherit;font-size:.85em;color:#ffffffe0}.language-switcher .lang-option:hover{background:#ffffff1f}.language-switcher .lang-option[hidden]{display:none}:root[data-theme=light] .language-switcher .lang-option{color:#1a1d2bd9}:root[data-theme=light] .language-switcher .lang-option:hover{background:#0f19370f}.language-switcher .lang-empty{padding:10px 14px;font-size:.8em;font-style:italic;color:#fff9;text-align:center}:root[data-theme=light] .language-switcher .lang-empty{color:#1a1d2b8c}.language-switcher .lang-empty[hidden]{display:none}.app-store-badge{display:inline-flex;transition:transform .25s var(--widget-spring),filter .25s ease;line-height:0}.app-store-badge img{display:block;width:100%;height:auto;max-width:180px}.app-store-badge .asb-light{display:none}:root[data-theme=light] .app-store-badge .asb-dark{display:none}:root[data-theme=light] .app-store-badge .asb-light{display:block}.app-store-badge:hover{transform:translateY(-2px) scale(1.015);filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--accent) 35%,transparent))}.widget-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.gallery{display:grid;gap:clamp(1rem,2.5vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gallery--cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gallery--cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gallery--cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gallery-item{margin:0;display:flex;flex-direction:column;gap:.75rem}.gallery-thumb{position:relative;display:block;width:100%;padding:0;border:1px solid var(--border);background:var(--bg-2, #0E1018);border-radius:14px;overflow:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='14' cy='14' r='10' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='14' cy='14' r='9' fill='rgba(255,255,255,0.75)' stroke='%235B8DEF' stroke-width='2'/%3E%3Cline x1='14' y1='10' x2='14' y2='18' stroke='%235B8DEF' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='10' y1='14' x2='18' y2='14' stroke='%235B8DEF' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='21' y1='21' x2='29' y2='29' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Cline x1='21' y1='21' x2='29' y2='29' stroke='%235B8DEF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 14 14,zoom-in;transition:transform .28s var(--spring, cubic-bezier(.32, 1.35, .55, 1)),box-shadow .28s ease,border-color .28s ease}.gallery-thumb:hover{transform:translateY(-4px) scale(1.01);border-color:var(--accent-soft, rgba(91,141,239,.4));box-shadow:0 20px 50px -22px color-mix(in srgb,var(--accent) 55%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.gallery-thumb:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.gallery-item--portrait .gallery-thumb{aspect-ratio:9 / 19.5}.gallery-item--landscape .gallery-thumb{aspect-ratio:16 / 10}.gallery-glass{position:absolute;top:.65rem;right:.65rem;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff2e;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);border:.75px solid rgba(255,255,255,.3);color:#fff;opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .3s var(--spring, cubic-bezier(.32, 1.35, .55, 1));pointer-events:none}.gallery-thumb:hover .gallery-glass,.gallery-thumb:focus-visible .gallery-glass{opacity:1;transform:scale(1)}.gallery-caption{display:flex;flex-direction:column;gap:.2rem;padding:0 .15rem}.gallery-caption strong{color:var(--text);font-size:1rem;font-weight:700;letter-spacing:-.01em}.gallery-caption span{color:var(--text-muted);font-size:.88rem;line-height:1.45}.gallery-caption .badge{font-size:.62rem;padding:.08rem .45rem;margin:0 .25rem}.showcase{display:flex;flex-direction:column;gap:.9rem;margin-bottom:2.5rem}.showcase-header{display:flex;align-items:center;gap:.85rem;padding-bottom:.25rem}.showcase-header-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent-2, var(--accent)) 18%,transparent));border:1px solid var(--border-strong, rgba(255,255,255,.18));color:var(--accent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.showcase-header-name{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1}.showcase-pending-body{padding:1.5rem 1.85rem;border:1px dashed var(--border-strong, rgba(255,255,255,.22));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent) 0%,var(--bg-card, rgba(255,255,255,.04)) 70%);color:var(--text-soft, #C3C8D6);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.showcase-pending-body p{margin:0;font-size:1rem;line-height:1.6}.showcase-soon{font-size:.5em;font-style:italic;font-weight:500;color:var(--text-muted);margin-left:.6rem;letter-spacing:.02em;vertical-align:middle}.showcase-main-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border-strong, rgba(255,255,255,.2));background:var(--bg-2, #0E1018);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--accent) 45%,transparent);aspect-ratio:var(--showcase-aspect, 16 / 10);max-width:var(--showcase-max-width, none);margin-left:auto;margin-right:auto;width:100%}.showcase-main{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='14' cy='14' r='10' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='14' cy='14' r='9' fill='rgba(255,255,255,0.75)' stroke='%235B8DEF' stroke-width='2'/%3E%3Cline x1='14' y1='10' x2='14' y2='18' stroke='%235B8DEF' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='10' y1='14' x2='18' y2='14' stroke='%235B8DEF' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='21' y1='21' x2='29' y2='29' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Cline x1='21' y1='21' x2='29' y2='29' stroke='%235B8DEF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 14 14,zoom-in;position:relative}.showcase-main img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.showcase-main-glass{position:absolute;top:.65rem;right:.65rem;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff29;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);border:.75px solid rgba(255,255,255,.3);color:#fff;opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .3s var(--spring, cubic-bezier(.32, 1.35, .55, 1));pointer-events:none}.showcase-main:hover .showcase-main-glass{opacity:1;transform:scale(1)}.showcase-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:.75px solid rgba(255,255,255,.3);background:#1419288c;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .22s ease,transform .22s ease,background .2s ease;box-shadow:0 4px 16px #00000059}.showcase-arrow.prev{left:.75rem}.showcase-arrow.next{right:.75rem}.showcase-arrow:hover{background:#1e263ebf;transform:translateY(-50%) scale(1.06)}.showcase-arrow[hidden]{display:none}@media(hover:hover){.showcase-main-frame:hover .showcase-arrow{opacity:1}}@media(hover:none){.showcase-arrow{opacity:1}}.showcase-strip{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;scrollbar-width:thin}.showcase-strip::-webkit-scrollbar{height:6px}.showcase-strip::-webkit-scrollbar-track{background:transparent}.showcase-strip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:3px}.showcase-thumb{flex:0 0 auto;width:clamp(108px,11vw,156px);aspect-ratio:var(--showcase-aspect, 16 / 10);padding:0;border:2px solid transparent;background:var(--bg-2, #0E1018);border-radius:9px;overflow:hidden;cursor:pointer;opacity:.55;scroll-snap-align:start;transition:opacity .2s ease,border-color .2s ease,transform .2s var(--spring, cubic-bezier(.32, 1.35, .55, 1))}.showcase-thumb img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}.showcase-thumb:hover{opacity:1;transform:translateY(-2px)}.showcase-thumb.is-active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent),0 10px 20px -10px color-mix(in srgb,var(--accent) 45%,transparent)}.showcase-caption{display:flex;flex-direction:column;gap:.25rem;padding:0 .15rem;margin-top:.35rem}.showcase-caption strong{color:var(--text);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.showcase-caption span{color:var(--text-muted);font-size:.9rem;line-height:1.5}@media(max-width:720px){.showcase-arrow{width:38px;height:38px}.showcase-thumb{width:clamp(92px,22vw,120px)}}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#080a12d1;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);opacity:0;transition:opacity .22s ease;touch-action:none;overscroll-behavior:contain}.lightbox.open{opacity:1}.lightbox[hidden]{display:none}.lightbox-btn{position:absolute;z-index:1010;width:44px;height:44px;border:.75px solid rgba(255,255,255,.28);background:#ffffff24;backdrop-filter:blur(12px) saturate(1.8);-webkit-backdrop-filter:blur(12px) saturate(1.8);border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 16px #00000059,inset 0 .5px #ffffff38;transition:background .2s ease,transform .2s var(--spring)}.lightbox-btn:hover{background:#ffffff3d}.lightbox-btn[hidden]{display:none}.lightbox-close{top:16px;right:16px}.lightbox-close:hover{transform:scale(1.06)}.lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:52px}.lightbox-nav:hover{transform:translateY(-50%) scale(1.06)}.lightbox-prev{left:18px}.lightbox-next{right:18px}@media(hover:hover){.lightbox .lightbox-nav{opacity:0;transition:opacity .2s ease}.lightbox:hover .lightbox-nav{opacity:1}}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 96px);max-height:calc(100vh - 96px)}.lightbox-img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:10px;box-shadow:0 40px 120px -40px #0009;will-change:transform;transform-origin:center center;user-select:none;-webkit-user-drag:none;touch-action:none}.lightbox-caption{margin-top:1rem;color:#ffffffd9;font-size:.9rem;letter-spacing:.01em;max-width:560px;text-align:center}.lightbox-counter{position:absolute;bottom:22px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.06em;background:#ffffff24;backdrop-filter:blur(10px) saturate(1.6);-webkit-backdrop-filter:blur(10px) saturate(1.6);border:.75px solid rgba(255,255,255,.24);color:#fff;text-transform:none}@media(max-width:720px){.lightbox-nav{display:none}.lightbox-close{top:12px;right:12px;width:40px;height:40px}.lightbox-figure{max-width:calc(100vw - 20px);max-height:calc(100vh - 60px)}.lightbox-img{max-height:calc(100vh - 100px)}}@media(prefers-reduced-motion:reduce){.gallery-thumb,.lightbox,.lightbox-btn,.gallery-glass,.lightbox-img{transition:none!important}}