:root{color-scheme:light;--body-background: #ebf5fc;--accent-color: #1f7ed4;--accent-color-darker: #17365f;--leftjun-primary: #0f7aff;--leftjun-primary-deep: #17365f;--leftjun-primary-soft: rgba(15, 122, 255, .12);--leftjun-radius-lg: 22px;--leftjun-radius-md: 16px;--leftjun-radius-sm: 10px;--body-text-color: #748195;--card-background: #ffffff;--card-background-selected: #dcedfb;--card-text-color-main: #142033;--card-text-color-secondary: #6c788b;--card-text-color-tertiary: #8b98aa;--card-separator-color: rgba(54, 87, 124, .16);--card-border-radius: 22px;--card-padding: 25px;--main-top-padding: 44px;--right-sidebar-sticky-top: var(--main-top-padding);--section-separation: 40px;--layout-column-gap: clamp(18px, 1.25vw, 24px);--content-item-gap: 14px;--section-block-gap: var(--section-separation);--leftjun-layout-gutter: clamp(12px, 1.25vw, 24px);--leftjun-sidebar-width: clamp(226px, 14.1vw, 248px);--right-sidebar-max-width: clamp(240px, 15vw, 292px);--leftjun-column-gap: var(--layout-column-gap);--leftjun-hover-duration: .16s;--leftjun-hover-lift: -2px;--leftjun-hover-accent: #1f7ed4;--leftjun-hover-border: rgba(31, 126, 212, .42);--leftjun-hover-surface: rgba(31, 126, 212, .09);--leftjun-hover-shadow: 0 16px 34px rgba(31, 126, 212, .16), 0 7px 18px rgba(42, 76, 108, .07);--leftjun-surface-shadow: 0 18px 48px rgba(35, 86, 136, .1);--leftjun-surface-shadow-soft: 0 10px 26px rgba(35, 86, 136, .06);--shadow-l1: 0 10px 24px rgba(35, 86, 136, .12);--shadow-l2: 0 18px 42px rgba(35, 86, 136, .18);--leftjun-page-wash: radial-gradient(circle at 7% 5%, rgba(47, 114, 184, .24), transparent 34rem), radial-gradient(circle at 88% 12%, rgba(0, 168, 196, .2), transparent 31rem), radial-gradient(circle at 52% 92%, rgba(80, 147, 222, .13), transparent 38rem), linear-gradient(180deg, #edf7ff 0%, #e3f1fb 48%, #f4f9ff 100%);--leftjun-reading-surface: rgba(255, 255, 255, .988);--leftjun-surface: rgba(239, 248, 255, .94);--leftjun-surface-strong: rgba(250, 253, 255, .985);--leftjun-surface-muted: rgba(228, 242, 253, .94);--leftjun-hero-background: rgba(238, 248, 255, .94);--leftjun-sidebar-background: rgba(238, 248, 255, .94);--leftjun-neutral-card-background: var(--leftjun-surface-strong);--leftjun-game-card-background: rgba(244, 251, 255, .985);--leftjun-game-card-border: rgba(31, 126, 212, .23);--leftjun-embedded-card-background: rgba(242, 253, 252, .985);--leftjun-embedded-card-border: rgba(15, 118, 110, .25);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,Droid Sans,Helvetica Neue,sans-serif}:root[data-scheme=dark]{color-scheme:dark;--body-background: #171b1a;--accent-color: #8ab8ef;--accent-color-darker: #c9e3ff;--leftjun-primary: #5fa8ff;--leftjun-primary-deep: #d6ebff;--leftjun-primary-soft: rgba(95, 168, 255, .14);--body-text-color: #b8cadf;--card-background: #17242a;--card-background-selected: rgba(138, 184, 239, .12);--card-text-color-main: #e7f4ff;--card-text-color-secondary: #b8cadf;--card-text-color-tertiary: #8fa6bd;--card-separator-color: rgba(138, 184, 239, .16);--leftjun-hover-accent: #8ab8ef;--leftjun-hover-border: rgba(138, 184, 239, .42);--leftjun-hover-surface: rgba(138, 184, 239, .1);--leftjun-hover-shadow: 0 14px 34px rgba(39, 96, 174, .2), 0 10px 26px rgba(0, 0, 0, .18);--leftjun-surface-shadow: 0 16px 44px rgba(0, 0, 0, .22);--leftjun-surface-shadow-soft: 0 8px 24px rgba(0, 0, 0, .16);--shadow-l1: 0 12px 26px rgba(0, 0, 0, .2);--shadow-l2: 0 18px 42px rgba(0, 0, 0, .28);--leftjun-page-wash: radial-gradient(circle at 10% 8%, rgba(106, 197, 181, .13), transparent 30rem), radial-gradient(circle at 86% 18%, rgba(138, 184, 239, .14), transparent 28rem), radial-gradient(circle at 52% 92%, rgba(80, 147, 222, .08), transparent 32rem), #121b20;--leftjun-reading-surface: rgba(18, 28, 33, .94);--leftjun-surface: rgba(22, 35, 40, .88);--leftjun-surface-strong: rgba(26, 41, 48, .94);--leftjun-surface-muted: rgba(19, 36, 43, .9);--leftjun-hero-background: rgba(22, 36, 41, .9);--leftjun-sidebar-background: rgba(20, 33, 38, .9);--leftjun-neutral-card-background: var(--leftjun-surface-strong);--leftjun-game-card-background: rgba(22, 38, 49, .94);--leftjun-game-card-border: rgba(138, 184, 239, .24);--leftjun-embedded-card-background: rgba(20, 42, 39, .94);--leftjun-embedded-card-border: rgba(106, 197, 181, .25)}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;background:var(--body-background);scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--leftjun-page-wash);background-attachment:fixed;color:var(--body-text-color);font-size:1.62rem;line-height:1.15;letter-spacing:0}::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.84,.2,1)}html.theme-transition-running::view-transition-old(root){animation:none}html.theme-transition-running::view-transition-new(root){animation:none;mix-blend-mode:normal;clip-path:circle(0 at var(--theme-transition-x, 50vw) var(--theme-transition-y, 50vh))}html.language-transition-running body{pointer-events:none}html.language-transition-exiting :is(.site-meta,.site-footer,.sidebar-portfolio-pdf,.mobile-social-language a span,.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label,.home-topbar a,.home-topbar input,.mobile-bottom-nav a span,.home-hero__content,.home-section__header,.project-card__content,.home-plan-card__main,.home-plan-card__actions,.article-details,.project-info-strip,.main-article :is(h1,h2,h3,h4,p,li,dt,dd,figcaption,blockquote),.right-sidebar){animation:leftjun-language-text-out .19s ease both}html.language-transition-entering :is(.site-meta,.site-footer,.sidebar-portfolio-pdf,.mobile-social-language a span,.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label,.home-topbar a,.home-topbar input,.mobile-bottom-nav a span,.home-hero__content,.home-section__header,.project-card__content,.home-plan-card__main,.home-plan-card__actions,.article-details,.project-info-strip,.main-article :is(h1,h2,h3,h4,p,li,dt,dd,figcaption,blockquote),.right-sidebar){animation:leftjun-language-text-in .72s cubic-bezier(.22,1,.36,1) both}.astro-route-announcer{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes leftjun-language-text-out{0%{opacity:1}36%{opacity:0}to{opacity:0}}@keyframes leftjun-language-text-in{0%{opacity:0}46%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.inline-icon{width:18px;height:18px;display:inline-block;flex:0 0 auto;vertical-align:-4px}.inline-icon svg{width:100%;height:100%;display:block;stroke-width:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{width:min(100%,1536px);margin-inline:auto}.main-container{min-height:100vh;align-items:flex-start;gap:var(--section-separation);padding:var(--main-top-padding) 15px 0}.flex{display:flex;flex-direction:column}.site-content-layout{width:100%;min-width:0;display:grid;gap:var(--section-block-gap)}.site-content-layout.has-right-sidebar{align-items:start}main.main{width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:var(--section-block-gap)}.left-sidebar{--sidebar-avatar-size: 120px;--emoji-size: 40px;--emoji-font-size: 20px;width:100%;min-width:0;max-width:none;position:relative;z-index:180;display:flex;flex-direction:column;flex-shrink:0;gap:3.75rem;padding:1.55rem;border:1px solid var(--card-separator-color);border-radius:22px;background:var(--leftjun-sidebar-background);box-shadow:var(--leftjun-surface-shadow);backdrop-filter:blur(12px) saturate(1.12)}.sidebar-profile-card{display:contents}.brand{--brand-mark-size: 40px;--brand-lockup-width: 188px;display:flex;align-items:center;justify-content:flex-start;width:min(var(--brand-lockup-width),100%);height:48px;min-height:48px;text-decoration:none;flex-shrink:0;color:inherit;background:transparent;border:0;box-shadow:none}.brand-logo{display:none;flex:0 0 auto;object-fit:contain;max-width:100%;transition:opacity .18s ease,transform .18s ease}.brand-logo-mark{width:var(--brand-mark-size);height:auto;aspect-ratio:4096 / 3855}.brand-logo-lockup{display:none;width:min(var(--brand-lockup-width),100%);height:auto;max-width:100%;object-fit:contain}.sidebar.is-expanded .brand-logo-lockup{display:block;transform:scale(1.545) translate(-18%) translateY(-11%);transform-origin:left center}.sidebar.is-collapsed .brand-logo-mark{display:block}.sidebar.is-collapsed .brand{justify-content:center;width:52px;height:46px;min-height:46px}.left-sidebar header{display:flex;flex:0 0 auto;flex-direction:column;gap:1.05rem;z-index:2}.site-avatar{position:relative;width:var(--sidebar-avatar-size);height:var(--sidebar-avatar-size);margin:0;flex-shrink:0}.site-avatar .site-logo{width:100%;height:100%;border-radius:30px;object-fit:cover;box-shadow:0 14px 30px #26548433;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.site-avatar a:hover .site-logo,.site-avatar a:focus-visible .site-logo{transform:translateY(-1px);box-shadow:0 18px 36px #2f72b82e}.site-avatar .emoji{position:absolute;z-index:2;right:-3px;bottom:-3px;width:var(--emoji-size);height:var(--emoji-size);display:grid;place-items:center;border:4px solid var(--card-background);border-radius:999px;background:color-mix(in srgb,var(--accent-color) 10%,var(--card-background));box-shadow:0 10px 26px #2f72b838;font-size:var(--emoji-font-size);cursor:default;outline:none;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.site-avatar .status-tooltip{position:absolute;z-index:260;left:calc(100% + 16px);top:50%;width:max-content;min-width:150px;max-width:230px;padding:10px 12px;border:1px solid var(--card-separator-color);border-radius:12px;background:var(--card-background);color:var(--card-text-color-main);box-shadow:var(--shadow-l2);line-height:1.45;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) translate(-8px);transition:opacity var(--leftjun-hover-duration) ease,transform var(--leftjun-hover-duration) ease,visibility var(--leftjun-hover-duration) ease}.site-avatar .status-tooltip:before{content:"";position:absolute;top:50%;left:-6px;width:10px;height:10px;border-left:1px solid var(--card-separator-color);border-bottom:1px solid var(--card-separator-color);background:var(--card-background);transform:translateY(-50%) rotate(45deg)}.site-avatar .status-tooltip strong,.site-avatar .status-tooltip small{display:block;line-height:1.45}.site-avatar .status-tooltip strong{font-size:16px;font-weight:800}.site-avatar .status-tooltip small{margin-top:5px;color:var(--card-text-color-secondary);font-size:12.8px}.site-avatar .status-emoji:hover,.site-avatar .status-emoji:focus-visible{transform:translateY(-1px) scale(1.04);box-shadow:var(--shadow-l2)}.site-avatar .status-emoji:hover .status-tooltip,.site-avatar .status-emoji:focus-visible .status-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.site-meta{display:flex;flex-direction:column;gap:.72rem}.site-name{margin:0;color:var(--card-text-color-main);font-size:25.5px;font-weight:800;line-height:28.56px}.site-name a{color:inherit}.site-name a:hover,.site-name a:focus-visible{color:var(--leftjun-hover-accent)}.site-role-pill{width:fit-content;max-width:100%;min-height:2.3rem;display:inline-flex;align-items:center;justify-content:center;padding:.42rem .88rem;border:1px solid color-mix(in srgb,#7c5cff 35%,var(--card-separator-color));border-radius:999px;background:linear-gradient(135deg,#7c5cff1f,#2f72b81a),color-mix(in srgb,var(--leftjun-surface-strong) 86%,transparent);box-shadow:0 8px 18px #2f72b814;color:color-mix(in srgb,#5b47d6 86%,var(--card-text-color-main));font-size:1.02rem;font-weight:800;letter-spacing:.04em;line-height:1.1}:root[data-scheme=dark] .site-role-pill{border-color:#a18eff6b;background:linear-gradient(135deg,#8b77ff2e,#50a0dc1a),#ffffff0b;color:#c8c0ff;box-shadow:0 8px 18px #0000002e}.site-identity{width:fit-content;max-width:100%;min-height:2.6rem;padding:.48rem .98rem;border:1px solid color-mix(in srgb,var(--leftjun-hover-accent) 42%,var(--card-separator-color));border-radius:999px;background:color-mix(in srgb,var(--leftjun-hover-accent) 9%,var(--card-background));box-shadow:0 6px 14px #2f72b814;color:var(--leftjun-hover-accent);font-size:1.12rem;font-weight:800;line-height:1.1}.site-description{margin:.08rem 0 0;color:var(--body-text-color);font-size:clamp(1.35rem,1.35vw,1.55rem);font-weight:500;line-height:1.62}.sidebar-portfolio-pdf{display:flex;flex-wrap:wrap;align-items:center;gap:.48rem;margin-top:.06rem}.sidebar-portfolio-pdf a{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.28rem;border-radius:999px;font-size:.92rem;font-weight:820;line-height:1;white-space:nowrap;transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.sidebar-portfolio-pdf__main{padding:.48rem .84rem;border:1px solid color-mix(in srgb,var(--leftjun-primary) 34%,var(--card-separator-color));background:linear-gradient(135deg,color-mix(in srgb,var(--leftjun-primary) 18%,transparent),#48bba81f),color-mix(in srgb,var(--leftjun-surface-strong) 92%,transparent);color:var(--leftjun-primary);box-shadow:0 10px 22px #0f7aff1c}.sidebar-portfolio-pdf__download{padding:.48rem .72rem;border:1px solid color-mix(in srgb,var(--leftjun-primary) 20%,var(--card-separator-color));background:color-mix(in srgb,var(--leftjun-primary) 8%,var(--leftjun-surface-strong));color:color-mix(in srgb,var(--leftjun-primary-deep) 72%,var(--leftjun-primary))}.sidebar-portfolio-pdf a:hover,.sidebar-portfolio-pdf a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}:root[data-scheme=dark] .sidebar-portfolio-pdf__main{border-color:#8ab8ef61;background:linear-gradient(135deg,#5fa8ff33,#48bba81f),#ffffff0d;color:#8ab8ef;box-shadow:0 10px 22px #0003}:root[data-scheme=dark] .sidebar-portfolio-pdf__download{border-color:#8ab8ef47;background:#8ab8ef14;color:#c8def8}.menu-social{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none}.mobile-sidebar-search,.mobile-social-language,.project-detail-mobile-actions{display:none}.menu-social li a{width:3.4rem;height:3.4rem;display:grid;place-items:center;border:1px solid var(--card-separator-color);border-radius:999px;background:var(--leftjun-surface-strong);color:var(--card-text-color-secondary);box-shadow:0 7px 16px #2356880f;transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}:root[data-scheme=dark] .menu-social li a{background:#ffffff0d}.menu-social li a:hover,.menu-social li a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}#main-menu{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;gap:6px;margin:0;padding:0 3px 0 0;overflow-x:hidden;overflow-y:auto;list-style:none;background:transparent;box-shadow:none}#main-menu::-webkit-scrollbar{width:5px}#main-menu::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--leftjun-hover-accent) 28%,transparent)}#main-menu li>a,#i18n-switch,#dark-mode-toggle{width:100%;min-height:3.7rem;display:flex;align-items:center;gap:40px;padding:.76rem 1.05rem;border:0;border-radius:12px;background:transparent;color:var(--body-text-color);font-size:14px;font-weight:400;line-height:1.15;transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}#main-menu li>a:hover,#main-menu li>a:focus-visible,#main-menu li.current>a,#i18n-switch:hover,#i18n-switch:focus-visible{transform:translate(2px);background:var(--leftjun-hover-surface);color:var(--leftjun-hover-accent);font-weight:700}.sidebar-bottom-actions{display:grid;flex:0 0 auto;gap:7.5px;margin-top:auto;padding-top:7px}#dark-mode-toggle{appearance:none;justify-content:center;gap:7px;min-height:39px;border:1px solid color-mix(in srgb,var(--leftjun-hover-accent) 18%,var(--card-separator-color));border-color:color-mix(in srgb,var(--leftjun-hover-accent) 18%,var(--card-separator-color));border-radius:999px;background:var(--leftjun-surface-strong);box-shadow:var(--leftjun-surface-shadow-soft);color:var(--card-text-color-main);cursor:pointer;font-size:16px;line-height:18.4px}:root[data-scheme=dark] #dark-mode-toggle,:root[data-scheme=dark] #sidebar-collapse-toggle{background:#8ab8ef1a;border-color:color-mix(in srgb,var(--leftjun-hover-accent) 28%,var(--card-separator-color));color:var(--leftjun-hover-accent)}#dark-mode-toggle:hover,#dark-mode-toggle:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}#sidebar-collapse-toggle{width:100%;display:none;appearance:none;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid color-mix(in srgb,var(--leftjun-hover-accent) 18%,var(--card-separator-color));border-radius:999px;background:var(--leftjun-surface-strong);box-shadow:var(--leftjun-surface-shadow-soft);color:var(--card-text-color-main);cursor:pointer;font-size:16px;line-height:18.4px}#sidebar-collapse-toggle:hover,#sidebar-collapse-toggle:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.sidebar-collapse-toggle__label{white-space:nowrap}.theme-toggle__icon{position:relative;display:inline-grid;place-items:center;width:1.35rem;height:1.35rem}.theme-toggle__icon .inline-icon{display:block!important;grid-area:1 / 1;width:1.25rem;height:1.25rem;transition:opacity var(--leftjun-hover-duration) ease,transform var(--leftjun-hover-duration) ease}#dark-mode-toggle[data-scheme-state=light] .theme-toggle__icon .inline-icon:first-child,#dark-mode-toggle[data-scheme-state=dark] .theme-toggle__icon .inline-icon:last-child{opacity:1;transform:scale(1) rotate(0)}#dark-mode-toggle[data-scheme-state=light] .theme-toggle__icon .inline-icon:last-child,#dark-mode-toggle[data-scheme-state=dark] .theme-toggle__icon .inline-icon:first-child{opacity:0;transform:scale(.72) rotate(-18deg)}.theme-toggle__label{font-weight:900}.hamburger{display:none}.section-card,.section-hero,.home-hero,.home-stats,.article-list--compact,.main-article,.project-card,.home-workflow__item,.home-plan-card,.project-info-strip,.right-sidebar .widget{border:1px solid var(--card-separator-color);border-radius:22px;background:var(--leftjun-surface);box-shadow:var(--leftjun-surface-shadow-soft);backdrop-filter:blur(8px)}.section-card,.section-hero{display:grid;gap:2rem;padding:var(--card-padding)}.section-card{transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease}.section-card:hover,.section-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);box-shadow:var(--leftjun-hover-shadow)}.section-title{margin:0 0 1rem;color:var(--card-text-color-secondary);font-size:1.6rem;font-weight:700;line-height:1.15}.records-section{display:grid;gap:1rem;margin-top:0}.records-section[hidden]{display:none!important}.records-section__header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.records-section__header h2{margin:0;color:var(--card-text-color-main);font-size:clamp(1.75rem,2.4vw,2.35rem);font-weight:850;line-height:1.08;letter-spacing:0}.records-section__eyebrow{margin:0 0 .28rem;color:var(--card-text-color-secondary);font-size:.9rem;font-weight:760}.records-section__header>span{display:inline-grid;min-width:3rem;min-height:2rem;place-items:center;padding:.28rem .72rem;border-radius:999px;background:var(--leftjun-primary-soft);color:var(--leftjun-primary);font-size:.86rem;font-weight:780;white-space:nowrap}.records-section__list{margin:0}.section-details{display:flex;flex-direction:column;gap:.8rem}.section-count,.section-term,.section-description{margin:0}.section-count,.home-hero__eyebrow,.home-section__eyebrow{color:var(--card-text-color-tertiary);font-size:1.4rem;font-weight:700;line-height:1.15;letter-spacing:0;text-transform:uppercase}.section-term{color:var(--card-text-color-main);font-size:22px;font-weight:700;line-height:25.3px}.section-description{max-width:780px;color:var(--card-text-color-secondary);font-size:1.6rem;font-weight:400;line-height:1.15}.home-hero{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:clamp(430px,31vw,500px);padding:clamp(3rem,4.35vw,6.1rem);border:0;border-radius:28px;background:linear-gradient(110deg,#fffffff2,#f6fbffe6 42%,#e4f0fa85),radial-gradient(circle at 16% 16%,rgba(15,122,255,.12),transparent 34rem);box-shadow:0 24px 58px #2356881c;color:var(--card-text-color-main)}.home-hero:before,.home-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.home-hero:before{background:radial-gradient(circle at 13% 31%,rgba(15,122,255,.11),transparent 21rem),linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(250,253,255,.91) 29%,rgba(250,253,255,.36) 47%,rgba(250,253,255,.08) 62%,transparent 74%)}.home-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 19%),linear-gradient(0deg,rgba(249,253,255,.58),transparent 26%),radial-gradient(circle at 72% 84%,rgba(15,122,255,.08),transparent 26rem);opacity:.92}:root[data-scheme=dark] .home-hero{background:linear-gradient(110deg,#141f25f5,#111d24eb 44%,#0e181fbd),radial-gradient(circle at 16% 16%,rgba(95,168,255,.14),transparent 34rem);box-shadow:0 26px 66px #00000047;color:var(--card-text-color-main)}:root[data-scheme=dark] .home-hero:before{background:radial-gradient(circle at 12% 32%,rgba(95,168,255,.14),transparent 22rem),linear-gradient(90deg,rgba(20,31,37,.985) 0%,rgba(20,31,37,.86) 31%,rgba(20,31,37,.36) 49%,rgba(20,31,37,.08) 64%,transparent 76%)}:root[data-scheme=dark] .home-hero:after{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%),linear-gradient(0deg,rgba(18,29,36,.52),transparent 28%),radial-gradient(circle at 72% 84%,rgba(95,168,255,.11),transparent 26rem)}.home-hero__content{position:relative;z-index:3;display:grid;gap:1rem;max-width:51rem;align-content:center;min-height:calc(clamp(430px,31vw,500px) - clamp(6rem,8.7vw,12.2rem))}.home-hero__eyebrow,.home-section__eyebrow{margin:0 0 .65rem}.home-hero .home-hero__eyebrow{margin:0;color:color-mix(in srgb,var(--card-text-color-main) 84%,var(--leftjun-primary));font-size:clamp(1.22rem,1vw,1.44rem);font-weight:820;text-transform:none}.home-hero__title{margin:0;color:var(--card-text-color-main);font-size:clamp(5.5rem,6vw,8.4rem);font-weight:900;line-height:.92;text-wrap:balance}.home-hero__role{margin:-.25rem 0 0;color:var(--leftjun-primary);font-size:clamp(2.25rem,2.05vw,2.92rem);font-weight:820;line-height:1.12}.home-hero__subtitle{max-width:38rem;margin:0;color:var(--card-text-color-secondary);font-size:clamp(1.55rem,1.22vw,1.82rem);font-weight:560;line-height:1.45}.home-hero__skills,.project-detail-pills,.project-info-strip__tech div{display:flex;flex-wrap:wrap;gap:.55rem}.home-hero__skills span,.project-detail-pills span,.project-info-strip__tech strong{display:inline-flex;min-height:2rem;align-items:center;border-radius:999px;font-size:.9rem;font-weight:800;line-height:1}.home-hero__skills span{padding:.42rem .78rem;background:#ffffffad;color:var(--card-text-color-secondary);box-shadow:inset 0 0 0 1px #2f72b81f,0 5px 12px #2356880f}:root[data-scheme=dark] .home-hero__skills span{background:#ffffff14;color:#d5eaff;box-shadow:inset 0 0 0 1px #8ab8ef26}.home-hero__summary-list{display:none}.home-hero__summary{grid-area:1 / 1;display:grid;align-content:start;gap:.52rem;opacity:0;pointer-events:none;transform:translate(-.65rem);transition:opacity .36s ease,transform .36s ease}.home-hero__summary.is-active{opacity:1;pointer-events:auto;transform:translate(0)}.home-hero__summary span{color:var(--leftjun-primary);font-size:.86rem;font-weight:850}.home-hero__summary strong{color:var(--card-text-color-main);font-size:clamp(1.35rem,1.55vw,1.85rem);line-height:1.12}.home-hero__summary small{display:-webkit-box;max-width:36rem;overflow:hidden;color:var(--card-text-color-secondary);font-size:.94rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-hero__summary-tags{display:flex;flex-wrap:wrap;gap:.45rem}.home-hero__summary-tags em{display:inline-flex;align-items:center;min-height:1.72rem;padding:.32rem .62rem;border-radius:999px;background:var(--leftjun-primary-soft);color:color-mix(in srgb,var(--leftjun-primary-deep) 82%,var(--leftjun-primary));font-size:.78rem;font-style:normal;font-weight:780}.home-hero__stage{position:absolute;inset:0;z-index:0;min-width:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;border:0;border-radius:inherit;background:transparent;box-shadow:none;touch-action:pan-y;user-select:none}:root[data-scheme=dark] .home-hero__stage{background:transparent;box-shadow:none}.home-hero__slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translate(1.2rem) scale(.992);transition:opacity .45s ease,transform .45s ease}.home-hero__slide.is-active{opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.home-hero__stage.is-swiping .home-hero__slide{transition-duration:.24s}.home-hero__media-link,.home-hero__media-blur,.home-hero__media-frame{position:absolute;inset:0;display:block}.home-hero__media-link{overflow:hidden;color:inherit}.home-hero__media-link:before{content:"";position:absolute;inset:0 auto 0 0;z-index:3;width:min(52%,46rem);pointer-events:none;background:linear-gradient(90deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.9) 38%,rgba(248,252,255,.18) 72%,transparent 100%)}:root[data-scheme=dark] .home-hero__media-link:before{background:linear-gradient(90deg,rgba(17,29,36,.98) 0%,rgba(17,29,36,.78) 38%,rgba(17,29,36,.14) 72%,transparent 100%)}.home-hero__media-blur{z-index:0;opacity:.38}.home-hero__media-blur img{width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(1.08);transform:scale(1.08)}.home-hero__media-frame{z-index:1;display:flex;align-items:stretch;justify-content:flex-end}.home-hero__media-frame img,.home-hero__media-frame video{height:100%;width:auto;max-width:86%;object-fit:contain;object-position:center right}@media(prefers-reduced-motion:reduce){.home-hero__slide,.home-hero__summary{transition:none}}.home-hero__dots{position:absolute;left:50%;bottom:clamp(1.05rem,1.6vw,1.7rem);z-index:5;display:flex;gap:.5rem;filter:drop-shadow(0 2px 5px rgba(15,23,42,.28));transform:translate(-50%)}.home-hero__dots button{width:1.72rem;height:.5rem;padding:0;border:0;border-radius:999px;background:#ffffffad;box-shadow:0 0 0 1px #ffffff6b,0 6px 14px #0f172a1f;backdrop-filter:blur(10px);cursor:pointer;transition:width .2s ease,background-color .2s ease,transform .2s ease}.home-hero__dots button[aria-current=true]{width:2.45rem;background:#fffffff2;box-shadow:0 0 0 1px #ffffffb8,0 8px 18px #0f172a29}.home-hero__dots button:hover,.home-hero__dots button:focus-visible{transform:translateY(-1px);background:#ffffffe6;outline:none}:root[data-scheme=dark] .home-hero__dots button{background:#ffffff80;box-shadow:0 0 0 1px #ffffff3d,0 8px 18px #00000038}:root[data-scheme=dark] .home-hero__dots button[aria-current=true],:root[data-scheme=dark] .home-hero__dots button:hover,:root[data-scheme=dark] .home-hero__dots button:focus-visible{background:#fffffff0}.home-hero__dots button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:.86rem;border:0;border-radius:22px;background:#fffc;box-shadow:0 18px 42px #23568814;backdrop-filter:blur(18px) saturate(1.1)}.home-stat{position:relative;min-width:0;display:grid;grid-template-columns:auto auto;grid-template-areas:"icon value" "icon label" "icon detail";justify-content:center;align-items:center;gap:.18rem .78rem;padding:.95rem 1rem;border-right:0}.home-stat:not(:last-child):after{content:"";position:absolute;top:22%;right:0;width:1px;height:56%;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(54,87,124,.18),transparent)}.home-stat .inline-icon{grid-area:icon;width:2.35rem;height:2.35rem;color:var(--leftjun-primary)}.home-stat strong{grid-area:value;color:var(--card-text-color-main);font-size:clamp(2.1rem,2.3vw,3rem);line-height:1}.home-stat span{grid-area:label;color:var(--card-text-color-secondary);font-size:1.03rem;font-weight:850;line-height:1.2}.home-stat small{grid-area:detail;color:var(--card-text-color-tertiary);font-size:.84rem;font-weight:700;line-height:1.25}:root[data-scheme=dark] .home-stats{background:#14222ad1;box-shadow:0 20px 48px #0000003d}:root[data-scheme=dark] .home-stat{border-right-color:transparent}:root[data-scheme=dark] .home-stat:not(:last-child):after{background:linear-gradient(180deg,transparent,rgba(138,184,239,.18),transparent)}.home-hero__actions,.project-links__list{display:flex;flex-wrap:wrap;gap:.75rem}.home-hero__scroll{position:absolute;left:50%;bottom:clamp(2.15rem,2.2vw,2.85rem);z-index:6;width:max-content;display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;margin:0;color:color-mix(in srgb,var(--card-text-color-secondary) 86%,var(--leftjun-primary));font-size:.82rem;font-weight:820;opacity:.76;filter:drop-shadow(0 2px 8px rgba(255,255,255,.5));transform:translate(-50%);transition:opacity var(--leftjun-hover-duration) ease,transform var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}.home-hero__scroll .inline-icon{width:15px;height:15px;transform:rotate(90deg)}.home-hero__scroll:hover,.home-hero__scroll:focus-visible{color:var(--leftjun-primary);opacity:1;transform:translate(-50%) translateY(1px);outline:none}.home-action,.project-links__button,.action-button{min-height:33.3px;display:inline-flex;align-items:center;justify-content:center;gap:4.5px;padding:6.8px 10px;border:1px solid var(--card-separator-color);border-radius:999px;background:#fff9;color:var(--card-text-color-main);font-size:16px;font-weight:700;line-height:18.4px;transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.home-action:hover,.home-action:focus-visible,.project-links__button:hover,.project-links__button:focus-visible,.action-button:hover,.action-button:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.home-action--primary,.action-button.primary{border-color:color-mix(in srgb,var(--accent-color) 42%,transparent);background:linear-gradient(135deg,#17365f,#2f72b8);color:#fff}.home-action--primary:hover,.home-action--primary:focus-visible,.action-button.primary:hover,.action-button.primary:focus-visible{color:#fff}:root[data-scheme=dark] .home-action:not(.home-action--primary),:root[data-scheme=dark] .project-links__button,:root[data-scheme=dark] .action-button:not(.primary){border-color:#8ab8ef38;background:#8ab8ef14;color:#d5eaff}:root[data-scheme=dark] .home-action:not(.home-action--primary):hover,:root[data-scheme=dark] .home-action:not(.home-action--primary):focus-visible,:root[data-scheme=dark] .project-links__button:hover,:root[data-scheme=dark] .project-links__button:focus-visible,:root[data-scheme=dark] .action-button:not(.primary):hover,:root[data-scheme=dark] .action-button:not(.primary):focus-visible{border-color:#8ab8ef6b;background:#8ab8ef24;color:#e7f4ff}.home-section{display:grid;gap:var(--content-item-gap)}.home-page main.main{gap:clamp(14px,1.45vw,22px)}@media(min-width:768px){body.home-page .main-container{padding-top:0}}.home-page .site-footer{order:20}.home-latest-posts{order:9}.home-workflow{order:8}.home-topbar{position:sticky;top:0;z-index:90;display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem clamp(1.35rem,1.8vw,2rem);border-radius:0 0 20px 20px;background:color-mix(in srgb,var(--leftjun-surface-strong) 70%,transparent);box-shadow:0 10px 26px #2356880b;backdrop-filter:blur(22px) saturate(1.16)}:root[data-scheme=dark] .home-topbar{background:#121e26c7;box-shadow:0 12px 32px #0000002e}.home-topbar__nav,.home-topbar__tools{display:flex;align-items:center;gap:clamp(.78rem,1.2vw,1.35rem)}.home-topbar__nav a{position:relative;display:inline-flex;min-height:34px;align-items:center;color:var(--card-text-color-main);font-size:.98rem;font-weight:840;line-height:1}.home-topbar__nav a:after{content:"";position:absolute;left:0;right:auto;bottom:1px;width:1.55rem;height:2.2px;border-radius:999px;background:var(--leftjun-primary);opacity:0;transform:scaleX(.42);transition:opacity .16s ease,transform .16s ease}.home-topbar__nav a:hover:after,.home-topbar__nav a:focus-visible:after,.home-topbar__nav a.is-active:after{opacity:1;transform:scaleX(1)}.home-topbar__search{position:relative;display:flex;width:min(30vw,334px);min-width:244px;min-height:38px;align-items:center;gap:.7rem;padding:0 .8rem 0 1rem;border-radius:999px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #36577c1a,0 7px 18px #2356880e;color:var(--card-text-color-tertiary)}:root[data-scheme=dark] .home-topbar__search{background:#ffffff0f;box-shadow:inset 0 0 0 1px #8ab8ef29,0 10px 24px #0000002e}.home-topbar__search .inline-icon{width:17px;height:17px;color:color-mix(in srgb,var(--card-text-color-secondary) 82%,var(--leftjun-primary))}.home-topbar__search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--card-text-color-main);font-size:.98rem;font-weight:650}.home-topbar__search input::placeholder{color:var(--card-text-color-tertiary)}.home-topbar__results{position:absolute;top:calc(100% + .72rem);right:0;z-index:160;width:min(580px,88vw);max-height:min(68vh,560px);overflow:auto;padding:.78rem;border-radius:22px;background:#fffffff5;box-shadow:0 24px 56px #2356882e;backdrop-filter:blur(18px) saturate(1.16)}:root[data-scheme=dark] .home-topbar__results{background:#121e26f5;box-shadow:0 24px 56px #00000057}.home-topbar__result,.home-topbar__empty{display:grid;gap:.34rem;padding:1.12rem 1.22rem;border-radius:15px}.home-topbar__result:hover,.home-topbar__result:focus-visible{background:color-mix(in srgb,var(--leftjun-primary) 9%,transparent);outline:none}.home-topbar__result-section{color:var(--leftjun-primary);font-size:1rem;font-weight:900}.home-topbar__result strong{color:var(--card-text-color-main);font-size:1.42rem;line-height:1.22}.home-topbar__result small,.home-topbar__result em,.home-topbar__empty{color:var(--card-text-color-secondary);font-size:1.14rem;font-style:normal;line-height:1.45}.home-topbar__result small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-topbar__result em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-topbar__theme,.home-topbar__github{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:999px;background:#ffffffc2;box-shadow:inset 0 0 0 1px #36577c1a,0 8px 20px #2356880f;color:var(--card-text-color-main);cursor:pointer;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}.home-topbar__portfolio-pdf{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--leftjun-primary) 16%,transparent),#48bba81a),#ffffffc2;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--leftjun-primary) 22%,rgba(54,87,124,.1)),0 8px 20px #0f7aff14;color:var(--leftjun-primary);font-size:.95rem;font-weight:850;line-height:1;white-space:nowrap;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}.home-topbar__portfolio-pdf .inline-icon{width:17px;height:17px}.home-topbar__portfolio-pdf:hover,.home-topbar__portfolio-pdf:focus-visible{transform:translateY(-1px);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent);outline:none}:root[data-scheme=dark] .home-topbar__portfolio-pdf{background:linear-gradient(135deg,#5fa8ff2e,#48bba81a),#ffffff12;box-shadow:inset 0 0 0 1px #8ab8ef3d,0 10px 24px #0000002e;color:#8ab8ef}.home-topbar__theme:hover,.home-topbar__theme:focus-visible,.home-topbar__github:hover,.home-topbar__github:focus-visible{transform:translateY(-1px);background:color-mix(in srgb,var(--leftjun-primary) 8%,#fff);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-primary);outline:none}:root[data-scheme=dark] .home-topbar__theme,:root[data-scheme=dark] .home-topbar__github{background:#ffffff12;box-shadow:inset 0 0 0 1px #8ab8ef26,0 10px 24px #0000002e}.home-topbar__theme-icon{display:grid;place-items:center}.home-topbar__theme-icon .inline-icon{grid-area:1 / 1}.home-topbar__theme-icon .inline-icon:last-child,.home-topbar__theme[data-scheme-state=dark] .home-topbar__theme-icon .inline-icon:first-child{opacity:0}.home-topbar__theme[data-scheme-state=dark] .home-topbar__theme-icon .inline-icon:last-child{opacity:1}.home-dashboard{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(330px,.78fr);gap:clamp(1.45rem,1.75vw,2.25rem);align-items:start}.home-dashboard .home-section{min-width:0}.home-section__header{display:flex;align-items:end;justify-content:space-between;gap:16px}.home-section__header--with-link{align-items:flex-end}.home-section__header--with-link>div:first-child{min-width:0}.home-section__header h2{margin:4px 0 0;color:var(--card-text-color-main);font-size:clamp(1.55rem,1.78vw,2rem);line-height:1.2}.home-section__link{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:#0a84ff;font-size:clamp(1.16rem,calc(1vw + .16rem),1.36rem);font-weight:850;line-height:1;text-decoration:none;white-space:nowrap;transition:color .18s ease,transform .18s ease}.home-section__link .inline-icon{width:17px;height:17px;transition:transform .18s ease}.home-section__link:hover,.home-section__link:focus-visible{color:var(--leftjun-hover-accent);transform:translate(1px)}.home-section__link:hover .inline-icon,.home-section__link:focus-visible .inline-icon{transform:translate(3px)}.home-project-grid,.home-plan-grid,.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--content-item-gap)}.home-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dashboard .home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-dashboard .home-plan-grid{grid-template-columns:1fr}.home-dashboard .home-development-plans{height:100%;padding:clamp(1.55rem,1.72vw,2.05rem);border:0;border-radius:24px;background:#ffffffb8;box-shadow:0 20px 48px #23568814;backdrop-filter:blur(18px) saturate(1.1)}.home-dashboard .home-plan-card{min-height:0;padding:0 0 1.05rem 1.35rem;border:0;border-radius:0;border-left:1px solid color-mix(in srgb,var(--leftjun-primary) 20%,transparent);background:transparent;box-shadow:none}.home-dashboard .home-plan-card:before{content:"";position:absolute;top:.22rem;left:-.35rem;width:.7rem;height:.7rem;border:2px solid var(--leftjun-surface-strong);border-radius:999px;background:var(--leftjun-primary);box-shadow:0 0 0 4px var(--leftjun-primary-soft)}.home-dashboard .home-plan-card:hover,.home-dashboard .home-plan-card:focus-within{transform:none;border-color:color-mix(in srgb,var(--leftjun-primary) 34%,var(--card-separator-color));background:transparent;box-shadow:none}.home-dashboard .home-plan-card__actions{display:none}:root[data-scheme=dark] .home-dashboard .home-development-plans{background:#14222ac7;box-shadow:0 24px 54px #00000040}.home-project-grid .project-card{border:0;border-radius:18px;background:#ffffffd1;box-shadow:0 16px 38px #23568813;backdrop-filter:blur(12px) saturate(1.06)}.home-project-grid .project-card:hover,.home-project-grid .project-card:focus-within{transform:translateY(-4px);box-shadow:0 24px 52px #1f7ed421,0 10px 24px #2a4c6c12}:root[data-scheme=dark] .home-project-grid .project-card{background:#16242ed1;box-shadow:0 18px 42px #0000003d}.home-project-grid .project-card__image{border-radius:0}.home-project-grid .project-card__content{padding:1rem 1.08rem 1.92rem}.home-project-grid .project-card__title{font-size:1.52rem;font-weight:850}.home-project-grid .project-card__description{font-size:.94rem;display:-webkit-box;min-height:3em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-project-grid .project-card__roles{display:none}.home-project-grid .project-card__tags{margin-top:.78rem;gap:.42rem}.home-project-grid .project-card__tag{min-height:1.62rem;padding:.32rem .6rem;font-size:.72rem;font-weight:760}.home-project-grid .project-card__meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:.8rem 2rem 0 0;color:var(--card-text-color-tertiary);font-size:.82rem;font-weight:760;line-height:1.3}.home-project-grid .project-card a{position:relative}.home-project-grid .project-card a:after{content:"›";position:absolute;right:1.04rem;bottom:.88rem;width:1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--leftjun-primary) 8%,var(--leftjun-surface-strong));color:var(--leftjun-primary);font-size:1.28rem;font-weight:900;line-height:1;transition:transform var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease}.home-project-grid .project-card:hover a:after,.home-project-grid .project-card:focus-within a:after{background:var(--leftjun-primary);color:#fff;transform:translate(1px)}.home-post-list{--compact-image-width: 74px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.86rem;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.home-post-list .post-card>a{min-height:92px;flex-direction:row-reverse;align-items:center;gap:.78rem;padding:.65rem;border:0;border-radius:16px;background:#ffffffc7;box-shadow:0 14px 34px #2356880f;backdrop-filter:blur(12px) saturate(1.05)}:root[data-scheme=dark] .home-post-list .post-card>a{background:#16242ec2;box-shadow:0 14px 34px #00000038}.home-post-list .article-details{min-width:0;gap:.36rem;padding:.12rem .1rem}.home-post-list .compact-title-row{display:grid;gap:.36rem}.home-post-list .article-title{display:-webkit-box;overflow:hidden;font-size:1.02rem;font-weight:820;line-height:1.34;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-post-list .compact-subtitle{display:none}.home-post-list .compact-pill-list{justify-content:flex-start;margin-left:0}.home-post-list .compact-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.home-post-list .article-time{font-size:.78rem;font-weight:750}.home-post-list .article-image{width:var(--compact-image-width);height:var(--compact-image-width);flex-basis:var(--compact-image-width);aspect-ratio:1 / 1;border-radius:10px}.home-workflow__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.home-workflow__item{--liquid-x: var(--cursor-x, 50%);--liquid-y: var(--cursor-y, 50%);position:relative;z-index:0;overflow:visible;display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;padding:1rem;border-color:transparent;background:linear-gradient(145deg,#f9fdffdb,#e7f4fed1) padding-box,linear-gradient(135deg,#2f72b82e,#00a8c421) border-box;box-shadow:var(--leftjun-surface-shadow-soft),inset 0 1px #ffffffb3;backdrop-filter:blur(16px) saturate(1.18);transition:background var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.home-workflow__item:before,.home-workflow__item:after{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .18s ease}.home-workflow__item:before{inset:0;z-index:0;border-radius:inherit;background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.14),transparent 24%),radial-gradient(circle at calc(var(--liquid-x) + 12%) calc(var(--liquid-y) + 18%),rgba(47,114,184,.06),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.035) 46%,transparent 72%);box-shadow:inset 0 1px 1px #ffffffa3,inset 0 -1px #2f72b80f}.home-workflow__item:after{inset:-1px;z-index:0;padding:1px;border-radius:inherit;background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(47,114,184,.34),transparent 28%),radial-gradient(circle at calc(var(--liquid-x) - 16%) calc(var(--liquid-y) + 18%),rgba(0,190,210,.17),transparent 46%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.home-workflow__item>*{position:relative;z-index:1}.home-workflow__item:hover,.home-workflow__item:focus-within{z-index:30;background:linear-gradient(145deg,#fcfeffeb,#e8f5ffdb) padding-box,radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(47,114,184,.38),rgba(0,168,196,.2) 48%,rgba(47,114,184,.15) 78%) border-box;box-shadow:0 16px 38px #2f72b81c,inset 0 1px #ffffffd1,inset 0 -18px 48px #2f72b808}:root[data-scheme=dark] .home-workflow__item{background:linear-gradient(145deg,#232a27e6,#1f2624d6) padding-box,linear-gradient(135deg,#8ab8ef38,#6ac5b51f) border-box;box-shadow:var(--leftjun-surface-shadow-soft),inset 0 1px #ffffff0a}:root[data-scheme=dark] .home-workflow__item:hover,:root[data-scheme=dark] .home-workflow__item:focus-within{background:linear-gradient(145deg,#27302ef0,#222b29e6) padding-box,radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(138,184,239,.34),rgba(106,197,181,.16) 48%,rgba(138,184,239,.1) 78%) border-box;box-shadow:0 16px 38px #0003,inset 0 1px #ffffff0d,inset 0 -18px 48px #8ab8ef08}:root[data-scheme=dark] .home-workflow__item:before{background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.06),transparent 24%),radial-gradient(circle at calc(var(--liquid-x) + 12%) calc(var(--liquid-y) + 18%),rgba(138,184,239,.08),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 46%,transparent 72%);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px #8ab8ef0d}:root[data-scheme=dark] .home-workflow__item:after{background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(138,184,239,.34),transparent 28%),radial-gradient(circle at calc(var(--liquid-x) - 16%) calc(var(--liquid-y) + 18%),rgba(106,197,181,.18),transparent 46%)}@media(hover:hover)and (pointer:fine){.home-workflow__item:hover:before,.home-workflow__item:hover:after{opacity:.72}}.home-workflow__body{display:grid;gap:.7rem}.home-workflow__icon{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--leftjun-hover-accent) 20%,var(--card-separator-color));border-radius:12px;background:color-mix(in srgb,var(--leftjun-hover-accent) 10%,var(--leftjun-surface-strong));color:var(--leftjun-hover-accent)}.home-workflow__item h3{margin:0;color:color-mix(in srgb,var(--card-text-color-main) 82%,var(--leftjun-hover-accent));font-size:1.12rem;font-weight:850}.home-workflow__item p{margin:0;color:var(--card-text-color-secondary);line-height:1.65}.home-workflow__projects{display:flex;flex-wrap:wrap;gap:.5rem}.home-workflow__project{position:relative;display:inline-flex;align-items:center;max-width:100%;min-height:1.95rem;padding:.34rem .72rem;border:1px solid rgba(47,114,184,.32);border-radius:999px;background:linear-gradient(135deg,#e8f5fff5,#def9ffe0);box-shadow:0 6px 16px #2f72b81a;color:#245f9d;font-size:.84rem;font-weight:850;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease}.home-workflow__project[href*="/smart-boat/"]{border-color:#0f766e5c;background:linear-gradient(135deg,#e0f9f8f5,#e5f9eee6);color:#0f766e}.home-workflow__project-label{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.home-workflow__project:hover,.home-workflow__project:focus-visible{z-index:120;transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:linear-gradient(135deg,#cae7fffa,#def9fff0);box-shadow:0 16px 34px #2f72b82e,var(--shadow-l1)}:root[data-scheme=dark] .home-workflow__project{background:linear-gradient(135deg,#234265d1,#1f4656b8);border-color:#8ab8ef57;box-shadow:0 8px 18px #0000002e;color:#b9d8ff}:root[data-scheme=dark] .home-workflow__project[href*="/smart-boat/"]{background:linear-gradient(135deg,#1a4e5bd1,#1b503bb8);border-color:#6ac5b557;color:#a8eee0}:root[data-scheme=dark] .home-workflow__project:hover,:root[data-scheme=dark] .home-workflow__project:focus-visible{background:linear-gradient(135deg,#2b4f77e6,#235363d1);box-shadow:0 16px 34px #0000003d,var(--shadow-l1)}:root[data-scheme=dark] .home-workflow__project[href*="/smart-boat/"]:hover,:root[data-scheme=dark] .home-workflow__project[href*="/smart-boat/"]:focus-visible{background:linear-gradient(135deg,#1e5b60e6,#205a42d1)}.home-workflow__preview{position:absolute;left:0;bottom:calc(100% + .7rem);z-index:220;width:min(300px,72vw);padding:.5rem;border:1px solid var(--card-separator-color);border-radius:14px;background:var(--leftjun-reading-surface);box-shadow:var(--shadow-l2);opacity:0;pointer-events:none;transform:translateY(.4rem) scale(.98);transform-origin:1.35rem 100%;transition:opacity var(--leftjun-hover-duration) ease,transform var(--leftjun-hover-duration) ease}.home-workflow__preview:after{content:"";position:absolute;left:1.35rem;bottom:-6px;width:10px;height:10px;border-right:1px solid var(--card-separator-color);border-bottom:1px solid var(--card-separator-color);background:var(--leftjun-reading-surface);transform:rotate(45deg)}.home-workflow__item:last-child .home-workflow__preview{right:0;left:auto;transform-origin:calc(100% - 1.35rem) 100%}.home-workflow__preview-media{display:block;overflow:hidden;aspect-ratio:16 / 9;border-radius:10px}.home-workflow__preview-media img{width:100%;height:100%;object-fit:cover}.home-workflow__preview-caption{display:block;max-height:4.35rem;margin:.7rem .3rem .16rem;overflow-x:hidden;overflow-y:auto;color:var(--card-text-color-secondary);line-height:1.45}.home-workflow__preview-caption::-webkit-scrollbar{width:.38rem}.home-workflow__preview-caption::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--leftjun-hover-accent) 32%,transparent)}.home-workflow__project:hover .home-workflow__preview,.home-workflow__project:focus-visible .home-workflow__preview{opacity:1;transform:translateY(0) scale(1)}.home-plan-card{position:relative;display:flex;min-height:13rem;flex-direction:column;gap:1rem;padding:1rem;background:color-mix(in srgb,var(--leftjun-hover-accent) 5%,var(--leftjun-surface));transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease}.home-plan-card:hover,.home-plan-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-reading-surface);box-shadow:var(--leftjun-hover-shadow)}:root[data-scheme=dark] .home-plan-card{border-color:#8ab8ef2e;background:#162328e0}:root[data-scheme=dark] .home-plan-card:hover,:root[data-scheme=dark] .home-plan-card:focus-within{border-color:#8ab8ef57;background:#1a2930fa}:root[data-scheme=dark] .home-dashboard .home-plan-card,:root[data-scheme=dark] .home-dashboard .home-plan-card:hover,:root[data-scheme=dark] .home-dashboard .home-plan-card:focus-within{border-color:#8ab8ef38;background:transparent;box-shadow:none}.home-plan-card__main{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:.58rem}.home-dashboard .home-plan-card__main{padding-right:4.8rem}.home-plan-card__meta{color:var(--leftjun-hover-accent);font-size:.88rem;font-weight:850}.home-dashboard .home-plan-card__meta{position:absolute;top:.03rem;right:0;color:var(--card-text-color-tertiary);font-size:.78rem}.home-plan-card__title{color:var(--card-text-color-main);font-size:1.27rem;font-weight:850;line-height:1.28}.home-plan-card__description{color:var(--card-text-color-secondary);font-size:.94rem;line-height:1.55}.home-plan-card__tags,.home-plan-card__actions{display:flex;flex-wrap:wrap;gap:.45rem}.home-plan-card__tags{margin-top:auto}.home-plan-card__tag,.home-plan-card__pill,.compact-pill,.project-card__role,.project-card__tag{display:inline-flex;align-items:center;border-radius:999px;line-height:1}.home-plan-card__tag{min-height:1.7rem;padding:.28rem .62rem;background:#1f7ed41c;color:#245f9d;font-size:.8rem;font-weight:700}.home-plan-card__pill{min-height:2rem;padding:.42rem .8rem;border:1px solid rgba(47,114,184,.34);background:color-mix(in srgb,#2f72b8 9%,var(--leftjun-surface-strong));color:#245f9d;font-size:.85rem;font-weight:800;transition:border-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.home-plan-card__pill:hover,.home-plan-card__pill:focus-visible{border-color:#2f72b885;background:linear-gradient(135deg,#d2e8fff5,#e8f8fff2);box-shadow:0 8px 18px #2f72b81f;color:#245f9d}.home-plan-card__pill--retrospective{border-color:#0f766e57;background:color-mix(in srgb,#0f8f88 9%,var(--leftjun-surface-strong));color:#0f766e}.home-plan-card__pill--retrospective:hover,.home-plan-card__pill--retrospective:focus-visible{border-color:#0f766e85;background:linear-gradient(135deg,#d2f9f7f5,#e5f9eef2);color:#0f766e}:root[data-scheme=dark] .home-plan-card__tag{background:#8ab8ef29;color:#b9d8ff}:root[data-scheme=dark] .home-plan-card__pill{background:#234265b8;border-color:#8ab8ef57;color:#b9d8ff}:root[data-scheme=dark] .home-plan-card__pill:hover,:root[data-scheme=dark] .home-plan-card__pill:focus-visible{background:#2b4f77db;border-color:#8ab8ef8a;color:#d9eaff}:root[data-scheme=dark] .home-plan-card__pill--retrospective{background:#1a4e5bb3;border-color:#6ac5b552;color:#a8eee0}:root[data-scheme=dark] .home-plan-card__pill--retrospective:hover,:root[data-scheme=dark] .home-plan-card__pill--retrospective:focus-visible{background:#1e5b60db;border-color:#6ac5b585;color:#c4fff4}.project-hero{margin-bottom:1.25rem}.project-section-card{min-height:184px;background:var(--leftjun-surface)}.project-section-heading{display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;align-items:baseline}.project-section-actions{display:flex;flex-wrap:wrap;gap:.85rem 1rem;align-items:center;justify-content:space-between;margin-top:1.15rem}.project-view-toggle,.project-filter-toggle{display:flex;flex-wrap:wrap;gap:.75rem}.project-view-toggle__button,.project-filter-toggle__button,.project-index-type-button,.records-filter-button{appearance:none;border:1px solid var(--card-separator-color);border-radius:999px;background:var(--leftjun-surface-strong);color:var(--card-text-color-main);cursor:pointer;font-size:.95rem;font-weight:600;line-height:1.15;padding:.7rem 1.15rem;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}.project-view-toggle__button:hover,.project-view-toggle__button:focus-visible,.project-filter-toggle__button:hover,.project-filter-toggle__button:focus-visible,.records-filter-button:hover,.records-filter-button:focus-visible,.project-index-type-button:hover,.project-index-type-button:focus-visible,.project-view-toggle__button.is-active,.project-filter-toggle__button.is-active,.records-filter-button.is-active,.project-index-type-button.is-active{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.project-view-toggle__button.is-active,.project-filter-toggle__button.is-active,.records-filter-toggle .records-filter-button.is-active{background:linear-gradient(135deg,#17365f,#2f72b8);color:#fff}.records-section-actions{justify-content:flex-start}.project-card{overflow:hidden;scroll-margin-top:1.5rem;background:var(--leftjun-neutral-card-background);transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease}.project-card[data-project-type=game]{border-color:var(--leftjun-game-card-border);background:var(--leftjun-game-card-background)}.project-card[data-project-type=embedded]{border-color:var(--leftjun-embedded-card-border);background:var(--leftjun-embedded-card-background)}.project-card:hover,.project-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);box-shadow:var(--leftjun-hover-shadow)}.project-card[hidden]{display:none}.post-card[hidden]{display:none!important}.project-card a{display:block;min-height:100%;color:inherit}.project-card__image{overflow:hidden;aspect-ratio:16 / 9;background:var(--leftjun-surface-muted)}.project-card__image img,.project-card__image video{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.project-card:hover .project-card__image img,.project-card:hover .project-card__image video,.project-card:focus-within .project-card__image img,.project-card:focus-within .project-card__image video{transform:scale(1.01)}.project-card__content{padding:1.2rem}.project-card__title{margin:0;color:var(--card-text-color-main);font-size:1.65rem;font-weight:850;line-height:1.18}.project-card__description{margin:.55rem 0 0;color:var(--card-text-color-secondary);font-size:1rem;line-height:1.6}.project-card__meta{margin:.9rem 0 0;color:var(--card-text-color-tertiary);font-size:.86rem;font-weight:740;line-height:1.35}.project-card__roles,.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.95rem}.project-card__role{min-height:1.65rem;padding:.32rem .68rem;background:#2dd4bf24;color:#0f766e;font-size:.78rem;font-weight:400}.project-card__tag{min-height:1.75rem;padding:.38rem .72rem;font-size:.78rem;font-weight:400}.project-card[data-project-type=game] .project-card__tag{background:#1f7ed41f;color:#245f9d}.project-card[data-project-type=embedded] .project-card__tag{background:#0f766e1f;color:#0f766e}:root[data-scheme=dark] .project-card__role{background:#2dd4bf2e;color:#99f6e4}:root[data-scheme=dark] .project-card[data-project-type=game] .project-card__tag{background:#8ab8ef29;color:#b9d8ff}:root[data-scheme=dark] .project-card[data-project-type=embedded] .project-card__tag{background:#6ac5b529;color:#a8eee0}:root[data-scheme=dark] .project-card__description{color:#b8cadf}.project-showcase[data-view=single] .project-list{grid-template-columns:1fr}.project-showcase[data-view=single] .project-card{padding:.68rem}.project-showcase[data-view=single] .project-card a{display:block}.project-showcase[data-view=single] .project-card__image{border-radius:18px}.project-showcase[data-view=single] .project-card__content{padding:1.7rem 1.15rem 1.1rem;background:transparent}.project-showcase[data-view=single] .project-card__title{font-size:2.7rem}.project-showcase[data-view=single] .project-card__description{font-size:1.18rem}.project-showcase[data-view=single] .project-card__tag{padding:.45rem .82rem;font-size:.92rem}.project-showcase[data-view=grid] .project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-showcase[data-view=grid] .project-card{position:relative;border-color:#ffffff38}.project-showcase[data-view=grid] .project-card a{position:relative}.project-showcase[data-view=grid] .project-card__content{position:absolute;inset:auto 0 0;padding:1.25rem;background:linear-gradient(180deg,transparent,rgba(10,20,32,.82));color:#fff}.project-showcase[data-view=grid] .project-card__title{color:#fff;font-size:1.72rem}.project-showcase[data-view=grid] .project-card__description{color:#ffffffe0}.project-showcase[data-view=grid] .project-card__role,.project-showcase[data-view=grid] .project-card__tag{background:#ffffff29;color:#ffffffeb}.article-list--compact{--compact-image-width: clamp(178px, 22vw, 280px);overflow:hidden;background:var(--leftjun-reading-surface);box-shadow:var(--leftjun-surface-shadow-soft)}.article-list--compact .post-card{background:transparent}.article-list--compact .post-card+.post-card{border-top:1px solid var(--card-separator-color)}.article-list--compact .post-card>a{display:flex;align-items:stretch;gap:1rem;padding:.85rem;border:1px solid transparent;border-radius:calc(var(--card-border-radius) - 2px);transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease}.article-list--compact .post-card>a:hover,.article-list--compact .post-card>a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:color-mix(in srgb,var(--leftjun-hover-accent) 5%,var(--leftjun-surface-strong));box-shadow:0 12px 28px #23568817}.article-list--compact .article-details{min-width:0;min-height:0;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.65rem;padding:.65rem .85rem}.compact-title-row{display:flex;align-items:center;gap:.8rem}.post-card-column-badges{display:flex;flex-wrap:wrap;gap:.38rem}.post-card-column-badge{min-height:1.36rem;display:inline-flex;align-items:center;width:fit-content;padding:.22rem .54rem;border:1px solid color-mix(in srgb,var(--leftjun-primary) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--leftjun-primary-soft) 82%,var(--leftjun-surface));color:var(--leftjun-primary);font-size:.72rem;font-weight:820;line-height:1;white-space:nowrap}:root[data-scheme=dark] .post-card-column-badge{border-color:#8ab8ef47;background:#22569147;color:#b9d8ff}.article-list--compact .article-title{min-width:0;margin:0;color:var(--card-text-color-main);font-size:19.5px;font-weight:600;line-height:24.375px}.compact-pill-list{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;gap:.34rem;margin-left:auto}.compact-pill{min-height:17.5px;padding:2.8px 6.2px;background:#0f172a14;color:var(--card-text-color-secondary);font-size:10.5px;font-weight:400;line-height:10.5px;white-space:nowrap}:root[data-scheme=dark] .compact-pill{background:#ffffff1f;color:#ffffffb3}.compact-subtitle{margin:0;color:var(--card-text-color-secondary);font-size:13.5px;line-height:19.575px}.article-list--compact .article-time{margin-top:.02rem;color:var(--card-text-color-tertiary);font-size:14px;font-weight:700}.article-list--compact .article-image{width:var(--compact-image-width);flex:0 0 var(--compact-image-width);align-self:center;overflow:hidden;aspect-ratio:16 / 9;border-radius:8px;background:var(--leftjun-surface-muted)}.article-list--compact .article-image img{width:100%;height:100%;object-fit:cover}.posts-index-page .main>header{margin-bottom:0}.posts-section-card{min-height:0}.posts-section-actions{justify-content:flex-start}.posts-view-toggle{gap:.65rem}.posts-view-panel[hidden],.posts-columns-panel[hidden]{display:none!important}.posts-columns-panel{display:grid;gap:var(--section-block-gap)}.posts-column-section{--posts-column-accent: #0f7aff;--posts-column-accent-rgb: 15, 122, 255;display:grid;position:relative;overflow:hidden;gap:clamp(1rem,1.7vw,1.35rem);padding:clamp(1.25rem,2.2vw,1.85rem);border:1px solid rgba(var(--posts-column-accent-rgb),.2);border-radius:22px;background:linear-gradient(135deg,rgba(var(--posts-column-accent-rgb),.16),rgba(var(--posts-column-accent-rgb),.03) 46%,transparent 72%),var(--leftjun-surface);box-shadow:0 18px 42px rgba(var(--posts-column-accent-rgb),.09),var(--leftjun-surface-shadow-soft);backdrop-filter:blur(8px)}.posts-column-section:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,rgba(var(--posts-column-accent-rgb),.84),rgba(var(--posts-column-accent-rgb),.24))}.posts-column-section--technical{--posts-column-accent: #0f91ff;--posts-column-accent-rgb: 15, 145, 255}.posts-column-section__header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.posts-column-section__title-link{display:inline-flex;color:inherit}.posts-column-section__header h2{margin:0;color:var(--card-text-color-main);font-size:clamp(1.85rem,2.5vw,2.55rem);font-weight:860;line-height:1.06;letter-spacing:0}.posts-column-section__eyebrow{margin:0 0 .35rem;color:var(--posts-column-accent);font-size:.92rem;font-weight:820}.posts-column-section__all-link{display:inline-flex;align-items:center;gap:.34rem;min-height:2.15rem;padding:.36rem .86rem;border:1px solid rgba(var(--posts-column-accent-rgb),.24);border-radius:999px;background:rgba(var(--posts-column-accent-rgb),.1);color:var(--posts-column-accent);font-size:.88rem;font-weight:820;white-space:nowrap;box-shadow:0 10px 22px rgba(var(--posts-column-accent-rgb),.08);transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.posts-column-section__all-link:hover,.posts-column-section__all-link:focus-visible,.posts-column-section__title-link:hover,.posts-column-section__title-link:focus-visible{color:var(--leftjun-hover-accent)}.posts-column-section__all-link:hover,.posts-column-section__all-link:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:rgba(var(--posts-column-accent-rgb),.42);background:rgba(var(--posts-column-accent-rgb),.14);box-shadow:0 14px 28px rgba(var(--posts-column-accent-rgb),.14)}.posts-column-section__description{max-width:62ch;margin:0;color:var(--card-text-color-secondary);font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.7}.posts-column-section__meta{display:flex;flex-wrap:wrap;gap:.48rem}.posts-column-section__meta span{display:inline-grid;min-height:2rem;place-items:center;padding:.25rem .72rem;border-radius:999px;background:color-mix(in srgb,var(--leftjun-surface-strong) 74%,rgba(var(--posts-column-accent-rgb),.12));color:var(--card-text-color-secondary);font-size:.82rem;font-weight:780}.posts-column-latest{display:grid;gap:.72rem;padding:clamp(.7rem,1.2vw,.95rem);border:1px solid rgba(var(--posts-column-accent-rgb),.14);border-radius:18px;background:color-mix(in srgb,var(--leftjun-surface-strong) 88%,transparent);box-shadow:inset 0 1px #ffffff38,0 12px 24px #2356880d}.posts-column-latest__label{margin:0;color:var(--posts-column-accent);font-size:.86rem;font-weight:840}.posts-column-list.article-list--compact{overflow:visible;border-color:rgba(var(--posts-column-accent-rgb),.12);border-radius:14px;background:var(--leftjun-reading-surface);box-shadow:0 10px 22px #2356880f;backdrop-filter:none}.posts-column-list.article-list--compact .post-card>a{background:color-mix(in srgb,var(--leftjun-surface-strong) 94%,transparent)}.posts-column-list.article-list--compact .post-card+.post-card{border-top-color:color-mix(in srgb,var(--card-separator-color) 74%,transparent)}.posts-all-section{margin-top:clamp(.25rem,1.2vw,.8rem)}.posts-column-detail-hero{overflow:hidden;position:relative;border-color:#0f91ff3d;background:linear-gradient(135deg,rgba(15,145,255,.16),rgba(255,255,255,.18) 52%,transparent 100%),var(--leftjun-surface)}.posts-column-detail-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#0f91ffe6,#00b7cf3d)}.posts-column-detail-back{display:inline-flex;width:fit-content;color:var(--leftjun-primary);font-size:.92rem;font-weight:820}.posts-column-detail-description{max-width:68ch;margin:0;color:var(--card-text-color-secondary);font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.72}.posts-column-detail-list{margin-top:clamp(.25rem,1.2vw,.85rem)}:root[data-scheme=dark] .posts-column-section{border-color:rgba(var(--posts-column-accent-rgb),.2);background:linear-gradient(135deg,rgba(var(--posts-column-accent-rgb),.14),rgba(14,26,34,.16) 52%,transparent 74%),var(--leftjun-surface);box-shadow:0 16px 36px #00000038}:root[data-scheme=dark] .posts-column-latest,:root[data-scheme=dark] .posts-column-list.article-list--compact{background:#111d24e6;box-shadow:inset 0 1px #8ab8ef14,0 10px 24px #0003}:root[data-scheme=dark] .posts-column-list.article-list--compact .post-card>a{background:#16232ae6}:root[data-scheme=dark] .posts-column-detail-hero{background:linear-gradient(135deg,rgba(15,145,255,.12),rgba(18,31,38,.22) 58%,transparent 100%),var(--leftjun-surface)}@media(max-width:767px){.posts-column-section{padding:1.15rem;border-radius:18px}.posts-column-section__header{align-items:flex-start}.posts-column-section__all-link{flex:0 0 auto;padding-inline:.72rem}.posts-column-latest{padding:.62rem;border-radius:14px}.posts-column-list.article-list--compact{border-radius:12px}}.home-post-list{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.home-post-list .post-card+.post-card{border-top:0}.home-post-list .post-card>a{border:0}.main-article{overflow:hidden;background:var(--leftjun-reading-surface)}.article-header{background:var(--leftjun-reading-surface)}.main-article.has-image .article-header{padding-top:0}.main-article .article-image{overflow:hidden;max-height:480px;background:var(--leftjun-surface-muted)}.main-article .article-image img,.main-article .article-image video{width:100%;height:min(42vw,480px);min-height:260px;object-fit:cover}.article-details{padding:var(--card-padding)}.main-article .article-title{margin:0;color:var(--card-text-color-main);font-size:24px;font-weight:700;line-height:29px}.article-subtitle{max-width:58rem;margin:.65rem 0 0;color:var(--card-text-color-secondary);font-size:16px;font-weight:500;line-height:1.65}.main-article .article-time{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem;color:var(--card-text-color-tertiary);font-size:.95rem;font-weight:700}.main-article .article-time a{color:var(--leftjun-hover-accent)}.project-detail-hero{position:relative;overflow:hidden;min-height:0;background:var(--leftjun-reading-surface)}.project-detail-hero:before{display:none}.project-detail-hero .article-image{max-height:none;border-bottom:1px solid var(--card-separator-color);background:#07111e}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{height:clamp(340px,35vw,520px);min-height:320px}.project-detail-hero__details{position:relative;z-index:2;width:100%;padding:clamp(1.6rem,3vw,3rem) var(--card-padding)}.project-detail-kicker{margin:0 0 .72rem;color:#7fc2ff;font-size:.95rem;font-weight:900}.project-detail-hero .article-title{color:var(--card-text-color-main);font-size:clamp(2.6rem,3.8vw,4.8rem);font-weight:900;line-height:1.04;text-wrap:balance}.project-detail-hero .article-subtitle{max-width:48rem;color:var(--card-text-color-secondary);font-size:clamp(1.12rem,1.25vw,1.42rem);line-height:1.62}.project-detail-pills{margin-top:1.15rem}.project-detail-pills span{padding:.42rem .78rem;background:var(--leftjun-primary-soft);color:color-mix(in srgb,var(--leftjun-primary-deep) 78%,var(--leftjun-primary));box-shadow:inset 0 0 0 1px #2f72b81f}.project-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.56rem;margin-top:1rem}.project-detail-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.2rem;padding:.46rem .86rem;border:1px solid color-mix(in srgb,var(--leftjun-primary) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--leftjun-primary) 8%,var(--leftjun-surface-strong));color:color-mix(in srgb,var(--leftjun-primary-deep) 78%,var(--leftjun-primary));font-weight:850;line-height:1}.project-detail-actions a:hover,.project-detail-actions a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.project-detail-action--pdf{border-color:color-mix(in srgb,var(--leftjun-primary) 36%,var(--card-separator-color))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--leftjun-primary) 22%,transparent),#48bba81f),color-mix(in srgb,var(--leftjun-surface-strong) 92%,transparent)!important;color:var(--leftjun-primary)!important;box-shadow:0 10px 22px #0f7aff1f}.project-detail-action--download{border-color:color-mix(in srgb,var(--leftjun-primary) 24%,var(--card-separator-color))!important;background:color-mix(in srgb,var(--leftjun-primary) 10%,var(--leftjun-surface-strong))!important;color:color-mix(in srgb,var(--leftjun-primary-deep) 74%,var(--leftjun-primary))!important}:root[data-scheme=dark] .project-detail-actions a{border-color:#8ab8ef3d;background:#8ab8ef14;color:#c8def8}:root[data-scheme=dark] .project-detail-action--pdf{border-color:#8ab8ef66!important;background:linear-gradient(135deg,#5fa8ff38,#48bba81f),#ffffff0d!important;color:#8ab8ef!important}.article-toc{display:none;margin:1.3rem var(--card-padding) 1.25rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--leftjun-hover-accent) 20%,var(--card-separator-color));border-radius:22px;background:color-mix(in srgb,var(--leftjun-hover-accent) 4%,var(--leftjun-surface));box-shadow:var(--leftjun-surface-shadow-soft);backdrop-filter:blur(10px)}.article-toc details{padding:0}.article-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:4.15rem;padding:.96rem 1.12rem;cursor:pointer;color:var(--card-text-color-main);font-size:1.78rem;font-weight:800;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc-title{display:flex;align-items:center;min-width:0;gap:.78rem}.article-toc-title .inline-icon{width:2.55rem;height:2.55rem;flex:0 0 2.55rem;padding:.6rem;border:1px solid var(--card-separator-color);border-radius:999px;background:var(--leftjun-surface-strong);box-shadow:var(--leftjun-surface-shadow-soft);color:var(--leftjun-hover-accent);transition:transform var(--leftjun-hover-duration) ease}.article-toc details[open] .article-toc-title .inline-icon{transform:rotate(90deg)}.article-toc .toc-nav{max-height:0;overflow:hidden;padding:0 1rem;opacity:0;transform:translateY(-4px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease,padding .18s ease}.article-toc details[open] .toc-nav{max-height:min(52vh,420px);overflow-y:auto;padding:.18rem 1.12rem 1.15rem;opacity:1;transform:translateY(0)}.article-content{padding:0 var(--card-padding) var(--card-padding);color:var(--card-text-color-main);font-size:16.8px;line-height:1.75}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:calc(var(--main-top-padding) + 18px);color:var(--card-text-color-main);line-height:1.28}.project-card,[id^=project-]{scroll-margin-top:calc(var(--main-top-padding) + 18px)}.article-content h2{margin:2.1rem 0 .9rem;font-size:23px}.article-content h3{margin:1.7rem 0 .75rem;font-size:19px}.article-content p,.article-content ul,.article-content ol{color:var(--card-text-color-main)}.article-content a{color:var(--leftjun-hover-accent);font-weight:800}.article-content img,.article-content video,.article-content iframe{width:100%;border:1px solid var(--card-separator-color);border-radius:14px;background:var(--leftjun-surface-muted)}.article-content pre{overflow:auto;padding:16px;border-radius:14px;background:#111827}.about-contact-card{display:grid;gap:1.1rem;margin:0 var(--card-padding) var(--card-padding);padding:clamp(1.15rem,2.4vw,1.55rem);border:1px solid color-mix(in srgb,var(--leftjun-primary) 18%,var(--card-separator-color));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--leftjun-primary) 7%,transparent),#48bba80f),color-mix(in srgb,var(--leftjun-surface-strong) 94%,transparent);box-shadow:var(--leftjun-surface-shadow-soft)}.about-contact-card__eyebrow{margin:0 0 .32rem;color:var(--leftjun-primary);font-size:.85rem;font-weight:900}.about-contact-card h2{margin:0;color:var(--card-text-color-main);font-size:1.45rem;line-height:1.22}.about-contact-card__heading p,.about-contact-card__body p,.about-contact-card__body ul,.about-contact-card__body ol{margin:.55rem 0 0;color:var(--card-text-color-secondary);line-height:1.72}.about-contact-card__body h2{margin-top:1.05rem;font-size:1.05rem}.about-contact-card__body a{color:var(--leftjun-hover-accent);font-weight:850}.about-contact-card__link{width:fit-content;display:inline-flex;align-items:center;gap:.42rem;min-height:2.35rem;padding:0 .95rem;border-radius:999px;background:color-mix(in srgb,var(--leftjun-primary) 12%,var(--leftjun-surface-strong));color:var(--leftjun-primary);font-size:.92rem;font-weight:850;box-shadow:0 8px 18px #0f7aff1a}.about-contact-card__link:hover,.about-contact-card__link:focus-visible{transform:translateY(var(--leftjun-hover-lift));background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}:root[data-scheme=dark] .about-contact-card{border-color:#8ab8ef38;background:linear-gradient(135deg,#5fa8ff1f,#48bba80f),#ffffff0b}:root[data-scheme=dark] .about-contact-card__link{background:#8ab8ef1a;color:#9fc9ff}.project-info-strip{display:grid;gap:1rem;margin:1.15rem var(--card-padding) 0;padding:1.15rem;border-color:color-mix(in srgb,var(--leftjun-primary) 24%,var(--card-separator-color));background:color-mix(in srgb,var(--leftjun-primary) 5%,var(--leftjun-surface-strong))}.project-info-strip__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(7rem,.7fr) minmax(8rem,.85fr) minmax(9rem,1fr);gap:0;margin:0}.project-info-strip__item{min-width:0;padding:.2rem .85rem .2rem 0;border-right:1px solid var(--card-separator-color)}.project-info-strip__item+.project-info-strip__item{padding-left:.85rem}.project-info-strip__item:last-child{border-right:0}.project-info-strip dt{display:flex;align-items:center;gap:.5rem;margin:0 0 .42rem;color:var(--card-text-color-tertiary);font-size:.86rem;font-weight:900}.project-info-strip dt .inline-icon{width:1.42rem;height:1.42rem;color:var(--leftjun-primary)}.project-info-strip dd{margin:0;color:var(--card-text-color-main);font-size:clamp(.94rem,.75vw,1.03rem);font-weight:760;line-height:1.45}.project-info-strip__tech{display:flex;flex-wrap:wrap;gap:.7rem .9rem;align-items:center;padding-top:.15rem}.project-info-strip__tech>span{color:var(--card-text-color-tertiary);font-size:.86rem;font-weight:900}.project-info-strip__tech strong{padding:.4rem .72rem;background:var(--leftjun-primary-soft);color:color-mix(in srgb,var(--leftjun-primary-deep) 82%,var(--leftjun-primary))}.project-info-strip__outcome{margin:0;padding-top:.9rem;border-top:1px solid var(--card-separator-color);color:var(--card-text-color-secondary);line-height:1.58}:root[data-scheme=dark] .project-info-strip{border-color:#5fa8ff3d;background:#152530e0}:root[data-scheme=dark] .project-info-strip__tech strong{color:#d6ebff}.project-facts,.project-records{margin:1.15rem var(--card-padding) 0;padding:1.15rem 1.25rem;border:1px solid color-mix(in srgb,var(--leftjun-hover-accent) 22%,var(--card-separator-color));border-radius:14px;background:var(--leftjun-surface-muted)}.project-facts__title,.project-links__title,.project-records__title{margin:0 0 .9rem;color:var(--card-text-color-main);font-size:1.58rem;font-weight:800}.project-facts__title,.project-links__title,.project-records__title,.related-content--wrapper>h2,.article-content h2,.article-content h3{display:flex;align-items:center;gap:.58rem}.project-facts__title:before,.project-links__title:before,.project-records__title:before,.related-content--wrapper>h2:before,.article-content h2:before{content:"";width:.38rem;height:1.05em;flex:0 0 .38rem;border-radius:999px;background:linear-gradient(180deg,var(--leftjun-hover-accent),rgba(45,212,191,.72));box-shadow:0 0 0 .28rem color-mix(in srgb,var(--leftjun-hover-accent) 10%,transparent)}.article-content h3:before{content:"";width:.56rem;height:.56rem;flex:0 0 .56rem;border-radius:999px;background:var(--leftjun-hover-accent);box-shadow:0 0 0 .26rem color-mix(in srgb,var(--leftjun-hover-accent) 12%,transparent)}.project-facts__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.1rem;margin:0}.project-facts__item--wide{grid-column:1 / -1}.project-facts dt{margin-bottom:.25rem;color:var(--card-text-color-tertiary);font-size:1rem;font-weight:800}.project-facts dd{margin:0;color:var(--card-text-color-main);line-height:1.55}.project-links{margin:1rem var(--card-padding) 0}.project-records__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.project-records__button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .65rem;align-items:center;padding:.8rem .9rem;border:1px solid rgba(47,114,184,.3);border-radius:14px;background:color-mix(in srgb,#2f72b8 7%,var(--leftjun-surface-strong));transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.project-records__button:hover,.project-records__button:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-surface-strong);box-shadow:var(--leftjun-hover-shadow)}.project-records__button .inline-icon{grid-row:span 2;color:var(--leftjun-hover-accent)}.project-records__label{color:var(--leftjun-hover-accent);font-size:1.05rem;font-weight:800;line-height:1}.project-records__button strong{min-width:0;overflow:hidden;color:var(--card-text-color-main);font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.project-records__button--retrospectives{border-color:#0f766e52;background:color-mix(in srgb,#0f8f88 8%,var(--leftjun-surface-strong))}.project-records__button--retrospectives .inline-icon,.project-records__button--retrospectives .project-records__label{color:#0f766e}.article-footer{margin:0 var(--card-padding) var(--card-padding);padding-top:.35rem}.article-tags{display:flex;flex-wrap:wrap;gap:.9rem}.article-tags a{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.64rem 1.35rem;border:1px solid rgba(47,114,184,.2);border-radius:8px;background:#2382d6;box-shadow:0 10px 20px #2f72b829;color:#fff;font-size:1rem;font-weight:800;line-height:1;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease}.article-tags a:hover,.article-tags a:focus-visible{transform:translateY(var(--leftjun-hover-lift));background:#176fbd;box-shadow:var(--leftjun-hover-shadow)}.related-content--wrapper{margin:1.9rem 0 var(--card-padding)}.related-content--wrapper>h2{margin:0 0 1rem;color:var(--card-text-color-secondary);font-size:1.45rem;font-weight:800}.related-content{overflow-x:auto;overflow-y:hidden;margin:0;padding:0 0 .9rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--leftjun-hover-accent) 32%,transparent) transparent}.related-grid{display:flex;width:max-content;max-width:none;flex-wrap:nowrap;gap:1.05rem}.related-card{--related-mask: rgba(31, 126, 212, .58);--related-mask-strong: rgba(15, 35, 58, .82);position:relative;flex:0 0 clamp(260px,31vw,405px);overflow:hidden;aspect-ratio:16 / 9;border:1px solid color-mix(in srgb,var(--related-mask) 42%,rgba(255,255,255,.32));border-radius:18px;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--related-mask) 28%,transparent),transparent 48%),var(--leftjun-surface-muted);box-shadow:var(--leftjun-surface-shadow-soft);scroll-snap-align:start;transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.related-card--embedded,.related-card--retrospectives{--related-mask: rgba(15, 118, 110, .6);--related-mask-strong: rgba(8, 47, 73, .84)}.related-card--plans{--related-mask: rgba(31, 126, 212, .62);--related-mask-strong: rgba(23, 54, 95, .84)}.related-card a,.related-card__media,.related-card__media img{display:block;width:100%;height:100%}.related-card__media{position:absolute;inset:0;overflow:hidden;background:var(--leftjun-surface-muted)}.related-card__media img{object-fit:cover;transition:transform .22s ease,filter .22s ease}.related-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,30,.04) 0%,color-mix(in srgb,var(--related-mask) 34%,transparent) 44%,var(--related-mask-strong) 100%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--related-mask) 42%,transparent),transparent 48%)}.related-card__overlay{position:absolute;inset:auto 0 0;z-index:1;display:grid;gap:.45rem;padding:1rem;color:#fff}.related-card__overlay h3{margin:0;color:#fff;font-size:clamp(1rem,1.35vw,1.22rem);font-weight:800;line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.25)}.related-card__overlay time{color:#ffffffc7;font-size:.78rem;font-weight:700}.related-card__pills{display:flex;flex-wrap:wrap;gap:.32rem}.related-card__pills span{display:inline-flex;align-items:center;min-height:1.35rem;padding:.25rem .52rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff29;color:#ffffffe0;font-size:.72rem;font-weight:700;line-height:1;backdrop-filter:blur(8px)}.related-card:hover,.related-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:color-mix(in srgb,var(--related-mask) 65%,rgba(255,255,255,.4));box-shadow:var(--leftjun-hover-shadow)}.related-card:hover .related-card__media img,.related-card:focus-within .related-card__media img{transform:scale(1.015);filter:saturate(1.04)}:root[data-scheme=dark] .article-toc{border-color:#8ab8ef3d;background:#232a27e6;box-shadow:var(--leftjun-surface-shadow-soft)}:root[data-scheme=dark] .article-toc-title .inline-icon{border-color:#8ab8ef3d;background:#27302eeb;color:#a9cdf8}:root[data-scheme=dark] .related-card{border-color:color-mix(in srgb,var(--related-mask) 38%,rgba(138,184,239,.18));background:#13242be6}:root[data-scheme=dark] .related-card__media:after{background:linear-gradient(180deg,#040a0e0f,color-mix(in srgb,var(--related-mask) 30%,transparent) 42%,#091118e0),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--related-mask) 36%,transparent),transparent 50%)}:root[data-scheme=dark] .related-card__pills span{border-color:#d2eaff38;background:#8ab8ef24;color:#e7f4ffe6}:root[data-scheme=dark] .article-tags a{border-color:#8ab8ef47;background:#256da8;box-shadow:0 12px 24px #287cc62e;color:#e7f4ff}:root[data-scheme=dark] .article-tags a:hover,:root[data-scheme=dark] .article-tags a:focus-visible{background:#2b7fc5}.right-sidebar{position:sticky;top:var(--right-sidebar-sticky-top);display:flex;flex-direction:column;gap:1.1rem;overflow-x:hidden}.right-sidebar .widget{overflow-x:hidden;padding:1.35rem;background:var(--leftjun-sidebar-background);box-shadow:var(--leftjun-surface-shadow);backdrop-filter:blur(12px)}.right-sidebar .widget-icon{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;margin-bottom:.72rem;border:1px solid var(--card-separator-color);border-radius:999px;background:var(--leftjun-surface-strong);box-shadow:var(--shadow-l1);color:var(--body-text-color)}.right-sidebar .widget-icon .inline-icon{width:1.9rem;height:1.9rem}.right-sidebar .widget-title{margin:0 0 .9rem;color:var(--card-text-color-main);font-size:16px;font-weight:700}.right-sidebar .widget--toc{background:var(--leftjun-sidebar-background)}.toc-nav{display:grid;gap:.18rem}.right-sidebar .toc-nav{overflow-x:hidden;gap:.42rem;padding:.1rem 0}.toc-nav a{display:block;color:var(--card-text-color-secondary);font-size:14px;line-height:1.45}.article-toc .toc-nav a{min-height:3rem;padding-top:.68rem;padding-left:calc(.8rem + var(--toc-indent, 0px));padding-right:.8rem;padding-bottom:.68rem;border-left:3px solid transparent;border-radius:10px;font-size:1.5rem;overflow-wrap:anywhere;transition:transform var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}.article-toc .toc-nav a:hover,.article-toc .toc-nav a:focus-visible,.article-toc .toc-nav a.is-active{transform:translate(2px);border-left-color:var(--leftjun-hover-accent);background:var(--leftjun-hover-surface);color:var(--leftjun-hover-accent)}.right-sidebar .toc-nav a{position:relative;padding:.78rem .88rem .78rem calc(1.28rem + var(--toc-indent, 0px));border-left:3px solid transparent;border-radius:14px;color:var(--card-text-color-secondary);font-size:16.6px;font-weight:700;line-height:1.52;overflow-wrap:anywhere;transition:transform var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}.right-sidebar .toc-nav a:before{content:"";position:absolute;top:50%;left:.22rem;width:.42rem;height:.42rem;border-radius:999px;background:currentColor;transform:translateY(-50%);opacity:.82}.right-sidebar .toc-nav a:hover,.right-sidebar .toc-nav a:focus-visible,.right-sidebar .toc-nav a.is-active{transform:translate(2px);border-left-color:var(--leftjun-hover-accent);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-surface-shadow-soft);color:var(--leftjun-hover-accent)}.right-sidebar .tagCloud-tags{display:flex;flex-wrap:wrap;gap:.95rem 1rem}.right-sidebar .tagCloud-tags span,.right-sidebar .tagCloud-tags a,.right-sidebar .tagCloud-tags button{appearance:none;display:inline-flex;align-items:center;min-height:3.35rem;padding:.8rem 2rem;border:1px solid var(--card-separator-color);border-radius:999px;background:var(--leftjun-surface-strong);box-shadow:var(--leftjun-surface-shadow-soft);color:var(--card-text-color-secondary);cursor:pointer;font-size:14px;font-weight:400;line-height:1.15;text-decoration:none;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease}:root[data-scheme=dark] .right-sidebar .tagCloud-tags span,:root[data-scheme=dark] .right-sidebar .tagCloud-tags a,:root[data-scheme=dark] .right-sidebar .tagCloud-tags button{background:#424242;border-color:#ffffff1f;color:#ffffffb3;box-shadow:0 4px 8px #0000000a,0 0 2px #0000000f,0 0 1px #0000000a}.right-sidebar .tagCloud-tags span:hover,.right-sidebar .tagCloud-tags a:hover,.right-sidebar .tagCloud-tags a:focus-visible,.right-sidebar .tagCloud-tags button:hover,.right-sidebar .tagCloud-tags button:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.right-sidebar .tagCloud-tags a:focus-visible,.right-sidebar .tagCloud-tags button:focus-visible{outline:3px solid color-mix(in srgb,var(--leftjun-hover-accent) 30%,transparent);outline-offset:3px}.right-sidebar .tagCloud-tags a.is-active,.right-sidebar .tagCloud-tags button.is-active{order:-1;border-color:color-mix(in srgb,var(--leftjun-primary) 48%,var(--card-separator-color));background:color-mix(in srgb,var(--leftjun-primary) 16%,var(--leftjun-surface-strong));box-shadow:0 12px 26px #1f7ed433,inset 0 0 0 1px #1f7ed424;color:var(--leftjun-primary);font-weight:760}:root[data-scheme=dark] .right-sidebar .tagCloud-tags a.is-active,:root[data-scheme=dark] .right-sidebar .tagCloud-tags button.is-active{border-color:#8ab8ef75;background:#5fa8ff2e;box-shadow:0 12px 28px #2760ae3d,inset 0 0 0 1px #8ab8ef29;color:#8ab8ef}.project-index-type-list,.project-index-list{display:flex;flex-direction:column;gap:.58rem;margin:0;padding:0;list-style:none}.records-filter-list{flex-direction:column;flex-wrap:nowrap;gap:.58rem}.project-index-type-button,.project-index-list a{width:100%;border-radius:14px;text-align:left}.project-index-type-button{border-color:transparent;background:transparent;box-shadow:none}.right-sidebar .project-index-type-button{min-height:4.2rem;padding:.85rem 1rem;font-size:1.6rem;font-weight:400;line-height:1.45}.right-sidebar .records-filter-button{width:100%;min-height:4.2rem;padding:.85rem 1rem;border-color:transparent;border-radius:14px;background:transparent;box-shadow:none;font-size:1.6rem;font-weight:400;line-height:1.45;text-align:left}.right-sidebar .records-filter-button.is-active{border-color:color-mix(in srgb,var(--leftjun-primary) 48%,var(--card-separator-color));background:color-mix(in srgb,var(--leftjun-primary) 16%,var(--leftjun-surface-strong));box-shadow:0 12px 26px #1f7ed429,inset 0 0 0 1px #1f7ed41f;color:var(--leftjun-primary);font-weight:780}:root[data-scheme=dark] .right-sidebar .records-filter-button{background:#ffffff0d}:root[data-scheme=dark] .right-sidebar .records-filter-button.is-active{border-color:#8ab8ef75;background:#5fa8ff2e;color:#8ab8ef}.right-sidebar .project-index-type-button:hover,.right-sidebar .project-index-type-button:focus-visible,.right-sidebar .project-index-type-button.is-active,.right-sidebar .records-filter-button:hover,.right-sidebar .records-filter-button:focus-visible,.right-sidebar .records-filter-button.is-active{transform:translateY(var(--leftjun-hover-lift));border-color:color-mix(in srgb,var(--leftjun-primary) 48%,var(--card-separator-color));background:color-mix(in srgb,var(--leftjun-primary) 16%,var(--leftjun-surface-strong));box-shadow:0 12px 26px #1f7ed429,inset 0 0 0 1px #1f7ed41f;color:var(--leftjun-primary);font-weight:780}:root[data-scheme=dark] .right-sidebar .project-index-type-button:hover,:root[data-scheme=dark] .right-sidebar .project-index-type-button:focus-visible,:root[data-scheme=dark] .right-sidebar .project-index-type-button.is-active,:root[data-scheme=dark] .right-sidebar .records-filter-button:hover,:root[data-scheme=dark] .right-sidebar .records-filter-button:focus-visible,:root[data-scheme=dark] .right-sidebar .records-filter-button.is-active{border-color:#8ab8ef75;background:#5fa8ff2e;box-shadow:0 12px 28px #2760ae3d,inset 0 0 0 1px #8ab8ef29;color:#8ab8ef}.project-index-list a{display:block;padding:.7rem .86rem;border:1px solid transparent;border-radius:14px;color:var(--card-text-color-main);font-size:14px;line-height:1.45;transition:transform var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}.project-index-list a:hover,.project-index-list a:focus-visible{transform:translate(2px);border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.site-footer{padding:4px 0 28px;color:var(--card-text-color-tertiary);font-size:.86rem;text-align:left}.footer-single-line{white-space:nowrap}@media(min-width:768px){.container.extended{width:100%;max-width:none;padding-left:calc(var(--leftjun-sidebar-width) + var(--leftjun-column-gap));padding-right:var(--leftjun-layout-gutter)}.left-sidebar{--sidebar-avatar-size: 88px;--emoji-size: 24px;--emoji-font-size: 13px;--sidebar-menu-min-gap: .42rem;--sidebar-bottom-reserve-gap: clamp(3.75rem, 6vh, 5.6rem);gap:clamp(1.05rem,1.55vh,1.7rem);padding:clamp(1.45rem,2.4vh,2.45rem) clamp(1.35rem,1.45vw,2rem);padding-bottom:clamp(.85rem,1.3vh,1.35rem);border-width:0 1px 0 0;border-radius:0;background:linear-gradient(180deg,#ffffffdb,#f1f9ffc2),radial-gradient(circle at 10% 4%,rgba(15,122,255,.08),transparent 22rem);border-color:#2f72b814;box-shadow:none;backdrop-filter:blur(24px) saturate(1.1);min-height:0;overflow:hidden}:root[data-scheme=dark] .left-sidebar{background:linear-gradient(180deg,#121f26f5,#0e181feb);border-color:#8ab8ef21}.left-sidebar.sticky{position:fixed;top:0;left:0;width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width);height:100vh;height:100dvh;max-height:100dvh}.sidebar-profile-card{display:flex;flex:0 0 auto;flex-direction:column;gap:clamp(.85rem,1.2vh,1.15rem);min-height:0}.brand{width:min(100%,180px)}.brand-logo-lockup{width:min(180px,100%);height:auto;max-height:38px}.left-sidebar header{gap:.92rem}.site-avatar .site-logo{border-radius:999px;box-shadow:0 13px 26px #26548429}.site-avatar .emoji{right:-1px;bottom:-1px;border-width:3px}.site-meta{gap:.52rem}.site-name{font-size:26px;line-height:1.08}.site-role-pill{min-height:2.48rem;padding:.5rem .98rem;font-size:1.12rem}.site-identity{min-height:0;padding:0;border-color:transparent;background:transparent;color:var(--leftjun-primary);font-size:1.24rem;box-shadow:none;line-height:1.15}.site-description{max-width:19rem;font-size:1.16rem;line-height:1.46}.menu-social{gap:.56rem}.menu-social li a{width:2.9rem;height:2.9rem;border-color:transparent;background:transparent;box-shadow:none;color:var(--card-text-color-main)}:root[data-scheme=dark] .menu-social li a{background:transparent;color:var(--card-text-color-main)}#main-menu{flex:1 1 auto;min-height:0;gap:var(--sidebar-menu-min-gap);justify-content:space-between;padding-right:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#main-menu li{flex:0 0 auto}#main-menu li>a,#i18n-switch{min-height:3.75rem;gap:.62rem;padding:.54rem .72rem;border-radius:12px;color:color-mix(in srgb,var(--card-text-color-secondary) 88%,var(--card-text-color-main));font-weight:650}#main-menu li>a:hover,#main-menu li>a:focus-visible,#main-menu li.current>a,#i18n-switch:hover,#i18n-switch:focus-visible{transform:none;background:color-mix(in srgb,var(--leftjun-primary) 10%,transparent);color:var(--leftjun-primary);font-weight:820}#dark-mode-toggle{min-height:3.78rem;justify-content:space-between;padding-inline:.82rem;border-color:color-mix(in srgb,var(--leftjun-primary) 12%,var(--card-separator-color));background:#ffffffa3;box-shadow:0 9px 20px #2356880e;font-size:1.3rem}:root[data-scheme=dark] #dark-mode-toggle{background:#8ab8ef14}.sidebar-bottom-actions{flex:0 0 auto;margin-top:var(--sidebar-bottom-reserve-gap);margin-bottom:1px}#sidebar-collapse-toggle{display:flex;min-height:3.78rem;justify-content:space-between;padding-inline:.82rem;border-color:color-mix(in srgb,var(--leftjun-primary) 12%,var(--card-separator-color));background:#ffffffa3;box-shadow:0 9px 20px #2356880e;font-size:1.3rem;overflow:hidden;transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),min-height var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),padding var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),border-radius var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),transform var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}#sidebar-collapse-toggle .inline-icon{transition:transform .22s ease}.container.extended{transition:padding-left .26s cubic-bezier(.22,1,.36,1)}.left-sidebar{--sidebar-collapse-duration: .26s;--sidebar-collapse-ease: cubic-bezier(.22, 1, .36, 1);transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),max-width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),padding var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),background var(--sidebar-collapse-duration) ease,border-color var(--sidebar-collapse-duration) ease}.left-sidebar header,#main-menu,.brand{transition:gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease)}.site-avatar{transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),height var(--sidebar-collapse-duration) var(--sidebar-collapse-ease)}#main-menu li>a,#i18n-switch,#dark-mode-toggle,#sidebar-collapse-toggle{overflow:hidden;transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),min-height var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),padding var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),border-radius var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),transform var(--leftjun-hover-duration) ease,background-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label{max-width:15rem;overflow:hidden;opacity:1;white-space:nowrap;transform:translate(0);transition:max-width .2s var(--sidebar-collapse-ease),opacity .16s ease,transform .2s var(--sidebar-collapse-ease)}body.sidebar-collapsed{--leftjun-sidebar-width: 88px;--leftjun-column-gap: clamp(18px, 2vw, 28px)}body.sidebar-collapsed .left-sidebar{--sidebar-avatar-size: 48px;--emoji-size: 16px;--emoji-font-size: 10px;align-items:center;gap:1.4rem;padding:2rem 1rem}body.sidebar-collapsed .left-sidebar header{align-items:center;gap:.8rem}body.sidebar-collapsed .site-meta,body.sidebar-collapsed .menu-social,body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{max-width:0;opacity:0;pointer-events:none;transform:translate(-6px)}body.sidebar-collapsed .site-avatar .site-logo{border-radius:18px}body.sidebar-collapsed .site-avatar .emoji{right:-2px;bottom:-2px;border-width:2px}body.sidebar-collapsed #main-menu{flex:1 1 auto;min-height:0;width:100%;align-items:center;gap:.55rem;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}body.sidebar-collapsed #main-menu li{width:100%}body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{width:52px;min-height:52px;justify-content:center;gap:0;padding:0;border-radius:18px}body.sidebar-collapsed #main-menu .inline-icon,body.sidebar-collapsed #i18n-switch .inline-icon,body.sidebar-collapsed #sidebar-collapse-toggle>.inline-icon{width:18px;height:18px;display:inline-grid;place-items:center}body.sidebar-collapsed #dark-mode-toggle .theme-toggle__icon{width:18px;height:18px}body.sidebar-collapsed .sidebar-bottom-actions{width:100%;margin-top:auto;place-items:center;gap:.65rem}body.sidebar-collapsed #sidebar-collapse-toggle .inline-icon{transform:rotate(180deg)}.site-content-layout.has-right-sidebar{grid-template-columns:minmax(0,1fr) minmax(240px,var(--right-sidebar-max-width));gap:var(--layout-column-gap)}.list-page .site-content-layout.has-right-sidebar{width:calc(100% - 15px)}}@media(min-width:768px)and (max-width:1180px){:root{--leftjun-sidebar-width: clamp(226px, 21vw, 252px);--layout-column-gap: clamp(18px, 1.7vw, 28px);--leftjun-column-gap: var(--layout-column-gap)}.left-sidebar{--sidebar-avatar-size: 76px;--sidebar-menu-min-gap: .34rem;--sidebar-bottom-reserve-gap: clamp(2.75rem, 4.8vh, 3.9rem);gap:1.4rem;padding:2.2rem 1.55rem 1.1rem;min-height:0;overflow:hidden}.sidebar-profile-card{flex:0 0 auto}#main-menu,body.sidebar-collapsed #main-menu{flex:1 1 auto;min-height:0;justify-content:space-between;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}body.sidebar-collapsed #main-menu{justify-content:flex-start}.sidebar-bottom-actions{flex:0 0 auto;margin-top:var(--sidebar-bottom-reserve-gap)}.site-name{font-size:23px}.site-description{font-size:1.18rem}#main-menu li>a,#i18n-switch,#dark-mode-toggle{min-height:3.35rem;gap:.85rem;padding:.58rem .72rem;font-size:13px}}@media(max-width:1360px)and (min-width:768px){.site-content-layout.has-right-sidebar{grid-template-columns:1fr}.site-content-layout>.right-sidebar{display:none}.article-toc{display:block}}@media(max-width:1120px){.home-hero__content{max-width:38rem}.home-hero__stage{width:100%;max-width:none}.home-dashboard{grid-template-columns:1fr}.home-project-grid,.home-workflow__grid,.home-post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-info-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.project-info-strip__item{padding:0;border-right:0}.project-info-strip__item+.project-info-strip__item{padding-left:0}}@media(max-width:900px){.home-topbar{display:none}.home-hero{min-height:auto;display:grid;gap:0;padding:0;border-radius:20px}.home-hero:before,.home-hero__media-link:before{display:none}.home-hero:after{opacity:.36}.home-hero__content{max-width:100%;min-height:0;order:2;gap:.75rem;padding:18px}.home-hero__title{font-size:clamp(40px,8vw,56px);line-height:1}.home-hero__role{font-size:clamp(18px,3.2vw,22px)}.home-hero__subtitle{max-width:28rem;font-size:15.5px;line-height:1.38}.home-hero__skills{gap:.42rem}.home-hero__skills span{min-height:1.72rem;padding:.34rem .58rem;font-size:.76rem}.home-hero__summary-list{min-height:10.6rem}.home-hero__summary small{-webkit-line-clamp:3}.home-hero__stage{position:relative;inset:auto;order:1;height:auto;aspect-ratio:16 / 9;border-radius:18px;background:color-mix(in srgb,var(--leftjun-primary) 6%,#f8fbff)}:root[data-scheme=dark] .home-hero__stage{background:#08111ab8}.home-hero__media-blur{opacity:.34}.home-hero__media-frame{display:grid;place-items:center}.home-hero__media-frame img,.home-hero__media-frame video{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.home-hero__dots{bottom:auto;top:min(calc((100vw - 30px)*.5625 - 24px),268px)}.home-hero__scroll{display:none}}@media(max-width:767px){:root{--main-top-padding: 16px;--section-separation: 9px;--card-padding: 20px}.main-container{width:100%;max-width:100%;align-items:stretch;overflow-x:hidden;padding:35px 15px 0}.left-sidebar{width:100%;max-width:100%;min-height:0;padding:0;gap:6px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-profile-card{position:relative;width:100%;min-height:186px;display:flex;flex:0 0 auto;flex-direction:column;gap:12.5px;margin-bottom:6px;padding:13.5px;border:1px solid var(--card-separator-color);border-radius:22px;background:var(--leftjun-sidebar-background);box-shadow:var(--leftjun-surface-shadow);backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12)}.brand{width:min(166px,calc(100% - 54px));height:40px;min-height:40px}.brand-logo-lockup{width:min(166px,100%);height:auto;max-height:36px}.left-sidebar header{padding-right:54px}.site-avatar{--sidebar-avatar-size: 100px}.site-name{font-size:21.5px;line-height:24.08px}.site-description{font-size:14.7px;line-height:1.54}.mobile-sidebar-search{position:relative;z-index:18;width:100%;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;padding:7px;border:1px solid rgba(122,174,214,.26);border-radius:24px;background:#f4faffb8;box-shadow:0 14px 34px #2356881f;backdrop-filter:blur(20px) saturate(1.16);-webkit-backdrop-filter:blur(20px) saturate(1.16)}:root[data-scheme=dark] .mobile-sidebar-search{border-color:#8fb8e02e;background:#16232eb8;box-shadow:0 18px 36px #0000003d}.mobile-sidebar-search__field{min-width:0;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:999px;background:#ffffffe6;box-shadow:inset 0 0 0 1px #36577c1a;color:color-mix(in srgb,var(--leftjun-primary-deep) 72%,var(--leftjun-primary))}:root[data-scheme=dark] .mobile-sidebar-search__field{background:#ffffff14;box-shadow:inset 0 0 0 1px #b4d3f41f;color:#c8def8}.mobile-sidebar-search__field .inline-icon{width:18px;height:18px;flex:0 0 auto}.mobile-sidebar-search__field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--card-text-color-main);font-size:14px;font-weight:720;line-height:1.2}.mobile-sidebar-search__field input::placeholder{color:var(--card-text-color-tertiary)}.mobile-sidebar-search__theme{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:999px;background:#ffffffe0;box-shadow:inset 0 0 0 1px #36577c1a,0 8px 18px #2356881a;color:var(--card-text-color-main);cursor:pointer}:root[data-scheme=dark] .mobile-sidebar-search__theme{background:#ffffff1a;box-shadow:inset 0 0 0 1px #b4d3f41f,0 10px 20px #00000038;color:#e8f2ff}.mobile-sidebar-search__theme-icon{display:grid;place-items:center}.mobile-sidebar-search__theme-icon .inline-icon{grid-area:1 / 1;width:18px;height:18px;transition:opacity var(--leftjun-hover-duration) ease,transform var(--leftjun-hover-duration) ease}.mobile-sidebar-search__theme-icon .inline-icon:last-child,.mobile-sidebar-search__theme[data-scheme-state=dark] .mobile-sidebar-search__theme-icon .inline-icon:first-child{opacity:0;transform:scale(.86)}.mobile-sidebar-search__theme[data-scheme-state=dark] .mobile-sidebar-search__theme-icon .inline-icon:last-child{opacity:1;transform:scale(1)}.mobile-sidebar-search__results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:260;max-height:min(54vh,420px);overflow:auto;padding:8px;border-radius:22px;background:#fffffff5;box-shadow:0 22px 46px #1c416833;backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}.mobile-sidebar-search__results[hidden]{display:none}:root[data-scheme=dark] .mobile-sidebar-search__results{background:#121e26f5;box-shadow:0 24px 48px #00000057}.mobile-sidebar-search__result,.mobile-sidebar-search__empty{display:grid;gap:4px;padding:10px 12px;border-radius:14px}.mobile-sidebar-search__result:hover,.mobile-sidebar-search__result:focus-visible{background:color-mix(in srgb,var(--leftjun-primary) 10%,transparent);outline:none}.mobile-sidebar-search__result-section{color:var(--leftjun-primary);font-size:11px;font-weight:900}.mobile-sidebar-search__result-title{color:var(--card-text-color-main);font-size:14px;line-height:1.28}.mobile-sidebar-search__result-description,.mobile-sidebar-search__result-tags,.mobile-sidebar-search__empty{color:var(--card-text-color-secondary);font-size:12px;font-style:normal;line-height:1.42}.mobile-sidebar-search__result-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-sidebar-search__result-tags{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-social{max-width:100%;flex-wrap:wrap;align-items:center;gap:8px;padding-right:0}.menu-social li a{width:34px;height:34px}.mobile-social-language{display:block;margin-left:auto}.menu-social .mobile-social-language a{width:auto;min-width:74px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-color:transparent;background:color-mix(in srgb,var(--leftjun-primary) 12%,var(--leftjun-surface-strong));color:color-mix(in srgb,var(--leftjun-primary-deep) 72%,var(--leftjun-primary));font-size:12px;font-weight:820;line-height:1;white-space:nowrap}.menu-social .mobile-social-language a .inline-icon{width:14px;height:14px}#i18n-switch{display:none}main.main,.site-content-layout,.home-hero,.home-stats,.home-dashboard,.section-card,.section-hero,.main-article,.project-card,.home-workflow__item,.home-plan-card{width:100%;max-width:100%;min-width:0}main.main{width:100%;max-width:100%}.home-page main.main{gap:24px}#main-menu{display:flex;flex:0 0 auto;max-height:0;gap:6.5px;padding-right:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:max-height .34s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .28s ease}#main-menu li{opacity:0;transform:translate(-6px);transition:opacity .22s ease,transform .28s ease}#main-menu li>a,#i18n-switch{min-height:37px;padding:7.6px 10.5px;font-size:14px;line-height:16.1px}#dark-mode-toggle{min-height:39px;padding:7.6px 10.5px;font-size:16px;line-height:18.4px;gap:7px}#sidebar-collapse-toggle{display:none}.sidebar-bottom-actions{display:grid;max-height:0;gap:6px;padding-top:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .28s ease,padding-top .28s ease}body.show-menu #main-menu,html.mobile-menu-preopen #main-menu{max-height:340px;opacity:1;pointer-events:auto;transform:translateY(0)}body.show-menu #main-menu li,html.mobile-menu-preopen #main-menu li{opacity:1;transform:translate(0)}body.show-menu #main-menu li:nth-child(1),html.mobile-menu-preopen #main-menu li:nth-child(1){transition-delay:.03s}body.show-menu #main-menu li:nth-child(2),html.mobile-menu-preopen #main-menu li:nth-child(2){transition-delay:55ms}body.show-menu #main-menu li:nth-child(3),html.mobile-menu-preopen #main-menu li:nth-child(3){transition-delay:.08s}body.show-menu #main-menu li:nth-child(4),html.mobile-menu-preopen #main-menu li:nth-child(4){transition-delay:.105s}body.show-menu #main-menu li:nth-child(5),html.mobile-menu-preopen #main-menu li:nth-child(5){transition-delay:.13s}body.show-menu #main-menu li:nth-child(6),html.mobile-menu-preopen #main-menu li:nth-child(6){transition-delay:.155s}body.show-menu #main-menu li:nth-child(7),html.mobile-menu-preopen #main-menu li:nth-child(7){transition-delay:.18s}body.show-menu .sidebar-bottom-actions,html.mobile-menu-preopen .sidebar-bottom-actions{max-height:58px;padding-top:4px;opacity:1;pointer-events:auto;transform:translateY(0)}#toggle-menu{position:fixed;top:calc(8.86px + env(safe-area-inset-top));right:calc(11.85px + env(safe-area-inset-right));z-index:320;width:42.8px;height:42.8px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:color-mix(in srgb,var(--accent-color) 54%,#eefaff);outline:none;cursor:pointer;transition:background-color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease}#toggle-menu:hover,#toggle-menu.is-active,html.mobile-menu-preopen #toggle-menu{background:color-mix(in srgb,var(--accent-color) 6%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 15%,transparent)}#toggle-menu:focus{outline:none}#toggle-menu:focus-visible{background:color-mix(in srgb,var(--leftjun-hover-surface) 58%,transparent);box-shadow:0 0 0 .18rem color-mix(in srgb,var(--accent-color) 18%,transparent)}#toggle-menu .hamburger-box{position:relative;width:27.79px;height:20.29px;display:block}#toggle-menu .hamburger-inner,#toggle-menu .hamburger-inner:before,#toggle-menu .hamburger-inner:after{position:absolute;left:0;display:block;width:27.79px;height:2.25px;border-radius:999px;background-color:currentColor!important;transform-origin:center;transition:transform .18s ease,opacity .18s ease,top .1s ease-out,bottom .1s ease-out}#toggle-menu .hamburger-inner{top:50%;margin-top:-1.1px}#toggle-menu .hamburger-inner:before,#toggle-menu .hamburger-inner:after{content:""}#toggle-menu .hamburger-inner:before{top:-8.5px}#toggle-menu .hamburger-inner:after{bottom:-8.5px}html.mobile-menu-preopen #toggle-menu .hamburger-inner,#toggle-menu.is-active .hamburger-inner{transform:rotate(45deg)}html.mobile-menu-preopen #toggle-menu .hamburger-inner:before,#toggle-menu.is-active .hamburger-inner:before{top:0;opacity:0}html.mobile-menu-preopen #toggle-menu .hamburger-inner:after,#toggle-menu.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.site-avatar .status-tooltip{left:calc(100% + 6.5px);top:50%;width:165px;min-width:0;max-width:calc(100vw - 105px);transform:translateY(-50%) translate(-6px)}.home-hero__subtitle{max-width:23rem}.home-stats{width:min(100%,calc(100vw - 30px));max-width:calc(100vw - 30px);grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;overflow:hidden;padding:.45rem;border-radius:18px}.home-stat{grid-template-columns:1fr;grid-template-areas:"icon" "value" "label";justify-items:center;min-width:0;overflow:hidden;gap:.24rem;padding:.55rem .22rem;text-align:center}.home-stat .inline-icon{width:1.55rem;height:1.55rem}.home-stat strong{font-size:2rem}.home-stat span{max-width:100%;overflow:hidden;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.home-stat small{display:none}.home-section__header{align-items:flex-start;flex-direction:column}.home-dashboard,.home-dashboard .home-project-grid{grid-template-columns:1fr}.home-dashboard .home-development-plans{padding:1rem;border-radius:18px}.home-project-grid,.home-plan-grid,.home-post-list,.home-workflow__grid,.project-list,.project-showcase[data-view=grid] .project-list,.project-records__list,.project-facts__grid,.project-info-strip__grid{grid-template-columns:1fr}.home-workflow__preview{display:none}.project-showcase[data-view=single] .project-card{padding:.68rem;overflow:hidden;border:1px solid var(--card-separator-color);background:var(--leftjun-neutral-card-background);box-shadow:var(--leftjun-surface-shadow-soft)}.project-showcase[data-view=single] .project-card:hover,.project-showcase[data-view=single] .project-card:focus-within{transform:translateY(var(--leftjun-hover-lift));box-shadow:var(--leftjun-hover-shadow)}.project-showcase[data-view=single] .project-card a{display:block}.project-showcase[data-view=single] .project-card__image{border-radius:18px;box-shadow:none}.project-showcase[data-view=single] .project-card__content{padding:1.08rem .78rem .82rem;border:0;border-radius:0;background:transparent;box-shadow:none}.project-showcase[data-view=single] .project-card[data-project-type=game]{border-color:var(--leftjun-game-card-border);background:var(--leftjun-game-card-background)}.project-showcase[data-view=single] .project-card[data-project-type=embedded]{border-color:var(--leftjun-embedded-card-border);background:var(--leftjun-embedded-card-background)}:root[data-scheme=dark] .project-showcase[data-view=single] .project-card[data-project-type=game]{border-color:#8ab8ef42;background:var(--leftjun-game-card-background)}:root[data-scheme=dark] .project-showcase[data-view=single] .project-card[data-project-type=embedded]{border-color:#6ac5b547;background:var(--leftjun-embedded-card-background)}.project-showcase[data-view=single] .project-card__title{font-size:26px;line-height:1.18}.project-showcase[data-view=single] .project-card__description{font-size:14.8px;line-height:1.58}.project-showcase[data-view=single] .project-card__roles,.project-showcase[data-view=single] .project-card__tags{gap:.38rem;margin-top:.72rem}.project-showcase[data-view=single] .project-card__role,.project-showcase[data-view=single] .project-card__tag{min-height:1.55rem;padding:.3rem .58rem;font-size:.76rem}.related-content--wrapper{margin-right:1rem;margin-left:1rem}.related-content{margin-right:-1rem;padding-right:1rem;padding-bottom:.8rem}.related-grid{display:flex;width:max-content;flex-wrap:nowrap;gap:.75rem}.related-card{flex-basis:min(82vw,360px);border-radius:16px}.related-card__overlay{padding:.85rem}.related-card__overlay h3{font-size:1rem}.related-card__pills span{min-height:1.24rem;padding:.22rem .46rem;font-size:.68rem}.home-action,.project-links__button,.action-button{font-size:16.8px}.article-list--compact .post-card>a{flex-direction:column;padding:.72rem}.article-list--compact .article-image{width:100%;flex-basis:auto}.compact-title-row{flex-direction:column;align-items:flex-start;gap:6px}.compact-pill-list{justify-content:flex-start;margin-left:0}.right-sidebar{display:none}.article-toc{display:block}.main-article .article-image img,.main-article .article-image video{height:58vw;min-height:210px}.project-detail-hero{min-height:0;background:var(--leftjun-reading-surface)}.project-detail-hero:before{display:none}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{height:58vw;min-height:210px}.project-detail-hero__details{position:relative;width:100%;padding:var(--card-padding)}.project-detail-kicker{color:var(--leftjun-primary)}.project-detail-hero .article-title{color:var(--card-text-color-main);font-size:32px;line-height:1.08}.project-detail-hero .article-subtitle{color:var(--card-text-color-secondary);font-size:15.5px;line-height:1.6}.project-detail-pills span{background:var(--leftjun-primary-soft);color:color-mix(in srgb,var(--leftjun-primary-deep) 78%,var(--leftjun-primary));box-shadow:none}.project-info-strip{margin-right:1rem;margin-left:1rem;padding:1rem}.project-info-strip__item,.project-info-strip__item+.project-info-strip__item{padding:0 0 .8rem;border-right:0;border-bottom:1px solid var(--card-separator-color)}.project-info-strip__item:last-child{padding-bottom:0;border-bottom:0}.project-facts,.project-records,.project-links{margin-right:1rem;margin-left:1rem}.project-facts__title,.project-links__title,.project-records__title,.related-content--wrapper>h2{font-size:1.72rem}.project-links__list{gap:.58rem}.project-links__button{max-width:100%;white-space:normal}.project-records{padding:1rem}.project-records__button{min-width:0;padding:.82rem .9rem}.footer-single-line{white-space:normal}}@media(max-width:900px){.home-workflow__preview{display:none}}@media(max-width:620px){.home-hero__actions,.project-links__list{align-items:flex-start;gap:.5rem}.home-hero .home-action{min-height:34px;gap:.32rem;padding:.56rem .82rem;font-size:13.2px;line-height:1.1}.home-hero .home-action .inline-icon{width:14px;height:14px}.project-links__button{width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.section-card:hover,.home-workflow__item:hover,.home-plan-card:hover,.project-card:hover,.project-records__button:hover,#main-menu li>a:hover,.home-action:hover,.article-list--compact .post-card>a:hover{transform:none}}body{font-size:16px;line-height:1.65;color:#172033}:root[data-scheme=dark] body{color:var(--card-text-color-main)}@media(min-width:768px){:root{--leftjun-sidebar-width: 260px;--right-sidebar-max-width: 260px;--layout-column-gap: clamp(24px, 2vw, 36px);--section-separation: 30px;--content-item-gap: 22px}.container.extended{padding-left:calc(var(--leftjun-sidebar-width) + 32px);padding-right:32px}.left-sidebar.sticky{width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width)}.site-content-layout.has-right-sidebar{grid-template-columns:minmax(0,920px) var(--right-sidebar-max-width);justify-content:center;gap:32px}}.home-page main.main{gap:28px}.home-hero{min-height:420px;padding:clamp(44px,4.1vw,72px);border-radius:28px;box-shadow:0 28px 70px #2356881c}.home-hero:before{background:linear-gradient(90deg,#fffffff5,#ffffffd1 34%,#ffffff40 58%,#ffffff05),radial-gradient(circle at 13% 30%,rgba(15,122,255,.08),transparent 22rem)}:root[data-scheme=dark] .home-hero:before{background:linear-gradient(90deg,#111d24f5,#111d24d1 34%,#111d2440 58%,#111d2405),radial-gradient(circle at 13% 30%,rgba(95,168,255,.1),transparent 22rem)}.home-hero__content{max-width:520px;min-height:calc(420px - clamp(88px,8.2vw,144px));gap:14px}.home-hero .home-hero__eyebrow{color:#4b5870;font-size:17px;font-weight:500}.home-hero__title{font-size:clamp(56px,6vw,82px);font-weight:800;line-height:.95;letter-spacing:-.04em}.home-hero__role{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.2}.home-hero__subtitle{max-width:520px;color:#4b5870;font-size:20px;font-weight:400;line-height:1.6}.home-hero__actions{gap:14px;margin-top:8px}.home-action,.project-links__button,.action-button{min-height:46px;gap:8px;padding:0 24px;font-size:15px;font-weight:600}.home-action--primary,.action-button.primary{background:#007aff;box-shadow:0 14px 30px #007aff33}.home-action:not(.home-action--primary){background:#ffffffd9;border-color:#788caa2e;color:#172033}.home-hero__media-link:before{width:62%;background:linear-gradient(90deg,#fffffff5,#ffffffd1 34%,#ffffff40 58%,#ffffff05)}.home-hero__media-frame img,.home-hero__media-frame video{width:100%;max-width:none;object-fit:cover;object-position:62% center}.home-stats{grid-template-columns:repeat(4,minmax(0,1fr));min-height:96px;padding:12px;border-radius:24px}.home-stat{grid-template-columns:1fr;grid-template-areas:"icon" "value" "label" "detail";justify-items:center;gap:4px;padding:14px 12px;text-align:center}.home-stat .inline-icon{width:22px;height:22px}.home-stat strong{font-size:30px;font-weight:750}.home-stat span{font-size:14px;font-weight:600}.home-stat small{font-size:12px;font-weight:400}.home-dashboard{grid-template-columns:minmax(0,1fr) 360px;gap:28px}.home-dashboard .home-development-plans{position:sticky;top:90px;border-radius:24px}.home-dashboard .home-plan-card__title{font-size:15px;font-weight:650}.home-dashboard .home-plan-card__description{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-section__header h2{font-size:clamp(28px,2.3vw,36px);font-weight:750;letter-spacing:-.025em}.home-project-grid{gap:22px}.home-project-grid .project-card{border-radius:22px;background:#ffffffd1}.home-project-grid .project-card__image{height:180px;aspect-ratio:auto}.home-project-grid .project-card__content{padding:18px 18px 20px}.home-project-grid .project-card__title{font-size:20px;font-weight:650;line-height:1.35}.home-project-grid .project-card__description{min-height:auto;color:#66748a;font-size:15px;font-weight:400;line-height:1.7}.home-project-grid .project-card__tag{min-height:0;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:500}.home-project-grid .project-card__meta{font-size:13px;font-weight:500}.home-post-list{grid-template-columns:repeat(3,minmax(0,1fr))}.home-workflow__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-workflow__item h3{font-size:18px;font-weight:650}.home-workflow__item p{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-detail-page .main-article{max-width:920px;margin-inline:auto;overflow:visible;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.project-detail-page .article-header{display:grid;gap:20px;background:transparent}.project-detail-hero .article-image{position:relative;overflow:hidden;height:360px;border:0;border-radius:28px;box-shadow:0 24px 58px #23568821}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{height:100%;min-height:0;object-fit:cover}.project-hero-play-badge{position:absolute;left:22px;bottom:22px;z-index:2;display:inline-flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px;background:#09111ead;color:#fff;backdrop-filter:blur(14px)}.project-hero-play-badge__button{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#0f172a;font-size:15px}.project-hero-play-badge strong,.project-hero-play-badge small{display:block;line-height:1.2}.project-hero-play-badge strong{font-size:14px;font-weight:650}.project-hero-play-badge small{margin-top:2px;color:#ffffffc2;font-size:12px}.project-detail-hero__details{padding:0}.project-detail-kicker{width:max-content;margin:0 0 8px;padding:5px 9px;border-radius:999px;background:var(--leftjun-primary-soft);color:#007aff;font-size:12px;font-weight:650}.project-detail-hero .article-title{color:#172033;font-size:44px;font-weight:750;line-height:1.1;letter-spacing:-.035em}.project-detail-hero .article-subtitle{max-width:820px;color:#5d6a7f;font-size:18px;font-weight:400;line-height:1.7}.project-detail-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.project-detail-pills span{min-height:0;padding:6px 11px;font-size:12px;font-weight:500}.project-info-strip{margin:20px 0 0;padding:24px 28px;border:1px solid rgba(120,140,170,.16);border-radius:24px;background:#ffffffc7;box-shadow:0 18px 42px #23568812}.project-info-strip__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.project-info-strip__item{padding:0 18px 0 0}.project-info-strip__item+.project-info-strip__item{padding-left:18px}.project-info-strip dt{color:#718096;font-size:13px;font-weight:500}.project-info-strip dt .inline-icon{width:18px;height:18px}.project-info-strip dd{color:#172033;font-size:16px;font-weight:650}.project-info-strip small{display:block;margin-top:5px;color:#7a8799;font-size:12px;font-weight:400;line-height:1.5}.project-info-strip__outcome{font-size:14px}.project-links{margin:16px 0 0}.project-links__list{gap:10px}.project-links__button{border-color:#788caa33;background:#ffffffd9}.project-links__button--retrospective{color:#0f766e}.project-detail-page .article-content{max-width:920px;margin:0 auto;padding:18px 0 0;color:#273246;font-size:17px;font-weight:400;line-height:1.85}.project-detail-page .article-content p{margin:0 0 1.1em}.project-detail-page .article-content h2{margin:56px 0 20px;font-size:28px;font-weight:750;line-height:1.3}.project-detail-page .article-content h3{margin:32px 0 12px;font-size:20px;font-weight:650}.project-detail-page .article-content li{margin-bottom:8px;line-height:1.8}.project-detail-page .article-content img,.project-detail-page .article-content video,.project-detail-page .article-content iframe{border-radius:18px}.case-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 28px}.case-card{padding:20px;border:1px solid rgba(120,140,170,.16);border-radius:18px;background:#ffffffb8;box-shadow:0 12px 28px #2356880e}.article-content .case-card h3{margin-top:0}.article-content .case-card h3:before{display:none}.case-card p,.case-card ul{margin-bottom:0}.case-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 32px}.case-figure{overflow:hidden;margin:0;border:1px solid rgba(120,140,170,.16);border-radius:20px;background:#ffffffbd;box-shadow:0 14px 32px #2356880f}.case-figure img{width:100%;aspect-ratio:16 / 9;border:0;border-radius:0;object-fit:cover}.case-figure figcaption{display:grid;gap:5px;padding:14px 16px 16px;color:#66748a;font-size:14px;line-height:1.65}.case-figure figcaption strong{color:#172033;font-size:16px;font-weight:650}.right-sidebar{top:var(--right-sidebar-sticky-top);gap:16px}.right-sidebar .widget{padding:20px;border-radius:20px;background:#ffffffd1}.right-sidebar .widget-icon{display:none}.right-sidebar .widget-title{margin-bottom:14px;color:#172033;font-size:16px;font-weight:700}.right-sidebar .toc-nav{gap:8px}.right-sidebar .toc-nav a{padding:4px 0 4px calc(20px + var(--toc-indent, 0px));border:0;border-radius:0;background:transparent;box-shadow:none;color:#5d6a7f;font-size:14px;font-weight:500;line-height:1.7}.right-sidebar .toc-nav a:before{left:3px;width:5px;height:5px;background:#8a97aa}.right-sidebar .toc-nav a:hover,.right-sidebar .toc-nav a:focus-visible,.right-sidebar .toc-nav a.is-active{transform:none;background:transparent;box-shadow:none;color:#007aff}.right-sidebar .toc-nav a:hover:before,.right-sidebar .toc-nav a:focus-visible:before,.right-sidebar .toc-nav a.is-active:before{width:12px;height:12px;background:#007aff;box-shadow:inset 0 0 0 4px #fff,0 0 0 3px #007aff21}.project-download-list{display:grid;gap:12px}.project-download-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:#273246;font-size:14px;line-height:1.5}.project-download-list .inline-icon{color:#007aff}.project-download-list .inline-icon:last-child{width:14px;height:14px;color:#7a8799;transform:rotate(90deg)}.project-summary-widget dl{display:grid;gap:12px;margin:0}.project-summary-widget dl div{display:flex;justify-content:space-between;gap:16px}.project-summary-widget dt,.project-summary-widget dd{margin:0;font-size:13px;line-height:1.5}.project-summary-widget dt{color:#718096}.project-summary-widget dd{color:#273246;text-align:right}:root[data-scheme=dark] .home-hero__subtitle,:root[data-scheme=dark] .home-hero .home-hero__eyebrow,:root[data-scheme=dark] .project-detail-hero .article-subtitle,:root[data-scheme=dark] .project-detail-page .article-content,:root[data-scheme=dark] .case-figure figcaption,:root[data-scheme=dark] .right-sidebar .toc-nav a,:root[data-scheme=dark] .project-download-list a,:root[data-scheme=dark] .project-summary-widget dd{color:var(--card-text-color-secondary)}:root[data-scheme=dark] .home-action:not(.home-action--primary),:root[data-scheme=dark] .project-info-strip,:root[data-scheme=dark] .case-card,:root[data-scheme=dark] .case-figure,:root[data-scheme=dark] .right-sidebar .widget,:root[data-scheme=dark] .project-links__button{background:#16242ed1}:root[data-scheme=dark] .project-detail-hero .article-title,:root[data-scheme=dark] .project-info-strip dd,:root[data-scheme=dark] .case-figure figcaption strong,:root[data-scheme=dark] .right-sidebar .widget-title{color:var(--card-text-color-main)}@media(max-width:1535px)and (min-width:768px){.project-detail-page .site-content-layout.has-right-sidebar{grid-template-columns:1fr}.project-detail-page .site-content-layout>.right-sidebar{display:none}.project-detail-page .article-toc{display:block}}@media(max-width:1120px){.home-dashboard,.home-dashboard .home-project-grid,.home-post-list,.home-workflow__grid{grid-template-columns:1fr}.home-dashboard .home-development-plans{position:static}.project-info-strip__grid,.case-card-grid,.case-media-grid{grid-template-columns:1fr}}@media(max-width:900px){.home-hero{padding:0}.home-hero__content{padding:20px}.home-hero__title{font-size:clamp(40px,11vw,58px)}.home-hero__role{font-size:clamp(20px,5vw,26px)}.home-hero__subtitle{font-size:16px}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat:nth-child(2):after{display:none}.project-detail-hero .article-image{height:auto;aspect-ratio:16 / 9;border-radius:20px}.project-detail-hero .article-title{font-size:34px}.project-detail-hero .article-subtitle{font-size:16px}.project-info-strip{margin-right:0;margin-left:0;padding:18px}.project-info-strip__item,.project-info-strip__item+.project-info-strip__item{padding:0 0 14px;border-right:0;border-bottom:1px solid var(--card-separator-color)}.project-detail-page .article-content{font-size:16px}}@media(min-width:1536px){.project-detail-page .container.extended{--project-detail-expanded-main-width: 920px;--project-detail-collapsed-main-width: min(1080px, calc(100vw - 560px) );--project-detail-sidebar-gap: 32px;--project-detail-main-shift: -56px;--project-detail-collapsed-sidebar-shift: 56px;--project-detail-collapsed-main-shift: calc( ( (var(--leftjun-sidebar-width) + 32px) + (50vw + 460px + var(--project-detail-sidebar-gap) + var(--project-detail-collapsed-sidebar-shift)) - 100vw ) / 2 );padding-right:calc(var(--leftjun-sidebar-width) + 32px)}.project-detail-page .site-content-layout.has-right-sidebar{position:relative;grid-template-columns:minmax(0,var(--project-detail-collapsed-main-width));justify-content:center;align-items:start}.project-detail-page main.main,.project-detail-page .main-article{width:100%;max-width:var(--project-detail-expanded-main-width);margin-inline:auto}.project-detail-page main.main{transform:translate(var(--project-detail-main-shift))}.project-detail-page .site-content-layout>.right-sidebar{position:fixed;top:var(--right-sidebar-sticky-top);left:calc(50% + 460px + var(--project-detail-sidebar-gap));width:260px;display:flex;margin-top:0;max-height:calc(100vh - var(--right-sidebar-sticky-top) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.project-detail-page main.main{gap:18px}}@media(min-width:768px){.project-detail-page main.main{gap:18px}}.home-hero{display:grid;grid-template-columns:minmax(360px,.4fr) minmax(0,.6fr);gap:clamp(18px,1.75vw,26px);min-height:0;padding:0;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.home-hero{align-items:start}.home-hero__content,.home-hero__stage{align-self:start}.home-hero:before,.home-hero:after,.home-hero__media-link:before,.home-hero__media-blur,.home-hero__scroll{display:none}.home-hero__content{position:relative;z-index:2;max-width:none;min-height:clamp(360px,29vw,430px);display:flex;flex-direction:column;justify-content:center;gap:0;padding:clamp(32px,3vw,48px);border:1px solid rgba(120,140,170,.14);border-radius:28px;background:radial-gradient(circle at 86% 15%,rgba(15,122,255,.08),transparent 8rem),radial-gradient(circle at 92% 86%,rgba(96,190,151,.11),transparent 15rem),#ffffffd6;box-shadow:0 24px 62px #23568814;backdrop-filter:blur(18px) saturate(1.08)}:root[data-scheme=dark] .home-hero__content{background:radial-gradient(circle at 86% 15%,rgba(95,168,255,.12),transparent 8rem),radial-gradient(circle at 92% 86%,rgba(96,190,151,.08),transparent 15rem),#14222ad1;box-shadow:0 24px 62px #0000003d}.home-hero .home-hero__eyebrow{margin:0 0 14px;color:#6b778a;font-size:14px;font-weight:650;letter-spacing:.02em}.home-hero__title{font-size:clamp(54px,5.1vw,76px);font-weight:850;line-height:.96;letter-spacing:-.055em}.home-hero__role{max-width:none;margin:16px 0 0;color:#007aff;font-size:clamp(23px,2vw,30px);font-weight:760;line-height:1.24;letter-spacing:-.03em}.home-hero__subtitle{max-width:560px;margin:18px 0 0;color:#536174;font-size:16px;font-weight:450;line-height:1.75}.home-hero__actions{margin-top:24px;gap:12px}.home-hero .home-action{min-height:42px;padding:0 18px;font-size:14px;font-weight:700}.home-action[href$=".pdf"]{color:#172033}.home-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;padding-top:20px;border-top:1px solid rgba(120,140,170,.16)}.home-hero__stats span{display:grid;gap:7px;justify-items:center;padding-inline:14px;border-right:1px solid rgba(120,140,170,.16);text-align:center}.home-hero__stats span:last-child{border-right:0}.home-hero__stats strong{color:#172033;font-size:23px;font-weight:800;line-height:1;letter-spacing:-.03em}.home-hero__stats small{color:#657388;font-size:12.5px;font-weight:560;line-height:1.2}.home-hero__stage{position:relative;z-index:1;width:100%;height:auto;min-height:0;aspect-ratio:16 / 9;overflow:hidden;border-radius:28px;background:#d8e7f0;box-shadow:0 24px 62px #2356881a}.home-hero__media-link,.home-hero__media-frame{position:absolute;inset:0;display:block}.home-hero__media-frame{z-index:1;padding-left:0}.home-hero__media-frame img,.home-hero__media-frame video{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.02)}.home-hero__project-link{position:absolute;left:clamp(18px,2vw,28px);bottom:clamp(18px,2vw,28px);z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label label" "title icon";align-items:center;gap:4px 10px;min-width:min(220px,52%);padding:16px 18px;border-radius:18px;background:#0f172a75;color:#fff;box-shadow:0 18px 36px #0f172a2e;backdrop-filter:blur(16px) saturate(1.08)}.home-hero__project-link small{grid-area:label;color:#ffffffb8;font-size:12px;font-weight:650}.home-hero__project-link strong{grid-area:title;font-size:22px;font-weight:780;line-height:1.2}.home-hero__project-link .inline-icon{grid-area:icon;width:22px;height:22px}.home-hero__dots{left:auto;right:clamp(18px,2vw,28px);bottom:clamp(22px,2vw,30px);width:max-content;max-width:calc(100% - 36px);transform:none}@media(min-width:1181px){.home-hero{align-items:stretch}.home-hero__content{align-self:stretch;min-height:0;padding:clamp(28px,2.4vw,38px)}.home-hero .home-hero__eyebrow{margin-bottom:10px;font-size:13.5px}.home-hero__title{font-size:clamp(50px,4.65vw,68px)}.home-hero__role{margin-top:12px;font-size:clamp(22px,1.8vw,27px);line-height:1.18}.home-hero__subtitle{margin-top:15px;font-size:15.5px;line-height:1.62}.home-hero__actions{margin-top:20px}.home-hero .home-action{min-height:40px;padding-inline:16px}.home-hero__stats{margin-top:18px;padding-top:15px}.home-hero__stats span{gap:4px;padding-inline:10px}.home-hero__stats strong{font-size:21px}.home-hero__stats small{font-size:12px}body.sidebar-collapsed .home-hero{align-items:stretch}body.sidebar-collapsed .home-hero__content{align-self:stretch;height:100%;min-height:0}body.sidebar-collapsed .home-hero__stage{align-self:start}}@media(min-width:901px)and (max-width:1535px){.home-hero{grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);align-items:stretch;gap:clamp(16px,1.55vw,24px)}.home-hero__content,.home-hero__stage,body.sidebar-collapsed .home-hero__content,body.sidebar-collapsed .home-hero__stage{align-self:stretch;height:auto;min-height:0}.home-hero__stage{aspect-ratio:auto}.home-hero__content{justify-content:center;padding:clamp(22px,2.1vw,34px)}.home-hero .home-hero__eyebrow{margin-bottom:8px;font-size:13px}.home-hero__title{font-size:clamp(40px,4.2vw,62px);line-height:.98}.home-hero__role{margin-top:10px;font-size:clamp(20px,1.72vw,25px);line-height:1.18}.home-hero__subtitle{margin-top:12px;font-size:clamp(14px,1.08vw,15.5px);line-height:1.56}.home-hero__actions{margin-top:16px;gap:9px}.home-hero .home-action{min-height:38px;padding-inline:14px;font-size:13px}.home-hero__stats{margin-top:14px;padding-top:12px}.home-hero__stats span{gap:3px;padding-inline:8px}.home-hero__stats strong{font-size:19px}.home-hero__stats small{font-size:11.5px}}@media(min-width:901px)and (max-width:1120px){.home-hero{grid-template-columns:minmax(286px,.41fr) minmax(0,.59fr)}.home-hero__content{padding:22px}.home-hero__project-link{min-width:min(190px,56%);padding:12px 14px;border-radius:16px}.home-hero__project-link strong{font-size:18px}.home-hero__dots{right:18px;bottom:18px}}.home-dashboard{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(304px,328px);gap:clamp(18px,1.8vw,26px);padding-right:0}.home-dashboard .home-section__header{min-height:52px}.home-featured-projects{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.home-section__side{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;flex:0 0 auto;margin-left:auto}.home-mini-stats{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;color:#6b778a;font-size:13px;font-weight:500;line-height:1.2}.home-mini-stats span{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.home-mini-stats span+span:before{content:"·";color:#9aa8ba;margin-right:2px}.home-mini-stats strong{color:#007aff;font-size:16px;font-weight:760}.home-dashboard .home-development-plans{align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;margin-top:0;padding:clamp(18px,1.55vw,22px);border-radius:24px;background:#ffffffbd;box-shadow:0 18px 42px #23568812}.home-dashboard .home-development-plans .home-section__header{min-height:36px;align-items:flex-end;padding-top:0}.home-dashboard .home-development-plans .home-section__eyebrow{margin-bottom:3px;color:#6e7d91;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-dashboard .home-development-plans .home-section__header h2{font-size:clamp(20px,1.45vw,24px);font-weight:780;line-height:1.08;letter-spacing:-.035em}.home-dashboard .home-development-plans .home-section__link{margin-top:0}.home-dashboard .home-plan-card__actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.home-dashboard .home-plan-card__main{padding-right:0}.home-dashboard .home-plan-card__meta{position:static}.home-dashboard .home-plan-grid{gap:0;padding-left:10px;border-left:1px solid rgba(0,122,255,.22)}.home-dashboard .home-plan-card{padding:0 0 12px 14px}.home-dashboard .home-plan-card:last-child{padding-bottom:0}.home-dashboard .home-plan-card:before{top:2px;left:-17px;width:11px;height:11px;border-width:3px;background:#007aff;box-shadow:0 0 0 4px #007aff17}.home-dashboard .home-plan-card__meta{color:#718096;font-size:11.5px;font-weight:700}.home-dashboard .home-plan-card__title{margin-top:3px;font-size:15px;font-weight:760;line-height:1.26;letter-spacing:-.025em}.home-dashboard .home-plan-card__description{margin-top:3px;color:#66748a;font-size:12.5px;line-height:1.42;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-dashboard .home-plan-card__tag{min-height:19px;padding:3px 7px;font-size:10.5px;font-weight:650}.home-dashboard .home-plan-card__pill{min-height:23px;padding:4px 8px;font-size:10.5px;font-weight:720}:root[data-scheme=dark] .home-dashboard .home-development-plans{background:#14222ac7;box-shadow:0 22px 50px #0000003d}.home-dashboard .home-project-grid{height:100%;align-items:stretch;gap:clamp(14px,1.25vw,18px)}.home-dashboard .home-project-grid .project-card,.home-dashboard .home-project-grid .project-card a{height:100%}.home-dashboard .home-project-grid .project-card a{display:flex;flex-direction:column}.home-dashboard .home-project-grid .project-card__image{height:clamp(174px,13vw,192px);flex:0 0 auto;aspect-ratio:auto}.home-dashboard .home-project-grid .project-card__content{flex:1;display:flex;flex-direction:column;padding:17px 18px 19px}.home-dashboard .home-project-grid .project-card__description{min-height:3.4em;margin-top:9px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-dashboard .home-project-grid .project-card__tags{margin-top:10px}.home-dashboard .home-project-grid .project-card__meta{margin-top:auto;padding-top:14px}.home-plan-card__pill:before,.project-record-pill:before{content:"·";color:currentColor;font-size:20px;font-weight:900;line-height:0}.home-post-list{grid-template-columns:1fr;gap:12px;max-width:780px;overflow:visible}.home-post-list .post-card>a{min-height:0;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"image body";gap:14px;padding:12px}.home-post-list .article-image{grid-area:image;width:96px;height:72px;flex-basis:auto;aspect-ratio:auto;border-radius:14px}.home-post-list .article-details{grid-area:body;padding:0}.home-post-list .compact-title-row{display:flex;align-items:flex-start}.home-post-list .article-title{font-size:15px;font-weight:600;line-height:1.45}.home-post-list .compact-subtitle{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-detail-page .right-sidebar{top:var(--right-sidebar-sticky-top);margin-top:0;overflow:visible;padding-bottom:2px}.project-detail-page .right-sidebar .widget{max-width:260px}.project-detail-page .right-sidebar .widget--toc .toc-nav{max-height:min(42vh,390px);overflow-y:auto;padding-right:4px;overscroll-behavior:contain;scrollbar-width:thin}.project-detail-page .project-download-widget,.project-detail-page .project-summary-widget{max-height:none;overflow:visible}.project-detail-hero .article-image{height:auto;max-height:none;aspect-ratio:auto;display:grid;place-items:center;background:radial-gradient(circle at 83% 45%,rgba(72,132,82,.24),transparent 32rem),linear-gradient(135deg,#102318e0,#34582e73)}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}.project-links--primary{margin-top:14px}.project-record-pills{margin-top:8px}.project-record-pills .project-links__list{width:100%;display:flex}.project-record-pill{min-height:36px;padding:0 14px;font-size:13px}.project-record-pill--retrospective{border-color:#0f766e52;background:color-mix(in srgb,#0f8f88 9%,var(--leftjun-surface-strong));color:#0f766e}.project-record-pill--plan{border-color:#2f72b857;background:color-mix(in srgb,#2f72b8 9%,var(--leftjun-surface-strong));color:#245f9d}@media(max-width:767px){.project-detail-action--pdf,.project-detail-action--download,.project-detail-action--language{display:none!important}.project-detail-mobile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.project-detail-mobile-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:1px solid color-mix(in srgb,var(--leftjun-primary) 28%,var(--card-separator-color));border-radius:999px;background:color-mix(in srgb,var(--leftjun-primary) 9%,var(--leftjun-surface-strong));color:color-mix(in srgb,var(--leftjun-primary-deep) 78%,var(--leftjun-primary));font-size:13px;font-weight:780;line-height:1;box-shadow:var(--leftjun-surface-shadow-soft);white-space:nowrap;transition:transform var(--leftjun-hover-duration) ease,border-color var(--leftjun-hover-duration) ease,background var(--leftjun-hover-duration) ease,color var(--leftjun-hover-duration) ease,box-shadow var(--leftjun-hover-duration) ease}.project-detail-mobile-action:hover,.project-detail-mobile-action:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.project-detail-mobile-action--taptap{border-color:transparent;background:linear-gradient(135deg,#2cbe842e,#5bd6a51f),color-mix(in srgb,var(--leftjun-surface-strong) 92%,transparent);color:#13845c;box-shadow:inset 0 -1px #13845c38,0 8px 16px #13845c1a}.project-detail-mobile-action--build{border-color:transparent;background:linear-gradient(135deg,#5fa8ff2e,#81cdff21),color-mix(in srgb,var(--leftjun-surface-strong) 92%,transparent);color:#2876b8;box-shadow:inset 0 -1px #2876b838,0 8px 16px #2876b81a}.project-detail-mobile-action--language{margin-left:auto;border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--leftjun-primary) 20%,transparent),#5fa8ff1a),color-mix(in srgb,var(--leftjun-surface-strong) 92%,transparent);color:var(--leftjun-primary)}.project-detail-mobile-action .inline-icon{width:14px;height:14px}:root[data-scheme=dark] .project-detail-mobile-action{border-color:#8ab8ef4d;background:#8ab8ef14;color:#c8def8}:root[data-scheme=dark] .menu-social .mobile-social-language a{border-color:transparent;background:#8ab8ef1a;color:#c8def8}:root[data-scheme=dark] .project-detail-mobile-action--taptap{border-color:transparent;background:linear-gradient(135deg,#2cbe8433,#5bd6a51a),#ffffff0d;color:#8de8bf;box-shadow:inset 0 -1px #8de8bf38,0 8px 16px #2cbe8421}:root[data-scheme=dark] .project-detail-mobile-action--build{border-color:transparent;background:linear-gradient(135deg,#5fa8ff33,#48bba81a),#ffffff0d;color:#8ab8ef;box-shadow:inset 0 -1px #8ab8ef38,0 8px 16px #5fa8ff21}:root[data-scheme=dark] .project-detail-mobile-action--language{border-color:transparent;background:linear-gradient(135deg,#5fa8ff38,#8ab8ef1a),#ffffff0d;color:#9fc9ff}}.case-card-grid{max-width:920px;margin-right:auto;margin-left:auto}.project-detail-page .article-content>p,.project-detail-page .article-content>ul,.project-detail-page .article-content>ol,.project-detail-page .article-content>h2,.project-detail-page .article-content>h3{max-width:920px;margin-right:auto;margin-left:auto}.project-detail-page .article-content>p:has(img),.project-detail-page .article-content>.case-media-grid{max-width:920px}.project-detail-page .article-content p img[src*=flow-system]{width:min(100%,920px);margin-inline:auto;padding:16px;border-radius:22px;background:#ffffffc7;object-fit:contain}:root[data-scheme=dark] .home-hero:before,:root[data-scheme=dark] .home-hero__media-link:before{background:linear-gradient(90deg,#111d24f5,#142420c7 33%,#41754c33 60%,#21704a14)}@media(max-width:1120px){.home-post-list{max-width:none}}@media(max-width:900px){body.sidebar-collapsed{--leftjun-sidebar-width: clamp(226px, 14.1vw, 248px)}.home-hero{grid-template-columns:1fr;gap:18px}.home-hero__content,.home-hero__stage{min-height:0;border-radius:24px}.home-hero__media-frame{padding-left:0}.home-hero__content{max-width:none;padding:28px 24px}.home-hero:after{display:none}.home-hero__media-link:before,.home-hero__media-blur{-webkit-mask-image:none;mask-image:none}.home-hero__stage{aspect-ratio:16 / 9}.home-dashboard{padding-right:0}.home-dashboard .home-development-plans{padding:20px;border-radius:24px}.home-dashboard .home-development-plans .home-section__header{align-items:flex-start;justify-content:flex-start;text-align:left}.home-dashboard .home-development-plans .home-section__header>div{width:100%;text-align:left}.home-dashboard .home-development-plans .home-section__eyebrow,.home-dashboard .home-development-plans .home-section__header h2{text-align:left}.home-dashboard .home-development-plans .home-section__link{align-self:flex-start}.home-dashboard .home-development-plans .home-section__header h2{font-size:24px}.home-dashboard .home-plan-card__title{font-size:16px}.home-dashboard .home-plan-card__description{font-size:13px}.home-section__header,.home-section__side,.home-mini-stats{align-items:flex-start;justify-content:flex-start}.home-section__header--with-link{width:100%;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px;text-align:left}.home-section__header--with-link>div:first-child{flex:1 1 auto;min-width:0;width:auto}.home-section__header--with-link .home-section__side{flex:0 0 auto;align-items:center;justify-content:flex-end;margin-left:auto}.home-dashboard .home-development-plans .home-section__header--with-link{align-items:flex-end;justify-content:space-between;text-align:left}.home-dashboard .home-development-plans .home-section__header--with-link>div:first-child{width:auto;text-align:left}.home-dashboard .home-development-plans .home-section__header--with-link .home-section__link{align-self:flex-end}.project-detail-page .right-sidebar{max-height:none;overflow:visible}.home-post-list .post-card>a{grid-template-columns:1fr;grid-template-areas:"image" "body"}.home-post-list .article-image{width:100%;height:auto;aspect-ratio:16 / 9}}.mobile-bottom-nav{display:none}.home-dashboard .home-development-plans{position:static;top:auto}@media(min-width:768px){.home-topbar{margin-bottom:clamp(14px,1.45vw,22px)}body:not(.home-page) .home-topbar{border-radius:20px}.menu-icon{width:1.25rem;height:1.25rem;display:inline-grid;flex:0 0 auto;place-items:center;color:currentColor}.menu-icon .inline-icon,.menu-icon .inline-icon svg{width:100%;height:100%;display:block!important;opacity:1!important;visibility:visible!important;color:currentColor;stroke:currentColor}body.sidebar-collapsed .left-sidebar{color:var(--card-text-color-main)}body.sidebar-collapsed #main-menu{display:flex}body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{color:color-mix(in srgb,var(--card-text-color-main) 78%,var(--leftjun-primary))}body.sidebar-collapsed #main-menu li.current>a{background:color-mix(in srgb,var(--leftjun-primary) 13%,transparent);color:var(--leftjun-primary)}body.sidebar-collapsed .menu-icon,body.sidebar-collapsed .theme-toggle__icon{width:18px;height:18px;display:inline-grid!important;place-items:center;opacity:1!important;visibility:visible!important}body.sidebar-collapsed .menu-icon .inline-icon,body.sidebar-collapsed .menu-icon .inline-icon svg,body.sidebar-collapsed .theme-toggle__icon .inline-icon,body.sidebar-collapsed .theme-toggle__icon .inline-icon svg{width:18px;height:18px;display:block!important;opacity:1!important;visibility:visible!important}body.sidebar-collapsed .theme-toggle__icon .inline-icon{grid-area:1 / 1}body.sidebar-collapsed #dark-mode-toggle[data-scheme-state=light] .theme-toggle__icon .inline-icon:last-child,body.sidebar-collapsed #dark-mode-toggle[data-scheme-state=dark] .theme-toggle__icon .inline-icon:first-child{opacity:0!important}body.sidebar-collapsed #sidebar-collapse-toggle .menu-icon{transform:rotate(180deg);transition:transform .22s ease}body.sidebar-collapsed #sidebar-collapse-toggle .inline-icon{transform:none}}@media(max-width:1120px){.home-dashboard{grid-template-columns:1fr}.home-dashboard .home-featured-projects{order:1}.home-dashboard .home-development-plans{order:2;position:static;top:auto}.home-dashboard .home-development-plans .home-section__header--with-link{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px}.home-dashboard .home-development-plans .home-section__header--with-link>div:first-child{flex:1 1 0;min-width:9rem;width:auto}.home-dashboard .home-development-plans .home-section__header h2{word-break:keep-all;overflow-wrap:normal}.home-dashboard .home-development-plans .home-section__side{flex:0 0 auto;margin-left:auto}}@media(max-width:767px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.home-topbar{display:none!important}.mobile-bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:260;width:min(calc(100vw - 24px),430px);min-height:62px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px;border:1px solid rgba(120,170,210,.24);border-radius:24px;background:#f4faffc2;box-shadow:0 18px 42px #144d6e2e;backdrop-filter:blur(22px) saturate(1.2);transform:translate(-50%)}:root[data-scheme=dark] .mobile-bottom-nav{border-color:#8ab8ef2e;background:#0e1a22c7;box-shadow:0 18px 42px #00000052}.mobile-bottom-nav a{min-width:0;min-height:48px;display:grid;place-items:center;gap:3px;padding:5px 2px;border-radius:18px;color:color-mix(in srgb,var(--card-text-color-secondary) 86%,var(--card-text-color-main));font-size:10px;font-weight:760;line-height:1}.mobile-bottom-nav a.is-active{background:color-mix(in srgb,var(--leftjun-primary) 13%,rgba(255,255,255,.56));color:var(--leftjun-primary)}.mobile-bottom-nav .inline-icon{width:18px;height:18px;display:block}.home-dashboard{grid-template-columns:1fr}.home-dashboard .home-featured-projects{order:1}.home-dashboard .home-development-plans{order:2;position:static;top:auto}.home-dashboard .home-development-plans .home-section__header--with-link{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px}.home-dashboard .home-development-plans .home-section__header--with-link>div:first-child{flex:1 1 auto;min-width:0;width:auto}.home-dashboard .home-development-plans .home-section__header h2{writing-mode:horizontal-tb;text-orientation:mixed;word-break:keep-all;overflow-wrap:normal}}@media(min-width:768px){.home-topbar{display:flex!important}}@media(min-width:768px){body.sidebar-collapsed .site-meta,body.sidebar-collapsed .menu-social{max-height:0;margin:0;padding:0;overflow:hidden}body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{display:inline-block}}html{scroll-padding-top:96px}.home-hero__media-link{cursor:pointer}.home-hero__media-link:hover .home-hero__project-link,.home-hero__media-link:focus-visible .home-hero__project-link{transform:translateY(-2px);background:#ffffffe6;box-shadow:0 18px 36px #10436933}:root[data-scheme=dark] .home-hero__media-link:hover .home-hero__project-link,:root[data-scheme=dark] .home-hero__media-link:focus-visible .home-hero__project-link{background:#0e1a22e0}.home-hero__project-link{pointer-events:none;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s ease,box-shadow .22s ease}.home-latest-posts{order:8}.home-featured-projects,.home-dashboard .home-development-plans,.home-latest-posts{gap:clamp(9px,.85vw,12px)}.home-featured-projects>.home-section__header--with-link,.home-dashboard .home-development-plans>.home-section__header--with-link,.home-latest-posts>.home-section__header--with-link{transform:translateY(-2px)}.home-workflow{order:9}.home-tech-stack{order:10}.home-latest-posts .home-section__header h2,.home-workflow .home-section__header h2,.home-tech-stack .home-section__header h2{font-size:clamp(24px,2.3vw,28px);letter-spacing:-.035em}.home-post-list{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-post-list .post-card,.home-post-list .post-card+.post-card{margin:0}.home-post-list .post-card>a{height:100%;min-height:184px;display:grid;grid-template-columns:minmax(128px,150px) minmax(0,1fr);grid-template-areas:"image body";gap:18px;align-items:stretch;padding:18px;border-radius:24px;background:#ffffffb8;box-shadow:0 16px 34px #1c4b7014}:root[data-scheme=dark] .home-post-list .post-card>a{background:#121e27bd;box-shadow:0 16px 34px #00000038}.home-post-list .article-image{grid-area:image;width:100%;height:100%;min-height:148px;aspect-ratio:auto;border-radius:18px}.home-post-list .article-details{grid-area:body;min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:10px}.home-post-list .compact-title-row{gap:10px}.home-post-list .article-title{font-size:clamp(17px,1.45vw,19px);line-height:1.45;letter-spacing:-.02em}.home-post-list .compact-subtitle{color:var(--card-text-color-secondary);font-size:14.5px;line-height:1.7;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-post-list .article-time{margin-top:auto}.home-workflow__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-workflow__item{min-height:0;padding:20px;border-radius:22px;background:#ffffff8f;border:1px solid rgba(120,140,170,.1);box-shadow:none;overflow:hidden}.home-workflow__item:hover,.home-workflow__item:focus-within{transform:translateY(-2px);box-shadow:0 14px 30px #1c4b7014}:root[data-scheme=dark] .home-workflow__item{background:#121e278a;border-color:#8ab8ef1f;box-shadow:none}.home-workflow__item:before,.home-workflow__item:after,.home-workflow__preview{display:none!important}.home-workflow__body{gap:10px}.home-workflow__icon{width:34px;height:34px;border-radius:13px}.home-workflow__item h3{font-size:16px;font-weight:650}.home-workflow__item p{font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.home-workflow__projects{margin-top:14px;gap:8px}.home-workflow__project{min-height:0;padding:7px 10px;border-radius:999px;font-size:12px;line-height:1.25}.home-tech-stack{padding:clamp(24px,3vw,34px);border:1px solid rgba(120,140,170,.1);border-radius:28px;background:#ffffff85;box-shadow:0 18px 40px #1c4b7012}:root[data-scheme=dark] .home-tech-stack{border-color:#8ab8ef1f;background:#121e2780;box-shadow:0 18px 40px #00000038}.home-tech-stack .home-section__header{margin-bottom:18px}.home-tech-stack__pills{display:flex;flex-wrap:wrap;gap:10px}.home-tech-stack__pills span{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border:1px solid rgba(99,157,207,.16);border-radius:999px;background:#ffffffb3;color:color-mix(in srgb,var(--card-text-color-main) 84%,var(--leftjun-primary));font-size:13px;font-weight:720}:root[data-scheme=dark] .home-tech-stack__pills span{border-color:#8ab8ef29;background:#ffffff0f}@media(min-width:768px){body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;justify-content:center!important;align-content:center!important;gap:0!important;padding:0!important;text-align:center!important}body.sidebar-collapsed #main-menu li,body.sidebar-collapsed .sidebar-bottom-actions{display:grid;place-items:center}body.sidebar-collapsed .menu-icon,body.sidebar-collapsed .theme-toggle__icon{margin:0!important;grid-area:1 / 1!important;justify-self:center!important;align-self:center!important;transform-origin:center}body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{width:0!important;min-width:0!important;max-width:0!important;opacity:0!important;transform:translate(-6px)!important;overflow:hidden!important;pointer-events:none!important}}@media(max-width:1100px){.home-post-list{grid-template-columns:1fr}.home-workflow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.home-latest-posts .home-section__header h2,.home-workflow .home-section__header h2,.home-tech-stack .home-section__header h2{font-size:24px}.home-post-list{grid-template-columns:1fr;gap:16px}.home-post-list .post-card>a{grid-template-columns:1fr;grid-template-areas:"image" "body";min-height:0;padding:16px}.home-post-list .article-image{min-height:0;height:auto;aspect-ratio:16 / 9}.home-workflow__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-workflow__item{padding:14px;border-radius:18px}.home-workflow__body{gap:8px}.home-workflow__icon{width:30px;height:30px;border-radius:12px}.home-workflow__item h3{font-size:14px;line-height:1.3}.home-workflow__item p{font-size:12px;line-height:1.55;-webkit-line-clamp:4}.home-workflow__projects{gap:6px;margin-top:10px}.home-workflow__project{padding:6px 8px;font-size:11px;white-space:normal}.home-tech-stack{padding:22px;border-radius:24px}.home-tech-stack__pills{gap:8px}}:root[data-scheme=dark]{--body-background: #0f171d;--leftjun-primary: #4da3ff;--leftjun-primary-deep: #d9edff;--body-text-color: #b9cbe0;--card-background: #16242c;--card-text-color-main: #edf7ff;--card-text-color-secondary: #b9cbe0;--card-text-color-tertiary: #91a8bf;--card-separator-color: rgba(131, 180, 232, .18);--leftjun-page-wash: radial-gradient(circle at 8% 6%, rgba(63, 147, 183, .18), transparent 32rem), radial-gradient(circle at 88% 14%, rgba(91, 143, 230, .16), transparent 30rem), linear-gradient(180deg, #0f171d 0%, #111f27 52%, #0d151a 100%);--leftjun-surface: rgba(20, 33, 41, .88);--leftjun-surface-strong: rgba(23, 38, 47, .94);--leftjun-sidebar-background: rgba(16, 28, 35, .92)}.home-hero__project-link:hover,.home-hero__project-link:focus-within{transform:translateY(-3px);background:#0e3256c7;box-shadow:0 22px 42px #0b315b47}:root[data-scheme=dark] .home-hero__project-link:hover,:root[data-scheme=dark] .home-hero__project-link:focus-within{background:#205684db;box-shadow:0 22px 42px #00000052}:root[data-scheme=dark] .home-hero__stats{border-top-color:#83b4e82e}:root[data-scheme=dark] .home-hero__stats span{border-right-color:#83b4e829}:root[data-scheme=dark] .home-hero__stats strong,:root[data-scheme=dark] .home-hero__title{color:#f2f8ff}:root[data-scheme=dark] .home-hero__stats small,:root[data-scheme=dark] .home-hero__subtitle,:root[data-scheme=dark] .home-hero .home-hero__eyebrow{color:#b7c8dc}:root[data-scheme=dark] .home-action[href$=".pdf"]{color:#eaf5ff}.home-workflow__preview,.home-workflow__project:hover .home-workflow__preview,.home-workflow__project:focus-visible .home-workflow__preview{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.home-workflow__item{background:linear-gradient(145deg,#ffffffb8,#e8f5ffb3)}.home-workflow__item:hover,.home-workflow__item:focus-within{border-color:#4098e642;background:linear-gradient(145deg,#f8fdffdb,#e0f2ffc2)}:root[data-scheme=dark] .home-workflow__item,:root[data-scheme=dark] .home-post-list .post-card>a,:root[data-scheme=dark] .home-tech-stack{background:#142129d1;border-color:#83b4e829}:root[data-scheme=dark] .home-workflow__item:hover,:root[data-scheme=dark] .home-workflow__item:focus-within{background:#192d39e6;border-color:#4da3ff47}.home-post-list .post-card:not(.has-image)>a,.article-list--compact .post-card:not(.has-image)>a{grid-template-columns:minmax(0,1fr);grid-template-areas:"body"}.home-post-list .post-card:not(.has-image) .article-details,.article-list--compact .post-card:not(.has-image) .article-details{grid-area:body}.home-tech-stack__pills a{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border:1px solid rgba(99,157,207,.18);border-radius:999px;background:#ffffffbd;color:color-mix(in srgb,var(--card-text-color-main) 82%,var(--leftjun-primary));box-shadow:0 8px 18px #2356880f;font-size:13px;font-weight:760;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.home-tech-stack__pills a:hover,.home-tech-stack__pills a:focus-visible{transform:translateY(-2px);border-color:#0f7aff5c;background:#dff1ffeb;color:#0d67d6;box-shadow:0 14px 28px #2368b41f}.home-tech-stack__pills span{display:none}:root[data-scheme=dark] .home-tech-stack__pills a{border-color:#83b4e82e;background:#ffffff0f;color:#d8ebff;box-shadow:none}:root[data-scheme=dark] .home-tech-stack__pills a:hover,:root[data-scheme=dark] .home-tech-stack__pills a:focus-visible{border-color:#4da3ff6b;background:#4da3ff21;color:#f3f9ff}.taxonomy-result-section{display:grid;gap:16px}.taxonomy-result-section__header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--card-text-color-secondary)}.taxonomy-result-section__header p{margin:0;color:var(--card-text-color-main);font-size:clamp(20px,2vw,26px);font-weight:820;letter-spacing:-.03em}.taxonomy-result-section__header span{min-width:34px;min-height:28px;display:inline-grid;place-items:center;border-radius:999px;background:var(--leftjun-primary-soft);color:var(--leftjun-primary);font-size:13px;font-weight:780}.taxonomy-project-showcase[data-view=single] .project-card{margin-bottom:16px}.taxonomy-record-list{max-width:none}@media(min-width:768px){body.sidebar-collapsed .sidebar-bottom-actions{width:100%;justify-items:center!important;align-items:center!important}body.sidebar-collapsed .sidebar-bottom-actions>a,body.sidebar-collapsed .sidebar-bottom-actions>button{margin-right:auto!important;margin-left:auto!important}body.sidebar-collapsed .sidebar-bottom-actions .menu-icon,body.sidebar-collapsed .sidebar-bottom-actions .theme-toggle__icon{position:relative;left:0;display:grid!important;place-items:center!important}}@media(max-width:767px){.home-hero__project-link{display:none}}.home-hero__media-link:hover .home-hero__project-link,.home-hero__media-link:focus-visible .home-hero__project-link{transform:none;background:#0f172a75;color:#fff;box-shadow:0 18px 36px #0f172a2e}.home-hero__project-link{pointer-events:auto;cursor:pointer}.home-hero__project-link:hover,.home-hero__media-link:focus-visible .home-hero__project-link{transform:translateY(-3px);background:#0e3256c7;color:#fff;box-shadow:0 22px 42px #0b315b47}:root[data-scheme=dark] .home-hero__media-link:hover .home-hero__project-link,:root[data-scheme=dark] .home-hero__media-link:focus-visible .home-hero__project-link{background:#0f172a75;color:#edf7ff}:root[data-scheme=dark] .home-hero__project-link:hover,:root[data-scheme=dark] .home-hero__media-link:focus-visible .home-hero__project-link{background:#205684db;color:#f5fbff;box-shadow:0 22px 42px #00000052}@media(min-width:768px){.article-page:not(.project-detail-page) .container.extended,.project-detail-page .container.extended{transition:none}.article-page main.main,.article-page .main-article{transform-origin:center top;transition:max-width .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),opacity .18s ease}.article-page .site-content-layout>.right-sidebar{transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .18s ease,left .26s cubic-bezier(.22,1,.36,1)}}@media(min-width:768px)and (max-width:1180px){:root{--leftjun-sidebar-width: 76px;--layout-column-gap: 20px;--leftjun-column-gap: 18px;--leftjun-layout-gutter: 18px}body.sidebar-collapsed{--leftjun-sidebar-width: 76px;--leftjun-column-gap: 18px}.container.extended{padding-left:calc(var(--leftjun-sidebar-width) + 18px);padding-right:18px}.left-sidebar,body.sidebar-collapsed .left-sidebar{--sidebar-avatar-size: 48px;--emoji-size: 16px;--emoji-font-size: 10px;width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width);align-items:center;gap:1.1rem;padding:24px 10px}.brand,body.sidebar-collapsed .brand{justify-content:center;width:52px;height:40px;min-height:40px}.brand-logo-mark,body.sidebar-collapsed .brand-logo-mark{display:block}.brand-logo-lockup,body.sidebar-collapsed .brand-logo-lockup{display:none}.left-sidebar header,body.sidebar-collapsed .left-sidebar header{align-items:center;gap:.8rem}.site-meta,.menu-social,.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label{display:none!important}#main-menu,body.sidebar-collapsed #main-menu{width:100%;align-items:center;gap:.55rem}#main-menu li,body.sidebar-collapsed #main-menu li,.sidebar-bottom-actions,body.sidebar-collapsed .sidebar-bottom-actions{width:100%;display:grid;place-items:center}#main-menu li>a,#i18n-switch,#dark-mode-toggle,body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;justify-content:center!important;padding:0!important;border-radius:18px}#sidebar-collapse-toggle{display:none!important}.site-content-layout.has-right-sidebar,.project-detail-page .site-content-layout.has-right-sidebar{grid-template-columns:1fr}.site-content-layout>.right-sidebar,.project-detail-page .site-content-layout>.right-sidebar{display:none}.article-toc{display:block}.article-page main.main,.article-page .main-article,.project-detail-page main.main,.project-detail-page .main-article{width:100%;max-width:min(100%,920px);margin-inline:auto}.project-detail-page .article-content,.project-detail-page .article-content>p,.project-detail-page .article-content>ul,.project-detail-page .article-content>ol,.project-detail-page .article-content>h2,.project-detail-page .article-content>h3,.project-detail-page .article-content>p:has(img),.project-detail-page .article-content>.case-media-grid{max-width:100%}}@media(min-width:768px)and (max-width:1180px){:root{--leftjun-sidebar-width: clamp(226px, 22vw, 252px);--layout-column-gap: 20px;--leftjun-column-gap: 18px;--leftjun-layout-gutter: 18px}body.sidebar-collapsed{--leftjun-sidebar-width: 76px;--leftjun-column-gap: 18px}.left-sidebar{--sidebar-avatar-size: 64px;--emoji-size: 18px;--emoji-font-size: 11px;--sidebar-menu-min-gap: .34rem;--sidebar-bottom-reserve-gap: clamp(2.75rem, 4.8vh, 3.9rem);width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width);align-items:stretch;gap:1rem;padding:24px 14px 12px;min-height:0;overflow:hidden}.sidebar-profile-card{flex:0 0 auto}.brand{justify-content:flex-start;width:min(170px,100%);height:42px;min-height:42px}.brand-logo-mark{display:none}.brand-logo-lockup{display:block;width:min(170px,100%);height:auto;max-height:36px}body.sidebar-collapsed .left-sidebar{--sidebar-avatar-size: 48px;--emoji-size: 16px;--emoji-font-size: 10px;align-items:center;gap:1.1rem;padding:24px 10px 10px;min-height:0;overflow:hidden}body.sidebar-collapsed .brand{justify-content:center;width:52px;height:40px;min-height:40px}body.sidebar-collapsed .brand-logo-mark{display:block}body.sidebar-collapsed .brand-logo-lockup{display:none}.left-sidebar header{align-items:flex-start;gap:.8rem}body.sidebar-collapsed .left-sidebar header{align-items:center}.site-meta,.menu-social{display:flex!important}.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label{display:inline!important}body.sidebar-collapsed .site-meta,body.sidebar-collapsed .menu-social,body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{display:none!important}#main-menu,body.sidebar-collapsed #main-menu{width:100%;gap:var(--sidebar-menu-min-gap);flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#main-menu{align-items:stretch;justify-content:space-between}body.sidebar-collapsed #main-menu{align-items:center;gap:.55rem;justify-content:flex-start}#main-menu li{width:100%;display:block;flex:0 0 auto}.sidebar-bottom-actions{width:100%;display:grid;flex:0 0 auto;margin-top:var(--sidebar-bottom-reserve-gap);place-items:stretch}body.sidebar-collapsed #main-menu li,body.sidebar-collapsed .sidebar-bottom-actions{width:100%;display:grid;place-items:center}body.sidebar-collapsed .sidebar-bottom-actions{margin-top:auto}#main-menu li>a,#i18n-switch,#dark-mode-toggle,#sidebar-collapse-toggle{width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:flex-start!important;gap:.72rem!important;padding:.58rem .72rem!important;border-radius:14px}#dark-mode-toggle,#sidebar-collapse-toggle{justify-content:center!important}body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;justify-content:center!important;gap:0!important;padding:0!important;border-radius:18px}#sidebar-collapse-toggle{display:inline-flex!important}}@media(min-width:1536px){.article-page:not(.project-detail-page) .container.extended{--article-expanded-main-width: 920px;--article-collapsed-main-width: min(980px, calc(100vw - 560px) );--article-sidebar-gap: 32px;--article-main-shift: -56px;padding-left:calc(var(--leftjun-sidebar-width) + 32px);padding-right:calc(var(--leftjun-sidebar-width) + 32px)}.article-page:not(.project-detail-page) .site-content-layout.has-right-sidebar{position:relative;grid-template-columns:minmax(0,var(--article-collapsed-main-width));justify-content:center;align-items:start}.article-page:not(.project-detail-page) main.main,.article-page:not(.project-detail-page) .main-article{width:100%;max-width:var(--article-expanded-main-width);margin-inline:auto}.article-page:not(.project-detail-page) main.main{transform:translate(var(--article-main-shift))}.article-page:not(.project-detail-page) .site-content-layout>.right-sidebar{position:fixed;top:var(--right-sidebar-sticky-top);left:calc(50% + 460px + var(--article-sidebar-gap));width:var(--right-sidebar-max-width);display:flex;margin-top:0;max-height:calc(100vh - var(--right-sidebar-sticky-top) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}body.sidebar-collapsed.article-page:not(.project-detail-page) main.main,body.sidebar-collapsed.article-page:not(.project-detail-page) .main-article{max-width:var(--article-collapsed-main-width)}body.sidebar-collapsed.article-page:not(.project-detail-page) main.main{transform:none}body.sidebar-collapsed.article-page:not(.project-detail-page) .site-content-layout>.right-sidebar{transform:translate(24px)}.project-detail-page .container.extended{padding-left:calc(var(--leftjun-sidebar-width) + 32px);padding-right:calc(var(--leftjun-sidebar-width) + 32px)}body.sidebar-collapsed.project-detail-page main.main,body.sidebar-collapsed.project-detail-page .main-article{max-width:var(--project-detail-collapsed-main-width)}body.sidebar-collapsed.project-detail-page main.main{transform:translate(var(--project-detail-collapsed-main-shift))}body.sidebar-collapsed.project-detail-page .site-content-layout>.right-sidebar{transform:translate(var(--project-detail-collapsed-sidebar-shift))}}.left-sidebar .brand{--brand-mark-size: 40px;--brand-lockup-width: 184px;background:transparent;border:0;box-shadow:none}.left-sidebar .brand-logo{display:none}.left-sidebar.is-expanded .brand-logo-lockup{display:block;transform:scale(1.545) translate(-18%) translateY(-11%);transform-origin:left center}.left-sidebar.is-collapsed .brand-logo-mark{display:block}@media(min-width:768px){.left-sidebar.is-expanded .brand{position:static;justify-content:flex-start;width:min(var(--brand-lockup-width),100%);height:46px;min-height:46px}.left-sidebar.is-expanded .brand-logo-lockup{width:min(var(--brand-lockup-width),100%);max-height:43px}body.sidebar-collapsed .left-sidebar .brand,.left-sidebar.is-collapsed .brand{justify-content:center;width:54px;height:46px;min-height:46px}body.sidebar-collapsed .left-sidebar .brand-logo-mark,.left-sidebar.is-collapsed .brand-logo-mark{width:var(--brand-mark-size);height:auto}}@media(min-width:768px)and (max-width:1180px){.left-sidebar .brand{--brand-lockup-width: 172px}body.sidebar-collapsed .left-sidebar .brand,.left-sidebar.is-collapsed .brand{--brand-mark-size: 40px;width:52px;height:44px;min-height:44px}}@media(max-width:767px){.left-sidebar{position:relative}.left-sidebar .brand{--brand-lockup-width: 150px;position:absolute;top:58px;right:48px;z-index:4;width:clamp(132px,39vw,var(--brand-lockup-width));height:40px;min-height:40px;justify-content:flex-end;pointer-events:auto}.left-sidebar .brand-logo{display:none}.left-sidebar .brand-logo-lockup{width:100%;max-height:38px;transform:translate(-34%) translateY(-9%)}.left-sidebar .brand-logo-lockup{display:block}.left-sidebar header{padding-right:0}}@media(prefers-reduced-motion:reduce){.article-page main.main,.article-page .main-article,.article-page .site-content-layout>.right-sidebar{transition:none!important}}